.liquid-hero{background:#0a0c0c;clip-path:polygon(0 0,calc(100% - 60px) 0,calc(100% - 60px) 22px,100% 22px,100% calc(100% - 30px),calc(100% - 140px) calc(100% - 30px),calc(100% - 140px) 100%,0 100%)}
.liquid-hero .hero-art{inset:0;animation:none;transform:none;will-change:auto;background-position:center;background-size:cover}
.hero-video{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:center;opacity:0;transition:opacity .5s ease}
.liquid-hero.video-ready .hero-video{opacity:1}
.liquid-hero:after{background:#060b0b99}
.liquid-hero h1{text-shadow:0 2px 20px #0009}
.liquid-hero .edition-lead{max-width:580px;text-shadow:0 1px 8px #000}
.liquid-hero .hero-pause{right:30px;bottom:50px}
.hero-pause[hidden]{display:none}
.hero-pixels{position:absolute;inset:0;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);pointer-events:none}
.hero-pixels span{opacity:0;background:#080b0b}
.hero-pixels span:nth-child(3n){background:#214e40}
@media(max-width:800px){.liquid-hero{clip-path:polygon(0 0,calc(100% - 32px) 0,calc(100% - 32px) 12px,100% 12px,100% calc(100% - 18px),calc(100% - 78px) calc(100% - 18px),calc(100% - 78px) 100%,0 100%)}.liquid-hero:after{background:#060b0bb0}.liquid-hero .hero-pause{right:15px;bottom:33px}.hero-video{object-position:60% center}}
@media(prefers-reduced-motion:reduce){.hero-video{transition:none}.hero-pixels{display:none}}
