@keyframes lightbox-out{0%{opacity:1}to{opacity:0}}@keyframes lightbox-in{0%{opacity:0;transform:scale(1.01)}to{opacity:1;transform:none}}.hero-preview-poster{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.hero-play{z-index:2;background:var(--brand);width:40px;height:40px;color:var(--primary-foreground);cursor:pointer;transition:background-color var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out);border-radius:4px;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 0 2px #ffffffad}.hero-play:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.hero-lightbox{z-index:2000;padding:calc(64px + env(safe-area-inset-top,0px)) calc(24px + env(safe-area-inset-right,0px)) calc(64px + env(safe-area-inset-bottom,0px)) calc(24px + env(safe-area-inset-left,0px));animation:lightbox-in var(--dur-base) var(--ease-out) both;overscroll-behavior:contain;background:#000000e6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.hero-lightbox[data-closing]{animation:lightbox-out .15s var(--ease-out) both;pointer-events:none}.hero-lightbox-video{aspect-ratio:16/9;background:#000;width:min(940px,100%);max-height:100%;display:block}.hero-lightbox-close{top:calc(8px + env(safe-area-inset-top,0px));right:calc(8px + env(safe-area-inset-right,0px));color:#fff;opacity:.8;cursor:pointer;width:68px;height:44px;transition:opacity var(--dur-fast) var(--ease-out);justify-content:center;align-items:center;display:flex;position:absolute}.hero-lightbox-close:hover,.hero-lightbox-close:focus-visible{opacity:1}.hero-play:active{transform:translate(-50%,-50%)scale(.94)}@media (hover:hover) and (pointer:fine){.hero-play:hover{background:color-mix(in srgb,var(--brand) 85%,#fff);transform:translate(-50%,-50%)scale(1.06)}}