/* Unified physical folder layout */
html{scrollbar-width:thin;scrollbar-color:#ae9190 #f6f0e5}body{margin:0;padding:0;background:repeating-linear-gradient(90deg,#bdd9e9 0 56px,#fffdf7 56px 112px);overflow-x:hidden;color:#722d38}body:before{display:none!important}
.folders,#shared-folder-menu,body>span[aria-hidden="true"]{display:none!important}
.page,.stage{position:relative;isolation:isolate;margin:132px 5vw 34px!important;width:90vw;max-width:none;min-height:calc(100svh - 166px);height:auto;overflow:visible;clip-path:none!important;border-radius:12px 12px 18px 18px!important;padding:0!important;background:var(--folder-fill)!important;box-shadow:0 -1px 0 #ffffff70,0 14px 32px #44332920!important;animation:folder-arrive .45s ease both}
.page:before,.page:after,.stage:before,.stage:after,.about-right-title,.grain{display:none!important}
.folder-shell-about{--folder-fill:#f2e8d5;--folder-ink:#722d38}.folder-shell-projects{--folder-fill:#b9cdd6;--folder-ink:#722d38}.folder-shell-contact,.folder-shell-home{--folder-fill:#791d2d;--folder-ink:#f5efdf}
.portfolio-tabs{position:absolute;left:3%;right:3%;top:-66px;height:67px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;align-items:end;z-index:-1}
.portfolio-tab{position:relative;display:flex;align-items:center;justify-content:center;height:57px;margin:0 -3px;padding:12px 25px 4px;color:#722d38;text-decoration:none;font:400 14px Georgia,'Times New Roman',serif;letter-spacing:3px;isolation:isolate;transition:height .2s}
.portfolio-tab:before{content:'';position:absolute;inset:0 -12px -3px;z-index:-1;border-radius:32px 32px 0 0;transform:perspective(150px) rotateX(13deg);transform-origin:bottom;background:inherit;box-shadow:inset 0 1px 1px #ffffff75,0 -3px 6px #43272916}
.portfolio-tab.about{background:#e9ddc7}.portfolio-tab.projects{background:#a9c1cd}.portfolio-tab.contact{background:#6d192b;color:#f5efdf}
.portfolio-tab[aria-current=page]{height:67px;background:var(--folder-fill);color:var(--folder-ink);z-index:4}
.portfolio-tab[aria-current=page]:before{background:var(--folder-fill);box-shadow:inset 0 1px 1px #ffffff80}
.portfolio-tab:hover{height:65px}.portfolio-tab[aria-current=page]:hover{height:67px}.portfolio-tab:focus-visible{outline:2px solid currentColor;outline-offset:-9px}
.page>header{position:relative!important;top:auto!important;left:auto!important;right:auto!important;padding:30px 45px 0;height:auto;display:flex;z-index:2}.page>header a{font:12px Georgia,serif;letter-spacing:2px;color:var(--folder-ink)}
.about-intro{padding:65px 7vw 85px!important;min-height:calc(100svh - 225px)}.about-profile{max-width:1100px}.projects-content{padding:65px 6vw 85px!important;min-height:0}.page .projects-content[aria-label="Contact"]{min-height:calc(100svh - 230px)}
.stage .home-folder-content{padding:90px 7vw;color:#f5efdf}.home-folder-content h1{font:bold clamp(45px,7vw,100px)/1.05 Arial,sans-serif;margin:0 0 25px;letter-spacing:-3px}.home-folder-content p{font:14px/1.8 Georgia,serif;letter-spacing:2px;margin:0}
@keyframes folder-arrive{from{opacity:.5;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(max-width:700px){.page,.stage{margin:100px 16px 20px!important;width:calc(100vw - 32px);min-height:calc(100svh - 120px)}.portfolio-tabs{left:4%;right:4%;top:-51px;height:52px}.portfolio-tab{height:45px;font-size:10px;letter-spacing:1.5px;padding:8px 4px 2px}.portfolio-tab[aria-current=page],.portfolio-tab[aria-current=page]:hover{height:52px}.portfolio-tab:before{inset:0 -5px -2px;border-radius:20px 20px 0 0}.portfolio-tab:hover{height:50px}.page>header{padding:25px 25px 0}.about-intro,.projects-content{padding:40px 25px 55px!important}.stage .home-folder-content{padding:65px 28px}.home-folder-content h1{letter-spacing:-2px}}
@media(prefers-reduced-motion:reduce){.page,.stage{animation:none}.portfolio-tab{transition:none}}

.portfolio-tab{background:transparent!important}.portfolio-tab.about{--tab-fill:#e9ddc7}.portfolio-tab.projects{--tab-fill:#a9c1cd}.portfolio-tab.contact{--tab-fill:#6d192b}.portfolio-tab[aria-current=page]{--tab-fill:var(--folder-fill)}.portfolio-tab:before,.portfolio-tab[aria-current=page]:before{background:var(--tab-fill)}

html.folder-from-home .page{animation:folder-open-from-bottom .85s cubic-bezier(.16,1,.3,1) both!important;transform-origin:bottom center;will-change:transform,opacity}@keyframes folder-open-from-bottom{from{transform:translateY(calc(100svh - 130px));opacity:.8}to{transform:translateY(0);opacity:1}}@media(prefers-reduced-motion:reduce){html.folder-from-home .page{animation:none!important}}

.folder-shell-contact .page{background:#791d2d!important;min-height:calc(100svh - 166px);clip-path:none!important}.folder-shell-contact .portfolio-tab.contact{height:67px;--tab-fill:#791d2d;color:#f5efdf}.folder-shell-contact .page>header a{color:#f5efdf}@media(max-width:700px){.folder-shell-contact .page{min-height:calc(100svh - 120px)}.folder-shell-contact .portfolio-tab.contact{height:52px}}

/* Expanded folders retain the generous home navigation width. */
.page{margin:125px 16px 16px!important;width:calc(100vw - 32px)!important;min-height:calc(100svh - 141px)!important}
.portfolio-tabs{left:2%;right:2%;top:-76px;height:77px}
.portfolio-tab{height:68px;font-size:15px;letter-spacing:4px}
.portfolio-tab[aria-current=page],.portfolio-tab[aria-current=page]:hover,.folder-shell-contact .portfolio-tab.contact{height:77px}
.portfolio-tab:before{border-radius:38px 38px 0 0;inset:0 -10px -3px}
.portfolio-tab:hover{height:75px}
.folder-shell-contact .page{min-height:calc(100svh - 141px)!important}
@media(max-width:700px){.page{margin:100px 8px 8px!important;width:calc(100vw - 16px)!important;min-height:calc(100svh - 108px)!important}.portfolio-tabs{top:-60px;height:61px}.portfolio-tab{height:54px;font-size:10px;letter-spacing:2px}.portfolio-tab[aria-current=page],.portfolio-tab[aria-current=page]:hover,.folder-shell-contact .portfolio-tab.contact{height:61px}.portfolio-tab:hover{height:59px}.portfolio-tab:before{border-radius:26px 26px 0 0;inset:0 -4px -2px}}

.page{margin:132px 5vw 34px!important;width:90vw!important;min-height:calc(100svh - 166px)!important}.folder-shell-contact .page{min-height:calc(100svh - 166px)!important}
@media(max-width:700px){.page{margin:105px 20px 20px!important;width:calc(100vw - 40px)!important;min-height:calc(100svh - 125px)!important}.folder-shell-contact .page{min-height:calc(100svh - 125px)!important}}