:root{--paper:#f7f7f4;--paper2:#f0f0ed;--paper3:#e5e5e1;--ink:#151515;--muted:#71716d;--accent:#e86a2c;--line:#ddddd7}
.hero-track{height:480svh;position:relative;background:var(--paper);color:var(--ink);--film-progress:0}
.hero-sticky{position:sticky;top:0;height:100svh;min-height:620px;overflow:hidden;isolation:isolate;background:var(--paper)}
.hero-film,.hero-shade{position:absolute;inset:0;pointer-events:none}
.hero-film{z-index:0}
.hero-film img,.hero-film canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;display:block}
.hero-film canvas{opacity:0}.is-sequence-ready .hero-film canvas{opacity:1}.is-sequence-ready #heroPoster{opacity:0}
.hero-shade{z-index:1;background:linear-gradient(0deg,rgba(247,247,244,.98),rgba(247,247,244,.74) 18%,transparent 44%,transparent 82%,rgba(247,247,244,.6))}
.nav{position:absolute;top:0;left:0;right:0;padding:34px 4.5vw;display:flex;align-items:center;justify-content:space-between;z-index:10;gap:25px}
.nav img{width:168px;height:auto;filter:brightness(0)}
.nav-links{display:flex;align-items:center;gap:29px;margin-left:auto;margin-right:35px}
.nav-links a,.nav-contact{font-size:12px;font-weight:500;color:#3e3e39}
.nav-links a{padding:12px 0;transition:color .2s}.nav-links a:hover{color:var(--ink)}
.nav-links a>span,.nav-menu{display:none}
.nav-contact{display:flex;align-items:center;gap:25px;padding:10px 0;border-bottom:1px solid #aaa9a0;white-space:nowrap}
.nav-contact span{font-size:21px;color:var(--accent);font-weight:400;line-height:1}
.hero-topline{position:absolute;top:134px;left:4.5vw;z-index:3;font-size:9px;color:#63635d;letter-spacing:.1em;display:flex;align-items:center;gap:10px}
.hero-topline i{width:5px;height:5px;background:var(--accent)}
.hero-opening,.hero-story{position:absolute;left:4.5vw;bottom:23%;z-index:3;max-width:56%;will-change:opacity,transform}
.hero-opening h1{font-size:clamp(76px,9.4vw,158px);font-weight:500;line-height:.91;letter-spacing:-.064em;color:var(--ink)}
.hero-opening h1::first-line{color:#777771}
.hero-opening p{font-size:15px;line-height:1.5;color:#64645e;margin-top:27px;letter-spacing:-.015em;max-width:355px}
.hero-story{opacity:0;max-width:44%;bottom:25%;pointer-events:none}
.hero-story-kicker{font-size:10px;letter-spacing:.06em;color:#676760;margin-bottom:22px}
.hero-story h2{font-size:clamp(52px,6.15vw,102px);font-weight:500;line-height:.97;letter-spacing:-.052em;max-width:650px;color:var(--ink)}
.hero-story p{font-size:15px;line-height:1.5;max-width:310px;color:#64645e;margin-top:26px}
.hero-spec{position:absolute;right:4.5vw;bottom:23%;display:grid;grid-template-columns:1fr 44px;align-items:center;column-gap:27px;z-index:4;max-width:300px}
.hero-spec>.mono{font-size:10px;letter-spacing:.11em;color:var(--ink);grid-column:1}
.hero-spec>span:nth-child(2){font-size:11px;line-height:1.4;color:#65655f;grid-column:1;margin-top:9px}
.hero-spec>a{grid-column:2;grid-row:1/3;display:flex;align-items:center;justify-content:center;font-size:25px;line-height:1;width:44px;height:44px;color:#4e4e48;border:1px solid #b8b8b0;border-radius:50%;transition:color .2s,border-color .2s}
.hero-spec>a:hover{color:var(--ink);border-color:var(--ink)}
.hero-bottom{position:absolute;left:4.5vw;right:4.5vw;bottom:39px;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:35px}
.hero-coverage-note{position:absolute;left:0;bottom:calc(100% + 17px);font-size:9px;line-height:1.4;letter-spacing:.015em;color:#686862;margin:0}
.hero-scroll{display:flex;align-items:center;gap:12px;white-space:nowrap;color:#666660}.hero-scroll .mono{font-size:8px;letter-spacing:.065em}.scroll-line{width:1px;height:32px;background:#8d8d85;position:relative}.scroll-line::after{content:'';width:5px;height:5px;border-right:1px solid #686862;border-bottom:1px solid #686862;position:absolute;bottom:0;left:-2px;transform:rotate(45deg)}
.chapter-rail{display:flex;align-items:center;gap:37px}
.chapter-rail button{display:flex;align-items:center;gap:9px;color:#696962;font-size:11px;background:none;border:0;padding:16px 0;position:relative;min-height:44px;white-space:nowrap;transition:color .2s}
.chapter-rail button span{font:8px var(--mono);color:var(--muted)}.chapter-rail button.is-active{color:var(--ink)}.chapter-rail button.is-active span{color:#a8451b}
.chapter-rail button::after{content:'';position:absolute;left:22px;right:0;bottom:5px;height:1px;background:var(--ink);transform:scaleX(0);transform-origin:left;transition:transform .2s}.chapter-rail button:hover::after{transform:scaleX(1)}
.hero-skip{display:flex;align-items:center;gap:22px;font-size:11px;color:#4c4c46;white-space:nowrap;padding:10px 0;border-bottom:1px solid #aaa9a0}.hero-skip span{font-size:20px;color:var(--accent)}
.hero-progress{position:absolute;left:0;bottom:0;right:0;height:2px;z-index:6;background:#deded7}.hero-progress i{display:block;background:var(--accent);height:100%;transform:scaleX(var(--film-progress));transform-origin:left}
.hero-track :focus-visible{outline:2px solid var(--ink);outline-offset:5px}
.hero-track.is-reduced-motion{height:100svh;min-height:700px}.is-reduced-motion .hero-sticky{position:relative;height:100%;min-height:700px}.is-reduced-motion .hero-scroll,.is-reduced-motion .chapter-rail{display:none}.is-reduced-motion .hero-bottom{justify-content:flex-end}
.is-reduced-motion #heroPoster{opacity:1}.is-reduced-motion #heroSequence{opacity:0}
.coverage-metrics{display:grid;grid-template-columns:repeat(3,1fr);margin-top:22px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.coverage-metrics>div{padding:29px 24px 27px;border-right:1px solid var(--line)}.coverage-metrics>div:first-child{padding-left:0}.coverage-metrics>div:nth-child(3){border-right:0}
.coverage-metrics .mono{font-size:8px;color:var(--muted)}.coverage-metrics strong{font-size:32px;font-weight:500;letter-spacing:-.04em;display:block;margin:13px 0 8px}.coverage-metrics small{font-size:22px;font-weight:400}.coverage-metrics p{font-size:12px;color:var(--muted);line-height:1.5}.coverage-metrics .coverage-metric-note{grid-column:1/-1;padding:17px 0;border-top:1px solid var(--line);font-size:10px}
@media(min-width:1700px){.hero-opening,.hero-story{bottom:25%}.nav{padding-top:42px}.hero-bottom{bottom:44px}.hero-topline{top:160px}}
@media(max-width:1100px){.nav-links{gap:22px;margin-right:20px}.nav img{width:145px}.nav{gap:18px}.hero-topline{top:127px}.hero-bottom{gap:22px}.chapter-rail{gap:25px}.hero-opening{bottom:24%}.hero-spec{bottom:24%;column-gap:17px}.hero-spec>span:nth-child(2){font-size:10px}.hero-story p{font-size:14px}}
@media(min-width:761px) and (max-width:900px){.nav img{width:130px}.nav-links{gap:17px;margin-right:8px}.nav-links a,.nav-contact{font-size:11px}.nav-contact{gap:16px}}
@media(min-width:761px) and (max-width:1100px){.hero-film img,.hero-film canvas{object-fit:contain}}
@media(max-width:760px){
 .hero-track{height:360svh}.hero-sticky{min-height:700px}
 .nav{padding:22px 6vw;gap:15px}.nav img{width:122px}.nav-contact{margin-left:auto;font-size:11px;gap:15px;padding:7px 0}.nav-contact span{font-size:19px}
 .nav-menu{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:44px;height:44px;flex-shrink:0;padding:0;background:transparent;border:0;color:var(--ink);margin-right:-10px}.nav-menu span{display:block;width:20px;height:1px;background:currentColor;transition:transform .25s}.menu-open .nav-menu span:first-child{transform:translateY(3px) rotate(45deg)}.menu-open .nav-menu span:last-child{transform:translateY(-3px) rotate(-45deg)}
 .nav-links{display:none;position:absolute;top:82px;left:6vw;right:6vw;margin:0;padding:13px 23px 17px;align-items:stretch;flex-direction:column;gap:0;background:#fcfcfa;border:1px solid #d5d5cd;max-height:calc(100svh - 105px);overflow:auto;visibility:hidden;opacity:0;transform:translateY(-8px);pointer-events:none;transition:opacity .2s,transform .25s,visibility .25s}.nav-links a{display:flex;align-items:center;justify-content:space-between;min-height:53px;padding:10px 0;font-size:18px;letter-spacing:-.02em;border-bottom:1px solid #e5e5de}.nav-links a:last-child{border-bottom:0}.nav-links a>span{display:block;font-size:20px;color:#686862}.menu-open .nav-links{display:flex;visibility:visible;opacity:1;transform:none;pointer-events:auto}
 .hero-topline{top:109px;left:6vw;font-size:8px;letter-spacing:.07em}
 .hero-film{top:10%;bottom:43%;left:-56%;right:-4%;mix-blend-mode:darken;mask-image:linear-gradient(0deg,transparent,#000 10%,#000 93%,transparent)}.hero-film img,.hero-film canvas{object-fit:contain}
 .hero-shade{background:linear-gradient(0deg,#f7f7f4 0%,rgba(247,247,244,.98) 28%,transparent 55%,transparent 79%,#f7f7f4 100%)}
 .hero-opening{left:6vw;bottom:26%;max-width:88%;z-index:3}.hero-opening h1{font-size:clamp(58px,17.2vw,106px);line-height:.93}.hero-opening p{font-size:13px;margin-top:19px;line-height:1.5;max-width:310px}
 .hero-story{left:6vw;bottom:27%;max-width:88%}.hero-story-kicker{font-size:9px;margin-bottom:17px}.hero-story h2{font-size:clamp(46px,12.5vw,70px);line-height:.97}.hero-story p{font-size:13px;max-width:285px;margin-top:19px}
 .hero-spec{right:6vw;left:6vw;bottom:16%;max-width:none;display:flex;gap:12px;align-items:center;border-top:1px solid #d7d7ce;padding-top:10px}.hero-spec>.mono{font-size:9px;white-space:nowrap}.hero-spec>span:nth-child(2){font-size:10px;margin:0;max-width:205px}.hero-spec>a{margin-left:auto;width:44px;height:44px;min-width:44px;font-size:21px;border:0}
 .hero-coverage-note{bottom:calc(100% + 12px);font-size:8px}
 .hero-bottom{bottom:27px;left:6vw;right:6vw;gap:0}.hero-scroll,.hero-skip{display:none}.chapter-rail{width:100%;gap:10px;justify-content:space-between}.chapter-rail button{font-size:10px;gap:7px}.chapter-rail button span{font-size:8px}.chapter-rail button::after{left:18px}
 .is-reduced-motion .hero-skip{display:flex}.is-reduced-motion .hero-opening{bottom:26%}
}
@media(max-width:380px){.hero-opening h1{font-size:18.2vw}.hero-opening p{font-size:12px}.hero-story h2{font-size:44px}.hero-story p{font-size:12px;max-width:250px}.hero-spec{gap:8px}.hero-spec>span:nth-child(2){font-size:9px}.chapter-rail button{font-size:9px;gap:6px}.nav img{width:114px}.nav{gap:10px}}
@media(max-height:650px) and (min-width:761px){.hero-sticky{min-height:620px}.hero-topline{top:112px}.hero-opening h1{font-size:7.8vw}.hero-opening p{font-size:13px;margin-top:20px}.hero-opening,.hero-story{bottom:24%}.hero-story h2{font-size:5.7vw}.hero-story p{font-size:13px}.hero-bottom{bottom:27px}}
@media(prefers-reduced-motion:reduce){.hero-track{height:100svh;min-height:700px}.hero-sticky{position:relative;min-height:700px}.hero-scroll,.chapter-rail{display:none}.hero-opening,.hero-story{will-change:auto}.nav-links,.nav-menu span{transition:none}}
@media(max-width:760px) and (max-height:699px){
 .hero-sticky{height:100svh;min-height:0}.hero-track.is-reduced-motion,.is-reduced-motion .hero-sticky{min-height:100svh}
 .hero-topline{display:none}.hero-film{top:12%;bottom:43%}
 .hero-opening,.hero-story,.is-reduced-motion .hero-opening{bottom:29%}.hero-opening h1{font-size:clamp(46px,15.4vw,74px)}
 .hero-opening p,.hero-story p{font-size:11px;line-height:1.4;margin-top:12px}.hero-story-kicker{font-size:8px;margin-bottom:10px}.hero-story h2{font-size:clamp(38px,12vw,54px)}
 .hero-spec{bottom:16%;padding-top:8px}.hero-bottom{bottom:15px}
}