/* Centred masthead, retaining existing meal updates and brand colours. */
.app .hero{display:flex;flex-direction:column;align-items:center;text-align:center;padding:30px 24px 26px;gap:0}
.app .hero .eyebrow{font-size:10px;line-height:1.6;letter-spacing:1.8px;margin:0 0 12px}
.app .hero h1{width:100%;max-width:360px;margin:0;font-size:clamp(32px,8.3vw,42px);line-height:1.12;font-weight:650;letter-spacing:-1.2px;text-wrap:balance}
.app .hero p{width:100%;max-width:340px;margin:15px 0 0;font-size:13px;line-height:1.65;text-wrap:pretty}
.app .hero-badge{display:inline-block;max-width:100%;margin:19px 0 0;padding:10px 0 0;border:0;border-top:1px solid #b4945070;border-radius:0;font-size:11px;line-height:1.5;font-weight:600;letter-spacing:.25px}
@media(max-width:370px){.app .hero{padding:26px 20px 23px}.app .hero .eyebrow{font-size:9px;letter-spacing:1.5px}.app .hero h1{font-size:32px}}
@media(min-width:600px){.app .hero{padding:34px 30px 29px}.app .hero h1{font-size:42px}}