.hero { background-image:linear-gradient(90deg,rgba(82,45,18,.83) 0%,rgba(123,74,32,.58) 48%,rgba(99,49,18,.18) 100%),var(--hero-image,url('assets/breakfast-hero.jpg')); }
.brand { background-image:var(--logo-image,url('assets/daily-logo.jpg')); }
.hero h1 { font-size:clamp(27px,7.5vw,var(--hero-title-size,39px)); }