@media(max-width:700px){
.family-grid>a{height:auto;min-height:0;padding:22px}
.family-grid .family-brand{margin:20px 0;width:min(100%,270px)}
.family-grid>a>p{margin:0;font-size:15px;line-height:1.6}
.family-grid .family-link{margin-top:20px;padding-top:16px;min-height:0}
.hero.reel-hero{display:grid;grid-template-columns:minmax(0,1fr);height:auto!important;min-height:0!important;max-height:none!important}
.hero.reel-hero #showreel{grid-area:1/1;position:relative!important;inset:auto!important;z-index:auto;width:100%;height:auto!important;aspect-ratio:16/9;object-fit:cover;display:block}
.hero.reel-hero .reel-shade{display:none}
.hero.reel-hero .hero-copy{grid-area:2/1;position:relative!important;inset:auto!important;height:auto!important;min-height:0;display:flex;gap:16px;padding:24px 20px;background:#262a2d}
.hero.reel-hero h1{margin:0;font-size:clamp(28px,7.5vw,42px);line-height:1.2!important}
.hero.reel-hero .hero-definition{margin:0}
.hero.reel-hero .hero-bottom,.hero.reel-hero .hero-bottom p{max-width:none;margin:0}
.hero.reel-hero .hero-bottom p{font-size:15px;line-height:1.6}
.hero.reel-hero .reel-controls{grid-area:1/1;position:relative;inset:auto;align-self:end;justify-self:end;z-index:2;margin:12px;padding:0;background:transparent;gap:8px}
.hero.reel-hero .reel-controls button{min-height:40px;padding:9px 14px;font-size:12px;background:#171717cc}
}