:root{--motion-ease:cubic-bezier(.22,.68,.2,1)}
.title-line{display:block}.motion-word{display:inline-block;vertical-align:baseline;white-space:nowrap}
.typed-word{position:relative;isolation:isolate;white-space:nowrap}.typed-ink{display:inline-block;position:relative;white-space:pre}
.motion-ready [data-reveal="block"]{opacity:0;transform:translate3d(0,23px,0);transition:opacity .9s var(--motion-ease),transform 1.1s var(--motion-ease);transition-delay:var(--block-delay,0ms)}
.motion-ready [data-reveal="block"].is-visible{opacity:1;transform:none}
.motion-ready [data-reveal="title"] .motion-word{opacity:0;transform:translate3d(0,25%,0);clip-path:inset(0 -.12em 100% -.12em);transition:opacity .65s,transform 1.15s var(--motion-ease),clip-path 1.15s var(--motion-ease);transition-delay:var(--word-delay,0ms)}
.motion-ready [data-reveal="title"].is-visible .motion-word{opacity:1;transform:none;clip-path:inset(-.15em -.12em -.25em -.12em)}
.motion-ready [data-reveal="image"]{opacity:0;clip-path:inset(0 0 15% 0);transition:opacity .8s,clip-path 1.35s var(--motion-ease)}
.motion-ready [data-reveal="image"].is-visible{opacity:1;clip-path:inset(0)}
.motion-ready [data-reveal="image"]>img{scale:1.08;transition:scale 1.65s var(--motion-ease),transform 1.2s var(--motion-ease)}
.motion-ready [data-reveal="image"].is-visible>img{scale:1}
.motion-ready [data-reveal]:focus-within{opacity:1;transform:none;clip-path:none;transition:none}.motion-ready [data-reveal="title"]:focus-within .motion-word{opacity:1;transform:none;clip-path:none}
.hero-frame{transform:translate3d(0,var(--hero-drift,0px),0) scale(1.06);transform-origin:50% 70%;will-change:transform}.hero-copy{opacity:var(--hero-copy-opacity,1)}
.hero-frame.cover-enter{animation:cover-unveil 1.4s var(--motion-ease) both}
.hero-copy.cover-enter .eyebrow,.hero-copy.cover-enter>p:not(.eyebrow){animation:cover-copy 1.1s var(--motion-ease) .25s both}
.hero-copy.cover-enter .hero-title-line:first-child{animation:cover-copy 1.3s var(--motion-ease) .1s both}.hero-copy.cover-enter .hero-title-line:nth-child(2){animation:cover-copy 1.4s var(--motion-ease) .2s both}
.hero-discover-arrow{translate:var(--mag-x,0px) var(--mag-y,0px)}
#navigation.open a{animation:menu-line-in .65s var(--motion-ease) both}#navigation.open a:nth-child(2){animation-delay:.05s}#navigation.open a:nth-child(3){animation-delay:.1s}#navigation.open a:nth-child(4){animation-delay:.15s}#navigation.open a:nth-child(5){animation-delay:.2s}
dialog[open]{animation:dialog-enter .4s var(--motion-ease)}
@keyframes cover-unveil{from{opacity:.25;clip-path:inset(0 0 8% 0)}to{opacity:1;clip-path:inset(0)}}
@keyframes cover-copy{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
@keyframes menu-line-in{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
@keyframes dialog-enter{from{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}
@media(max-width:620px){.hero-frame{transform:scale(1.025);will-change:auto}.hero-copy{opacity:1}.motion-ready [data-reveal="image"]{clip-path:inset(0 0 6% 0)}.motion-ready [data-reveal="image"].is-visible{clip-path:inset(0)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.motion-ready [data-reveal],.motion-ready [data-reveal="title"] .motion-word{opacity:1!important;transform:none!important;clip-path:none!important;transition:none!important}.motion-ready [data-reveal="image"]>img{scale:1!important}.hero-frame{transform:none!important;will-change:auto}.hero-copy{opacity:1}.typed-ink{clip-path:none!important}.cover-enter,.cover-enter *,#navigation a,dialog[open]{animation:none!important}}
