.media-product{--media-ratio:20 / 11;--media-focal:50% 50%;--media-fit:contain;--media-art:url("/assets/hydra/gmail-product.webp") }@media(max-width:700px){.media-product{--media-ratio:20 / 11;--media-focal:50% 50%}}
.media-hydra{--media-ratio:9 / 5;--media-focal:50% 50%;--media-fit:contain;--media-art:url("/assets/hydra/story-sequence-2.webp") }@media(max-width:700px){.media-hydra{--media-ratio:9 / 5;--media-focal:50% 50%}}
.media-hero{--media-ratio:5 / 2;--media-focal:78% 50%;--media-fit:cover;--media-art:url("/assets/abyss-hero-wide.jpg") }@media(max-width:700px){.media-hero{--media-ratio:1 / 1;--media-focal:100% 50%}}