.hydrapak-hero>picture{position:absolute;inset:0;z-index:-2}
.hydrapak-hero>picture img{width:100%;height:100%;object-fit:cover;object-position:50% 53%}
.hydrapak-hero .matador-hero-copy{ text-shadow:0 1px 8px #0006 }
.hydrapak-hero .primary{text-shadow:none}
.hydrapak-hero:after{background:#080f122b}
@media(max-width:760px){.hydrapak-hero>picture img{object-position:50% 20%}.hydrapak-hero:after{background:#080f1259}.hydrapak-hero h1{font-size:54px}.hydrapak-hero .matador-lead{font-size:21px}}
@media(max-width:360px){.hydrapak-hero h1{font-size:48px}}
.hydrapak-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 24px;margin-top:32px}
.hydrapak-group{min-width:0;display:grid;grid-template-rows:96px auto 1fr;gap:16px;align-content:start}
.hydrapak-group>.text-link{margin:0;justify-content:space-between;font-size:16px;line-height:1.4}
.hydrapak-group-image{display:block;aspect-ratio:1;background:#f5f6f5}
.hydrapak-group-image img{width:100%;height:100%;object-fit:contain}
.hydrapak-group>div{color:#57605a;font-size:16px;line-height:1.5}
@media(max-width:760px){.hydrapak-groups{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}}
@media(max-width:480px){.hydrapak-groups{grid-template-columns:1fr}.hydrapak-group{grid-template-rows:auto auto auto}}