/* Mobile copy stays in normal flow; decorative fabric cannot cover it. */
@media(max-width:760px){
 header{height:auto!important;min-height:80px;gap:12px!important;padding:14px 18px!important;flex-wrap:wrap}
 header nav{min-width:0;margin:0!important;gap:clamp(12px,4vw,18px)!important;flex-wrap:wrap}
 header nav a{font-size:14px!important;line-height:1.5}
 .hero{display:block!important;min-height:0!important;height:auto!important;background:#f9f7f2!important}
 .hero .intro{position:relative!important;inset:auto!important;transform:none!important;display:flex!important;flex-direction:column;width:100%!important;min-width:0;max-width:100%;min-height:0!important;height:auto!important;padding:36px 22px 280px!important;align-items:center!important;justify-content:flex-start!important;text-align:center!important;z-index:2;box-sizing:border-box;color:#191917}
 .hero .intro>*{flex-shrink:0;max-width:100%;box-sizing:border-box}
 .hero .everyday{font-size:12px;line-height:1.5;margin:0 0 16px;color:#49443b}
 .hero .intro h1{font-size:clamp(29px,8.4vw,36px)!important;line-height:1.22!important;white-space:normal!important;width:100%;max-width:360px;overflow-wrap:normal;word-break:normal;color:#191917!important;-webkit-text-fill-color:#191917;letter-spacing:-.5px}
 .hero .intro>p.hero-subtitle{font-size:19px;line-height:1.5;margin:20px 0 0;color:#39332b}
 .hero .intro>p.hero-audience{display:flex;flex-wrap:wrap;justify-content:center;gap:18px;margin:12px 0 24px;line-height:1.5}
 .hero .intro .primary{width:min(100%,250px);min-width:0;min-height:50px;white-space:normal;line-height:1.4;padding:12px 38px;font-size:18px}
 .hero-artwork{position:absolute!important;inset:auto 0 0!important;width:100%!important;height:280px!important;min-height:0!important;object-fit:cover;object-position:72% 65%;z-index:0;pointer-events:none;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 27%);mask-image:linear-gradient(to bottom,transparent,#000 27%)}
}