html,body{height:100%;overflow:hidden}.app-shell{height:100vh;overflow:hidden}.topbar{position:fixed;inset:0 0 auto;height:72px;width:100%}main{position:relative;height:calc(100vh - 72px);margin-top:72px;overflow:hidden}.page-panel{position:absolute!important;inset:0;display:none!important;min-height:0!important;height:100%;overflow:hidden;animation:pageDock .5s ease-out}.page-panel.active{display:grid!important}.page-panel.content-section.active,.page-panel.contact-section.active{display:grid!important}.page-panel .section-body{min-height:0;overflow:hidden}.hero.page-panel{align-items:center}.marquee{position:absolute;left:0;right:0;bottom:0;z-index:2}.page-nav{position:fixed;right:5vw;top:86px;z-index:6;display:flex;align-items:center;gap:8px;padding:7px 9px;border:1px solid var(--line);background:rgba(8,11,16,.78);backdrop-filter:blur(10px)}.page-nav-label{color:var(--red);font-size:8px;letter-spacing:.1em;margin-right:5px}.page-nav-item{font:9px var(--mono);letter-spacing:.08em;color:var(--muted);background:transparent;border:0;border-left:1px solid var(--line);padding:5px 7px;cursor:pointer}.page-nav-item:hover,.page-nav-item.active{color:var(--cyan)}.page-nav-item.active{box-shadow:inset 0 -1px var(--cyan)}footer{display:none}.content-section.page-panel{padding-top:45px;padding-bottom:45px}.content-section.page-panel .section-index{padding-top:0}.about-layout,.stack-layout{align-items:center}.section-heading{margin-bottom:22px}.project-list{max-height:calc(100vh - 220px);overflow:hidden}.project-card{min-height:115px;padding:12px 0}.project-visual{height:82px}.project-info h3{font-size:29px;margin:4px 0}.project-info p{line-height:1.45;margin-bottom:8px}.stack-intro{margin-top:22px}.skill-matrix>div{min-height:130px;padding-top:16px}.skill-matrix h3{margin:18px 0 5px}.contact-section{padding-top:45px;padding-bottom:45px}.contact-section p{margin:22px 0}.social-links{margin-top:38px}@keyframes pageDock{from{opacity:0;transform:scale(.98) translateY(8px)}to{opacity:1;transform:none}}@media(min-width:1600px){.page-nav{right:calc((100vw - 1800px)/2 + 5vw)}.content-section.page-panel{padding-top:75px;padding-bottom:75px}.project-card{min-height:130px}.project-visual{height:92px}}@media(max-width:800px){.topbar{height:62px}.app-shell{height:100svh}main{height:calc(100svh - 62px);margin-top:62px}.page-nav{left:16px;right:16px;top:72px;justify-content:space-between;gap:2px;padding:5px}.page-nav-label{display:none}.page-nav-item{font-size:8px;padding:6px 5px;flex:1}.page-panel{padding-left:16px!important;padding-right:16px!important}.hero.page-panel{padding-top:30px!important}.content-section.page-panel{padding-top:78px;padding-bottom:18px}.content-section.page-panel .section-index{margin-bottom:18px}.about-layout,.stack-layout{display:block}.about-text{margin-top:18px}.large-copy{font-size:15px;line-height:1.35}.about-text p:not(.large-copy){line-height:1.45}.signature{margin-top:22px}.section-heading{margin-bottom:14px}.section-note{margin-top:7px}.project-list{max-height:none}.project-card{min-height:0;height:calc((100svh - 255px)/4);padding:6px 0}.project-info h3{font-size:25px}.project-info p{font-size:9px;line-height:1.3;margin-bottom:4px}.project-type{font-size:7px}.tags span{font-size:7px;padding:3px 5px}.project-arrow{font-size:16px}.stack-layout{height:100%}.stack-intro{margin-top:15px;line-height:1.4}.skill-matrix{margin-top:18px}.skill-matrix>div,.skill-matrix>div:nth-child(odd),.skill-matrix>div:nth-child(even){padding:7px 0;min-height:0;height:calc((100svh - 270px)/4)}.skill-matrix h3{font-size:23px;margin:5px 0 3px}.skill-matrix p{font-size:8px;line-height:1.35;margin:0}.contact-section.page-panel{padding-top:78px}.contact-section h2{font-size:55px}.contact-section p{margin:18px 0;line-height:1.5}.social-links{margin-top:35px}.marquee{display:none}.jarvis-reader{bottom:12px}.hero-meta{margin-top:25px}.reactor-wrap{height:245px}.reactor{width:min(60vw,250px);height:min(60vw,250px)}.reactor-label,.reactor-foot{width:min(100%,280px);font-size:8px}}@media(max-width:420px){.page-nav-item{font-size:7px;padding:5px 2px}.hero.page-panel{padding-top:18px!important}.hero h1{font-size:54px}.hero-intro{font-size:10px;line-height:1.45}.reactor-wrap{height:205px}.reactor{width:190px;height:190px}.hero-meta{font-size:7px}.content-section.page-panel{padding-top:70px}.project-card{height:calc((100svh - 230px)/4)}.project-info p{display:none}.contact-section h2{font-size:49px}}
@media(prefers-reduced-motion:reduce){.page-panel{animation:none}}