.hero-video{--hero-video-gap:clamp(3rem,2rem + 4vw,5.5rem);position:relative;isolation:isolate;overflow:hidden;inline-size:100%;block-size:min(68vh,112vw);block-size:min(68svh,112vw);margin-block-start:var(--hero-video-gap);background:var(--surface-2)}@media (min-width:768px){.hero-video{block-size:min(80vh,75vw);block-size:min(80svh,75vw)}}@media (min-width:1024px){.hero-video{block-size:min(88vh,56.25vw);block-size:min(88svh,56.25vw)}}.tile:has(>.hero-video:not(.hero-video--stage):last-child){padding-block-end:0}.hero-video__media{position:absolute;inset:0;display:block;inline-size:100%;block-size:100%;object-fit:cover;object-position:50% 0;animation:hero-video-settle 1.6s var(--ease-out) both}@keyframes hero-video-settle{0%{transform:scale(1.035)}}.hero-video__key{position:absolute;z-index:1;inset-block-end:clamp(1rem,.5rem + 1.6vw,1.75rem);inset-inline-end:var(--space-page);display:grid;place-items:center;inline-size:44px;block-size:44px;padding:0;border:0;border-radius:var(--radius-pill);cursor:pointer;color:var(--color-on-dark);background:color-mix(in oklab,var(--color-deep) 42%,transparent);-webkit-backdrop-filter:saturate(180%) blur(var(--blur-glass));backdrop-filter:saturate(180%) blur(var(--blur-glass));box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--color-on-dark) 22%,transparent);transition:background-color var(--duration-ui) var(--ease-micro),transform var(--duration-micro) var(--ease-micro)}.hero-video__key:hover{background:color-mix(in oklab,var(--color-deep) 62%,transparent)}.hero-video__key:active{transform:scale(.94)}.hero-video__key:focus-visible{outline:2px solid var(--color-on-dark);outline-offset:2px;box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--color-on-dark) 22%,transparent),0 0 0 2px var(--color-deep)}@media (prefers-reduced-motion:reduce){.hero-video__media{animation:none}.hero-video__key{transition:none}}.hero-video--stage{position:absolute;inset:0;block-size:100%;margin:0;background:transparent}.hero-video--stage .hero-video__media{animation:none;object-position:50% 50%}.hero-video--stage .hero-video__key{inset-block:1rem auto;inset-inline-end:1rem}