/* =========================
   Hero
========================= */
.hero{ position:relative; background:#f3f4f6; color:#111; }
.hero--page,.hero--shop{ background-size:cover; background-position:center; }
.hero__overlay{ position:absolute; inset:0; background:linear-gradient(180deg, rgba(0,0,0,.25), rgba(0,0,0,.25)); }
.hero__inner{ position:relative; padding:56px 0; }
.hero__title{ color:#fff; margin:0 0 .5rem; }
.hero__intro{ color:#f3f4f6; max-width:70ch; }