.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.hero-sequence{height:100svh;min-height:820px;max-height:1100px;isolation:isolate;touch-action:pan-y pinch-zoom}
.hero-track{display:flex;width:100%;height:100%;position:relative;transform:translateX(0);transition:transform 900ms cubic-bezier(.65,0,.2,1);will-change:transform}
.hero-track.no-transition{transition:none!important}
.hero-slide{position:relative;flex:0 0 100%;height:100%;overflow:hidden;background:var(--scene-bg);color:var(--scene-ink)}

.scene-copy{position:relative;z-index:3;padding:175px 0 0 var(--gutter);max-width:1000px;pointer-events:none}
.scene-copy .eyebrow{font-size:10px;letter-spacing:.18em;gap:11px;margin-bottom:23px}
.scene-word{font:700 clamp(95px,12.7vw,211px)/.92 var(--sans);letter-spacing:-.075em;color:var(--scene-ink);white-space:nowrap;margin-left:-7px}
.scene-word>span{color:var(--scene-accent)}
.scene-copy h3{font:400 clamp(32px,3.25vw,54px)/1.08 var(--serif);letter-spacing:-.045em;margin:24px 0 18px;max-width:560px}
.scene-copy p{font-size:15px;line-height:1.6;max-width:310px;margin-bottom:24px}
.scene-button{background:var(--scene-ink);color:var(--scene-bg);font-size:12px;gap:27px;min-height:48px;padding:8px 9px 8px 22px;pointer-events:auto}
.scene-button .button-icon{width:32px;height:32px;background:var(--scene-bg);color:var(--scene-ink)}
.scene-art{position:absolute;bottom:90px;left:32%;right:-7%;z-index:2;pointer-events:none}
.scene-art>img{width:100%;height:auto;max-width:none;filter:drop-shadow(0 14px 15px #36220c18)}
.scene-aside{position:absolute;right:25px;top:50%;writing-mode:vertical-rl;font-size:8px;letter-spacing:.16em;z-index:3;opacity:.7}
.hero-slide-celebrate .scene-word{font-size:clamp(72px,8.52vw,143.2px)}
.hero-slide-celebrate .scene-copy{max-width:1300px}
.hero-slide-celebrate .scene-copy h3{margin-top:24px}
.hero-slide-celebrate .scene-copy p{max-width:315px}
.celebrate-art{left:38%;right:-9%;bottom:115px;display:grid;grid-template-columns:1fr 1fr;gap:0}
.celebrate-art>img{width:126%;margin-left:-12%;margin-bottom:-17%;filter:none}
.celebrate-art>img:nth-child(2){transform:translateY(-14%)}
.hero-ribbon{position:absolute;top:41%;left:0;width:700%;height:46%;z-index:1;pointer-events:none;max-width:none;opacity:.65;overflow:visible}
.hero-ribbon path{fill:none;stroke:#ffe39c;stroke-width:2.5;vector-effect:non-scaling-stroke}
.hero-ribbon path+path{stroke:#ffe39c66;stroke-width:1}
.hero-sequence-controls{position:absolute;bottom:30px;left:var(--gutter);right:var(--gutter);z-index:6;display:flex;gap:50px;align-items:center;color:#fff8e8}
.hero-chapters{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));flex:1;gap:22px;min-width:0}
.hero-chapter{text-align:left;color:inherit;padding:10px 0;position:relative;min-height:52px;opacity:.55;transition:opacity .25s}
.hero-chapter small{font-size:8px;letter-spacing:.08em;margin-right:8px}
.hero-chapter>span{font-size:12px;font-weight:700;letter-spacing:.02em}
.hero-chapter>i{position:absolute;bottom:0;left:0;right:0;height:1px;background:currentColor;opacity:.45}
.hero-chapter.active{opacity:1}
.hero-chapter.active>i{height:3px;opacity:1}
.hero-chapter:hover{opacity:1}
.hero-transport{display:flex;gap:6px;flex:none}
.hero-transport button{width:38px;height:44px;display:flex;align-items:center;justify-content:center;color:inherit;border:1px solid #fff6;border-radius:50%;transition:background .2s}
.hero-transport button:hover{background:#ffffff20}
.hero-transport svg{width:18px;height:18px}
.hero-transport .reverse{transform:rotate(180deg)}
#hero-play span{font-family:Arial,sans-serif;font-size:17px}
.hero-sequence[data-scene="2"] .hero-sequence-controls{color:#fff7df}
.hero-sequence[data-scene="2"] .hero-transport button{border-color:#fff7df55}
@media(min-width:1650px){.scene-copy{padding-top:210px}.scene-copy p{font-size:17px;max-width:350px}.scene-art{bottom:110px;left:35%}.celebrate-art{left:43%;bottom:145px}.scene-copy h3{margin-top:30px}}
@media(max-width:1150px){.hero-sequence{min-height:800px}.scene-copy{padding-top:170px}.scene-word{font-size:10.4vw}.scene-copy h3{font-size:39px}.scene-copy p{font-size:14px;max-width:270px}.scene-art{left:31%;right:-15%;bottom:105px}.hero-slide-celebrate .scene-word{font-size:8.56vw}.celebrate-art{left:37%;right:-8%;bottom:150px}.hero-chapters{gap:15px}.hero-sequence-controls{gap:25px}.hero-chapter>span{font-size:11px}.hero-chapter small{font-size:7px;margin-right:5px}}
@media(max-width:850px){.hero-sequence{min-height:840px;max-height:1100px}.scene-copy{padding-top:145px}.scene-copy .eyebrow{font-size:9px}.scene-word{font-size:12.4vw}.scene-copy h3{font-size:37px;max-width:450px}.scene-copy p{font-size:14px;max-width:290px}.scene-art{left:16%;right:-24%;bottom:95px}.scene-aside{display:none}.hero-slide-celebrate .scene-word{font-size:10vw}.celebrate-art{left:36%;right:-15%;bottom:145px}.hero-ribbon{top:47%;height:35%}.hero-chapters{gap:10px}.hero-sequence-controls{gap:20px;bottom:24px}.hero-chapter small{display:block;margin-bottom:4px}.hero-transport button{width:32px;height:40px}.hero-transport{gap:4px}}
@media(max-width:560px){.hero-sequence{height:100svh;min-height:810px;max-height:1000px}.scene-copy{padding:125px var(--gutter) 0;max-width:none}.scene-copy .eyebrow{font-size:8px;margin-bottom:22px}.scene-word{font-size:15.2vw;margin-left:-3px;letter-spacing:-.08em}.hero-slide-celebrate .scene-word{font-size:11.36vw;letter-spacing:-.08em}.scene-copy h3{font-size:33px;line-height:1.05;margin:22px 0 16px;max-width:350px}.scene-copy p{font-size:13px;max-width:285px;margin-bottom:21px}.scene-button{font-size:11px;min-height:46px;padding:7px 8px 7px 18px;gap:20px}.scene-button .button-icon{width:30px;height:30px}.scene-art{left:-16%;right:-26%;bottom:97px}.celebrate-art{left:-1%;right:-3%;bottom:120px;grid-template-columns:1fr 1fr}.celebrate-art>img{width:135%;margin-left:-18%;margin-bottom:-13%}.hero-slide-celebrate .scene-copy h3{font-size:33px}.hero-slide-celebrate .scene-copy p{max-width:310px}.hero-ribbon{top:53%;height:29%}.hero-sequence-controls{display:block;left:var(--gutter);right:var(--gutter);bottom:17px}.hero-chapters{gap:10px}.hero-chapter{min-height:48px;padding-top:6px;padding-bottom:9px}.hero-chapter small{font-size:7px}.hero-chapter>span{font-size:10px;letter-spacing:0}.hero-transport{position:absolute;right:0;bottom:63px;gap:5px}.hero-transport button{width:32px;height:36px;background:#5b1b2220}.hero-slide-celebrate .scene-copy{padding-top:130px}}
@media(max-height:760px) and (min-width:851px){.hero-sequence{height:820px;min-height:820px}}
@media(prefers-reduced-motion:reduce){.hero-track{transition:none!important}.hero-track,.hero-slide,.scene-art{animation:none!important}}
