@layer components{.hero-page_wrap{--h1-margin-top:0}.hero-page_wrap.plain{--h1-text-wrap:balance;flex-direction:column;align-items:center;width:100%;display:flex}.hero-page_wrap.plain .hero-page_lede{max-width:34rem;margin-top:var(--space-6);color:var(--text-2);text-wrap:pretty}.hero-page_wrap.media{background:var(--background);flex-direction:column;justify-content:flex-end;min-height:100svh;display:flex;position:relative;overflow:hidden}.hero-page_wrap.media .hero-page_lede{max-width:var(--mw-text);margin-top:var(--space-4)}.hero-page_badge{margin-bottom:var(--space-6)}.hero-page_video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.hero-page_scrim{background:linear-gradient(#02020226 0%,#02020259 38%,#020202db 72%,#020202eb 100%);position:absolute;inset:0}@media not (min-width:48rem){.hero-page_wrap:has(.hero-page_lede) .hero-page_scrim{background:linear-gradient(#02020226 0%,#02020266 32%,#020202db 56%,#020202eb 100%)}}.hero-page_inner{justify-content:space-between;align-items:flex-end;gap:var(--space-7);padding-block:var(--section-space-nav-overlap) var(--section-space-nav-overlap-bottom);flex-direction:row}@media not (min-width:48rem){.hero-page_inner{justify-content:flex-end;align-items:flex-start;gap:var(--space-6);flex-direction:column-reverse}}.hero-page_head{min-width:0}.hero-page_card{gap:var(--space-3);width:17rem;max-width:42vw;padding:var(--space-3);-webkit-backdrop-filter:blur(1.625rem)saturate(1.4);backdrop-filter:blur(1.625rem)saturate(1.4);border:var(--stroke-1) solid var(--border);border-radius:var(--radius-main);transition:transform var(--hover-duration) var(--ease-out);background:#111113e6;flex-direction:column;flex:none;text-decoration:none;display:flex}@media not (min-width:48rem){.hero-page_card{width:100%;max-width:20rem}}@media (hover:hover) and (pointer:fine){.hero-page_card:hover{transform:translateY(-.125rem)}.hero-page_card:hover .hero-page_image{transform:scale(1.04)}}.hero-page_card:active{transform:scale(.99)}@media (prefers-reduced-motion:reduce){.hero-page_card:hover,.hero-page_card:active,.hero-page_card:hover .hero-page_image{transform:none!important}}.hero-page_frames{display:block}.hero-page_frames.duo{--hero-page-frame-ratio:4 / 5;gap:var(--space-2);grid-template-columns:1fr 1fr;display:grid}.hero-page_meta{align-items:center;gap:var(--space-2);font-size:var(--text-small);color:var(--text);display:flex}}