@font-face{font-family:RoySans;src:url('/assets/plex-light.woff2') format('woff2');font-weight:300;font-display:swap}
.page-home .site-header{position:fixed;width:100%;background:linear-gradient(180deg,#16242acc,#16242a88 70%,#16242a55);border-bottom-color:#edf2ef22;transition:background .25s}
.page-home .site-header.on-content{background:var(--navy);border-bottom-color:#415052}
.page-home .hero-track{height:340svh;position:relative;background:#e1e7e8}
.hero-stage{position:sticky;top:0;height:100svh;min-height:600px;overflow:hidden;background:#e1e7e8;isolation:isolate;color:#293840}
.hero-stage .poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:62% center;z-index:-3;transition:opacity .8s}
.is-ready .hero-stage .poster{opacity:0}
.hero-stage #scene{position:absolute;inset:0;z-index:-2;opacity:0;filter:none;transition:opacity 1.1s}
.is-ready .hero-stage #scene{opacity:1}
.hero-stage #scene canvas{width:100%;height:100%;display:block}
.hero-stage .scene-shade{position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(0deg,#13222aaa,transparent 16%)}
.hero-stage .cue{position:absolute;left:var(--gutter);top:34%;width:min(47vw,700px);isolation:isolate;will-change:opacity,transform}
.hero-stage .cue:before{content:'';position:absolute;inset:-20% -12%;z-index:-1;background:#e7eeeac2;filter:blur(48px);pointer-events:none}
.hero-stage .eyebrow{font-size:.75rem;letter-spacing:.14em;margin-bottom:24px;color:#293840}
.hero-stage h1,.closing-title{font-family:RoySans,Arial,sans-serif;font-weight:300;font-size:clamp(3.35rem,4.8vw,5.6rem);line-height:1.08;letter-spacing:-.04em;margin:0}
.headline-rule{display:block;width:52px;height:1px;background:#7e949d;margin-top:33px}
.hero-stage .closing{left:auto;right:var(--gutter);top:35%;width:min(45vw,650px);opacity:0;transform:translateY(24px)}
.closing-title{font-size:clamp(3.4rem,4.75vw,5.6rem)}
.bottom-chrome{position:absolute;left:var(--gutter);right:var(--gutter);bottom:27px;display:flex;align-items:center;justify-content:space-between;gap:25px;color:#edf2ef;text-shadow:0 1px 5px #0c192099;font-size:.75rem;letter-spacing:.035em}
.hero-skip{padding:12px 0;border-bottom:1px solid #e5e9dc55;min-height:44px}.hero-skip:hover{border-color:#edf2ef}
.scene-controls{display:flex;align-items:center;gap:25px;white-space:nowrap}
.hero-stage #motion-toggle{position:static;font-size:.75rem;letter-spacing:0;border:0;background:transparent;padding:12px 0;color:inherit;min-height:44px;opacity:.85}.hero-stage #motion-toggle:hover{opacity:1}
.progress-track{position:absolute;bottom:0;left:0;width:100%;height:2px;background:#30465022}
#progress-bar{display:block;width:100%;height:100%;transform:scaleX(0);transform-origin:left;background:#bda174;will-change:transform}
.fallback-note{position:absolute;bottom:92px;left:var(--gutter);font-size:.8125rem;max-width:330px;color:#edf2ef;background:#18272cdd;padding:12px 15px}
.profile-section{position:relative;z-index:2;scroll-margin-top:var(--header);box-shadow:0 -30px 75px #10202733}
.profile-section .hero-copy>.eyebrow{color:var(--gold);margin-bottom:36px}
.profile-section .hero-rule span{transform:none}
.profile-visual{position:relative;min-width:0;overflow:hidden;background:#1b2d31;padding:24px}
.profile-visual .portrait{height:100%;aspect-ratio:auto;clip-path:inset(calc((1 - var(--profile-entry,1))*7%) calc((1 - var(--profile-entry,1))*5%));transform:translate3d(0,calc((1 - var(--profile-entry,1))*24px),0)}
.profile-visual .portrait-name{font-size:clamp(4rem,7.5vw,9rem)}
.profile-visual .portrait-reserved{padding:clamp(35px,5vw,80px)}
.reduced .page-home .hero-track{height:100svh;min-height:650px}.reduced .hero-stage{position:relative}
.reduced .hero-stage .opening{opacity:1!important;transform:none!important}.reduced .hero-stage .closing{display:none}
.reduced .hero-stage #scene,.reduced .hero-stage .poster{transition:none}.reduced .profile-visual .portrait{clip-path:none;transform:none}
@media(max-width:1000px){.hero-stage .cue{width:48vw;top:31%}.hero-stage h1,.closing-title{font-size:clamp(3rem,5.8vw,4rem)}.hero-stage .closing{top:32%;width:48vw}.hero-stage .poster{object-position:69% center}}
@media(max-width:650px){.page-home .hero-track{height:290svh}.hero-stage{min-height:650px}.hero-stage .cue,.hero-stage .closing{left:var(--gutter);right:var(--gutter);width:auto;top:23%}.hero-stage h1,.closing-title{font-size:clamp(2.3rem,9.7vw,3.7rem);line-height:1.1;letter-spacing:-.035em;max-width:480px}.hero-stage .eyebrow{font-size:.6875rem;margin-bottom:21px}.hero-stage .cue:before{inset:-20% -5%;filter:blur(35px)}.headline-rule{margin-top:25px;width:40px}.bottom-chrome{gap:12px;font-size:.6875rem;bottom:22px;flex-wrap:wrap}.scene-controls{gap:18px}.hero-stage #motion-toggle{font-size:.6875rem}.hero-skip{font-size:.6875rem}.bottom-chrome #scene-label{display:none}.profile-section .hero-copy>.eyebrow{margin-bottom:26px}.profile-visual{height:72svh;min-height:430px;max-height:660px;padding:18px}.profile-visual .portrait-name{font-size:5.4rem}}
@media(max-height:680px) and (min-width:651px){.hero-stage .cue,.hero-stage .closing{top:25%}.hero-stage h1,.closing-title{font-size:clamp(2.5rem,4vw,3.8rem)}.hero-stage .eyebrow{margin-bottom:16px}.headline-rule{margin-top:20px}}
@media(prefers-reduced-motion:reduce){.page-home .hero-track{height:100svh;min-height:650px}.hero-stage{position:relative}.hero-stage .opening{opacity:1!important;transform:none!important}.hero-stage .closing{display:none}.profile-visual .portrait{clip-path:none;transform:none}}
.hero-summary{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}
.reduced .hero-stage .hero-summary{position:static;width:auto;height:auto;clip-path:none;overflow:visible;margin-top:24px;font-size:1.125rem;line-height:1.5;letter-spacing:0;max-width:480px}
@media(prefers-reduced-motion:reduce){.hero-stage .hero-summary{position:static;width:auto;height:auto;clip-path:none;overflow:visible;margin-top:24px;font-size:1.125rem;line-height:1.5;letter-spacing:0;max-width:480px}}
