@layer properties,theme,base;@layer components{.hero__strip{opacity:0}html[data-opening-outcome] .hero__strip{animation:hero-strip-in var(--component-hero-motion-strip-in) var(--semantic-motion-ease-settle) var(--semantic-motion-duration-md) forwards}.hero__strip-link,.hero__tagline{pointer-events:auto;transition:color var(--semantic-motion-duration-lg)}.hero__strip-link:hover,.hero__strip-link:focus-visible,.hero__tagline:hover{color:var(--semantic-color-brand-inverse-hover)}.hero__strip-link:focus-visible{outline-offset:.4rem}.hero__strip-arrow{width:1px;height:4rem;color:var(--component-hero-dimmed);display:block;position:relative}.hero__strip-track{width:.8rem;height:4.5rem;animation:hero-strip-track var(--component-hero-motion-strip-loop) ease-in-out infinite;position:absolute;top:0;left:calc(50% - .4rem);overflow:visible}.hero__strip-track path{fill:none;stroke:currentColor;stroke-width:1px;vector-effect:non-scaling-stroke}.hero__strip-line{transform-box:fill-box;transform-origin:top;animation:hero-strip-grow var(--component-hero-motion-strip-loop) ease-in-out infinite}.hero__strip-arrowhead{stroke-linecap:round;stroke-linejoin:round;opacity:0;animation:hero-strip-arrowhead var(--component-hero-motion-strip-loop) ease-in-out infinite}.hero__tagline{font-family:var(--font-mono);font-size:var(--text-hero-tagline);font-weight:var(--font-weight-medium);line-height:var(--text-hero-tagline--line-height);letter-spacing:var(--text-hero-tagline--letter-spacing);text-transform:uppercase;color:var(--component-hero-dimmed);opacity:0;align-items:center;gap:1.6rem}.hero__tagline--bottom{bottom:calc(var(--spacing-hero-anchor) - 5.2rem);text-align:right;align-items:flex-start}.hero__tagline-rule{background:var(--component-hero-dimmed);flex:none;width:4.8rem;height:1px;display:block}.hero__tagline--bottom .hero__tagline-rule{margin-top:.75em}html[data-opening-outcome] [data-titles-entered] .hero__tagline--top{animation:hero-tagline-shot-left var(--semantic-motion-duration-2xl) var(--semantic-motion-ease-settle) 0s forwards, hero-tagline-flicker var(--component-hero-motion-flicker) steps(1, end) var(--component-hero-motion-flicker-delay) forwards}html[data-opening-outcome] [data-titles-entered] .hero__tagline--bottom{animation:hero-tagline-shot-right var(--semantic-motion-duration-2xl) var(--semantic-motion-ease-settle) var(--component-hero-motion-tagline-stagger) forwards, hero-tagline-flicker var(--component-hero-motion-flicker) steps(1, end) var(--component-hero-motion-flicker-delay) forwards}@media (prefers-reduced-motion:reduce){html[data-opening-outcome] .hero__strip,html[data-opening-outcome] .hero__tagline--top,html[data-opening-outcome] .hero__tagline--bottom,html[data-opening-outcome] [data-titles-entered] .hero__tagline--top,html[data-opening-outcome] [data-titles-entered] .hero__tagline--bottom{opacity:1;animation:none}.hero__strip-track,.hero__strip-line{animation:none}.hero__strip-arrowhead{opacity:1;animation:none}.hero__strip-link,.hero__tagline{transition:none}}}@keyframes hero-strip-in{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:none}}@keyframes hero-strip-grow{0%{transform:scaleY(0)}40%,to{transform:scaleY(1)}}@keyframes hero-strip-arrowhead{0%,36%{opacity:0}44%,to{opacity:1}}@keyframes hero-strip-track{0%{opacity:0;transform:translateY(0)}40%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(4rem)}}@keyframes hero-tagline-shot-left{0%{opacity:0;transform:translate(-8rem)}to{opacity:1;transform:none}}@keyframes hero-tagline-shot-right{0%{opacity:0;transform:translate(8rem)}to{opacity:1;transform:none}}@keyframes hero-tagline-flicker{0%,10%,22%,30%,48%,to{opacity:1}6%,18%,26%,42%{opacity:.57}}
