/* Stationary invitation, independently bounded painted world. */
.hero{position:relative;height:160svh;z-index:30;background:var(--soot)}
.hero .stage{position:sticky;top:0;height:100svh;background:var(--soot);isolation:isolate}
#hero-content{position:relative;height:100%;margin:0 clamp(40px,5vw,72px)}
.hero .brand{position:absolute;top:24px;height:44px;display:flex;align-items:center;font:600 13px/1 var(--text);letter-spacing:.12em;text-transform:uppercase}
#hui{position:relative;padding-top:176px;width:calc((100% - 24px)/2);z-index:30}
#hcta{opacity:1;transform:none;translate:none;transition:none;background:var(--soot)}
#hcta h1{font:400 clamp(2.1rem,4.8vw,4.8rem)/1.02 var(--display);letter-spacing:-.025em;text-wrap:initial;margin:0}
#hcta h1 span{display:block}
#hcta .sub{font:400 18px/1.5 var(--text);max-width:44ch;margin:20px 0 24px}
.hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:start}
#hcta .btn{width:100%;min-height:48px;padding:12px 16px;font:400 1rem/1.25 var(--display);white-space:normal;overflow:visible;transition:none}
#hcta .readiness{font:400 16px/1.25 var(--text);color:var(--stone);margin:8px 0 0}
#hart{position:absolute;left:calc((100% + 24px)/2);top:260px;width:calc((100% - 24px)/2);aspect-ratio:16/9;overflow:hidden;isolation:isolate;pointer-events:none;background:var(--soot)}
#hero-scene{position:absolute;width:1920px;height:1080px;transform-origin:0 0}
#hero-scene>img{position:absolute;display:block}
#hero-wall{inset:0;width:1920px;height:1080px;z-index:0}
#hero-lamp{left:0;top:0;width:260px;height:230px;z-index:1}
#hero-ground{left:0;bottom:0;width:1920px;height:210px;z-index:2}
#hero-door,#hero-jamb{width:422.4px;height:633.6px;left:1286.4px;top:414.24px;z-index:3}
#hero-jamb{z-index:5}
#hero-foot{position:absolute;left:307.2px;top:914.76px;width:229.24px;height:237.6px;transform:translate(-50%,-100%);z-index:4}
#hero-run{width:100%;height:100%;display:block;position:relative}
#hero-foot i{position:absolute;bottom:-4px;left:7.5%;width:85%;height:20px;background:#000;border-radius:50%;opacity:.35}
#through-final{position:absolute;inset:0;z-index:7;opacity:0;background:var(--soot)}
#through-final img{width:100%;height:100%;object-fit:contain;display:block}
#hero-rain{position:absolute;inset:-20%;z-index:6;opacity:.14;background:repeating-linear-gradient(105deg,transparent 0 43px,#c9c9c928 44px,transparent 45px 90px);pointer-events:none}
#ld{opacity:1;transition:opacity .25s linear!important}#ld[hidden]{display:none!important}#ld.out #rb{transform:none!important}
#nt{left:auto!important;right:clamp(40px,5vw,72px);top:24px!important}#ns{left:auto!important;right:clamp(40px,5vw,72px);top:72px!important;max-width:18rem;font-size:13px!important}
#dock,#dock[data-off],#rail{transition:none!important}
[data-sc-window="hero"]{display:none!important}
html[data-offer-owner="hero"] #dock,html[data-offer-owner="tail"] #dock,html[data-offer-owner="finale"] #dock{visibility:hidden!important;opacity:0!important}
html:not([data-offer-owner="hero"]) .hero-actions{visibility:hidden}
html[data-hero-intersects] #rail{visibility:hidden!important}
@media(max-width:899px){.hero{height:140svh}#hero-content{margin:0 40px}#hui{width:100%;padding-top:104px}#hcta h1{max-width:650px}#hcta .sub{margin-top:20px}.hero-actions{max-width:600px}#hart{left:0;top:520px;width:100%}.hero .brand{top:16px}#nt{right:40px;top:16px!important;width:44px;height:44px;padding:0;justify-content:center}#nt .lbl{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}#ns{right:40px;top:62px!important}}
@media(max-width:599px){#hero-content{margin:0 max(20px,env(safe-area-inset-left))}#hui{padding-top:80px}#hcta .sub{font-size:17px;margin:16px 0}.hero-actions{grid-template-columns:1fr;gap:12px}#hart{top:540px;aspect-ratio:auto;height:28svh;min-height:197px}#nt{right:20px}#ns{right:20px;max-width:160px}.hero .brand{font-size:12px}}
html[data-reading] .hero{height:auto;min-height:100svh}html[data-reading] .hero .stage{position:relative;height:auto;min-height:100svh}html[data-reading] #hero-content{height:auto;padding-bottom:30px}html[data-reading] #hui{width:100%}html[data-reading] #hart{position:relative;left:auto;top:auto;width:100%;height:auto;min-height:0;aspect-ratio:16/9;margin-top:20px}html[data-reading] .hero-actions{visibility:visible}html[data-reading] #dock,html[data-reading] #rail{display:none!important}
@media(max-width:359px),(max-height:649px){#hui{padding-top:64px}#hcta .sub{margin:8px 0}.hero-actions{gap:8px}#hcta .readiness{margin-top:6px}.hero .brand{top:8px}#nt{top:8px!important}html[data-reading] #hart{margin-top:max(20px,calc(560px - var(--hero-copy-bottom,540px)))}}
@media(prefers-reduced-motion:reduce){#ld{transition:none!important}#hero-rain{display:none}}