@layer theme,base;@layer components{.hero{--hero-scrim:1;--hero-line-size:clamp(2.25rem, 1.1rem + 3.2vw, 4.75rem);z-index:0;isolation:isolate;color:var(--color-cloud);background:#000;position:relative}.hero .hero__skip{top:calc(var(--spacing-nav) + .75rem);left:var(--spacing-gutter);z-index:5;position:absolute;transform:translateY(-400%)}.hero .hero__skip:focus-visible{position:fixed;transform:none}.hero__stage{background:var(--color-navy);min-height:100svh;display:grid;position:relative;overflow:hidden}.hero__frame{will-change:transform;background:#000;position:absolute;inset:0}.hero__frame img,.hero__canvas{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.hero__poster,.hero__canvas,.hero__dim,.hero__bar-shade,.hero__tags{display:none}.hero__grain{opacity:.04;pointer-events:none;background-image:url(/hero/grain.webp);position:absolute;inset:0}.hero__scrim{pointer-events:none;background:linear-gradient(#0000006b 0%,#0000 15%);position:absolute;inset:0}.hero__pool{position:absolute;inset:0}.hero__pool:before{content:"";opacity:var(--hero-scrim);background:radial-gradient(90% 70% at 0 100%,#000000d1 0%,#000000a8 38%,#0000 100%);position:absolute;inset:0}.hero__ui{min-height:100%;padding:calc(var(--spacing-nav) + 1rem) var(--spacing-gutter) clamp(1.25rem, 3.4vh, 2.5rem);flex-direction:column;justify-content:flex-end;gap:clamp(1rem,2.4vh,1.75rem);display:flex;position:relative}.hero__lines{align-items:end;display:grid}.hero__line{max-width:15ch;font-family:var(--font-cormorant), Georgia, serif;font-size:var(--hero-line-size);letter-spacing:-.012em;text-wrap:balance;transform-origin:0 100%;grid-area:1/1;font-weight:500;line-height:1.02}.hero__line:not(.hero__line--final){display:none}.hero__line .word{vertical-align:top;margin:-.1em -.08em -.2em;padding:.1em .08em .2em;display:inline-block;overflow:hidden}.hero__line .word__inner{display:inline-block}.hero__lead{align-items:end;display:grid}.hero__end,.hero__cue{grid-area:1/1}.hero__end{gap:.875rem;display:grid}.hero__subline{color:var(--color-cloud-dim);letter-spacing:.01em;font-size:.9375rem}.hero__actions{flex-wrap:wrap;gap:.625rem;display:flex}.hero__action{display:inline-flex}.hero__action .btn-secondary:not(:hover){border-color:currentColor}.hero__cue{display:none}.hero__steps{padding:clamp(3rem, 2rem + 4vw, 6rem) var(--spacing-gutter);gap:2rem;margin:0;list-style:none;display:grid}.step{border-top:1px solid var(--color-hairline);padding-top:1rem}.step__line{font-family:var(--font-cormorant), Georgia, serif;text-wrap:balance;font-size:clamp(1.75rem,1.3rem + 1.4vw,2.5rem);line-height:1.08}@media (min-width:48rem){.hero__steps{grid-template-columns:repeat(3,minmax(0,1fr))}}html[data-seq] .hero{height:calc((var(--hero-length) + var(--hero-rest) + var(--hero-handover)) * 1vh + 100vh);height:calc((var(--hero-length) + var(--hero-rest) + var(--hero-handover)) * 1lvh + 100lvh)}html[data-seq] .hero+*{z-index:1;margin-top:-100lvh}html[data-seq] .hero__stage{height:100lvh;min-height:0;display:block;position:sticky;top:0}html[data-seq][data-engine] .hero__stage{position:relative;top:auto}html[data-seq] .hero__poster{display:block}html[data-seq] .hero__final,html[data-seq] .hero__steps{display:none}html[data-seq] .hero__canvas{visibility:hidden;display:block}html[data-seq] .hero__canvas[data-ready]{visibility:visible}html[data-seq] .hero__canvas--over{opacity:0;will-change:opacity}html[data-seq] .hero__dim{opacity:0;pointer-events:none;will-change:opacity;background:#000;display:block;position:absolute;inset:0}html[data-seq] .hero__pool{will-change:opacity}html[data-seq] .hero__bar-shade{height:calc(var(--spacing-nav) * 2);opacity:0;pointer-events:none;will-change:opacity;background:linear-gradient(#00000080 0% 38%,#0000005c 56%,#00000024 78%,#0000 100%);display:block;position:absolute;inset:0 0 auto}html[data-seq] .hero__tags{pointer-events:none;margin:0;padding:0;list-style:none;display:block;position:absolute;inset:0}.hero__tag{color:var(--color-cloud);letter-spacing:.12em;opacity:0;text-transform:uppercase;white-space:nowrap;will-change:transform;font-size:.6875rem;font-weight:500;line-height:1.4;position:absolute;top:0;left:0}html[data-seq] .hero__ui{pointer-events:none;height:100svh;min-height:0;position:absolute;inset:0 0 auto}html[data-seq] .hero__actions{pointer-events:auto}html[data-seq] .hero__line{display:block}html[data-seq] .hero__line:not(:first-child){opacity:0}html[data-seq] .hero__subline,html[data-seq] .hero__actions>*{visibility:hidden}html[data-seq] .hero__cue{letter-spacing:var(--tracking-label);text-transform:uppercase;align-items:center;gap:.875rem;font-size:.6875rem;font-weight:500;line-height:1.4;display:flex}.hero__cue-line{background:var(--color-hairline);width:1px;height:2.5rem;display:block;position:relative}.hero__cue-dot{background:var(--color-yellow);width:5px;height:5px;animation:hero-cue 2s var(--film-ease-travel) infinite;border-radius:50%;position:absolute;top:-2px;left:-2px}@media (max-aspect-ratio:1){.hero{--hero-line-size:clamp(2rem, 9.4vw, 3.75rem);--hero-words:calc(12rem + var(--hero-line-size) * 2.2)}.hero__final img{object-position:var(--final-x) 50%}html[data-seq] .hero__poster img{top:calc(var(--poster-eye) - var(--poster-y) * 100vw * .5625 / var(--poster-share));height:calc(100vw * .5625 / var(--poster-share));object-position:var(--poster-x) 50%;bottom:auto;-webkit-mask-image:linear-gradient(#0000,#000 20% 80%,#0000);mask-image:linear-gradient(#0000,#000 20% 80%,#0000)}.hero__pool:before{background:linear-gradient(to top, #000000d1 0, #000000a3 var(--hero-words), #0000 calc(var(--hero-words) + 12rem))}.hero__ui{text-align:center;align-items:center}.hero__line{transform-origin:bottom;justify-self:center}.hero__actions,.hero__cue{justify-content:center}}html[data-seq] .hero__tags:not([data-placed]){clip-path:inset(50%)}@media (max-aspect-ratio:1),(max-height:30rem){html[data-seq] .hero__tags{clip-path:inset(50%)}}@media (max-width:48rem) and (max-aspect-ratio:1){.hero__ui{padding-bottom:calc(5.25rem + env(safe-area-inset-bottom))}}@media (max-width:30rem){.hero__action .btn{min-height:3rem;padding-inline:1rem;font-size:.8125rem}}@media (max-width:23.99rem){.hero__action .btn__arrow{display:none}}@media (max-width:21rem){.hero__action .btn{padding-inline:.75rem;font-size:.75rem}}}@layer utilities;@keyframes hero-cue{0%{opacity:0;transform:translateY(0)}18%{opacity:1}82%{opacity:1}to{opacity:0;transform:translateY(2.5rem)}}
@layer theme,base;@layer components{.preloader{display:none}html[data-seq]:not([data-preloaded]) .preloader{z-index:80;background:var(--color-navy);color:var(--color-cloud);animation:preloader-failsafe var(--film-time-base) var(--film-ease-curtain) var(--film-preloader-without-script) forwards;place-items:center;display:grid;position:fixed;inset:0}.preloader__mark{width:clamp(5.5rem,12vw,8.5rem);height:auto;overflow:visible}.draw{stroke:currentColor;stroke-dasharray:1;stroke-dashoffset:1px;animation:preloader-draw var(--film-time-base) var(--film-ease-curtain) forwards}.draw--stem-b{animation-delay:80ms}.draw--blade{animation-delay:.22s}.preloader__blade-fill{fill:currentColor;opacity:0;animation:preloader-fade var(--film-time-quick) var(--film-ease-snap) .72s forwards}.preloader__base{stroke:currentColor;opacity:0;animation:preloader-base var(--film-time-quick) var(--film-ease-settle) .86s forwards;translate:-36px}.preloader__dot{fill:var(--color-yellow);opacity:0;animation:preloader-fade var(--film-time-instant) var(--film-ease-snap) .92s forwards, preloader-drop var(--film-spring-dot-time) var(--film-spring-dot) .92s forwards;translate:0 -64px}}@layer utilities;@keyframes preloader-draw{to{stroke-dashoffset:0}}@keyframes preloader-fade{to{opacity:1}}@keyframes preloader-base{to{opacity:1;translate:0}}@keyframes preloader-drop{to{translate:0}}@keyframes preloader-failsafe{to{visibility:hidden;transform:translateY(-100%)}}
