.hero-media{margin:0;position:absolute;inset:0}.hero-media .hero-image,.hero-video{object-fit:cover;object-position:center 53%;width:100%;height:100%;position:absolute;inset:0}.hero-video{opacity:0;pointer-events:none;transition:opacity .4s ease-out}.hero-media.is-playing .hero-video{opacity:1}.hero-media.has-error .hero-video{display:none}.hero-playback{right:max(var(--gutter), calc((100% - var(--max)) / 2));z-index:2;color:#fff;background:#081b2b8c;border:1px solid #ffffff80;border-radius:999px;place-items:center;width:48px;height:48px;padding:0;transition:background-color .18s,border-color .18s,transform .12s cubic-bezier(.23,1,.32,1);display:grid;position:absolute;bottom:76px}.hero-playback>span{pointer-events:none}.hero-playback:active{transform:scale(.94)}.hero-playback-icon{width:14px;height:14px;position:relative}.hero-playback-icon:before,.hero-playback-icon:after{content:"";background:currentColor;border-radius:1px;width:4px;transition:opacity .16s;position:absolute;top:0;bottom:0}.hero-playback-icon:before{left:2px}.hero-playback-icon:after{right:2px}.hero-playback[data-state=paused] .hero-playback-icon:before{clip-path:polygon(0 0,100% 50%,0 100%);border-radius:0;width:12px;left:2px}.hero-playback[data-state=paused] .hero-playback-icon:after{opacity:0}.hero-playback-label{white-space:nowrap;opacity:0;background:#081b2bd1;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:600;line-height:1.4;transition:opacity .16s,transform .22s cubic-bezier(.23,1,.32,1);position:absolute;top:50%;right:calc(100% + 10px);transform:translate(6px,-50%)}.hero-playback:focus-visible .hero-playback-label{opacity:1;transform:translateY(-50%)}@media (hover:hover){.hero-playback:hover{background:#081b2bbf;border-color:#fff}.hero-playback:hover .hero-playback-label{opacity:1;transform:translateY(-50%)}}.hero-playback:focus-visible{outline:3px solid var(--yellow);outline-offset:2px;box-shadow:0 0 0 8px var(--navy)}@media (width<=820px){.hero-playback{bottom:68px}}@media (width<=960px){.hero-media .hero-image,.hero-video{object-position:63% center}}@supports selector(:has(a)) and (clip-path:inset(0)){.hero:has(>.hero-media){clip-path:inset(0);height:auto;min-height:90svh;max-height:none}.hero:has(>.hero-media) .hero-content{padding-bottom:clamp(96px,12vh,140px)}@media (width>=721px){.hero:has(>.hero-media) .hero-media{position:fixed;inset:0}}@media (width<=720px){.hero:has(>.hero-media){min-height:82svh}}@media (prefers-reduced-motion:reduce){.hero:has(>.hero-media) .hero-media{position:absolute}}}@media (prefers-reduced-motion:reduce){.hero-video,.hero-media.is-playing .hero-video{opacity:0;transition:none}.hero-playback:active{transform:none}.hero-playback-label{transition:opacity .16s;transform:translateY(-50%)}}