/* Hybrid Portfolio V3.12 — clean header and uninterrupted motion */
.site-header{display:flex;align-items:center;justify-content:center;position:sticky;top:0;min-height:78px;padding:0 5.2vw;gap:16px}
.header-identity,.header-location{position:absolute;top:50%;transform:translateY(-50%);font:9px var(--mono);letter-spacing:.075em;color:#a4a7a8;white-space:nowrap;display:flex;align-items:center;gap:9px}
.header-identity{left:5.2vw}.header-location{right:5.2vw}
.header-identity .hero-signal{flex:0 0 auto}
.desktop-nav{position:relative;z-index:2}
.hero-v3{border-top:0}
.hero-stage{min-height:0;gap:3vw;padding-top:24px;padding-bottom:14px}
.hero-copy{padding:24px 0}
.hero-visual{padding-top:0}
.hero-media{border-color:#272b30}
.hero-media .showcase-video{transition:none!important;opacity:0;visibility:hidden}
.hero-media .showcase-video.active{opacity:1;visibility:visible}
.showcase-fallback{display:none!important}
.hero-stage.no-showcase{min-height:0;padding:55px 0 32px}
.work-section{padding-top:42px}
/* Keep scrolling functional without the small right-side scrollbar arrows. */
html{scrollbar-width:none}
html::-webkit-scrollbar,body::-webkit-scrollbar{display:none;width:0;height:0}
@media(max-width:1100px){
 .header-identity,.header-location{font-size:8px;letter-spacing:0}
 .desktop-nav{gap:21px}
}
@media(max-width:850px){
 .site-header{justify-content:space-between;padding:0 5.2vw}
 .header-identity{position:static;transform:none;font-size:9px}
 .header-location{display:none}
 .desktop-nav{margin-left:auto}
 .hero-stage{padding-top:12px}
}
@media(max-width:700px){
 .site-header{min-height:66px}
 .header-identity{font-size:8px}
 .menu-toggle{margin-left:auto}
 .hero-copy{padding:27px 0 8px}
 .hero-visual{margin:10px 0 26px}
 .work-section{padding-top:28px}
}