@layer components{.promo-video{aspect-ratio:16/9;margin-block:var(--line,var(--ui-space-xl));border-radius:var(--ui-radius-xl);box-shadow:0 0 0 1px var(--ui-line-contour);background-color:oklch(14% .004 70);position:relative;overflow:hidden}.promo-video-poster,.promo-video-frame{border:0;width:100%;height:100%;position:absolute;inset:0}.promo-video-poster{color:#fff;place-items:center;display:grid;& img{transition:scale .6s var(--ui-ease-out,ease), filter .3s ease;outline:0}&:hover img{filter:brightness(1.08);scale:1.015}&:focus-visible{outline:2px solid var(--ui-surface-ink);outline-offset:-4px;border-radius:inherit}}.promo-video-play{backdrop-filter:blur(8px);background-color:#ffffff1f;border-radius:999px;place-items:center;width:3.5rem;height:3.5rem;margin-top:32%;transition:background-color .2s,scale .2s;display:grid;position:relative;box-shadow:inset 0 1px #ffffff47,0 0 0 1px #ffffff24,0 8px 24px -8px #0009;& svg{translate:1px}}.promo-video-poster:is(:hover,:focus-visible) .promo-video-play{background-color:#fff3;scale:1.06}.home-hero-video{min-height:3.25rem;color:var(--home-text);cursor:pointer;border-radius:1.625rem;justify-content:center;align-items:center;gap:.625rem;padding:0 .75rem 0 .375rem;font-size:.875rem;text-decoration:none;display:inline-flex;&:focus-visible{outline:2px solid var(--home-ink);outline-offset:2px}}.home-hero-video-disc{backdrop-filter:blur(6px)saturate(1.3);width:2.5rem;height:2.5rem;transition:background-color var(--home-quick) var(--home-ease), scale var(--home-quick) var(--home-ease);background-color:light-dark(#ffffff38,oklch(12% .012 70/.32));border:1px solid light-dark(#ffffffb3,#ffffff1f);border-radius:999px;flex:none;place-items:center;display:grid;box-shadow:inset 0 1px 1px light-dark(#fffffff2,#ffffff29),0 1px 2px light-dark(oklch(40% .06 70/.1),#0000004d),0 4px 14px -6px light-dark(oklch(42% .07 72/.3),#00000080);&>svg{translate:1px}}.home-hero-video:is(:hover,:focus-visible) .home-hero-video-disc{background-color:light-dark(#fff6,oklch(18% .012 70/.42));scale:1.06}@media (prefers-reduced-motion:reduce){.home-hero-video-disc{transition:none}}.promo-dialog{background:0 0;border:0;width:min(64rem,100vw - 2rem);max-width:none;max-height:none;padding:0;overflow:visible;&::backdrop{backdrop-filter:blur(8px);background-color:oklch(8% .004 70/.82)}&[open]{animation:.26s both promo-dialog-in;animation-timing-function:var(--ui-ease-out,ease)}& .promo-video{margin:0;box-shadow:0 0 0 1px #ffffff1a,0 32px 80px -24px #000c}}.promo-dialog-close{color:#fffc;cursor:pointer;background-color:#ffffff1a;border-radius:999px;place-items:center;width:2.25rem;height:2.25rem;transition:color .15s,background-color .15s;display:grid;position:absolute;bottom:calc(100% + .75rem);right:0;box-shadow:inset 0 1px #ffffff29,0 0 0 1px #ffffff1a;&:hover{color:#fff;background-color:#ffffff2e}&:focus-visible{outline-offset:2px;outline:2px solid #fff}}@keyframes promo-dialog-in{0%{opacity:0;scale:.97}}@media (prefers-reduced-motion:reduce){.promo-dialog[open]{animation:none}.promo-video-poster img,.promo-video-play{transition:none}}}