/* V16 — dedicated touch-first composition. Desktop stays unchanged. */
.mobile-menu-toggle,.mobile-menu{display:none}
@media(max-width:750px){
 html{scroll-behavior:auto}
 .nav{position:absolute!important;z-index:100!important;top:0;left:0;right:0;min-height:80px!important;padding:16px 6vw!important;display:flex!important;align-items:center!important}
 .logo-framed{width:46px!important;height:46px!important;flex:0 0 46px!important}
 .site-links{display:none!important}
 .mobile-menu-toggle{display:inline-flex;align-items:center;justify-content:center;gap:14px;margin-left:auto;min-width:94px;min-height:46px;padding:0 8px;border:0;background:transparent;color:#f0eee9;font:600 12px 'Arial Narrow','Helvetica Neue Condensed',Arial,sans-serif;letter-spacing:.11em;cursor:pointer}
 .mobile-menu-toggle span{font-size:23px;font-weight:300;color:#f5a400;line-height:1}
 .mobile-menu{position:fixed;inset:0;z-index:90;background:#080808;display:flex;flex-direction:column;justify-content:center;padding:105px 7vw 55px;gap:12px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s,visibility .25s}
 .mobile-menu-open .mobile-menu{opacity:1;visibility:visible;pointer-events:auto}
 .mobile-menu-open{overflow:hidden}
 .mobile-menu a{font:750 clamp(43px,11vw,76px)/1.05 Figtree,Arial,sans-serif;letter-spacing:-.075em;padding:10px 0;color:#f0eee9}
 .mobile-menu a:active,.mobile-menu a:focus-visible{color:#f5a400}
 .mobile-menu a span{font-size:.7em;color:#f5a400}
 .mobile-menu-foot{margin-top:50px;color:#a5a19b;font-size:11px;letter-spacing:.1em}
 .intro-journey{height:195svh!important;margin-top:-80px!important}
 .intro-sticky{height:100svh!important}
 .intro-kicker{top:112px!important;left:6vw!important;font-size:10px!important}
 .intro-cube-hint{bottom:calc(7svh + env(safe-area-inset-bottom))!important;left:6vw!important;right:6vw!important;text-align:center!important;font-size:10px!important}
 .intro-story{gap:14px!important;padding:0 6vw!important}
 .intro-phrase{font-size:clamp(30px,8.1vw,57px)!important;max-width:88vw!important;line-height:1.05!important;white-space:normal!important;overflow-wrap:normal!important;text-wrap:balance}
 .intro-resolution{padding:0 6vw!important;gap:12px!important}
 .resolution-prefix{font-size:clamp(35px,9vw,58px)!important}
 .resolution-wordmark{width:clamp(155px,45vw,240px)!important}
 .cube-touch-zone{display:block;position:fixed;left:50%;top:46%;transform:translate(-50%,-50%);width:min(67vw,290px);height:min(67vw,290px);border-radius:22px;z-index:5;touch-action:none;cursor:grab;background:transparent}
 .cube-touch-zone:active{cursor:grabbing}
 .cube-touch-zone:focus-visible{outline:1px solid #f5a400;outline-offset:6px}
 .editorial-intro,.disciplines,.people-teaser{padding:95px 6vw 85px!important}
 .editorial-intro h1,.disciplines h2,.people-teaser h2{margin:45px 0 55px!important;font-size:clamp(42px,10vw,73px)!important;overflow-wrap:normal!important}
 .inner-page{padding:105px 6vw 70px!important}
 .inner-page h1{font-size:clamp(45px,11vw,80px)!important;margin:44px 0 65px!important}
 .discipline-toggle{min-height:80px!important}
 .discipline-toggle strong{font-size:clamp(28px,7.5vw,48px)!important}
 .contact{padding:100px 6vw 55px!important}
 .contact-headline{font-size:clamp(48px,11.2vw,83px)!important}
 .idle-film{background:rgba(0,0,0,.55)!important}
}
@media(max-width:360px){.intro-phrase{font-size:clamp(27px,8vw,33px)!important}.mobile-menu a{font-size:41px}}
@media(min-width:751px){.cube-touch-zone{display:none!important}}
@media(prefers-reduced-motion:reduce){.mobile-menu{transition:none}}

/* SHAPE navigation refinement — one menu, all viewports. */
.site-links{display:none!important}
.mobile-menu-toggle{display:inline-flex!important;align-items:center;justify-content:center;gap:12px;margin-left:auto;min-height:46px;padding:0 4px;border:0;background:transparent;color:#f5f2eb;font:600 12px Figtree,Arial,sans-serif;letter-spacing:.10em;cursor:pointer;position:relative;z-index:102}
.shape-menu-symbol{width:16px;height:16px;background:#f5a400;border-radius:0;display:inline-block;flex:0 0 16px;transition:border-radius .38s cubic-bezier(.2,.7,.2,1),transform .38s cubic-bezier(.2,.7,.2,1)}
.mobile-menu-open .shape-menu-symbol{border-radius:50%}
.mobile-menu{display:flex!important;position:fixed!important;inset:0!important;z-index:90!important;background:#080808!important;flex-direction:column;justify-content:center;gap:clamp(3px,1.2vh,12px);padding:clamp(90px,12vh,140px) clamp(24px,7vw,110px) 50px;opacity:0;visibility:hidden;pointer-events:none;overflow-y:auto;transition:opacity .3s ease,visibility .3s ease}
.mobile-menu-open .mobile-menu{opacity:1;visibility:visible;pointer-events:auto}
.mobile-menu-open{overflow:hidden}
.mobile-menu .shape-menu-link{display:flex;align-items:center;justify-content:space-between;gap:16px;width:min(100%,1100px);padding:clamp(4px,1vh,13px) 0;color:#f5f2eb;font:750 clamp(34px,5.4vw,80px)/1.06 Figtree,Arial,sans-serif;letter-spacing:-.067em;text-decoration:none;transition:color .2s ease}
.mobile-menu .shape-menu-link:hover,.mobile-menu .shape-menu-link:focus-visible,.mobile-menu .shape-menu-link[aria-current="page"]{color:#f5a400}
.mobile-menu .shape-menu-link:last-of-type{color:#f5a400}
.shape-triangle{display:inline-block;width:clamp(12px,1.4vw,19px);height:clamp(12px,1.4vw,19px);background:currentColor;clip-path:polygon(0 0,100% 0,100% 100%);transform:rotate(45deg);flex:0 0 auto}
.shape-triangle[data-direction="up-right"]{transform:rotate(0deg)}
.shape-triangle[data-direction="down"]{transform:rotate(135deg)}
.shape-triangle[data-direction="up"]{transform:rotate(-45deg)}
.shape-triangle[data-direction="left"]{transform:rotate(225deg)}
.mobile-menu-foot{margin-top:clamp(20px,5vh,55px);font-size:11px;letter-spacing:.1em;color:#a5a19b}
.site-arrow-icon{display:none!important}
.shape-inline-triangle{display:inline-block!important;width:.62em;height:.62em;margin-inline-start:.22em;vertical-align:.03em;background:currentColor;clip-path:polygon(0 0,100% 0,100% 100%);transform:rotate(0deg)}
.shape-inline-triangle[data-direction="down"]{transform:rotate(135deg)}
.shape-inline-triangle[data-direction="up"]{transform:rotate(-45deg)}
@media(max-width:750px){.mobile-menu .shape-menu-link{font-size:clamp(31px,9vw,56px)}.shape-triangle{width:13px;height:13px}.mobile-menu{padding-left:7vw;padding-right:7vw}}
@media(prefers-reduced-motion:reduce){.mobile-menu,.shape-menu-symbol,.mobile-menu .shape-menu-link{transition:none!important}}

.mobile-menu .shape-menu-link > span:first-child{font-size:inherit!important;color:inherit!important}
.mobile-menu .shape-menu-link > .shape-triangle{font-size:initial!important;color:inherit!important}