/* V15 — mobile-first polish and quiet cube presentation */
html,body{max-width:100%;overflow-x:clip}
:root{--paragraph-size:18px}
.site-links a,.editorial-link,.person-tile,.contact-headline{touch-action:manipulation}
:focus-visible{outline:2px solid #f5a400;outline-offset:5px}
.idle-film{position:fixed;inset:0;z-index:80;background:#080808;display:grid;place-items:center;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .85s ease,visibility .85s}
.idle-film.is-active{opacity:1;visibility:visible;pointer-events:auto;cursor:pointer}
.idle-film video,.idle-film .idle-fallback{max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain}
.idle-film .idle-fallback{display:none;object-fit:contain;width:min(34vw,280px);height:auto}
.idle-film.is-fallback .idle-fallback{display:block}
.idle-film.is-fallback video{display:none}
.idle-film-caption{position:absolute;bottom:max(24px,env(safe-area-inset-bottom));left:6vw;font:11px 'Helvetica Neue',Arial,sans-serif;letter-spacing:.12em;color:#b6b2aa}
@media(max-width:750px){
 :root{--paragraph-size:16px}
 .nav{position:relative!important;min-height:88px;padding:16px 5vw!important;gap:12px;align-items:center}
 .logo-framed{flex:0 0 46px;width:46px;height:46px}
 .site-links{margin-left:auto;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px 14px!important;max-width:calc(100% - 62px);font-size:10px!important;line-height:1.5;letter-spacing:.02em!important}
 .site-links a{display:inline-flex;align-items:center;min-height:30px;white-space:nowrap}
 .intro-journey{height:300svh!important;margin-top:-88px}
 .intro-sticky{height:100svh;min-height:0}
 .intro-kicker{top:120px!important;left:5vw!important;font-size:10px!important}
 .intro-cube-hint{right:5vw!important;bottom:7vh!important;left:5vw;text-align:right;font-size:10px!important}
 .intro-phrase{font-size:clamp(35px,9.4vw,70px)!important;line-height:1.02!important;letter-spacing:-.065em!important;max-width:92vw!important;white-space:normal!important;overflow-wrap:normal}
 .intro-story{padding:0 5vw!important;gap:24px!important}
 .intro-resolution{padding:0 5vw;text-align:center}
 .resolution-prefix{font-size:clamp(36px,10vw,65px)!important}
 .resolution-wordmark{width:clamp(170px,48vw,280px)!important}
 .editorial-intro,.disciplines,.people-teaser{min-height:0!important;padding:110px 5vw 95px!important}
 .editorial-intro h1,.people-teaser h2,.disciplines h2{font-size:clamp(44px,11.3vw,80px)!important;line-height:1.01!important;letter-spacing:-.065em!important;margin:55px 0 55px!important;overflow-wrap:break-word}
 .editorial-detail,.teaser-bottom,.inner-copy{display:grid!important;grid-template-columns:1fr!important;gap:24px!important}
 .editorial-detail p,.teaser-bottom p,.inner-copy p{margin:0 0 14px!important;max-width:100%!important}
 .editorial-link{width:max-content;max-width:100%;min-height:44px;white-space:normal}
 .disciplines .scale-statement{font-size:clamp(44px,11vw,76px)!important}
 .discipline-toggle{grid-template-columns:32px minmax(0,1fr) 28px!important;gap:8px;padding:24px 0!important;min-height:78px}
 .discipline-toggle strong{font-size:clamp(29px,8vw,50px)!important}
 .discipline-panel-inner{padding-left:40px!important}
 .discipline-panel ul{grid-template-columns:1fr!important;gap:12px!important}
 .inner-page{padding:105px 5vw 80px!important;min-height:0}
 .inner-page h1{font-size:clamp(52px,12vw,88px)!important;line-height:.98!important;margin:55px 0 80px!important;overflow-wrap:break-word}
 .philosophy-page h1,.practice-page h1{margin-bottom:85px!important}
 .thinking-section{padding:75px 0 95px!important;min-height:0!important}
 .thinking-section h2{font-size:clamp(45px,10vw,76px)!important;overflow-wrap:break-word}
 .philosophy-lead,.about-origin{grid-template-columns:1fr!important;gap:22px!important}
 .brand-artifact img{max-width:100%!important}
 .profile-layout{grid-template-columns:1fr!important}
 .profile-portrait{max-width:440px}
 .profile-content h1{margin:20px 0!important;font-size:clamp(48px,11vw,86px)!important}
 .people-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:22px!important}
 .person-tile img{width:100%;height:auto}
 .person-tile h2{font-size:clamp(19px,4.7vw,27px)!important;display:block}
 .contact{min-height:0!important;padding:110px 5vw 55px!important}
 .contact-headline{font-size:clamp(51px,12vw,88px)!important;padding-bottom:85px!important}
 .contact-headline b{bottom:45px!important}
 .contact-foot{display:flex;flex-direction:column;gap:17px!important}
 footer{padding:30px 5vw!important;gap:16px}
 .idle-film-caption{font-size:10px}
}
@media(max-width:390px){
 .nav{align-items:flex-start}
 .site-links{gap:4px 10px!important;font-size:9px!important}
 .people-grid{grid-template-columns:1fr!important;gap:55px!important}
 .person-tile img{max-width:240px}
 .intro-phrase{font-size:clamp(32px,9.1vw,44px)!important}
}
@media(prefers-reduced-motion:reduce){.idle-film{display:none!important}}

/* V15.2 — official white shape morph on a translucent idle veil. */
.idle-film{background:rgba(8,8,8,.38)!important;overflow:hidden;isolation:isolate;transition:opacity .35s ease,visibility .35s ease!important}
.idle-motion-frame{position:absolute;inset:0;display:grid;place-items:center;overflow:hidden;pointer-events:none}
.idle-motion{display:block!important;position:relative!important;max-width:none!important;max-height:none!important;width:auto!important;height:clamp(900px,135vh,1550px)!important;object-fit:contain!important;mix-blend-mode:screen;filter:brightness(1.15);user-select:none;pointer-events:none}
.idle-film-caption{z-index:2;color:#d0cbc3!important}
@media(max-width:700px){.idle-film{background:rgba(8,8,8,.33)!important}.idle-motion{height:clamp(850px,118vh,1350px)!important}.idle-film-caption{bottom:max(25px,env(safe-area-inset-bottom))}}

/* V15.3: genuine transparent motion; the dimmer belongs to the site, not the animation. */
.idle-film{background:rgba(0,0,0,.24)!important}
.idle-motion-frame{inset:0;display:grid;place-items:center}
.idle-motion{height:min(82dvh,760px)!important;width:auto!important;max-width:92vw!important;object-fit:contain!important;mix-blend-mode:normal!important;filter:none!important}
@media(max-width:700px){.idle-film{background:rgba(0,0,0,.18)!important}.idle-motion{height:min(74dvh,670px)!important;max-width:88vw!important}}

/* V15.4 — deeper site veil; source bounce motion remains pure white with real alpha. */
.idle-film{background:rgba(0,0,0,.62)!important}
@media(max-width:700px){.idle-film{background:rgba(0,0,0,.55)!important}}