/* Edition 11: the existing smoked-glass navigation extends to the scene and service paths. */
:root{--shell-inset:clamp(14px,2.5vw,42px)}
.header{position:fixed;overflow:visible}
.detail-page .detail-hero,.sos-page .sos-intro{padding-top:145px}
.header nav{gap:10px}.nav-group{position:relative;display:flex;align-items:center}
.header nav .nav-group>a{padding-right:8px}.nav-disclosure{width:24px;min-height:40px;padding:0;display:grid;place-items:center;color:#bdcbd3}
.nav-disclosure svg{width:12px;height:12px;transition:transform .2s}.is-open>.nav-disclosure svg{transform:rotate(180deg)}
.nav-panel{position:absolute;left:0;top:calc(100% + 9px);min-width:290px;padding:9px;border-radius:13px;border:1px solid #cbdce530;background:linear-gradient(145deg,#243036fa,#10181cfa);box-shadow:0 18px 45px #0007,inset 0 1px #fff1;backdrop-filter:blur(22px);visibility:hidden;opacity:0;transform:translateY(-5px);transition:opacity .18s,transform .18s,visibility .18s}
.nav-panel::before{content:'';position:absolute;inset:-12px 0 auto;height:13px}.nav-group:last-child .nav-panel{left:auto;right:0}
.nav-group.is-open>.nav-panel{visibility:visible;opacity:1;transform:none}
.header nav .nav-panel a{display:block;white-space:normal;font-size:12px;line-height:1.6;padding:13px 14px;border-radius:7px;background:transparent;box-shadow:none}
.header nav .nav-panel a:hover{background:#ffffff0a}.header nav .nav-panel a+a{border-top:1px solid #ffffff09}
.menu-toggle{display:none;width:36px;height:36px;flex-shrink:0;padding:8px}.menu-toggle svg{width:20px;height:20px}
.header .music-control{margin-left:0}.header .settings-trigger{margin-left:0}
.scene-media{aspect-ratio:7/2.6;border-radius:18px;box-shadow:0 20px 70px #0003,inset 0 0 0 1px #c5d3da2e}
.scene-enhanced .scene-media{width:min(calc(100% - 2 * var(--shell-inset)),calc((100svh - 205px)*7/2.6));max-width:none;max-height:none;aspect-ratio:7/2.6}
.scene-media>#scene-canvas,.scene-media>#scene-poster,.scene-media>#scene-idle{inset:auto 0 0;top:auto;width:100%;height:115.384616%;object-fit:fill;clip-path:inset(13.333334% 0 0 round 18px)}
.world-band{border-radius:0 0 18px 18px}
.chapter-statement .idea-word{color:#c8d9e0}.chapter-statement em .you-word{color:#e4cda3;text-shadow:0 0 28px #d6b3781a;font-weight:400}
.marketing-window .media-frame{aspect-ratio:3/2}.marketing-window img{object-position:center}
.property-film .media-frame{aspect-ratio:4/5}.property-film img{object-position:center 48%;width:100%;height:100%;object-fit:cover}
.company-links{display:flex;gap:12px;flex-wrap:wrap;margin-top:35px}.company-links a{font-size:12px}
.people-page .detail-hero,.company-page .detail-hero{padding-top:165px;padding-bottom:85px;background:radial-gradient(ellipse at 80% 15%,#53656f20,transparent 65%)}
.people-page h1,.company-page h1{max-width:1050px;font-size:clamp(55px,7.8vw,126px);line-height:1.02;letter-spacing:-.055em;font-weight:300}
.people-page .opening,.company-page .opening{font-size:clamp(21px,2.4vw,35px);line-height:1.45;max-width:940px;margin-top:38px;color:#c5ced2;font-weight:300}
.people-intro{display:grid;grid-template-columns:1fr 1fr;gap:8vw;border-block:1px solid #a5c3ce1c;background:#ffffff02}
.people-intro h2{max-width:550px;font-size:clamp(37px,4vw,64px)}.people-intro p{max-width:570px;margin-bottom:20px;color:#bcc7cd;font-size:17px;line-height:1.85}
.team-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:7vw;align-items:center}
.team-signature{position:relative;aspect-ratio:5/4;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 25%,#3d52604a,transparent 70%),linear-gradient(135deg,#1e292f,#10181d);border:1px solid #9ab8c326;border-radius:18px;box-shadow:inset 0 1px #d0e0e614;overflow:hidden}
.team-signature>span{font-weight:300;font-size:clamp(95px,15vw,230px);letter-spacing:-.09em;color:#d1dce2}.team-signature::after{content:'';position:absolute;width:70%;height:1px;bottom:18%;background:linear-gradient(90deg,transparent,#cab78c,transparent)}
.person-copy .person-role{font-size:13px;color:#d7c29a;margin:0 0 22px}.person-copy h2{font-size:clamp(38px,4.4vw,72px);font-weight:300;margin:0 0 27px;letter-spacing:-.045em}
.person-copy p{font-size:17px;color:#c2ccd1;line-height:1.8;margin-bottom:22px;max-width:560px}.person-copy .quiet-link{font-size:12px;margin-top:12px}
.team-commercial{padding-top:0;display:grid;grid-template-columns:1.1fr 1fr;gap:7vw}.team-commercial>div{grid-column:2;padding-top:35px;border-top:1px solid #bed1dc2b}.team-commercial h3{font-size:30px;font-weight:300;margin:12px 0}.team-commercial p{font-size:13px;color:#c0cbd1}
.company-principles{display:grid;grid-template-columns:repeat(3,1fr);gap:4vw}.company-principles h3{font-weight:300;font-size:30px;margin:0 0 20px;letter-spacing:-.025em}.company-principles p{font-size:15px;line-height:1.85;color:#bdc7cd}.company-principles>article{padding-top:25px;border-top:1px solid #b7c5cc35}
.company-cta{display:flex;align-items:center;justify-content:space-between;gap:40px;border-top:1px solid #b9c8cd26}.company-cta h2{font-size:clamp(36px,4vw,64px)}.company-cta a{font-size:13px;white-space:nowrap}
.high-contrast .nav-panel{background:#000;border-color:#fff}.high-contrast .you-word,.high-contrast .idea-word{color:#fff!important}
@media(max-width:1000px){.header{gap:10px}.header nav{gap:2px}.header nav .nav-group>a{padding-left:10px;font-size:12px}.nav-panel{min-width:250px}.people-intro{gap:5vw}}
@media(max-width:760px){:root{--shell-inset:10px}.header{gap:7px}.header .brand{width:112px}.header .menu-toggle{display:grid;place-items:center;margin-left:auto;order:1}.header .music-control{order:2}.header .settings-trigger{order:3}.header nav{position:absolute;top:calc(100% + 8px);left:0;right:0;display:none;max-height:calc(100svh - 100px);overflow:auto;padding:12px;background:#152026fa;border:1px solid #c3d6df30;border-radius:14px;box-shadow:0 18px 42px #0007;backdrop-filter:blur(24px)}.header.menu-open nav{display:block}.header .nav-group{display:grid;grid-template-columns:1fr 44px}.header nav .nav-group>a{display:block;font-size:15px;padding:15px 13px}.nav-disclosure{width:44px;height:44px}.nav-panel{grid-column:1/-1;position:static;display:none;min-width:0;margin:3px 0 9px;box-shadow:none;background:#0002;transform:none;border:0;border-radius:7px}.is-open>.nav-panel{display:block}.header nav .nav-panel a{font-size:13px;padding:12px}.nav-panel::before{display:none}.scene-media{border-radius:12px}.world-band{border-radius:0 0 12px 12px}.scene-enhanced .scene-media{width:calc(100% - 20px);max-width:calc(100% - 20px);max-height:none}.marketing-window .media-frame{aspect-ratio:3/2}.property-film .media-frame{aspect-ratio:5/4}.property-film img{object-position:center 36%}.people-page .detail-hero,.company-page .detail-hero{padding-top:125px;padding-bottom:55px}.people-page h1,.company-page h1{font-size:clamp(46px,10vw,65px)}.people-page .opening,.company-page .opening{font-size:23px;margin-top:28px}.people-intro,.team-grid,.team-commercial,.company-principles{grid-template-columns:1fr;gap:30px}.people-intro p,.person-copy p{font-size:15px}.team-signature{aspect-ratio:5/3}.team-signature>span{font-size:110px}.person-copy h2{font-size:44px}.team-commercial>div{grid-column:auto}.team-commercial h3{font-size:27px}.company-cta{display:block}.company-cta a{margin-top:28px}.company-links{margin-top:25px}}
.scene-static .scene-media{width:calc(100% - 2 * var(--shell-inset));max-width:none;margin-inline:auto}