/* Keep longer category names in flow so they cannot collide with the subtitle. */
.category-extension .hero-copy{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:120px 24px 45px}
.category-extension .hero h1{position:static;width:100%;font-size:clamp(32px,5.3vw,100px);line-height:1.05;max-width:18ch}
.category-extension .hero-copy>p{position:static;width:auto;margin:20px 0 0;font-size:clamp(14px,1.8vw,28px);max-width:36ch}
.category-extension .hero-actions{position:static;margin-top:30px}
.category-extension .cocktail-intro-image{height:auto}
.category-extension .cocktail-intro-copy h3{font-size:24px;line-height:1.35;margin:28px 0 20px}
@media(max-width:700px){
 .category-extension .hero-copy{padding:90px 16px 96px}
 .category-extension .hero h1{font-size:clamp(28px,8vw,52px);max-width:18ch}
 .category-extension .hero-copy>p{font-size:14px;line-height:1.35;margin-top:16px}
}