:root{color-scheme:dark;--ink:#edf2f6;--soft:#b1bdc9;--line:rgba(221,235,249,.2);--night:#080e16;font-family:Inter,Arial,sans-serif;background:var(--night);color:var(--ink)}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid #cde6fa;outline-offset:7px}button{border:0;background:none}button,a{-webkit-tap-highlight-color:transparent}button:disabled{opacity:.5;cursor:wait}
.experience{position:relative;isolation:isolate;width:100%;height:100svh;min-height:660px;overflow:hidden;background:radial-gradient(ellipse at 50% 53%,#374b5c 0,#162332 34%,#070d15 73%)}
@supports(height:100dvh){.experience{height:100dvh}}
.scene{position:absolute;inset:0;touch-action:none;cursor:grab}.scene.dragging{cursor:grabbing}.scene canvas{display:block;width:100%;height:100%;position:absolute;inset:0}
.vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(4,8,14,.25),transparent 30%,transparent 66%,rgba(3,6,11,.32)),radial-gradient(ellipse at 50% 45%,transparent 28%,rgba(2,5,10,.36) 100%)}
.texture{position:absolute;inset:0;pointer-events:none;opacity:.065;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='150'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.65' filter='url(%23n)'/%3E%3C/svg%3E")}
.header{position:absolute;z-index:3;top:0;left:0;right:0;display:flex;align-items:center;padding:clamp(24px,3.1vw,52px) clamp(24px,4.3vw,80px);gap:40px}
.wordmark{font-size:23px;letter-spacing:.18em;font-family:AZHDisplay,Georgia,serif;white-space:nowrap}.studio-label{font-size:13px;color:#aebdca;margin-left:auto;letter-spacing:.02em}.header-actions{display:flex;gap:38px;align-items:center;margin-left:30px}.quiet-button{display:flex;align-items:center;justify-content:center;gap:12px;min-height:44px;padding:6px 0;font-size:14px;transition:color .2s;color:#d3dce3;white-space:nowrap}.quiet-button:hover{color:#fff}.menu-glyph{width:19px;display:flex;flex-direction:column;gap:5px}.menu-glyph i{height:1px;width:19px;background:currentColor;transition:transform .3s}.menu-button:hover .menu-glyph i:last-child{transform:translateX(-5px)}.sound-bars{height:15px;display:flex;gap:3px;align-items:center}.sound-bars i{height:3px;width:1px;background:currentColor}.sound-button[aria-pressed=true] .sound-bars i{animation:bars 1s ease-in-out infinite alternate}.sound-bars i:nth-child(2){animation-delay:-.4s!important}.sound-bars i:nth-child(3){animation-delay:-.7s!important}.sound-bars i:nth-child(4){animation-delay:-.2s!important}@keyframes bars{to{height:14px}}
.hero-copy{position:absolute;z-index:2;top:67%;left:50%;transform:translate(-50%,0);width:calc(100% - 48px);text-align:center;pointer-events:none;transition:top 1.6s cubic-bezier(.22,.68,.16,1),transform 1.6s ease,opacity 1s ease}.eyebrow{font-size:12px;letter-spacing:.19em;text-transform:uppercase;margin:0 0 15px;color:#b0c0ce}.hero-copy h1{font-family:AZHDisplay,Georgia,serif;font-size:clamp(48px,5.1vw,83px);font-weight:300;letter-spacing:-.015em;line-height:1;margin:0;text-shadow:0 2px 30px rgba(0,0,0,.2)}.tagline{font-size:15px;color:#bac9d5;margin:14px 0 0;font-weight:400;line-height:1.6;transition:opacity .8s,height .8s,margin .8s}.enter-button{pointer-events:auto;display:inline-flex;align-items:center;gap:22px;min-height:46px;margin-top:24px;padding:0 5px 7px 1px;border-bottom:1px solid rgba(217,234,247,.4);font-size:14px;letter-spacing:.02em;transition:border-color .3s,color .3s,transform .4s}.enter-button:hover{border-color:#fff;color:#fff;transform:translateY(-2px)}.enter-icon{font-size:20px;transition:transform .4s}.enter-button:hover .enter-icon{transform:translate(3px,-3px)}
.scene-caption{position:absolute;left:68%;top:48%;z-index:1;display:flex;align-items:center;gap:14px;font-size:12px;letter-spacing:.025em;color:#9fb2c2;opacity:.65;pointer-events:none;transition:opacity .8s}.caption-rule{width:35px;height:1px;background:#8da3b3}
.footer{position:absolute;left:0;bottom:0;right:0;padding:24px clamp(24px,4.3vw,80px) max(28px,env(safe-area-inset-bottom));display:grid;grid-template-columns:1fr auto 1fr;align-items:center;z-index:3;gap:20px;font-size:14px}.text-link{display:inline-flex;align-items:center;gap:18px;justify-self:start;min-height:44px;white-space:nowrap}.text-link span{color:#8fa5b7}.text-link:hover span{color:#fff}.contact{justify-self:end}.motion-tools{display:flex;align-items:center;gap:24px;color:#9eb1c0}.interaction-hint{font-size:12px}.motion-button{font-size:12px;color:#9eb1c0;gap:7px}.pause-glyph{font-size:13px;letter-spacing:-.15em;min-width:12px}

.menu{position:fixed;inset:0;border:none;margin:0;padding:0;width:100%;max-width:none;height:100dvh;max-height:none;background:#0b121b;color:var(--ink);z-index:10;overflow:auto}.menu::backdrop{background:#080e16}.menu[open]{animation:menu-in .4s ease both}.menu-top{display:flex;align-items:center;justify-content:space-between;padding:30px clamp(24px,4.3vw,80px)}.menu-top .quiet-button{gap:20px}.menu-top .quiet-button span{font-size:28px}.menu-body{max-width:960px;margin:6vh auto;padding:0 40px}.menu-body .eyebrow{margin-bottom:36px}.menu-body nav{display:flex;flex-direction:column;align-items:flex-start;gap:18px}.menu-body nav>a,.menu-home{display:flex;align-items:center;gap:26px;font-family:AZHDisplay,Georgia,serif;font-size:clamp(45px,6vw,80px);line-height:1.1;font-weight:300;padding:6px 0}.menu-body nav span{font:12px Inter,Arial,sans-serif;color:#6f8294;letter-spacing:.05em}.menu-body nav small{font-size:25px;color:#8b9aa8;margin-left:18px}.menu-body nav>a:hover,.menu-home:hover{color:#9ac6e4}.menu-email{display:inline-block;margin-top:60px;font-size:17px;border-bottom:1px solid var(--line);padding-bottom:12px}.menu-note{font-size:14px;line-height:1.8;color:#8e9eac;margin-top:26px}@keyframes menu-in{from{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:none}}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1700px){.hero-copy{top:68%}.scene-caption{left:64%}}
@media(max-width:900px){.header{padding:22px 26px}.studio-label{display:none}.header-actions{margin-left:auto;gap:24px}.scene-caption{display:none}.hero-copy h1{font-size:58px}.footer{padding-left:26px;padding-right:26px}.interaction-hint{display:none}.motion-tools{gap:0}}
@media(max-width:600px){.experience{min-height:690px}.header{padding:17px 23px;gap:20px}.wordmark{font-size:19px;letter-spacing:.13em}.header-actions{gap:24px}.quiet-button{font-size:13px;gap:8px}.sound-button .sound-bars{display:none}.menu-glyph{width:16px}.menu-glyph i{width:16px}.hero-copy{top:63%}.hero-copy h1{font-size:50px}.hero-copy .eyebrow{font-size:11px;letter-spacing:.17em;margin-bottom:13px}.tagline{font-size:13px;margin-top:12px}.enter-button{margin-top:18px;min-height:44px;font-size:13px;gap:18px}.footer{grid-template-columns:1fr 1fr;padding:16px 24px max(20px,env(safe-area-inset-bottom));font-size:13px;gap:6px}.motion-tools{position:absolute;left:50%;bottom:76px;transform:translateX(-50%)}.motion-button{font-size:11px;min-height:36px}.text-link{gap:12px}.contact{grid-column:2}.menu-top{padding:20px 24px}.menu-body{margin:5vh auto;padding:0 28px}.menu-body nav>a,.menu-home{font-size:48px;gap:20px}.menu-email{margin-top:45px}}
@media(max-width:600px) and (max-height:760px){.hero-copy{top:61%}.hero-copy h1{font-size:44px}.hero-copy .eyebrow{margin-bottom:8px}.tagline{margin-top:8px}.enter-button{margin-top:10px}.motion-tools{bottom:67px}}
@media(max-height:720px) and (min-width:601px){.experience{min-height:570px}.hero-copy{top:65%}.hero-copy h1{font-size:49px}.eyebrow{margin-bottom:8px}.tagline{font-size:13px;margin-top:10px}.enter-button{margin-top:10px}.footer{padding-bottom:12px}.scene-caption{top:44%}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

/* The page scroll is the camera track; the viewport remains pinned. */
html{scrollbar-width:none}html::-webkit-scrollbar{display:none}
body{overflow-x:clip;overscroll-behavior-y:none}
.journey{height:230vh;height:230svh;position:relative}
.experience{position:sticky;top:0;height:100vh;height:100svh;min-height:0;--wash:0;--reveal:0;--copy-opacity:1;--copy-offset:0px;--chrome:211,220,227}
.scene{touch-action:pan-y pinch-zoom}
.hero-copy{opacity:var(--copy-opacity);transform:translate(-50%,var(--copy-offset));transition:none}
.hero-copy h1{font-size:clamp(40px,4.8vw,76px);letter-spacing:.13em;padding-left:.13em}
.enter-button{gap:26px;margin-top:22px}
.enter-icon{font-size:19px}
.enter-button:hover .enter-icon{transform:translateY(3px)}
.scene-caption{display:none}
.vignette,.texture{opacity:calc(1 - var(--wash))}.texture{opacity:calc(.065 * (1 - var(--wash)))}
.whiteout{position:absolute;inset:0;z-index:4;background:white;opacity:var(--wash);pointer-events:none}
.header,.footer{z-index:8;color:rgb(var(--chrome))}
.experience .quiet-button,.studio-label,.motion-tools{color:rgb(var(--chrome))}
.footer .text-link span{color:inherit;opacity:.65}
.reel-stage{position:absolute;inset:15% 0;z-index:6;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#17191c;opacity:var(--reveal);pointer-events:auto}
.reel-stage[inert]{pointer-events:none}
.reel-heading{display:flex;justify-content:space-between;width:50vw;max-width:800px;font-size:14px;line-height:1.6;margin-bottom:16px;letter-spacing:.03em}
.reel-heading span:first-child{font-family:AZHDisplay,Georgia,serif;letter-spacing:.13em;font-size:20px}
.reel-frame{width:50vw;max-width:800px;background:#090b0e;aspect-ratio:12/7;overflow:hidden}
.reel-frame video{display:block;width:100%;height:100%;object-fit:cover}
.replay-button{min-height:44px;padding:10px;margin-top:20px;font-size:14px;color:#61656b}
.replay-button:hover{color:#080e16}
.experience[data-view=reel] button:focus-visible,.experience[data-view=reel] a:focus-visible{outline-color:#334b60}
@media(max-width:600px){.journey{height:200vh;height:200svh}.experience{min-height:0}.hero-copy{top:65%}.hero-copy h1{font-size:39px}.tagline{font-size:14px;line-height:1.5}.enter-button{font-size:14px;margin-top:16px}.reel-frame,.reel-heading{width:90vw}.reel-frame{aspect-ratio:1.644}.reel-heading{font-size:14px}.replay-button{margin-top:22px}.motion-button{min-height:44px;font-size:12px}}
@media(max-height:650px){.header{padding-top:12px}.hero-copy{top:62%}.hero-copy h1{font-size:36px}.tagline{margin-top:8px}.enter-button{margin-top:6px}.reel-frame{max-height:55svh;width:auto;max-width:90vw;aspect-ratio:12/7}.reel-heading{max-width:65vh}.replay-button{margin-top:8px}.footer{padding-bottom:8px}.motion-tools{bottom:54px}}

/* AZH wordmark and the unbranded continuation beyond the light. */
.header-actions{margin-left:auto}
.arrival-wordmark{font-family:AZHDisplay,Georgia,serif;font-size:clamp(84px,15vw,230px);font-weight:300;line-height:1;letter-spacing:.12em;padding-left:.12em;margin:0 0 32px}
.footer button.text-link{padding:0;font-size:inherit}

/* AZH first-screen framing. */
.header>.wordmark{display:none}.header-actions{width:100%;margin-left:0;justify-content:space-between}
.header{padding-top:26px}.sound-button{font-size:15px}.menu-button{font-size:15px}
.vignette,.texture{display:none}.scene{cursor:default}.scene.dragging{cursor:default}
/* AZH on the left; sound and navigation grouped on the right. */
.header>.wordmark{display:inline-flex;align-items:center;min-height:44px;font-size:27px;letter-spacing:.13em}
.header-actions{width:auto;margin-left:auto;justify-content:flex-end;gap:32px}
@media(max-width:600px){.header>.wordmark{font-size:23px}.header-actions{gap:22px}.sound-button,.menu-button{font-size:13px}}
/* A transparent modal above the live scene: the shader draws the panel. */
.has-menu,.has-menu body{overflow:hidden}
/* Locking body scroll changes the sticky container. Keep the live scene in
   the viewport while the modal camera turns, including after the light. */
.has-menu .experience,.has-chapter .experience{position:fixed;top:0;left:0;right:0}
.experience{--menu-cover:0}
.experience[data-menu=open]>.header{visibility:hidden}
.hero-copy{opacity:calc(var(--copy-opacity) * (1 - var(--menu-cover)))}
.footer{opacity:calc(1 - var(--menu-cover))}
.whiteout{opacity:calc(var(--wash) * (1 - var(--menu-cover)))}
.reel-stage{opacity:calc(var(--reveal) * (1 - var(--menu-cover)))}
.menu{background:transparent;color:#edf2f6;overflow:hidden;--panel-progress:0;--text-opacity:0;--veil-opacity:0;--menu-chrome:235,240,244;--logo-chrome:235,240,244}
.menu::backdrop{background:transparent}
.menu[open]{animation:none}
.menu::before{content:'';position:absolute;inset:0;z-index:-1;background:#000;clip-path:inset(0 0 0 calc(100% - var(--panel-progress) * 70%));pointer-events:none}
html[data-menu-renderer=gpu] .menu::before{display:none}
.menu-top{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;padding:26px clamp(24px,4.3vw,80px);gap:40px}
.menu-top>.wordmark{display:inline-flex;align-items:center;min-height:44px;font-size:27px;letter-spacing:.13em;color:rgb(var(--logo-chrome))}
.menu-actions{display:flex;align-items:center;justify-content:flex-end;gap:32px;color:rgb(var(--menu-chrome))}
.menu-top .quiet-button{color:inherit;font-size:15px;gap:12px}
.menu-top .quiet-button span{font-size:inherit}
.menu-top .menu-glyph{height:16px;position:relative;gap:0}
.menu-top .menu-glyph i{position:absolute;left:0;top:7px;transform:rotate(45deg)}
.menu-top .menu-glyph i:last-child{transform:rotate(-45deg)}
.menu[data-wanted=false] .menu-glyph i{transform:translateY(-3px)}
.menu[data-wanted=false] .menu-glyph i:last-child{transform:translateY(3px)}
.menu-body{position:absolute;inset:0;max-width:none;margin:0;padding:120px 24px;display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:var(--text-opacity)}
.menu-body nav{align-items:center;gap:14px;pointer-events:auto}
.menu-body[inert] nav{pointer-events:none}
.menu-body .menu-home{font-family:AZHDisplay,Georgia,serif;font-size:clamp(34px,2.5vw,48px);font-weight:300;text-transform:uppercase;line-height:1.4;letter-spacing:-.02em;padding:0 12px;color:#ede9e9;transition:opacity .45s,color .45s}
.menu-body nav:has(button:hover) button:not(:hover){opacity:.42}
.menu-body .menu-home:hover{color:#fff}
@media(max-width:767px){.menu::before{clip-path:inset(0 0 0 calc(100% - var(--panel-progress) * 100%))}.menu-body .menu-home{font-size:35px}}
@media(max-width:600px){.menu-top{padding:26px 23px;gap:20px}.menu-top>.wordmark{font-size:23px}.menu-actions{gap:22px}.menu-top .quiet-button{font-size:13px;gap:8px}}

/* AZH's bold Roman identity is embedded for consistent offline rendering. */
.header>.wordmark,.menu-top>.wordmark,.hero-copy h1,.arrival-wordmark{font-family:AZHLogo,"Times New Roman",serif;font-weight:700;font-style:normal;letter-spacing:.025em;line-height:1;font-synthesis:none;padding-left:0}
.header>.wordmark,.menu-top>.wordmark{font-size:32px}
.hero-copy h1{font-size:clamp(43px,4.8vw,76px)}
@media(max-width:600px){.header>.wordmark,.menu-top>.wordmark{font-size:28px}.hero-copy h1{font-size:43px}}


/* Document viewers can show this first frame even when scripts are unavailable. */
.scene-poster{position:absolute;inset:0;z-index:0;display:block;pointer-events:none;transition:opacity .45s ease}
.scene-poster img{width:100%;height:100%;display:block;object-fit:cover}
.scene{z-index:1;opacity:0;transition:opacity .45s ease}.scene.is-ready{opacity:1}
.experience:has(.scene.is-ready) .scene-poster{opacity:0}
.preview-entry{pointer-events:auto;margin:22px auto 0;max-width:300px}
.preview-open{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:44px;border-bottom:1px solid rgba(217,234,247,.5);padding:0 3px 6px;font-size:14px}
.preview-entry p{font-size:12px;line-height:1.5;color:#b8c6d2;margin:10px 0 0}
.experience:not(:has(.scene.is-ready)) .enter-button{display:none}
.experience:not(:has(.scene.is-ready)) .header-actions,.experience:not(:has(.scene.is-ready)) .footer{visibility:hidden}
.experience:has(.scene.is-ready) .preview-entry{display:none}
.has-script .experience:not(:has(.scene.is-ready)) .enter-button{display:inline-flex}
.has-script .experience .header-actions,.has-script .experience .footer{visibility:visible}
#status.load-failure{position:absolute;left:24px;right:24px;bottom:20px;z-index:9;text-align:center;font-size:13px;line-height:1.5;color:#cbd9e3}

/* Recovery is offered only when the experience needs attention. */
.display-state{position:absolute;z-index:9;right:clamp(24px,4.3vw,80px);top:96px;display:flex;align-items:center;justify-content:flex-end;gap:12px;max-width:calc(100% - 32px);white-space:nowrap;color:rgb(var(--chrome));font-size:.875rem;line-height:1.5}
.display-state[hidden],.display-state>span[hidden]{display:none}.display-state>span{opacity:.65}.display-state button{min-height:44px;padding:8px 4px;text-decoration:underline;text-underline-offset:4px;font:inherit;color:inherit}.display-state button[hidden]{display:none}
.experience[data-menu=open] .display-state{visibility:hidden}
.has-script .experience:not([data-scene-state=failed]) .preview-entry{display:none}
.experience[data-scene-state=failed] .display-state{background:rgba(8,14,22,.88);color:#d3dce3;border-radius:4px;padding:0 12px}
@media(max-width:600px){.display-state{right:23px;top:88px}}

/* The light resolves into AZH's advisory perspective as the same scroll continues. */
.experience{--arrival-mark:0;--arrival-title:0;--arrival-note:0;--arrival-action:0}
.reel-stage{padding:0 24px;text-align:center}
.reel-stage .arrival-wordmark{font-size:clamp(44px,6.2vw,86px);margin:0 0 clamp(22px,4vh,42px);opacity:var(--arrival-mark);transform:translateY(calc(12px * (1 - var(--arrival-mark))))}
.arrival-title{font-family:AZHDisplay,Georgia,serif;font-weight:300;font-size:clamp(38px,5.4vw,76px);letter-spacing:-.025em;line-height:1.08;margin:0;color:#1a2731;opacity:var(--arrival-title);transform:translateY(calc(18px * (1 - var(--arrival-title))))}
.arrival-title span{color:#60727e}
.arrival-note{font-size:16px;line-height:1.6;color:#65737d;margin:24px 0 0;opacity:var(--arrival-note);transform:translateY(calc(10px * (1 - var(--arrival-note))))}
.reel-stage .replay-button{margin-top:32px;opacity:var(--arrival-action);font-size:14px;color:#425661}
@media(max-width:600px){.reel-stage{inset:16% 0 18%}.arrival-title{font-size:clamp(34px,9vw,48px)}.arrival-note{max-width:260px;font-size:15px;margin-top:20px}.reel-stage .arrival-wordmark{font-size:48px;margin-bottom:25px}.reel-stage .replay-button{margin-top:26px}}
@media(max-height:560px){.reel-stage{inset:18% 0 16%}.reel-stage .arrival-wordmark{font-size:32px;margin-bottom:12px}.arrival-title{font-size:32px;line-height:1.02}.arrival-note{font-size:14px;margin-top:12px}.reel-stage .replay-button{margin-top:10px}}
@media(prefers-reduced-motion:reduce){.reel-stage .arrival-wordmark,.arrival-title,.arrival-note{transform:none}}

/* A stable reading area inside the spatial menu's right-hand panel. */
.menu-veil{position:absolute;inset:0;z-index:1;background:#080e16;opacity:var(--veil-opacity);pointer-events:none}
.menu:focus{outline:none}
.menu-body{left:42%;z-index:2;padding:112px clamp(32px,4vw,72px) 48px;overflow-y:auto;overscroll-behavior:contain;align-items:safe center;pointer-events:auto}
.menu-body[inert]{pointer-events:none}
.menu-body nav{width:min(100%,620px);align-items:stretch;gap:clamp(8px,1.6vh,18px)}
.menu-body nav>.menu-link{display:grid;grid-template-columns:28px minmax(0,1fr);align-items:baseline;gap:24px;min-height:56px;padding:6px 0;font-family:AZHDisplay,Georgia,serif;font-size:clamp(2rem,4.3vw,3.75rem);font-weight:400;line-height:1.15;letter-spacing:-.015em;transition:opacity .18s,color .18s}
.menu-body .menu-name{font:inherit;color:inherit;letter-spacing:inherit;overflow-wrap:normal}
.menu-body .menu-number{position:relative;font:.875rem Inter,Arial,sans-serif;color:#8393a0;letter-spacing:.03em}
.menu-link[aria-current=page] .menu-number{color:#edf2f6}
.menu-link[aria-current=page] .menu-number::after{content:'';position:absolute;left:0;bottom:-7px;width:14px;height:1px;background:#c1cbd2}
@media(hover:hover){.menu-body nav:has(.menu-link:hover) .menu-link:not(:hover){opacity:.7}.menu-body nav>.menu-link:hover{color:#fff}}
.menu-body nav:has(.menu-link:focus-visible) .menu-link:not(:focus-visible){opacity:.7}
@media(max-width:767px){.menu-body{left:0;padding:110px max(28px,7vw) max(30px,env(safe-area-inset-bottom))}.menu-body nav{width:min(100%,520px)}.menu-body nav>.menu-link{min-height:54px}}
.has-chapter,.has-chapter body{overflow:hidden}
.chapter{position:absolute;inset:0;z-index:7;overflow-y:auto;padding:clamp(125px,19svh,200px) clamp(24px,8vw,140px) 95px;background:#090f17;color:#edf2f6;opacity:calc(1 - var(--menu-cover));display:flex;flex-direction:column;justify-content:center;gap:48px}
.chapter[hidden]{display:none}
.chapter-copy{max-width:880px}
.chapter-label{font-size:14px;line-height:1.6;letter-spacing:.13em;text-transform:uppercase;color:#9fadb8;margin:0 0 30px}
.chapter h2{font-family:AZHDisplay,Georgia,serif;font-weight:300;font-size:clamp(42px,6.8vw,92px);line-height:1.08;letter-spacing:-.025em;margin:0;text-wrap:balance;outline:none}
.chapter-intro{font-size:18px;line-height:1.7;color:#b3bfc9;max-width:550px;margin:28px 0 0}
.chapter-back{display:inline-flex;align-items:center;align-self:flex-start;gap:30px;min-height:44px;font-size:14px;color:#b3bfc9;border-bottom:1px solid #45515e;padding:8px 0}
.experience[data-page]:not([data-page=home])>.hero-copy,.experience[data-page]:not([data-page=home])>.footer,.experience[data-page]:not([data-page=home])>.reel-stage{visibility:hidden}
.experience[data-page]:not([data-page=home])>.header{color:#d3dce3}
.experience[data-page]:not([data-page=home]) .header-actions{visibility:visible}
.experience[data-page]:not([data-page=home])>.display-state{display:none}
@media(max-width:600px){.menu-body{padding:108px max(28px,7vw) max(30px,env(safe-area-inset-bottom))}.menu-body nav{gap:12px}.menu-body nav>.menu-link{font-size:clamp(1.8125rem,7.3vw,2.625rem);grid-template-columns:22px minmax(0,1fr);gap:14px;line-height:1.15}.chapter{padding:130px 24px 70px;gap:36px}.chapter-label{margin-bottom:24px}.chapter-intro{font-size:16px}}
@media(max-height:600px){.menu-body{padding-top:95px;padding-bottom:24px}.menu-body nav{gap:2px}.menu-body nav>.menu-link{font-size:1.875rem;min-height:48px}.chapter{justify-content:flex-start;padding-top:115px;gap:24px}.chapter h2{font-size:42px}.chapter-label{margin-bottom:15px}}

/* One landscape, five quiet reading positions beyond the light. */
.journey{height:740vh;height:740svh}
.experience{--narrative:0;--narrative-end:0}
.narrative-shade{position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(180deg,rgba(5,11,19,.66),rgba(5,11,19,.42) 36%,rgba(5,11,19,.08) 65%,rgba(5,11,19,.2));opacity:calc(var(--narrative) * (1 - var(--menu-cover)))}
.narrative{position:absolute;inset:0;z-index:6;opacity:calc(1 - var(--menu-cover));pointer-events:none;color:#edf0f1}
.narrative[inert]{visibility:hidden}
.narrative-panel{position:absolute;top:clamp(132px,23svh,290px);left:clamp(28px,12vw,210px);width:min(730px,70vw);opacity:var(--panel-alpha,0);visibility:hidden;transform:translateY(calc(14px * (1 - var(--panel-alpha,0))));pointer-events:none}
.narrative-panel[data-visible=true]{visibility:visible}
.narrative-panel:not([inert]){pointer-events:auto}
.narrative-kicker{font:400 .875rem/1.6 Inter,Arial,sans-serif;letter-spacing:.15em;text-transform:uppercase;margin:0 0 32px;color:#c2cdd5}
.narrative-kicker>span{display:inline-block;margin-right:20px;color:#8798a7;font-size:.875rem;letter-spacing:.05em}
.narrative-panel .narrative-statement{font:300 clamp(1.875rem,3.4vw,3.125rem)/1.22 AZHDisplay,Georgia,serif;letter-spacing:-.015em;text-wrap:pretty;margin:0;max-width:730px;text-shadow:0 2px 24px rgba(0,0,0,.15)}
.narrative-introduction{width:min(880px,80vw)}
.narrative-introduction>h2,.narrative-destinations>h2{font:300 clamp(2.5rem,5vw,4.75rem)/1.06 AZHDisplay,Georgia,serif;letter-spacing:-.025em;margin:0;text-wrap:balance}
.narrative-intro{font:400 clamp(1rem,1.4vw,1.125rem)/1.75 Inter,Arial,sans-serif;color:#c0ccd4;margin:28px 0 0;max-width:530px}
.narrative-destinations{top:clamp(125px,20svh,250px)}
.narrative-destinations>h2{font-size:clamp(2.375rem,4.4vw,4rem)}
.narrative-destinations>h2>span{color:#b9c6cd}
.narrative-links{display:flex;flex-wrap:wrap;gap:22px 36px;margin-top:30px}
.narrative-links>a{font-size:1rem;min-height:44px;display:flex;align-items:center;gap:30px;border-bottom:1px solid rgba(224,235,243,.3);padding:7px 0}
.narrative-links>a:hover{border-color:#edf2f6}
.narrative-links>a>span{color:#9fafba}
.narrative .replay-button{display:inline-flex;align-items:center;gap:25px;font-size:.875rem;color:#becad2;padding:8px 0;margin-top:24px}
.narrative-controls{position:absolute;left:clamp(28px,12vw,210px);bottom:max(112px,13svh);display:flex;align-items:center;gap:32px;opacity:calc(var(--narrative) * (1 - var(--narrative-end)));pointer-events:auto}
.narrative-controls[inert]{pointer-events:none}
.narrative-index{display:flex;gap:28px}
.narrative-index>button{position:relative;display:flex;align-items:center;gap:8px;min-height:44px;padding:8px 0;font-size:.875rem;color:#a8b8c5;transition:color .25s}
.narrative-index>button>span{font-size:.75rem;color:#8295a5}
.narrative-index>button::after{content:'';position:absolute;left:0;right:0;bottom:0;height:1px;background:#d4e1e9;transform:scaleX(0);transform-origin:left;transition:transform .35s}
.narrative-index>button[aria-current=step]{color:#f4f5f6}
.narrative-index>button[aria-current=step]::after{transform:scaleX(1)}
.narration-replay{display:flex;align-items:center;gap:14px;min-height:44px;padding:8px 0;font-size:.875rem;color:#acbcc8}
.narration-replay[hidden]{display:none}
.experience[data-page]:not([data-page=home])>.narrative,.experience[data-page]:not([data-page=home])>.narrative-shade{visibility:hidden}
.experience[data-view=narrative] .scene-poster{filter:brightness(.65)}
@media(min-width:1000px){.narrative-panel[data-narrative="2"]{left:38%;width:54%;max-width:730px}.narrative-panel[data-narrative="3"]{left:22%;width:64%;max-width:780px}}
@media(max-width:767px){.narrative-panel,.narrative-introduction{left:7%;width:86%;top:23svh}.narrative-kicker{margin-bottom:23px;font-size:.875rem}.narrative-panel .narrative-statement{font-size:clamp(1.875rem,6.8vw,2.625rem);line-height:1.22}.narrative-introduction>h2{font-size:clamp(2.5rem,9vw,3.75rem)}.narrative-intro{font-size:1rem;line-height:1.65;margin-top:25px}.narrative-intro br{display:none}.narrative-controls{left:7%;right:7%;bottom:max(142px,18svh);display:block}.narrative-index{gap:0;justify-content:space-between}.narrative-index>button{font-size:.875rem;gap:6px}.narration-replay{position:absolute;top:50px;left:0;font-size:.875rem}.narrative-destinations{top:20svh}.narrative-destinations>h2{font-size:clamp(2.5rem,9vw,3.625rem)}.narrative-links{gap:25px;margin-top:23px}.narrative-links>a{font-size:.875rem;gap:15px}.narrative .replay-button{margin-top:14px}}
@media(max-height:620px){.narrative-panel,.narrative-introduction{top:112px;width:80%;left:10%}.narrative-kicker{margin-bottom:16px}.narrative-panel .narrative-statement{font-size:clamp(1.5rem,4vw,2rem);line-height:1.18}.narrative-introduction>h2,.narrative-destinations>h2{font-size:2rem}.narrative-intro{margin-top:16px;font-size:1rem}.narrative-controls{bottom:92px;left:10%;display:flex;gap:25px}.narrative-index{gap:20px}.narration-replay{position:static}.narrative-links{margin-top:15px}.narrative .replay-button{margin-top:8px}}
@media(prefers-reduced-motion:reduce){.narrative-panel{transform:none}}
.narrative-panel{max-height:calc(100svh - clamp(132px,23svh,290px) - 205px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#697e8d transparent}
@media(max-width:767px){.narrative-panel{max-height:calc(77svh - 225px)}.narrative-controls{bottom:160px}.experience[data-view=narrative] .footer{grid-template-columns:1fr 44px 1fr}.experience[data-view=narrative] .motion-tools{position:static;left:auto;bottom:auto;transform:none;grid-column:2;grid-row:1;justify-self:center}.experience[data-view=narrative] #motion-label{display:none}.experience[data-view=narrative] .motion-button{width:44px;min-height:44px}.experience[data-view=narrative] .contact{grid-column:3;grid-row:1}}
@media(max-height:620px){.narrative-panel{max-height:calc(100svh - 272px)}}
@media(max-height:450px){.narrative-panel,.narrative-introduction{top:95px;max-height:calc(100svh - 215px)}.narrative-controls{bottom:66px}.narrative-kicker{margin-bottom:10px}.narrative-panel .narrative-statement{font-size:1.5rem}.narrative-introduction>h2,.narrative-destinations>h2{font-size:1.75rem}.narrative-intro{margin-top:10px}}
@media(max-width:600px) and (min-height:451px){.narrative-controls{display:block;left:7%;right:7%}.narrative-index{gap:0;justify-content:space-between}.narration-replay{position:absolute;top:50px;left:0}}
@media(max-width:767px) and (min-height:451px) and (max-height:620px){.narrative-panel{max-height:calc(100svh - 340px)}}
@media(max-width:420px) and (max-height:450px){.narrative-panel{max-height:calc(100svh - 275px)}.narrative-controls{display:block;left:7%;right:7%;bottom:118px}.narrative-index{gap:0;justify-content:space-between}.narration-replay{position:absolute;top:50px;left:0}}

/* A single wordmark, one scroll invitation, and quieter reading controls. */
.hero-copy{top:auto;bottom:max(44px,7svh)}
.hero-copy>.tagline{margin:0;font-size:clamp(1.375rem,2.05vw,2rem);line-height:1.3;letter-spacing:-.015em;color:#dce5ec;text-wrap:balance}
.hero-copy .enter-button{border:0;margin-top:18px;font-size:.875rem;gap:18px;color:#a7b9c8}
.hero-copy .enter-button:hover{color:#fff}
.menu-body{flex-direction:column;justify-content:safe center}
.menu-preferences{width:min(100%,620px);margin-top:clamp(18px,4vh,40px);display:flex;align-items:center}
.menu-preferences .motion-button{font-size:.875rem;color:#98aab8;min-height:44px;gap:10px}
.menu-preferences .motion-button:hover{color:#edf2f6}
.narrative-controls{bottom:max(48px,7svh)}
.narrative-panel{max-height:calc(100svh - clamp(132px,23svh,290px) - 135px)}
@media(max-width:767px){.narrative-controls{bottom:104px}.narrative-panel{max-height:calc(77svh - 170px)}}
@media(max-height:620px){.menu-preferences{margin-top:14px}.narrative-panel{max-height:calc(100svh - 280px)}}
@media(max-width:767px) and (min-height:451px) and (max-height:620px){.narrative-panel{max-height:calc(100svh - 280px)}}
@media(max-height:450px){.narrative-controls{bottom:36px}.narrative-panel{max-height:calc(100svh - 185px)}}
@media(max-width:420px) and (max-height:450px){.narrative-controls{bottom:94px}.narrative-panel{max-height:calc(100svh - 251px)}}

/* Paired controls stay in place as the spatial menu opens. */
.header-actions,.menu-actions{gap:12px;margin-right:-10px}
.header-actions>.quiet-button,.menu-actions>.quiet-button{width:44px;height:44px;min-width:44px;padding:0;gap:0}
.sound-button{border:1px solid rgba(220,231,240,.22);border-color:color-mix(in srgb,currentColor 22%,transparent);border-radius:50%;transition:border-color .25s ease,color .25s ease}
.sound-button:hover{border-color:currentColor}
.sound-icon{display:block;width:24px;height:24px;flex:none}
.menu-glyph{width:24px;gap:6px}.menu-glyph i{width:24px}
.header .menu-button:hover .menu-glyph i:last-child{transform:none}
@media(max-width:600px){.header-actions,.menu-actions{gap:8px}}

/* The scroll invitation is independent of the initial loading cover. */
.opening-entry{position:relative;height:46px;margin-top:18px}
.hero-copy .opening-entry>.enter-button{position:absolute;left:50%;top:50%;margin:0;transform:translate(-50%,-50%);transition:opacity .3s ease,color .2s ease}
.boot-wordmark{font-family:AZHLogo,"Times New Roman",serif}
.boot-line,.boot-label{font-family:Inter,Arial,sans-serif}

/* AZH type system: Roman identity, editorial display, clear reading text. */
:root{
 --font-display:AZHDisplay,Georgia,serif;--font-text:Inter,Arial,sans-serif;
 --type-logo:2rem;--type-hero:clamp(2.25rem,1.25rem + 2.4vw,3.75rem);
 --type-introduction:clamp(2.375rem,.5rem + 3.75vw,4rem);
 --type-statement:clamp(1.75rem,.5rem + 2.4vw,2.875rem);
 --type-menu:clamp(2.125rem,.5rem + 3.1vw,3.5rem);
 --type-chapter:clamp(2.5rem,.5rem + 4.2vw,4.75rem);
 --type-body:clamp(1rem,.875rem + .2vw,1.125rem);
 --type-control:.875rem;--type-meta:.8125rem;
 --reading-top:clamp(132px,23svh,290px);--controls-height:min(9rem,30svh);--controls-bottom:max(1.5rem,3.5svh);
 font-family:var(--font-text);font-weight:400;font-synthesis:none;
}
.header>.wordmark,.menu-top>.wordmark{font-size:var(--type-logo);letter-spacing:.025em}
.hero-copy{max-width:48rem}
.hero-copy>.tagline{font-family:var(--font-display);font-size:var(--type-hero);font-weight:400;line-height:1.08;letter-spacing:-.025em;color:#edf2f6;text-wrap:balance}
.hero-copy .enter-button{font-size:var(--type-control);line-height:1.5;letter-spacing:0;color:#b7c4ce}
.menu-body nav,.menu-preferences{flex-shrink:0}
.menu-body nav>.menu-link{font-family:var(--font-display);font-size:var(--type-menu);font-weight:400;line-height:1.16;letter-spacing:-.015em;min-height:3.5rem;gap:1.25rem;padding:.3rem 0}
.menu-body .menu-number{font:400 var(--type-meta)/1.5 var(--font-text);letter-spacing:.035em;color:#a0aeb9;font-variant-numeric:tabular-nums}
.menu-body .menu-name{font:inherit;letter-spacing:inherit}
.menu-preferences .motion-button{font-size:var(--type-control);line-height:1.5;color:#b1c0cb}
.narrative-introduction>h2,.narrative-destinations>h2{font-family:var(--font-display);font-size:var(--type-introduction);font-weight:400;line-height:1.1;letter-spacing:-.015em;max-width:24ch}
.narrative-panel .narrative-statement{font-family:var(--font-display);font-size:var(--type-statement);font-weight:400;line-height:1.28;letter-spacing:-.008em;max-width:35ch;color:#f0f2f3}
.narrative-intro,.chapter-intro{font-family:var(--font-text);font-size:var(--type-body);font-weight:400;line-height:1.7;letter-spacing:-.01em;max-width:52ch;color:#c8d2d9}
.narrative-intro{margin-top:1.5rem}
.narrative-kicker,.chapter-label{font:400 var(--type-control)/1.6 var(--font-text);letter-spacing:.1em;color:#c2ccd4;margin-bottom:1.5rem}
.narrative-kicker>span{font-size:var(--type-meta);letter-spacing:.03em;margin-right:1rem;color:#a0afbb;font-variant-numeric:tabular-nums}
.narrative-links>a,.narrative-index>button,.narration-replay,.narrative .replay-button,.chapter-back,.preview-open,.display-state{font-family:var(--font-text);font-size:var(--type-control);font-weight:400;line-height:1.5;letter-spacing:0}
.narrative-links>a{font-size:1rem}
.narrative-index>button{color:#bac7d1;gap:.4rem}
.narrative-index>button>span{font-size:var(--type-meta);color:#97a8b6;font-variant-numeric:tabular-nums}
.narrative-controls{display:flex;flex-wrap:wrap;gap:.5rem 2rem;right:clamp(28px,12vw,210px);bottom:var(--controls-bottom);max-height:var(--controls-height);overflow-y:auto;scrollbar-width:thin}
.narrative-index{flex:0 1 auto;min-width:0;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin}
.narrative-index>button{flex-shrink:0;white-space:nowrap}
.narration-replay{position:static;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;gap:.4rem}
.narration-replay[hidden]{display:none}
.narration-replay svg{fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}
.narrative-playback{display:flex;align-items:center;gap:.5rem;flex:0 1 auto;flex-wrap:wrap}
.chapter-arrow{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border:1px solid #b5c7d03d;border-radius:50%;color:#c8d2d9}
.chapter-arrow[hidden]{display:none}
.chapter-arrow svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linejoin:round}
.chapter-arrow:hover:not(:disabled){color:white;border-color:#d3e1e98a}
.chapter-arrow:disabled{opacity:.3;cursor:default}
.leaving-narrative .narrative{opacity:0;transition:opacity .18s ease;pointer-events:none}
.leaving-narrative .narrative-panel,.leaving-narrative .narrative-controls{pointer-events:none}
@media(max-width:767px){.narrative-controls{column-gap:.5rem}.narrative-index{flex-basis:100%}.narrative-playback{flex:1 1 0;min-width:0}.narration-replay{width:44px;height:44px;border:1px solid #b5c7d03d;border-radius:50%}.replay-label{display:none}}
@media(prefers-reduced-motion:reduce){.leaving-narrative .narrative{transition:none}}
.chapter-playback{position:relative;display:grid;place-items:center;width:44px;height:44px;flex-shrink:0;color:#c8d2d9;border:1px solid #b5c7d03d;border-radius:50%}
.chapter-playback[hidden]{display:none}
.chapter-playback svg{fill:none;stroke:currentColor;stroke-width:1.3;stroke-linejoin:round}
.chapter-playback .pause-glyph,.chapter-playback[data-playing=true] .play-glyph{display:none}
.chapter-playback[data-playing=true] .pause-glyph{display:block}
.chapter-playback:hover{color:#fff;border-color:#d3e1e98a}
.narrative-index>button[data-playing=true]::after{transform:scaleX(var(--chapter-progress,0));transition:none}
.narrative-controls:has(.chapter-playback:not([hidden])) .narrative-index>button[aria-current=step]::after{opacity:.85}
.narrative-panel{max-height:max(1rem,calc(100svh - var(--reading-top) - var(--controls-height) - var(--controls-bottom) - 1rem))}
.narration-replay,.narrative .replay-button,.chapter-back{color:#bac7d1}
.chapter h2{font-family:var(--font-display);font-size:var(--type-chapter);font-weight:400;line-height:1.1;letter-spacing:-.015em;max-width:22ch}
.chapter{justify-content:safe center}
.preview-entry p,#status.load-failure{font-size:var(--type-control);line-height:1.6}
.boot-wordmark{font-size:clamp(3rem,.5rem + 4vw,4rem)}
.boot-line{font:400 clamp(1rem,.875rem + .3vw,1.125rem)/1.5 var(--font-text);letter-spacing:-.02em}
.boot-value{font:400 clamp(2rem,1.5rem + 1vw,2.5rem)/1.15 var(--font-text);font-variant-numeric:tabular-nums;letter-spacing:-.045em}
.boot-label{font:400 var(--type-meta)/1.5 var(--font-text);letter-spacing:.1em}
#opening-load[data-phase=error] .boot-label{font-size:var(--type-control);letter-spacing:0;text-transform:none}
#boot-actions button,#boot-actions a,.boot-noscript a{font:400 var(--type-control)/1.5 var(--font-text)}
@media(max-width:767px){
 :root{--type-logo:1.75rem;--type-introduction:clamp(2.25rem,1.5rem + 3vw,2.75rem);--type-statement:clamp(1.75rem,1.25rem + 2vw,2rem);--type-menu:clamp(2rem,1.5rem + 2.2vw,2.5rem);--type-chapter:clamp(2.5rem,1.75rem + 3vw,3rem);--type-body:1rem;--reading-top:23svh}
 .hero-copy>.tagline{max-width:15ch;margin-inline:auto}
 .menu-body nav>.menu-link{gap:1rem;grid-template-columns:1.375rem minmax(0,1fr)}
 .narrative-intro,.chapter-intro{line-height:1.65}
 .narrative-index{gap:.5rem}
 .narrative-index>button{gap:.25rem}
 .narrative-controls{left:7%;right:7%}
 .narrative-introduction>h2,.narrative-destinations>h2{line-height:1.13}
 .narrative-links{gap:1rem 1.5rem}
 .narrative-links>a{font-size:var(--type-control)}
}
@media(max-height:620px){
 :root{--type-introduction:2rem;--type-statement:1.5rem;--type-menu:1.875rem;--type-chapter:2.5rem;--reading-top:112px}
 .menu-body nav>.menu-link{min-height:3rem}
 .narrative-kicker,.chapter-label{margin-bottom:1rem}
 .narrative-intro{margin-top:1rem}
 .chapter{justify-content:flex-start}
}
@media(max-height:450px){
 .boot-wordmark{font-size:2.5rem}.boot-value{font-size:1.75rem}
 .narrative-kicker{margin-bottom:.625rem}
 :root{--reading-top:95px}
}

/* A chapter settles in time even when scrolling stops at its boundary. */
.narrative-panel{overscroll-behavior-y:contain;transition:opacity .24s ease,transform .24s ease,visibility 0s linear .24s}
.narrative-panel[data-visible=true]{transition-delay:0s,0s,0s}
.narrative-panel:focus-visible{outline:1px solid #a7bbc9;outline-offset:8px}
.narrative-contact{display:inline-flex;align-items:center;gap:2rem;min-height:48px;margin-top:2rem;padding:.65rem 0;border-bottom:1px solid #d0dbe2;font:400 1rem/1.5 var(--font-text);color:#f1f4f6}
.narrative-contact:hover{border-color:#fff}
.narrative-destinations .narrative-links{margin-top:1.5rem;gap:1rem 2rem}
.narrative-destinations .narrative-links>a{font-size:var(--type-control);color:#b5c3ce;border-color:rgba(224,235,243,.18)}
.narrative-destinations .replay-button{color:#99acba}
@media(max-height:620px){.narrative-contact{margin-top:1rem}.narrative-destinations .narrative-links{margin-top:.75rem}}
@media(prefers-reduced-motion:reduce){.narrative-panel{transition:none}}

/* Each semantic phrase arrives as one group without reflowing the paragraph. */
[data-text-reveal=true] .reveal-word{display:inline-block;opacity:0;filter:blur(4px);transform:translateY(5px);transition:none}
[data-text-reveal=true] [data-revealed=true] .reveal-word{opacity:1;filter:blur(0);transform:translateY(0);transition:opacity .65s ease,filter .65s ease,transform .65s cubic-bezier(.2,.7,.2,1)}
@media(prefers-reduced-motion:reduce){[data-text-reveal=true] .reveal-word{opacity:1;filter:none;transform:none;transition:none}}

/* Give short mobile paragraphs more vertical room without reducing type size. */
@media(max-width:767px) and (min-height:621px){
 :root{--reading-top:clamp(112px,19svh,180px);--controls-height:7rem}
 .narrative-panel,.narrative-introduction{top:var(--reading-top)}
 .narrative-index{flex:1 1 100%;justify-content:space-between}
 .narrative-playback{margin-top:.15rem}
}

/* About: a measured editorial sequence, with distinct headline, reading and image scales. */
.chapter[data-layout=about]:not([hidden]){--about-paper:#080f18;--about-ink:#edf2f6;--about-muted:#b9c7d3;padding:0;display:block;scroll-padding-top:110px;overflow-anchor:none;background:transparent;color:var(--about-ink);scrollbar-width:thin;scrollbar-color:#435565 transparent}
.experience[data-page=about-azh] :is(.hero-copy,.narrative,.narrative-shade,.whiteout,.reel-stage,.scene-caption){visibility:hidden;pointer-events:none}
.experience[data-page=about-azh]{height:100svh;height:100dvh}
body:has(.experience[data-page=about-azh])>.header{background:linear-gradient(#080f18 72%,#080f18e0 86%,#080f1800);color:#edf2f6;backdrop-filter:none;pointer-events:none;padding-bottom:30px}
body:has(.experience[data-page=about-azh])>.header :is(a,button){pointer-events:auto;filter:drop-shadow(0 1px 8px #02081088)}
body:has(.experience[data-page=about-azh])>.header .quiet-button{color:#edf2f6}
body:has(.experience[data-page=about-azh])>.header :is(a,button):focus-visible{outline-color:#cde6fa}
.about-view[hidden],.chapter-copy[hidden]{display:none}
.about-view{background:transparent;--about-gutter:clamp(32px,3vw,64px);--about-space:clamp(96px,9.5vw,144px)}
.about-eyebrow{font:400 .8125rem/1.5 var(--font-text);letter-spacing:.09em;text-transform:uppercase;color:#aebdca;margin:0}
.about-section,.about-approach,.about-entities,.about-leadership,.about-records{padding:var(--about-space) var(--about-gutter);background:var(--about-paper);position:relative}
.about-firm{container-type:inline-size;min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;padding-top:clamp(144px,18svh,208px);padding-bottom:clamp(240px,30svh,360px);box-sizing:border-box;background:transparent}
.about-firm::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#080f18e8 0%,#080f18b8 30%,#080f1873 54%,#080f1814 73%,#080f1833 87%,#080f18 100%)}
.about-opening-copy{position:relative;z-index:1;width:min(100%,1024px);opacity:var(--about-opening-opacity,1);text-shadow:0 2px 28px #030a1255}
.chapter .about-firm h2{font:400 clamp(3rem,6vw,5rem)/1.03 var(--font-display);letter-spacing:-.025em;text-transform:uppercase;max-width:1024px;width:100%;margin:44px 0 32px;text-wrap:balance}
.about-identity{font:400 1rem/1.8 var(--font-text);max-width:52ch;color:#d4e0ea;margin:0 auto;text-wrap:pretty}
.about-view[data-about-motion=true] [data-about-reveal]{color:#c4d0d9;transform:translateY(4px);transition:color .6s ease,transform .7s cubic-bezier(.2,.7,.2,1)}
.about-view[data-about-motion=true] [data-about-reveal][data-clear=true]{color:#eef3f7;filter:none;transform:none}
.about-entities{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:0;align-items:center;background:#0b151f}
.chapter .about-entities-heading h2,.chapter .about-records-heading h2,.chapter .about-leadership-heading h2{font:400 clamp(2.35rem,3.6vw,3.5rem)/1.12 var(--font-display);letter-spacing:-.018em;color:var(--about-ink)}
.chapter .about-entities-heading h2{margin:30px 0 28px;max-width:17ch}
.about-entities-heading,.about-company>div{container-type:inline-size;min-width:0}
.about-entities-heading{grid-column:2 / span 4}.about-companies{grid-column:7 / span 5}
.about-entity-note{font:400 1rem/1.8 var(--font-text);color:var(--about-muted);margin:0;max-width:34ch}
.about-company{padding:26px 0;border-top:1px solid #b9c8d22e}
.about-company:first-child{padding-top:0;border-top:0}
.about-company:last-child{padding-bottom:0}
.about-company-name{font:400 .8125rem/1.6 var(--font-text);letter-spacing:.01em;color:#a2b7c7;margin:0 0 8px}
.about-company h3{font:400 clamp(1.75rem,2.25vw,2.125rem)/1.15 var(--font-display);letter-spacing:-.012em;margin:0 0 12px;color:var(--about-ink)}
.about-company>p{font:400 1rem/1.8 var(--font-text);color:var(--about-muted);max-width:45ch;margin:0}
.about-leadership{background:linear-gradient(160deg,#101d29,#080f18 65%)}
.about-leadership-heading{text-align:center;margin:0 auto 128px}
.chapter .about-leadership-heading h2{font-size:clamp(3rem,5.8vw,5rem);line-height:1.05;margin:36px auto 0;max-width:24ch}
.leadership-scene{position:relative;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:0;min-height:clamp(640px,85svh,960px);align-items:center;isolation:isolate;scroll-margin-top:110px}
.leadership-text{grid-column:8 / span 4;grid-row:1;min-width:0;align-self:center}
.leadership-identity{container-type:inline-size;padding-top:0;min-width:0}
.leadership-identity h3{position:relative;font:400 clamp(1.85rem,2.55vw,2.5rem)/1.16 var(--font-display);letter-spacing:-.015em;color:var(--about-ink);margin:0;max-width:none;text-wrap:balance}
.leadership-honorific{position:absolute;bottom:calc(100% + 10px);left:0;font:400 .8125rem/1.5 var(--font-text);letter-spacing:.025em;color:var(--about-muted)}
.chairman-role,.leadership-role{font:400 .875rem/1.6 var(--font-text);color:var(--about-muted);margin:12px 0 26px}
.leadership-copy{min-width:0;position:relative;padding-bottom:56px}
.leadership-experience{font:400 1rem/1.75 var(--font-text);color:#e0e8ee;max-width:43ch;margin:0 0 22px}
.chairman-bio{font:400 1rem/1.8 var(--font-text);color:var(--about-muted);max-width:45ch;margin:0}
.chairman-bio p{margin:0}
.leadership-portrait{position:relative;grid-column:1 / span 6;grid-row:1;width:min(88%,520px,65svh);aspect-ratio:520/720;align-self:center;justify-self:center;overflow:hidden;background:transparent;opacity:0;transform:translateY(6px);transition:opacity .7s ease,transform .8s cubic-bezier(.22,.61,.36,1)}
.leadership-scene[data-portrait-entered=true][data-portrait-ready=true] .leadership-portrait{opacity:1;transform:none}
.leadership-source{position:absolute;inset:0;width:1px;height:1px;opacity:0;pointer-events:none}
.leadership-film{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center bottom;pointer-events:none}
.leadership-poster{z-index:0;opacity:1;transition:opacity .65s ease}
.leadership-video{z-index:1;opacity:0}
.leadership-scene[data-video-visible=true][data-alpha-ready=true] .leadership-video{opacity:1}
.leadership-scene[data-video-visible=true][data-alpha-ready=true] .leadership-poster{opacity:0;transition:none}
.leadership-background{font:400 1rem/1.8 var(--font-text);color:var(--about-muted);margin-top:16px;max-width:45ch}
.leadership-background summary{font-size:.875rem;min-height:44px;display:list-item;list-style-position:inside;cursor:pointer;padding:10px 0;color:var(--about-ink)}
.leadership-background summary:focus-visible{outline:1px solid var(--about-ink);outline-offset:4px}
.leadership-background p,.leadership-background ul{font-size:1rem;margin:12px 0 0;line-height:1.8}
.leadership-background ul{padding-left:1.2em}.leadership-background li+li{margin-top:.55em}
.leadership-play{position:absolute;left:0;bottom:0;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid #adc8dc44;border-radius:50%;padding:0;color:#b9c7d3;cursor:pointer;transition:color .2s,border-color .2s}
.leadership-play svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}
.leadership-play:hover{color:#fff;border-color:#c7dfef}
.leadership-play[hidden]{display:none}
.leadership-play:focus-visible,.about-contact:focus-visible{outline:1px solid var(--about-ink);outline-offset:6px}
.about-ceo{padding-top:128px;margin-top:128px;border-top:1px solid #b9c8d22e}
.about-ceo .leadership-text{grid-column:2 / span 4}
.about-ceo .leadership-portrait{grid-column:7 / span 6}
.about-records{background:#080f18}
.about-records-heading{display:flex;justify-content:space-between;gap:36px;align-items:end;margin-bottom:96px}
.chapter .about-records-heading h2{font-size:clamp(3rem,5.8vw,5rem);line-height:1.05;margin:36px 0 0;max-width:none}
.about-text-link{min-height:44px;display:inline-flex;align-items:center;gap:30px;font:.875rem/1.5 var(--font-text);border-bottom:1px solid #a5c3d65e;padding-bottom:8px;color:#c4d6e3;white-space:nowrap}
.about-record-list{display:grid;gap:96px}
.about-record{position:relative;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:0;align-items:center;min-width:0;min-height:70svh}
.about-record-media{position:relative;overflow:hidden;background:transparent;min-width:0;grid-column:1 / span 7;grid-row:1}
.about-record-media::after{content:"";position:absolute;inset:0;background:#0813201a;pointer-events:none;transition:background .45s}
.about-record-media img{width:100%;height:100%;object-fit:contain;display:block;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.about-record-copy{container-type:inline-size;min-width:0;grid-column:9 / span 4;grid-row:1}
.about-record:nth-child(even){grid-template-columns:repeat(12,minmax(0,1fr))}
.about-record:nth-child(even) .about-record-media{grid-column:6 / span 7}
.about-record:nth-child(even) .about-record-copy{grid-column:1 / span 4}
.about-record-meta{font:.8125rem/1.7 var(--font-text);color:#a8bfce;letter-spacing:.015em}
.about-record h3{font:400 clamp(1.8rem,2.7vw,2.5rem)/1.16 var(--font-display);letter-spacing:-.015em;color:#e4edf4;max-width:25ch;margin:20px 0}
.about-record-summary{font:400 1rem/1.8 var(--font-text);color:var(--about-muted);max-width:43ch;margin:0}
 .about-record-facts{display:grid;gap:22px;margin:28px 0 0;padding-top:24px;border-top:1px solid #a5c3d633}
.about-record-facts dt{font:400 .875rem/1.5 var(--font-text);color:#e1eaf1;margin:0 0 8px}
.about-record-facts dd{font:400 1rem/1.8 var(--font-text);color:var(--about-muted);margin:0}
.about-record-arrow{display:inline-block;font:400 .875rem/1.6 var(--font-text);color:#d9e5ed;border-bottom:1px solid #a5c3d65e;padding:0 0 8px;margin-top:26px;transition:color .3s,border-color .3s}
.about-record:hover .about-record-arrow{color:#fff;border-color:#d9e5ed}
.about-record:hover img{transform:scale(1.015)}
.about-record:hover .about-record-media::after{background:#08132000}
.about-record:focus-visible,.about-text-link:focus-visible{outline:1px solid #c7dfef;outline-offset:8px}
.about-conversation{min-height:70svh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#0b151f;padding-top:100px;padding-bottom:100px}
.chapter .about-conversation h2{font:400 clamp(2.75rem,4.8vw,4.75rem)/1.08 var(--font-display);letter-spacing:-.02em;margin:32px 0 36px;max-width:22ch}
.about-contact{display:inline-flex;align-items:center;gap:42px;min-height:44px;border-bottom:1px solid #acc7d95e;padding-bottom:8px;color:#d8e6ef;font:400 .9375rem/1.5 var(--font-text)}
.about-work-link{display:inline-flex;align-items:center;gap:20px;min-height:44px;margin-top:16px;color:#a8bed0;font:.875rem/1.5 var(--font-text);transition:color .2s ease}
.about-work-link:hover{color:#e6eff5}
.about-work-link:focus-visible{outline:1px solid var(--about-ink);outline-offset:6px}
.chapter[data-layout=about]>.chapter-back{display:flex;align-items:center;justify-content:space-between;margin:0;min-height:84px;padding:22px var(--about-gutter,3vw);font:.875rem/1.5 var(--font-text);color:#a8bed0;background:#080f18}
.about-view[data-still=true] [data-about-reveal]{filter:none;transform:none;color:#eef3f7;transition:none}
/* Split-column type scales with its own measure; full-width type keeps a separate scale. */
@supports(font-size:1cqi){
 .chapter .about-firm h2{font-size:clamp(3rem,6.3cqi,5rem)}
 .chapter .about-entities-heading h2{font-size:clamp(2rem,10cqi,3rem)}
 .about-company h3{font-size:clamp(1.75rem,5.8cqi,2.125rem)}
 .leadership-identity h3{font-size:clamp(2rem,9.5cqi,2.5rem)}
 .about-record h3{font-size:clamp(2rem,9.5cqi,2.5rem)}
}
@media(max-width:1023px){
 .about-view{--about-gutter:32px;--about-space:96px}
 .about-firm{min-height:100svh;padding-top:clamp(136px,18svh,176px);padding-bottom:240px}
 .chapter .about-firm h2{font-size:clamp(3rem,7vw,4.5rem);margin:36px 0 30px;line-height:1.06}
 .about-identity{max-width:47ch}
 .about-entities{grid-template-columns:1fr;gap:56px}
 .about-entities-heading,.about-companies{grid-column:auto}
 .chapter .about-entities-heading h2{max-width:none}.about-entity-note{max-width:50ch}
 .about-company{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center}
 .about-company h3{margin-bottom:0}.about-company:first-child{border-top:1px solid #b9c8d22e;padding-top:26px}
 .about-leadership-heading{margin-bottom:88px}
 .leadership-scene{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;min-height:72svh}
 .leadership-text{grid-column:2;grid-row:1}
 .leadership-identity h3{font-size:2.2rem}
 .leadership-portrait{grid-column:1;grid-row:1;width:min(100%,420px,65svh)}
 .about-ceo{margin-top:96px;padding-top:96px}
 .about-ceo .leadership-text{grid-column:1}.about-ceo .leadership-portrait{grid-column:2}
 .about-records-heading{margin-bottom:64px}
 .about-record,.about-record:nth-child(even){gap:40px;grid-template-columns:1.15fr 1fr;min-height:60svh}
 .about-record-media,.about-record:nth-child(even) .about-record-media{grid-column:1}
 .about-record-copy,.about-record:nth-child(even) .about-record-copy{grid-column:2}
 .about-record-list{gap:80px}.about-record h3{font-size:2.1rem}
 .about-conversation{min-height:60svh;padding-top:96px;padding-bottom:96px}
}
@media(max-width:720px){
 .about-view{--about-gutter:24px;--about-space:72px}
 .about-firm{min-height:100svh;padding-top:128px;padding-bottom:clamp(200px,30svh,280px)}
 .chapter .about-firm h2{font-size:clamp(2.35rem,9vw,3.5rem);letter-spacing:-.025em;margin:32px 0 28px}
 .about-identity{max-width:35ch;line-height:1.75}
 .about-eyebrow{font-size:.8125rem}
 .chapter .about-entities-heading h2,.chapter .about-records-heading h2,.chapter .about-leadership-heading h2{font-size:2.75rem;line-height:1.1}
 .chapter .about-entities-heading h2{margin:28px 0 24px}
 .about-company{display:block;padding:28px 0}.about-company h3{font-size:1.875rem;margin-bottom:12px}
 .about-entity-note{max-width:36ch}
 .about-leadership-heading{margin-bottom:64px}
 .leadership-scene{display:flex;flex-direction:column;gap:0;min-height:0;scroll-margin-top:98px}
 .leadership-text{display:contents}
 .leadership-identity{order:1;width:100%}
 .leadership-identity h3{font-size:2.2rem;text-wrap:initial}
 .leadership-honorific{position:static;display:block;margin-bottom:10px}
 .leadership-portrait{order:2;width:min(86%,360px);align-self:center;margin:16px 0 36px}
 .leadership-copy{order:3;width:100%}
 .chairman-role,.leadership-role{margin:12px 0 24px}
 .about-ceo{padding-top:72px;margin-top:72px}
 .about-records-heading{display:block;margin-bottom:56px}.about-text-link{margin-top:28px}
 .about-record,.about-record:nth-child(even){display:flex;flex-direction:column;align-items:stretch;gap:32px;min-height:0}
 .about-record-list{gap:88px}.about-record h3{font-size:2.2rem;margin:18px 0 20px}
 .about-record-summary{max-width:38ch}.about-record-arrow{margin-top:24px}
 .about-conversation{min-height:64svh;padding-top:80px;padding-bottom:80px}
 .chapter .about-conversation h2{font-size:3rem;max-width:13ch}
 .chapter[data-layout=about]>.chapter-back{padding:20px 24px;min-height:80px}
}
@media(min-width:721px) and (max-height:650px){
 .about-firm{padding-top:112px;padding-bottom:160px}
 .chapter .about-firm h2{font-size:clamp(3rem,9svh,4rem);margin:36px 0 28px}
}
/* The two-line title sits on the viewport central axis. */
.about-firm{padding:max(144px,calc(37.5svh - 31px)) clamp(24px,4.3vw,80px) 32px;align-items:stretch;text-align:center}
.about-firm::before{background:linear-gradient(180deg,#080f18bf 0%,#080f1866 30%,#08111b26 44%,#080f1873 62%,#080f18e0 84%,#080f18 100%)}
.about-opening-copy{display:flex;flex:1;flex-direction:column;align-items:center;width:100%;max-width:none}
.about-opening-heading{width:100%;max-width:1024px}
.about-opening-heading .about-eyebrow{font-size:.875rem;line-height:1;letter-spacing:.06em}
.chapter .about-firm h2{font-size:5rem;line-height:1;letter-spacing:-.015em;text-transform:uppercase;text-wrap:initial;max-width:none;margin:64px 0 0}
.about-firm .about-identity{width:min(100%,560px);max-width:none;margin:64px auto 32px;font-size:1rem;line-height:1.8;color:#c9d7e3}
.about-scroll-cue{display:inline-flex;flex-shrink:0;align-items:center;gap:18px;min-height:44px;margin-top:auto;padding:0;color:#aebfcd;font:400 .875rem/1.5 var(--font-text);text-align:center}
.about-scroll-cue span{display:grid;place-items:center;width:44px;height:44px;border:1px solid #c9d7e33b;border-radius:50%;font-size:20px;transition:transform .25s ease,border-color .25s ease}
.about-scroll-cue:hover span{transform:translateY(3px);border-color:#c9d7e3}
.about-scroll-cue:focus-visible{outline:1px solid #c7dfef;outline-offset:6px}
@media(min-width:721px) and (max-width:1023px){
 .chapter .about-firm h2{font-size:4rem}
}
@media(max-width:720px){
 .about-firm{padding:clamp(128px,calc(50svh - 86px),340px) 24px 28px}
 .chapter .about-firm h2{font-size:clamp(1.75rem,9vw,2.625rem);line-height:1.19;letter-spacing:-.015em;margin:32px 0 0}
 .about-firm .about-identity{max-width:35ch;margin:40px auto 32px;line-height:1.75}
}
@media(min-width:721px) and (max-height:650px){
 .about-firm{padding-top:max(112px,calc(37.5svh - 64px));padding-bottom:24px}
 .chapter .about-firm h2{font-size:4rem;margin-top:40px}
 .about-firm .about-identity{margin-top:32px;margin-bottom:24px}
}
@media(max-width:720px) and (max-height:650px){
 .about-firm{padding-top:124px;padding-bottom:20px}
 .about-firm .about-identity{margin-top:32px;margin-bottom:24px}
}
/* Five reading chapters, with manual selection inside approach and leadership. */
.about-record[hidden],.leadership-scene[hidden]{display:none!important}
.about-records,.about-leadership{display:flex;flex-direction:column}
.about-records-heading,.about-leadership-heading{margin:0;text-align:left}
.chapter .about-records-heading h2,.chapter .about-leadership-heading h2{font-size:clamp(2rem,3.2vw,2.75rem);line-height:1.12;margin:16px 0 0;max-width:none}
.about-record-list,.about-leadership-stage{display:grid;grid-template-columns:minmax(0,1fr);align-items:center;gap:0;flex:1;min-width:0}
.about-record,.about-record:nth-child(even),.leadership-scene{min-height:0}
.about-ceo{margin:0;padding:0;border:0}
.about-deck-nav{display:grid;grid-template-columns:44px minmax(0,1fr) auto 44px;gap:16px;align-items:center;width:min(100%,660px);margin:24px 0 32px;align-self:flex-end}
.about-deck-arrow{display:grid;place-items:center;min-width:44px;min-height:44px;border:1px solid #a5c3d64d;border-radius:50%;color:#dce7ef;font-size:20px}
.about-deck-arrow:hover{background:#a5c3d617;border-color:#dce7ef}
.about-deck-tabs{display:flex;gap:24px;justify-content:center;min-width:0}
.about-deck-tabs button{min-height:44px;padding:8px 0;border-bottom:1px solid transparent;color:#9eb0bf;font:400 .875rem/1.45 var(--font-text)}
.about-deck-tabs button[aria-pressed=true]{color:#edf2f6;border-color:#d4e2ed}
.about-deck-tabs button:hover{color:#edf2f6}
.about-deck-count{font:400 .8125rem/1.5 var(--font-text);color:#aebdca;font-variant-numeric:tabular-nums;white-space:nowrap}
.about-deck-label-compact{display:none}
.about-deck-nav button:focus-visible,.about-home-link:focus-visible{outline:1px solid #c7dfef;outline-offset:5px}
.about-record-facts{gap:16px;margin-top:20px;padding-top:18px}
.about-record-facts dd,.about-record-summary{line-height:1.65}
.about-record h3{margin:14px 0 16px}
.about-record-arrow{margin-top:20px}
.about-home-link{position:absolute;right:var(--about-gutter);bottom:28px;display:inline-flex;gap:28px;align-items:center;min-height:44px;color:#a8bed0;font:.875rem/1.5 var(--font-text)}
.chapter[data-layout=about]>.chapter-back{display:none}
@media(min-width:1024px){
 .about-record:nth-child(even) .about-record-media{grid-column:1 / span 7}
 .about-record:nth-child(even) .about-record-copy{grid-column:9 / span 4}
 .about-ceo .leadership-text{grid-column:8 / span 4}
 .about-ceo .leadership-portrait{grid-column:1 / span 6}
 .leadership-portrait{width:min(88%,440px,max(280px,calc((100svh - 352px)*.72222)))}
}
@media(min-width:1024px) and (min-height:720px){
 .about-view>section:not(.about-firm){min-height:100svh;padding-top:112px;padding-bottom:48px}
 .about-company{padding:20px 0}
 .about-company:first-child{padding-top:0}.about-company:last-child{padding-bottom:0}
 .about-company h3{margin-bottom:8px}
 .about-record-media{max-height:calc(100svh - 336px)}
 .about-record-media img{object-fit:contain}
}
@media(min-width:721px) and (max-width:1023px){
 .about-ceo .leadership-text{grid-column:2}.about-ceo .leadership-portrait{grid-column:1}
 .leadership-portrait{width:min(100%,380px)}
}
@media(max-width:720px){
 .about-deck-nav{grid-template-columns:44px minmax(0,1fr) 44px;gap:8px;margin:24px 0 40px}
 .about-deck-count{display:none}
 .about-deck-tabs{gap:12px}.about-deck-tabs button{flex:1;min-width:0;padding:6px 0}
 .about-deck-label-wide{display:none}.about-deck-label-compact{display:inline}
 .about-records-heading .about-text-link{margin-top:22px}
 .about-home-link{bottom:16px}
}
@media(min-width:1024px) and (max-height:850px){
 .about-company{padding:16px 0}
 .about-view>section.about-records,.about-view>section.about-leadership{padding-top:100px;padding-bottom:36px}
 .about-deck-nav{margin:18px 0 24px}
 .chapter .about-records-heading h2,.chapter .about-leadership-heading h2{font-size:2.3rem}
}

/* Three perspectives share one stable stage; vertical scrolling remains native. */
.about-view>section.about-approach{display:grid;grid-template-rows:1fr auto;gap:32px;min-height:100svh;padding:112px var(--about-gutter) 36px;overflow:hidden;isolation:isolate;background:#070c13;text-align:center;touch-action:pan-y pinch-zoom}
.about-orbit{--time-fine:7px;--time-minute:15px;--time-hour:29px;--time-rail:35px;--time-thin:.1deg;--time-medium:.16deg;--time-bold:.25deg;position:absolute;z-index:-1;pointer-events:none;left:50%;top:50%;width:min(122svh,128vw);aspect-ratio:1;transform:translate(-50%,-50%);mask-image:linear-gradient(transparent,#000 16%,#000 84%,transparent)}
.about-orbit-ticks,.about-time-minutes,.about-time-hours{position:absolute;inset:0;border-radius:50%;mask-image:radial-gradient(farthest-side,transparent calc(100% - var(--time-tick)),#000 calc(100% - var(--time-tick)),#000 calc(100% - 1px),transparent calc(100% - 1px))}
.about-time-bezel{position:absolute;inset:0;border-radius:50%;transform:rotate(var(--orbit-turn,0deg));transition:transform 1.35s cubic-bezier(.22,.8,.2,1)}
.about-orbit-ticks{--time-tick:var(--time-fine);background:repeating-conic-gradient(from -.05deg,#a6bdcd 0deg var(--time-thin),transparent var(--time-thin) 1.5deg);opacity:.3}
.about-time-minutes{--time-tick:var(--time-minute);background:repeating-conic-gradient(from -.08deg,#b8ccd9 0deg var(--time-medium),transparent var(--time-medium) 6deg);opacity:.57}
.about-time-hours{--time-tick:var(--time-hour);background:repeating-conic-gradient(from -.125deg,#c8dbe6 0deg var(--time-bold),transparent var(--time-bold) 30deg);opacity:.85}
.about-time-track{position:absolute;inset:var(--time-rail);border:1px solid #a6bdcd14;border-radius:50%}
.about-time-hand{position:absolute;inset:0;transform:rotate(108deg);animation:about-time-sweep 60s linear -18s infinite;animation-play-state:paused}
.about-approach[data-time-running=true] .about-time-hand{animation-play-state:running}
.about-time-hand::before{content:"";position:absolute;left:50%;top:0;width:1px;height:calc(var(--time-hour) + 13px);background:linear-gradient(#e6f5ff,#a9cfe48c 55%,transparent);transform:translateX(-50%)}
.about-time-tip{position:absolute;left:50%;top:0;width:4px;height:4px;border-radius:50%;background:#e7f6ff;box-shadow:0 0 9px 2px #9bcbe477;transform:translate(-50%,-25%)}
.about-time-trail{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from -44deg,transparent 0deg,#8eb7d01a 20deg,#c4e4f580 42deg,#e6f5ffd9 44deg,transparent 44.25deg);mask-image:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 calc(100% - 2px),#000 calc(100% - 1px),transparent calc(100% - 1px))}
@keyframes about-time-sweep{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
.about-approach-content{align-self:center;width:min(100%,900px);margin:0 auto;padding:28px 0}
.about-approach-content>.about-eyebrow{font-size:.875rem;letter-spacing:.08em}
.about-approach-stage{display:grid;margin-top:48px}
.about-approach-slide{grid-area:1 / 1;min-width:0;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease,visibility 0s linear .18s}
.about-approach-slide[data-active=true]{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .42s ease .18s,visibility 0s linear .18s}
.chapter h2.about-approach-title{font:400 clamp(3rem,6vw,5.5rem)/1.04 var(--font-display);letter-spacing:-.02em;width:100%;max-width:none;margin:0;color:#edf2f6;text-wrap:initial}
.about-approach-title span{display:block}
.about-approach-slide>p{max-width:48ch;margin:32px auto 0;color:#b9c7d3;font:400 1rem/1.8 var(--font-text);text-wrap:pretty}
.about-approach-nav{display:flex;justify-content:center;align-items:flex-start;gap:20px;position:relative;z-index:1}
.about-approach-nav button{display:flex;flex-direction:column;align-items:center;gap:12px;min-width:112px;min-height:80px;padding:0 4px;color:#8fa3b2;font:400 .875rem/1.5 var(--font-text)}
.about-approach-numeral{display:grid;place-items:center;width:48px;height:48px;border:1px solid #b9c7d35c;border-radius:50%;color:#d8e2eb;font:400 1.125rem/1 var(--font-display);transition:background-color .25s,color .25s,border-color .25s}
.about-approach-nav button[aria-pressed=true]{color:#edf2f6}
.about-approach-nav button[aria-pressed=true] .about-approach-numeral{background:#edf2f6;border-color:#edf2f6;color:#0b141e}
.about-approach-nav button:hover{color:#edf2f6}
.about-approach-nav button:hover .about-approach-numeral{border-color:#edf2f6}
.about-approach-nav button:focus-visible{outline:1px solid #cde6fa;outline-offset:7px;border-radius:4px}
.about-view[data-still=true] :is(.about-time-bezel,.about-approach-slide,.about-approach-numeral){transition:none}
@media(max-width:720px){
 .about-view>section.about-approach{padding:112px 24px 28px;gap:28px}
 .about-orbit{--time-fine:4px;--time-minute:9px;--time-hour:18px;--time-rail:24px;--time-thin:.2deg;--time-medium:.28deg;--time-bold:.45deg}
 .about-time-tip{width:3px;height:3px;box-shadow:0 0 7px 1px #9bcbe477}
 .about-approach-content{padding:20px 0}
 .about-approach-stage{margin-top:32px}
 .chapter h2.about-approach-title{font-size:clamp(2.15rem,11vw,3.5rem);line-height:1.06}
 .about-approach-slide>p{margin-top:24px;max-width:34ch;line-height:1.75}
 .about-approach-nav{gap:8px}
 .about-approach-nav button{flex:1;min-width:0;padding:0;gap:10px}
}
@media(max-height:650px){
 .about-view>section.about-approach{padding-top:100px;padding-bottom:20px;gap:20px}
 .about-approach-content{padding:12px 0}
 .about-approach-stage{margin-top:24px}
 .chapter h2.about-approach-title{font-size:clamp(2.15rem,8.5svh,4rem)}
 .about-approach-slide>p{margin-top:20px}
}
@media(max-width:720px) and (max-height:650px){.about-orbit{top:40%}}

@media(prefers-reduced-motion:reduce){.leadership-portrait,.leadership-video,.leadership-poster,.about-record-media img,.about-record-media::after{transition:none;transform:none}.about-view [data-about-reveal]{filter:none!important;transform:none!important;transition:none!important;color:#eef3f7!important}}

/* Stories: a quiet photographic gallery and a continuous collection. */
.chapter[data-layout=stories]:not([hidden]){padding:0;display:block;background:#0b141d;scrollbar-width:thin;scrollbar-color:#667684 #0b141d;scroll-padding-top:110px}
.stories-view[hidden],.stories-index[hidden],.story-detail[hidden]{display:none!important}
.stories-view{position:relative;min-height:100svh;background:#0b141d;color:#e6edf2;isolation:isolate;--story-edge:6%}
body:has(.experience[data-page=stories])>.header{background:linear-gradient(#0b141df5 35%,#0b141dcc 75%,#0b141d00);padding-bottom:25px;color:#edf2f6}
.experience[data-page=stories] :is(.hero-copy,.narrative,.narrative-shade,.whiteout,.reel-stage,.scene-caption){visibility:hidden;pointer-events:none}
.chapter[data-layout=stories]>.chapter-back{display:none}
.stories-eyebrow{font:400 .75rem/1.6 var(--font-text);letter-spacing:.09em;text-transform:uppercase;color:#b0bfc9;margin:0 0 16px}
.stories-index{position:relative}
.stories-gallery{position:relative;min-height:100svh;overflow:hidden;background:radial-gradient(ellipse at 50% 40%,#21313d 0%,#101c26 49%,#0b141d 76%)}
.gallery-top,.gallery-caption,.gallery-footer{width:88%;max-width:1440px;margin:0 auto}
.gallery-top{display:flex;align-items:end;justify-content:space-between;gap:30px;padding:117px 0 22px}
.gallery-top .stories-eyebrow{margin-bottom:12px}
.chapter .gallery-top h2{font:400 clamp(1.8rem,2.4vw,2.8rem)/1.15 var(--font-display);letter-spacing:-.02em;color:#e5edf2;max-width:none;margin:0}
.gallery-directory-toggle,.gallery-scroll-link{border:0;background:none;color:#c4d1da;display:inline-flex;align-items:center;justify-content:space-between;gap:32px;min-height:44px;padding:5px 0;font:400 .875rem/1.5 var(--font-text);cursor:pointer}
.gallery-directory-toggle{border-bottom:1px solid #b2c5d05c;flex-shrink:0}
.gallery-directory-toggle span,.gallery-scroll-link span{font-size:1.125rem}
.gallery-room{position:relative;height:clamp(290px,43svh,560px);overflow:hidden;perspective:1800px;touch-action:pan-y;user-select:none}
.gallery-frame{position:absolute;left:50%;top:50%;width:min(70vw,calc(40svh * var(--photo-ratio)),1080px);aspect-ratio:var(--photo-ratio);transform:translate(calc(-50% + var(--offset) * 62vw),-50%) rotateY(calc(var(--turn) * 1deg)) scale(var(--scale));border:0;background:transparent;color:inherit;padding:0;cursor:pointer;backface-visibility:hidden;transition:transform .85s cubic-bezier(.22,.7,.15,1),opacity .6s;opacity:.45}
.gallery-frame[data-current=true]{opacity:1}
.gallery-frame[data-near=false]{visibility:hidden;pointer-events:none}
.gallery-frame-image{display:block;width:100%;height:100%;box-shadow:0 14px 38px #0005,0 0 0 1px #c3d1d31c}
.gallery-frame img{width:100%;height:100%;object-fit:contain;display:block;background:#111b23}
.gallery-caption{display:flex;align-items:end;justify-content:space-between;gap:48px;padding-top:24px}
.gallery-caption-text{flex:1;min-width:0;max-width:900px;animation:gallery-text-in .65s cubic-bezier(.2,.65,.2,1) both}
.gallery-caption .stories-eyebrow{margin-bottom:12px}
.gallery-caption h3{font:400 clamp(2rem,2.8vw,3.3rem)/1.12 var(--font-display);letter-spacing:-.02em;max-width:none;margin:0 0 14px;color:#edf3f7;text-wrap:pretty}
.gallery-summary{font:400 1rem/1.65 var(--font-text);color:#bbc8d1;max-width:66ch;margin:0}
.gallery-read{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;min-height:44px;flex-shrink:0;border-bottom:1px solid #b8cedb66;color:#d0dce5;font:400 .875rem/1.5 var(--font-text)}
.gallery-read span{font-size:1.125rem;transition:transform .25s}
.gallery-read:hover span{transform:translate(3px,-3px)}
.gallery-footer{display:flex;justify-content:space-between;align-items:center;padding:30px 0 42px;gap:24px}
.gallery-scroll-link{color:#a6bac8}
.gallery-controls{display:flex;align-items:center;gap:12px}
.gallery-counter{font:400 .8125rem/1.5 var(--font-text);letter-spacing:.08em;font-variant-numeric:tabular-nums;color:#b4c4d0;margin-right:14px}
.gallery-controls button{width:48px;height:48px;border:1px solid #bbd0df66;border-radius:50%;background:transparent;color:#d2e1eb;display:grid;place-items:center;cursor:pointer;transition:background .25s,border-color .25s}
.gallery-controls button:hover:not(:disabled){background:#253846;border-color:#b5d0e5}
.gallery-controls button:disabled{opacity:.3;cursor:default}
.gallery-controls svg,.story-back svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}
.stories-view :is(a,button):focus-visible{outline:1px solid #c7deee;outline-offset:6px}
.story-archive{width:88%;max-width:1440px;margin:35px auto 0;padding:75px 0 110px;border-top:1px solid #b3c8d22e}
.story-archive-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:65px}
.chapter .story-archive-heading h2{font:400 clamp(3rem,5vw,5.2rem)/1.08 var(--font-display);letter-spacing:-.025em;max-width:none;margin:0}
.story-archive-count{font:.875rem/1.5 var(--font-text);color:#9db0be;margin:0 0 7px}
.story-archive-group+.story-archive-group{margin-top:100px}
.story-archive-group>h3{margin-bottom:28px}
.story-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:50px 28px}
.story-card{display:block;min-width:0}
.story-card-image{aspect-ratio:1.65;overflow:hidden;background:#111d27;display:grid;place-items:center}
.story-card-image img{width:100%;height:100%;object-fit:contain;display:block;transition:transform .7s ease}
.story-card:hover .story-card-image img{transform:scale(1.015)}
.story-card-meta{font:.8125rem/1.6 var(--font-text);color:#a5b7c5;margin:20px 0 12px}
.story-card h4,.story-written-list h4{font:400 clamp(1.55rem,2.1vw,2.35rem)/1.18 var(--font-display);letter-spacing:-.01em;margin:0;text-wrap:pretty;color:#e1eaf0}
.story-card-action{display:flex;align-items:center;justify-content:space-between;gap:24px;font:.875rem/1.6 var(--font-text);color:#b2c3cf;margin-top:20px;min-height:36px}
.story-card-action>span{font-size:1.125rem;transition:transform .25s}
.story-card:hover .story-card-action>span{transform:translate(3px,-3px)}
.story-written-list{border-top:1px solid #b3c8d22e}
.story-written-list>a{display:grid;grid-template-columns:180px minmax(0,1fr) 25px;gap:35px;padding:30px 0;border-bottom:1px solid #b3c8d22e;align-items:start}
.story-written-list .story-card-meta{margin:4px 0 0}
.story-written-list p:not(.story-card-meta){font:1rem/1.7 var(--font-text);color:#b1c0cb;margin:13px 0 0;max-width:68ch}
.story-written-list>a>span:last-child{font:1.125rem/1.8 var(--font-text)}
.story-detail{width:88%;max-width:1440px;margin:auto;padding:125px 0 85px;animation:gallery-text-in .65s ease both}
.story-back{display:inline-flex;align-items:center;gap:16px;min-height:44px;font:.875rem/1.5 var(--font-text);color:#b0c2d0;margin-bottom:55px}
.story-detail-heading{margin-bottom:45px}
.chapter .story-detail-heading h2{font:400 clamp(3rem,5.5vw,6rem)/1.08 var(--font-display);letter-spacing:-.025em;max-width:23ch;margin:0;text-wrap:pretty}
.story-detail-lead{font:400 1.1875rem/1.75 var(--font-text);color:#bbccd8;max-width:62ch;margin:30px 0 0}
.story-detail-figure{margin:0 0 65px}
.story-detail-figure img{width:100%;height:auto;max-height:80svh;object-fit:contain;display:block;background:#101b24}
.story-detail-figure figcaption{font:400 1.125rem/1.75 var(--font-text);color:#bdcbd5;max-width:740px;margin:28px auto 0}
.story-detail-body{max-width:960px;margin:0 auto}
.story-detail-note{display:grid;grid-template-columns:180px minmax(0,1fr);gap:40px;padding:32px 0;border-top:1px solid #abc6d52b}
.story-detail-note .stories-eyebrow{margin:3px 0 0}
.story-detail-note p{font:400 1.0625rem/1.8 var(--font-text);color:#bacbd6;margin:0}
.story-related nav{display:grid;gap:10px}
.story-related a{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:48px;color:#d1e1eb;font:400 1rem/1.55 var(--font-text)}
.story-next{display:grid;grid-template-columns:1fr 40px;gap:10px 25px;border-top:1px solid #b2c8d340;margin-top:65px;padding:35px 0 15px}
.story-next .stories-eyebrow{grid-column:1;margin:0 0 10px}
.story-next-title{font:400 clamp(1.75rem,2.7vw,3rem)/1.12 var(--font-display);color:#dce7ef;max-width:28ch}
.story-next-arrow{grid-column:2;grid-row:1 / span 2;align-self:center;font:300 1.8rem/1 var(--font-text);color:#b8cedc}
.stories-view[data-still=true] *{transition:none!important;animation:none!important}
@keyframes gallery-text-in{from{opacity:0;filter:blur(4px);transform:translateY(7px)}to{opacity:1;filter:blur(0);transform:none}}
@media(max-width:1000px){.story-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery-caption{gap:30px}.gallery-read{gap:22px}.story-written-list>a{grid-template-columns:140px minmax(0,1fr) 20px;gap:25px}}
@media(max-width:700px){
 .gallery-top,.gallery-caption,.gallery-footer,.story-archive,.story-detail{width:88%}
 .gallery-top{padding-top:110px;padding-bottom:24px;align-items:start;gap:20px}.gallery-top .stories-eyebrow{margin-bottom:13px}.chapter .gallery-top h2{font-size:1.9rem;max-width:13ch}.gallery-directory-toggle{font-size:.875rem;gap:15px;margin-top:24px}
 .gallery-room{height:clamp(230px,36svh,320px);perspective:1400px}.gallery-frame{width:84vw;max-width:calc(32svh * var(--photo-ratio));transform:translate(calc(-50% + var(--offset) * 86vw),-50%) rotateY(calc(var(--turn) * 1deg)) scale(var(--scale))}
 .gallery-caption{display:block;padding-top:18px}.gallery-caption h3{font-size:2.1rem;max-width:none;line-height:1.13;margin-bottom:16px}.gallery-caption .stories-eyebrow{font-size:.75rem;line-height:1.7;letter-spacing:.06em}.gallery-summary{font-size:1rem;line-height:1.7}.gallery-read{font-size:.875rem;margin-top:15px;gap:45px}
 .gallery-footer{padding-top:28px;padding-bottom:35px;gap:16px}.gallery-scroll-link{max-width:110px;text-align:left;font-size:.875rem;gap:16px}.gallery-controls{gap:8px}.gallery-controls button{width:44px;height:44px}.gallery-counter{font-size:.8125rem;margin-right:4px;white-space:nowrap}
 .story-archive{margin-top:15px;padding-top:52px;padding-bottom:70px}.story-archive-heading{margin-bottom:40px}.chapter .story-archive-heading h2{font-size:3rem}.story-archive-count{font-size:.8125rem;white-space:nowrap}.story-card-grid{grid-template-columns:1fr;gap:45px}.story-archive-group+.story-archive-group{margin-top:65px}.story-card h4,.story-written-list h4{font-size:1.9rem}.story-card-meta{font-size:.8125rem;margin-top:18px}.story-card-action{margin-top:14px}
 .story-written-list>a{grid-template-columns:minmax(0,1fr) 22px;gap:12px 20px;padding:26px 0}.story-written-list .story-card-meta{grid-column:1 / -1}.story-written-list>a>span:last-child{grid-column:2;grid-row:2}.story-written-list p:not(.story-card-meta){font-size:1rem}
 .story-detail{padding-top:108px;padding-bottom:45px}.story-back{margin-bottom:36px}.story-detail-heading{margin-bottom:30px}.chapter .story-detail-heading h2{font-size:clamp(2.5rem,10vw,3.7rem)}.story-detail-lead{font-size:1.0625rem;margin-top:25px}.story-detail-figure{margin-bottom:38px}.story-detail-figure figcaption{font-size:1rem;margin-top:23px}.story-detail-note{grid-template-columns:1fr;gap:15px;padding:26px 0}.story-detail-note p{font-size:1rem}.story-next{margin-top:38px}
}
@media(prefers-reduced-motion:reduce){.stories-view *{transition:none!important;animation:none!important}}
#reel-stage[hidden]{display:none}

/* The cinematic chapters lead into the same page's native editorial scroll. */
.journey{height:auto;min-height:100svh;padding-top:604svh}
.experience{position:fixed;inset:0 0 auto;z-index:0}
.header{position:fixed;z-index:20;color:rgb(var(--chrome,211,220,227));pointer-events:none}
.header>a,.header-actions{pointer-events:auto}
.header .quiet-button{color:inherit}
.has-menu .header{visibility:hidden}
.has-chapter .home-editorial{visibility:hidden}
.hero-copy{max-width:58rem;bottom:max(42px,6svh)}
.hero-copy h1.tagline{font:400 var(--type-hero)/1.08 var(--font-display);letter-spacing:-.025em;max-width:23ch;padding:0;margin:0 auto;text-wrap:balance}
.narrative-introduction .narrative-intro{font:400 clamp(2rem,1rem + 2.8vw,3.8rem)/1.16 var(--font-display);letter-spacing:-.02em;max-width:34ch;color:#edf2f6;margin:0;text-wrap:pretty}
.home-editorial{position:relative;z-index:5;--home-edge:clamp(26px,7vw,120px);background:#080e15;color:#e9eff4;opacity:calc(1 - var(--menu-cover,0))}
.home-stories{position:relative}
.home-section-heading{position:absolute;top:clamp(108px,14svh,160px);left:var(--home-edge);right:var(--home-edge);z-index:3;display:flex;align-items:center;justify-content:space-between;gap:24px;pointer-events:none}
.home-section-heading a{pointer-events:auto}
.home-eyebrow{font:400 .875rem/1.5 var(--font-text);letter-spacing:.12em;text-transform:uppercase;margin:0;color:#afbdc8}
.home-inline-link{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;font:400 .9375rem/1.5 var(--font-text);letter-spacing:0;min-height:48px;padding:10px 0;border-bottom:1px solid #8b9baa66;color:#dce5ec;background:none}
.home-inline-link>span{display:inline-block;transition:transform .25s ease}
.home-inline-link:hover>span{transform:translate(3px,-3px)}
.home-inline-link:hover{color:#fff;border-color:#dde8f3}
.home-story{position:relative;isolation:isolate;min-height:100svh;background:#080e15;scroll-margin-top:0}
.home-story+.home-story{box-shadow:inset 0 1px #c2d1df12}
.home-story-link{position:relative;display:flex;align-items:flex-end;justify-content:center;min-height:100svh;padding:clamp(200px,24svh,260px) var(--home-edge) max(88px,10svh,calc(env(safe-area-inset-bottom) + 64px));color:#e9eff4;text-align:center;text-decoration:none}
.home-story-heading{position:relative;z-index:2;min-width:0;max-width:100%;text-shadow:0 2px 24px #02080e45}
.home-story h3{font:400 clamp(3.1rem,5.2vw,6.2rem)/1.05 var(--font-display);letter-spacing:-.025em;max-width:22ch;margin:0 auto;text-wrap:balance}
.home-story h3>span{display:block}
.home-story-cta{display:inline-flex;align-items:center;justify-content:space-between;gap:48px;min-height:48px;margin-top:16px;border-bottom:1px solid #9aafbf66;font:400 1rem/1.5 var(--font-text);color:#cad8e2}
.home-story-cta>span{display:inline-block;transition:transform .3s ease}
.home-story-link:hover .home-story-cta{color:white;border-color:#dde8f3}
.home-story-link:hover .home-story-cta>span{transform:translate(3px,-3px)}
.home-story-link:focus-visible{outline:2px solid #d6e7f3;outline-offset:-8px}
.home-story-position{position:absolute;right:var(--home-edge);bottom:max(34px,env(safe-area-inset-bottom));display:flex;gap:14px;font:400 .875rem/1.5 var(--font-text);font-variant-numeric:tabular-nums;letter-spacing:.08em;color:#c1d0db}
.home-story-position>span{color:#8499aa}
.home-story-media{--film-dim:rgb(3 10 17 / .18);--film-scrim:linear-gradient(180deg,#07121b66 0%,#07121b22 24%,#07121b33 40%,#07121bc9 64%,#07121bed 100%);position:absolute;inset:0;overflow:hidden;z-index:-1;background:#07121b}
/* One constant tint covers both poster and moving footage; a local scrim protects the text. */
.home-story-media::after{content:'';position:absolute;inset:0;z-index:2;background:linear-gradient(var(--film-dim),var(--film-dim)),var(--film-scrim);pointer-events:none}
.home-story-media>img,.home-story-media>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.home-story-media>video{opacity:0;transition:opacity .7s ease}
.home-story-media>video[data-playing=true]{opacity:1}
.home-story-thoughts{display:grid;align-items:start;max-width:36rem;margin:22px auto 0;min-height:3.1em;font:400 clamp(1rem,1.3vw,1.125rem)/1.55 var(--font-text);color:#d5e0e7;text-wrap:balance}
.home-story-thoughts p{grid-area:1/1;margin:0;opacity:0;filter:blur(6px);transform:translateY(9px);transition:opacity .65s ease,filter .85s ease,transform .85s cubic-bezier(.2,.65,.2,1)}
.home-story-thoughts p[data-current=true]{opacity:1;filter:blur(0);transform:none}
.home-story[data-film-active=true] h3>span{animation:perspectives-title-in 1.15s cubic-bezier(.2,.65,.2,1) both}
.home-story[data-film-active=true] h3>span:nth-child(2){animation-delay:.16s}
@keyframes perspectives-title-in{from{opacity:0;filter:blur(8px);transform:translateY(14px)}to{opacity:1;filter:blur(0);transform:none}}
@media(max-aspect-ratio:1/1){.home-story-media>img,.home-story-media>video{object-fit:contain;object-position:center 26%}.home-story-media{--film-scrim:linear-gradient(180deg,#07121b22,#07121b00 30%,#07121b66 47%,#07121be8 65%,#07121b 100%)}}
@media(prefers-reduced-motion:reduce){.home-story[data-film-active=true] h3>span{animation:none}.home-story-thoughts p{transition:none}.home-story-media>video{transition:none}}
.home-company{display:grid;grid-template-columns:1.15fr 1fr;gap:8%;align-items:baseline;padding:36px 0;border-top:1px solid #c7d9e126}
.home-company:last-of-type{border-bottom:1px solid #c7d9e126}
.home-company h3{font:400 clamp(1.8rem,3.1vw,3.25rem)/1.15 var(--font-display);letter-spacing:-.02em;margin:0}
.home-company p{font:400 1.0625rem/1.7 var(--font-text);color:#b6c4cf;max-width:42ch;margin:0}
.home-contact{position:relative;min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:140px var(--home-edge) 135px;background:#080e15}
.home-contact>h2{font:400 clamp(3.4rem,8.1vw,9rem)/1.01 var(--font-display);letter-spacing:-.03em;max-width:17ch;margin:40px 0;text-wrap:balance}
.home-contact>.home-inline-link{gap:50px}
.home-closing{position:absolute;bottom:26px;left:var(--home-edge);right:var(--home-edge);display:flex;align-items:center;justify-content:space-between;gap:20px;color:#96aab9;font:.875rem/1.5 var(--font-text)}
.home-closing .home-inline-link{font-size:.875rem;border:0;color:#96aab9;gap:18px}
.film-music-credit{max-width:46ch;margin:44px 0 0;color:#8fa3b3;font:400 .6875rem/1.7 var(--font-text)}
.film-music-credit a{text-decoration:underline;text-underline-offset:3px}
.contact-email{display:inline-flex;align-items:center;gap:48px;margin-top:28px;padding:10px 0;border-bottom:1px solid #99adbd77;font:400 clamp(1.1rem,2vw,1.5rem)/1.5 var(--font-text)}
.contact-email[hidden]{display:none}
@media(max-width:767px){
 .hero-copy h1.tagline{font-size:clamp(2rem,7.8vw,2.8rem);max-width:21ch}
 .narrative-introduction .narrative-intro{font-size:clamp(2rem,7.6vw,2.8rem);line-height:1.16}
 .home-section-heading{top:105px;gap:16px}
 .home-section-heading>.home-inline-link{gap:16px;font-size:.875rem}
 .home-eyebrow{font-size:.8125rem;letter-spacing:.09em}
 .home-story-link{padding:185px var(--home-edge) max(88px,10svh,calc(env(safe-area-inset-bottom) + 64px))}
 .home-story h3{font-size:clamp(2.65rem,10.5vw,4.3rem);max-width:19ch;line-height:1.06}
 .home-story h3 br{display:none}
 .home-story-cta{margin-top:16px;gap:40px}
 .home-story-position{bottom:max(30px,env(safe-area-inset-bottom))}
 .home-company{grid-template-columns:1fr;gap:17px;padding:28px 0}
 .home-company h3{font-size:2rem}
 .home-company p{font-size:1rem}
 .home-contact{padding-top:120px;padding-bottom:160px;min-height:100svh}
 .home-contact>h2{font-size:clamp(3rem,11.5vw,5rem);margin:30px 0}
 .home-closing{bottom:25px;align-items:center;font-size:.8125rem}
 .home-closing .home-inline-link{font-size:.8125rem;gap:12px}
}
@media(max-height:500px){.hero-copy{bottom:28px}.hero-copy h1.tagline{font-size:2rem;max-width:30ch}.narrative-introduction .narrative-intro{font-size:1.75rem}.home-contact{min-height:600px}}

/* Leave room for the five-pixel text entrance without a transient scrollbar. */
.narrative-panel{padding-bottom:8px}

@media(max-height:500px){.home-story-link{padding-top:180px;padding-bottom:105px}.home-story h3{font-size:clamp(2.6rem,5vw,4rem)}.home-section-heading{top:95px}}
@media(prefers-reduced-motion:reduce){.home-story-cta>span{transition:none}}

/* Two spoken phrases share one stable introduction. */
.narrative-introduction .intro-outcome{display:block}
@media(max-width:767px){.narrative-introduction .intro-outcome{display:inline}}

/* The chapter reads as one centered passage; focus resolves one line at a time. */
:root{--chapter-tools-bottom:max(56px,10svh,calc(env(safe-area-inset-bottom) + 28px));--chapter-tools-size:clamp(48px,3.35vw,64px);--chapter-copy-top:clamp(94px,11svh,152px)}
.narrative-panel,.narrative-panel[data-narrative="2"],.narrative-panel[data-narrative="3"]{top:var(--chapter-copy-top);left:50%;width:min(1280px,72%);max-width:none;max-height:calc(100svh - var(--chapter-copy-top) - var(--chapter-tools-bottom) - var(--chapter-tools-size) - 40px);padding:0 12px 16px;transform:translateX(-50%);text-align:center;scroll-padding-bottom:16px}
.narrative-name{font:400 clamp(.875rem,1vw,1.125rem)/1.5 var(--font-text);letter-spacing:.055em;text-transform:uppercase;margin:0 0 clamp(40px,5.8svh,72px);color:#e0e6eb}
.narrative-copy,.narrative-introduction .narrative-intro{position:relative;font:400 clamp(2.625rem,3.8vw,5.25rem)/1.15 var(--font-display);letter-spacing:-.012em;max-width:38ch;margin:0 auto;text-wrap:balance;color:#edf2f6}
.narrative-panel.narrative-introduction{top:clamp(170px,20svh,270px)}
.narrative-introduction .narrative-intro{max-width:32ch}
.intro-scope{max-width:40ch;margin:28px auto 0;font:400 clamp(.875rem,1.15vw,1rem)/1.6 var(--font-text);color:#b7c8d5;text-wrap:balance}
.narrative-panel .narrative-name{opacity:.15;filter:blur(4px);transform:translateY(5px)}
.narrative-panel [data-phrase] .reveal-word{opacity:.12;filter:blur(8px);transform:translateY(7px);transition:none;animation:none}
.narrative-panel[data-visible=true] .narrative-name{animation:chapter-line-focus .85s cubic-bezier(.22,.65,.25,1) both}
.narrative-panel[data-visible=true] :is(.narrative-copy,.narrative-intro) .reveal-word{animation:chapter-line-focus 1.2s cubic-bezier(.22,.65,.25,1) both;animation-delay:calc(.22s + var(--line-order,0) * .36s + var(--line-word,0) * .012s)}
@keyframes chapter-line-focus{to{opacity:1;filter:blur(0);transform:translateY(0)}}

/* A separate fixed foreground keeps controls above incoming stories. */
.narrative-controls{position:fixed;z-index:12;left:6%;right:6%;bottom:var(--chapter-tools-bottom);height:var(--chapter-tools-size);max-height:none;display:flex;align-items:center;justify-content:center;gap:0;overflow:visible;opacity:1;pointer-events:none}
.narrative-controls[hidden]{display:none}
.has-menu .narrative-controls,.has-chapter .narrative-controls{visibility:hidden;pointer-events:none}
.narrative-arrows{display:flex;align-items:center;gap:clamp(14px,1.05vw,22px);margin:0;pointer-events:auto}
.narrative-arrows .chapter-arrow{position:relative;isolation:isolate;flex:0 0 var(--chapter-tools-size);width:var(--chapter-tools-size);height:var(--chapter-tools-size);border:1px solid #c6d5e570;border-radius:50%;color:#e0e8ee;background:#07101b40;backdrop-filter:blur(8px);transition:background .3s,border-color .3s,opacity .3s;cursor:pointer}
.narrative-arrows .chapter-arrow::after{content:'';position:absolute;inset:-1px;border:1px solid transparent;border-top-color:#eef5f6;border-right-color:#eef5f6;border-radius:50%;opacity:0;transform:rotate(-55deg);transition:opacity .3s,transform .65s cubic-bezier(.2,.7,.2,1);pointer-events:none}
.narrative-arrows .chapter-arrow:hover:not(:disabled),.narrative-arrows .chapter-arrow:focus-visible{border-color:#d7e4ef66;background:#dbe7f00a}
.narrative-arrows .chapter-arrow:hover:not(:disabled)::after,.narrative-arrows .chapter-arrow:focus-visible::after{opacity:.95;transform:rotate(20deg)}
.narrative-arrows .chapter-arrow:disabled{opacity:1;cursor:default}
.narrative-arrows .chapter-arrow:disabled .arrow-glyph{opacity:.28}
.narrative-arrows .arrow-glyph{width:clamp(18px,1.1vw,22px);height:clamp(18px,1.1vw,22px);stroke-width:1.3}
.narrative-arrows .chapter-timer{position:absolute;inset:-1px;width:calc(100% + 2px);height:calc(100% + 2px);stroke:#eef5f6;stroke-width:1;opacity:0;transition:opacity .25s;pointer-events:none}
.chapter-timer circle{transform:rotate(-90deg);transform-origin:32px 32px;stroke-dasharray:100;stroke-dashoffset:var(--chapter-ring-offset,100)}
.narrative-controls[data-autoplay="true"] .chapter-timer{opacity:1}
.narrative-controls[data-autoplay="true"] #chapter-next::after{opacity:0}
#chapter-previous:hover:not(:disabled) .arrow-glyph{animation:chapter-arrow-left .5s cubic-bezier(.2,.7,.2,1)}
#chapter-next:hover:not(:disabled) .arrow-glyph{animation:chapter-arrow-right .5s cubic-bezier(.2,.7,.2,1)}
@keyframes chapter-arrow-right{0%,100%{transform:translateX(0);opacity:1}45%{transform:translateX(10px);opacity:0}46%{transform:translateX(-10px);opacity:0}}
@keyframes chapter-arrow-left{0%,100%{transform:translateX(0);opacity:1}45%{transform:translateX(-10px);opacity:0}46%{transform:translateX(10px);opacity:0}}
.chapter-arrow:focus-visible{outline:1px solid #dce6ee;outline-offset:5px}
@media(max-width:767px){
 :root{--chapter-tools-bottom:max(36px,8svh,calc(env(safe-area-inset-bottom) + 24px));--chapter-tools-size:48px;--chapter-copy-top:clamp(100px,13svh,136px)}
 .narrative-panel,.narrative-panel[data-narrative="2"],.narrative-panel[data-narrative="3"]{left:50%;width:90%;padding-inline:8px}
 .narrative-copy,.narrative-introduction .narrative-intro{font-size:clamp(1.875rem,7.2vw,3rem);line-height:1.2;max-width:32ch}
 .narrative-name{font-size:.875rem;margin-bottom:30px}
 .narrative-arrows{gap:16px}
 .narrative-controls{left:5%;right:5%}
}
@media(max-height:620px){
 :root{--chapter-tools-bottom:max(24px,calc(env(safe-area-inset-bottom) + 12px));--chapter-tools-size:48px;--chapter-copy-top:100px}
 .narrative-panel,.narrative-panel.narrative-introduction,.narrative-panel[data-narrative="2"],.narrative-panel[data-narrative="3"]{top:var(--chapter-copy-top)}
 .narrative-copy,.narrative-introduction .narrative-intro{font-size:clamp(1.5rem,3.1vw,2rem);line-height:1.2;max-width:46ch}
 .narrative-name{margin-bottom:20px}
}
@media(prefers-reduced-motion:reduce){
 .narrative-panel .narrative-name,.narrative-panel [data-phrase] .reveal-word{animation:none!important;opacity:1;filter:none;transform:none}
 .narrative-arrows .chapter-arrow::after,.narrative-arrows svg{animation:none!important;transition:none;transform:none}
}

/* The menu keeps a direct, quiet line of contact below its four chapters. */
.menu-contact{width:min(100%,620px);flex-shrink:0;margin-top:clamp(30px,5vh,54px);padding-left:48px;display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.menu-contact>span{font:.6875rem/1.6 var(--font-text);letter-spacing:.12em;text-transform:uppercase;color:#9aabb8}
.menu-contact>a{display:flex;align-items:center;gap:50px;padding:6px 0 10px;font:1.125rem/1.5 var(--font-text);border-bottom:1px solid #b9c8d04a;color:#e0e7eb}
.menu-contact>a span{font-size:1.1rem;transition:transform .25s}
.menu-contact>a:hover span{transform:translate(3px,-3px)}
.menu-contact+.menu-preferences{padding-left:48px;margin-top:22px}

/* Insights — light, photographic editorial pages. */
body:has(.experience[data-page=insights])>.header{color:#10151d;background:linear-gradient(#fff 55%,#ffffffec 80%,#ffffff00);padding-bottom:28px}
body:has(.experience[data-page=insights])>.header .quiet-button{color:inherit}
body:has(.experience[data-page=insights])>.header :is(a,button):focus-visible{outline-color:#334d60}
.chapter[data-layout=insights]:not([hidden]){display:block;padding:0;background:#fff;color:#11151f;color-scheme:light;scrollbar-width:thin;scrollbar-color:#b5b6b9 #fff;scroll-padding-top:110px}
.chapter[data-layout=insights]>.chapter-back{margin:0;padding:24px 3.2%;width:100%;justify-content:space-between;border-top:1px solid #15192326;border-bottom:0;background:#fff;color:#343942}
.insights-view{--journal-muted:#696c72;--journal-rule:#161c2829;color:#131722;font:1rem/1.65 var(--font-text)}
.insights-view[hidden],.insights-index[hidden],.insights-article[hidden]{display:none}
.insights-view :is(a,button):focus-visible{outline-color:#345469}
.insights-index,.insights-article{max-width:1920px;margin:auto;padding:0 3.2%}
.insights-view p{margin:0}
.insights-eyebrow{font:.75rem/1.6 var(--font-text);text-transform:uppercase;letter-spacing:.095em;color:#242a35}
.insights-heading{min-height:clamp(600px,82svh,900px);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:145px 6% 140px;text-align:center;gap:54px}
.chapter .insights-heading h2{font:400 clamp(3.75rem,6.8vw,8.1rem)/.99 var(--font-display);letter-spacing:-.035em;max-width:23ch;text-wrap:balance;text-transform:uppercase;margin:0}
.insights-feature{margin:0}
.insights-cover-link{display:block;overflow:hidden}
.insights-photo{position:relative;overflow:hidden;aspect-ratio:16/9;background:#e9ebeb}
.insights-photo img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.22,.65,.2,1)}
.insights-cover-link:hover .insights-photo img,.insights-note:hover .insights-photo img{transform:scale(1.025)}
.insights-feature-copy{padding-top:24px}
.insights-category{display:inline-block;padding:6px 13px;background:#f4f4f4;color:#242933;text-transform:uppercase;letter-spacing:.055em;font:.75rem/1.5 var(--font-text)}
.insights-feature h3{font:400 clamp(2rem,3.35vw,4rem)/1.15 var(--font-display);letter-spacing:-.02em;max-width:none;margin:20px 0 13px}
.insights-feature-bottom{display:flex;align-items:center;justify-content:space-between;gap:30px}
.insights-meta{font:.8125rem/1.65 var(--font-text);color:var(--journal-muted)}
.insights-text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:45px;border-bottom:1px solid #30394466;padding:10px 0;min-height:44px;font:.875rem/1.5 var(--font-text);color:#282f39;transition:color .2s,border-color .2s}
.insights-text-link span{transition:transform .25s}
.insights-text-link:hover{color:#000;border-color:#000}
.insights-text-link:hover span{transform:translate(3px,-3px)}
.insights-notes{padding:115px 0 130px}
.insights-section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:24px;border-top:1px solid var(--journal-rule);padding-top:28px;margin-bottom:42px}
.insights-section-heading h3{font:400 clamp(1.75rem,2.4vw,2.75rem)/1.2 var(--font-display);letter-spacing:-.01em;margin:0}
.insights-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.insights-note{display:block;min-width:0}
.insights-note-copy{padding-top:23px}
.insights-note-copy h4{font:400 clamp(1.75rem,2.3vw,2.75rem)/1.18 var(--font-display);letter-spacing:-.015em;margin:19px 0 13px}
.insights-note-copy>p{font:1rem/1.75 var(--font-text);max-width:47ch;color:#656971}
.insights-note-bottom{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:22px}
.insights-note-arrow{font-size:1.15rem;transition:transform .3s}
.insights-note:hover .insights-note-arrow{transform:translate(3px,-3px)}
.insights-conversation{text-align:center;border-top:1px solid var(--journal-rule);padding:100px 5% 110px}
.insights-conversation h3{font:400 clamp(2.6rem,4.8vw,5.5rem)/1.08 var(--font-display);letter-spacing:-.025em;margin:35px 0 31px}
.insights-conversation .insights-text-link{min-width:208px}
.insights-progress{position:fixed;z-index:21;top:0;left:0;width:100%;height:2px;background:#243c50;transform:scaleX(var(--reading-progress,0));transform-origin:left;pointer-events:none}
.insights-view[data-mode=index] .insights-progress{display:none}
.insights-article{padding-top:115px;padding-bottom:76px}
.insights-back{display:inline-flex;align-items:center;gap:19px;font-size:.875rem;color:#555c64;min-height:44px}
.insights-article-heading{padding:40px 5% 95px;text-align:center}
.chapter .insights-article-heading h2{font:400 clamp(3.5rem,6.7vw,7.5rem)/1.04 var(--font-display);letter-spacing:-.025em;max-width:23ch;margin:43px auto 62px;text-wrap:balance}
.insights-article-meta{display:flex;justify-content:center;gap:clamp(45px,10vw,180px);font:.875rem/1.6 var(--font-text);color:#646a71}
.insights-article-image{margin:0}
.insights-reading{max-width:710px;margin:0 auto;padding:84px 0 0}
.insights-article-lead{font:400 clamp(1.2rem,1.7vw,1.5rem)/1.75 var(--font-text);color:#242c35;margin-bottom:48px!important}
.insights-prose{font:1.0625rem/1.9 var(--font-text);color:#4f5660}
.insights-prose section{margin-bottom:43px}
.insights-prose h3{font:400 2rem/1.25 var(--font-display);color:#151b26;letter-spacing:-.01em;margin:0 0 20px}
.insights-prose p+p{margin-top:23px}
.insights-prose blockquote{margin:55px 0 56px;padding:36px 0;border-top:1px solid var(--journal-rule);border-bottom:1px solid var(--journal-rule);font:400 clamp(2rem,3vw,2.85rem)/1.25 var(--font-display);letter-spacing:-.015em;color:#222a35}
.insights-related{border-top:1px solid var(--journal-rule);padding-top:30px;margin-top:58px}
.insights-related .insights-text-link{margin-top:13px}
.insights-article-next{border-top:1px solid var(--journal-rule);margin-top:95px;padding-top:36px}
.insights-article-next>a{display:flex;align-items:center;justify-content:space-between;gap:35px;font:400 clamp(2rem,3.4vw,3.5rem)/1.2 var(--font-display);letter-spacing:-.015em;margin-top:23px}
.insights-article-next>a span{font:1.6rem/1 var(--font-text);color:#4e5f6d}
.insights-heading>.insights-eyebrow,.insights-heading h2,.insights-article-heading{animation:journal-reveal .85s cubic-bezier(.2,.65,.2,1) both}
.insights-heading h2{animation-delay:.12s}
@keyframes journal-reveal{from{opacity:0;transform:translateY(14px);filter:blur(5px)}to{opacity:1;transform:none;filter:none}}
.insights-view[data-still=true] *{animation:none!important;transition:none!important}
@media(max-width:767px){
 .menu-contact{width:min(100%,520px);padding-left:38px;margin-top:32px}.menu-contact+.menu-preferences{padding-left:38px;margin-top:15px}.menu-contact>a{font-size:1rem;gap:44px}
 body:has(.experience[data-page=insights])>.header{padding-bottom:24px}
 .insights-index,.insights-article{padding-left:6%;padding-right:6%}.insights-heading{min-height:530px;min-height:clamp(470px,66svh,620px);padding:128px 0 88px;gap:35px}.chapter .insights-heading h2{font-size:clamp(2.55rem,9.4vw,4.1rem);line-height:1.04;letter-spacing:-.025em;max-width:none}.insights-heading h2 br{display:none}
 .insights-feature-copy{padding-top:19px}.insights-feature h3{font-size:2rem;line-height:1.13;margin:18px 0 15px}.insights-feature-bottom{align-items:flex-start;flex-direction:column;gap:14px}.insights-feature-bottom>.insights-text-link{min-width:210px}.insights-photo{aspect-ratio:1.6}.insights-category{font-size:.75rem;padding:5px 11px}
 .insights-notes{padding:62px 0 65px}.insights-section-heading{display:block;padding-top:22px;margin-bottom:31px}.insights-section-heading h3{font-size:1.85rem}.insights-section-heading>.insights-eyebrow{margin-top:12px}.insights-grid{grid-template-columns:1fr;gap:45px}.insights-note-copy{padding-top:18px}.insights-note-copy h4{font-size:1.9rem;margin:16px 0 11px}.insights-note-copy>p{font-size:1rem;line-height:1.7}.insights-note-bottom{margin-top:17px}
 .insights-conversation{padding:65px 0 67px}.insights-conversation h3{font-size:2.45rem;margin:27px 0 26px}.insights-conversation h3 br{display:none}
 .insights-article{padding-top:104px;padding-bottom:44px}.insights-back{font-size:.875rem}.insights-article-heading{padding:40px 0 47px}.chapter .insights-article-heading h2{font-size:clamp(2.75rem,10.2vw,4rem);margin:27px auto 31px;max-width:15ch}.insights-article-meta{font-size:.8125rem;gap:42px}.insights-reading{padding-top:42px}.insights-article-lead{font-size:1.125rem;line-height:1.75;margin-bottom:37px!important}.insights-prose{font-size:1rem;line-height:1.8}.insights-prose h3{font-size:1.85rem}.insights-prose blockquote{font-size:2rem;margin:37px 0 39px;padding:27px 0}.insights-prose section{margin-bottom:35px}.insights-article-next{margin-top:57px;padding-top:27px}.insights-article-next>a{font-size:2rem}.insights-related .insights-text-link{gap:20px}.chapter[data-layout=insights]>.chapter-back{padding:23px 6%}
}
@media(max-height:620px){.menu-contact{margin-top:17px;gap:2px}.menu-contact+.menu-preferences{margin-top:8px}}
@media(prefers-reduced-motion:reduce){.insights-view *{animation:none!important;transition:none!important}.menu-contact>a span{transition:none}}

/* E6: a single navigation column, with the landscape left to breathe. */
.menu{--menu-column:48%;--menu-edge:max(var(--opening-edge),env(safe-area-inset-right))}
.menu-top{padding:var(--opening-top) var(--menu-edge) 0 max(var(--opening-edge),env(safe-area-inset-left))}
.menu-top>.wordmark{font-size:var(--opening-logo)}
.menu[data-wanted=true] .menu-button:hover .menu-glyph i:last-child{transform:rotate(-45deg)}
.menu-body{top:112px;bottom:128px;left:var(--menu-column);right:var(--menu-edge);padding:16px 0;align-items:flex-start;justify-content:safe center;overflow-x:hidden}
.menu-body nav{width:min(100%,560px);gap:clamp(8px,1.7svh,20px)}
.menu-body nav>.menu-link{position:relative;display:block;min-height:64px;padding:8px 40px 8px 0;font-size:clamp(3.75rem,6.2vw,6.5rem);line-height:1.06;letter-spacing:-.025em;color:#d4dfe8;transition:color .2s ease;opacity:1;transform:translateY(calc((1 - var(--text-opacity)) * 16px))}
.menu-body nav>.menu-link:nth-child(2){transform:translateY(calc((1 - var(--text-opacity)) * 24px))}
.menu-body nav>.menu-link:nth-child(3){transform:translateY(calc((1 - var(--text-opacity)) * 32px))}
.menu-body .menu-name{display:inline-block;transition:transform .3s cubic-bezier(.2,.7,.3,1)}
.menu-body nav:has(.menu-link:hover) .menu-link:not(:hover),.menu-body nav:has(.menu-link:focus-visible) .menu-link:not(:focus-visible){opacity:1}
.menu-body nav>.menu-link .menu-arrow{position:absolute;left:auto;right:8px;top:50%;width:auto;height:auto;background:none;font:400 24px/1 var(--font-text);opacity:0;transform:translate(-8px,-50%);transition:opacity .2s ease,transform .3s ease}
.menu-body nav>.menu-link[aria-current=page]{color:#fff}
.menu-link[aria-current=page] .menu-name{text-decoration:underline;text-decoration-color:#c3d1dc80;text-decoration-thickness:1px;text-underline-offset:.16em}
.menu-body nav>.menu-link:focus-visible{color:#fff;outline:1px solid #bed2e180;outline-offset:-1px;border-radius:2px}
.menu-body nav>.menu-link:focus-visible .menu-arrow{opacity:1;transform:translate(0,-50%)}
.menu-contact{width:min(100%,560px);padding-left:0;margin-top:clamp(40px,5.5svh,60px);gap:8px;transform:translateY(calc((1 - var(--text-opacity)) * 40px))}
.menu-contact>span{font-size:.75rem;letter-spacing:.12em;color:#98acbc}
.menu-contact>a{font-size:1.0625rem;min-height:44px;gap:52px;padding:8px 0;border-color:#adbdcb40}
.menu>.menu-preferences{position:absolute;z-index:3;left:var(--menu-column);right:var(--menu-edge);bottom:max(28px,env(safe-area-inset-bottom));width:auto;margin:0;padding:0;opacity:var(--text-opacity)}
.menu>.menu-preferences[inert]{pointer-events:none}
.menu>.menu-preferences .motion-button{font-size:.8125rem;letter-spacing:.01em;color:#9caeba;min-height:44px}
.menu>.menu-preferences .motion-button:hover,.menu>.menu-preferences .motion-button:focus-visible{color:#edf2f6}
.menu-actions>.quiet-button{position:relative}
.menu-actions .sr-only{clip:auto;overflow:visible;width:max-content;max-width:220px;height:auto;top:calc(100% + 14px);right:0;margin:0;padding:7px 10px;border:1px solid #bacbd124;background:#080e16f2;color:#edf2f6;border-radius:3px;white-space:normal;font:400 .75rem/1.5 var(--font-text);text-align:right;opacity:0;pointer-events:none;transition:opacity .18s ease}
.menu-actions>.quiet-button:focus-visible .sr-only{opacity:1}
@media(hover:hover){
 .menu-body nav>.menu-link:hover{color:#fff}
 .menu-body nav>.menu-link:hover .menu-name{transform:translateX(5px)}
 .menu-body nav>.menu-link:hover .menu-arrow{opacity:1;transform:translate(0,-50%)}
 .menu-actions>.quiet-button:hover .sr-only{opacity:1}
}
@media(max-width:767px){
 .menu{--menu-column:max(32px,8vw,env(safe-area-inset-left));--menu-edge:max(32px,8vw,env(safe-area-inset-right))}
 .menu-top{padding-right:max(var(--opening-edge),env(safe-area-inset-right))}
 .menu-body{top:108px;bottom:max(100px,calc(env(safe-area-inset-bottom) + 84px));padding:16px 0}
 .menu-body nav,.menu-contact{width:100%}
 .menu-body nav{gap:clamp(8px,2svh,18px)}
 .menu-body nav>.menu-link{font-size:clamp(2.875rem,10.5vw,4.5rem);min-height:60px;padding-right:28px}
 .menu-body nav>.menu-link .menu-arrow{right:2px;font-size:20px}
 .menu-contact{margin-top:38px;padding:0}
 .menu-contact>a{font-size:1rem}
 .menu>.menu-preferences{bottom:max(20px,env(safe-area-inset-bottom))}
}
@media(max-height:620px){
 .menu-body{top:88px;bottom:max(72px,calc(env(safe-area-inset-bottom) + 60px));padding-top:12px;padding-bottom:12px}
 .menu-body nav{gap:2px}
 .menu-body nav>.menu-link{font-size:clamp(2.5rem,5vw,3.5rem);min-height:48px;padding-top:4px;padding-bottom:4px}
 .menu-contact{margin-top:22px;gap:3px}
 .menu>.menu-preferences{bottom:max(12px,env(safe-area-inset-bottom))}
}
@media(max-height:480px) and (min-width:600px){
 .menu{--menu-column:32%}
 .menu-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(150px,.85fr);column-gap:32px;align-content:safe center;align-items:center}
 .menu-body nav>.menu-link{font-size:clamp(2rem,4vw,2.5rem);padding-right:26px}
 .menu-body nav>.menu-link .menu-arrow{right:0;font-size:18px}
 .menu-contact{margin-top:0}
 .menu-contact>a{font-size:.875rem;gap:16px}
}
@media(prefers-reduced-motion:reduce){
 .menu-body nav>.menu-link,.menu-body nav>.menu-link .menu-arrow,.menu-body .menu-name,.menu-contact,.menu-actions .sr-only{transition:none;transform:none}
 .menu-body nav>.menu-link:nth-child(n){transform:none}
 .menu-body nav>.menu-link .menu-arrow{transform:translateY(-50%)}
}

/* E20: a quiet left-to-right change in light, with stable word geometry. */
.menu-body .menu-name{transition:none;transform:none!important}
.menu-body .menu-name .menu-letter{font:inherit;letter-spacing:inherit;color:#d4dfe8;transition:color .28s ease;transition-delay:0s}
.menu-link[aria-current=page] .menu-letter{color:#fff}
.menu-body nav>.menu-link .menu-arrow{transition:opacity .24s ease,transform .32s cubic-bezier(.2,.7,.3,1);transition-delay:0s}
@media(hover:hover) and (pointer:fine){
 .menu-body .menu-link:hover .menu-letter{color:#fff;transition-delay:var(--letter-delay,0ms)}
 .menu-body nav>.menu-link:hover .menu-arrow{transition-delay:.16s}
}
.menu-body .menu-link:focus-visible .menu-letter{color:#fff;transition-delay:var(--letter-delay,0ms)}
.menu-body nav>.menu-link:focus-visible .menu-arrow{transition-delay:.16s}
.menu[data-motion=false] .menu-letter,.menu[data-motion=false] .menu-arrow{transition:none!important}
@media(prefers-reduced-motion:reduce){
 .menu-body .menu-name .menu-letter,.menu-body nav>.menu-link .menu-arrow{transition:none!important}
}

/* Entry gate: a gentle nudge when a visitor scrolls before clicking Enter. */
.enter-button.nudge{animation:enter-nudge .9s cubic-bezier(.3,.7,.3,1)}
@keyframes enter-nudge{0%,100%{transform:translateY(0)}30%{transform:translateY(5px)}60%{transform:translateY(-2px)}}
@media(prefers-reduced-motion:reduce){.enter-button.nudge{animation:none}}