/* Design levels (html[data-look], set by the Vision2 demo banner). site.css is the Professional level.
   Signature: editorial shop, Newsreader and Work Sans, warm clay accents, taller hero and image-led tiles.
   Essentials: a plain template shop with the same catalogue, basket and checkout. */
/* ---------- Signature ---------- */
html[data-look="signature"]{--green:#1e3328;--green-2:#2c4a3a;--clay:#b8552b;--clay-dk:#94431f;--cream:#fbf7f0;--sand:#f2e9dc;--serif:"Newsreader",Georgia,serif;--sans:"Work Sans",system-ui,sans-serif;--r:10px}
html[data-look="signature"] h1,html[data-look="signature"] h2,html[data-look="signature"] h3,html[data-look="signature"] .h3{font-weight:500;letter-spacing:-.015em}
html[data-look="signature"] h1{font-size:clamp(44px,6.4vw,86px);line-height:.98;font-style:italic}
html[data-look="signature"] h2{font-size:clamp(30px,3.4vw,46px)}
html[data-look="signature"] .hero{min-height:min(86vh,820px)}
html[data-look="signature"] .hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,32,26,.72),rgba(20,32,26,.1) 65%);pointer-events:none}
html[data-look="signature"] .hero-text{z-index:2}
html[data-look="signature"] .hero h1{color:#fff}
html[data-look="signature"] .btn,html[data-look="signature"] .button{border-radius:999px;padding-inline:24px}
html[data-look="signature"] .cat-grid a,html[data-look="signature"] .cat-grid img{border-radius:14px;overflow:hidden}
html[data-look="signature"] .cat-grid img{transition:transform .6s ease}
html[data-look="signature"] .cat-grid a:hover img{transform:scale(1.05)}
html[data-look="signature"] .story-img img,html[data-look="signature"] .woocommerce ul.products li.product img{border-radius:12px}
html[data-look="signature"] .trade-band{border-radius:20px;background:linear-gradient(120deg,#1e3328,#2c4a3a)}
html[data-look="signature"] .site-footer{background:#15251c}
/* ---------- Essentials ---------- */
html[data-look="essentials"]{--green:#1f3a5f;--green-2:#2b5f8a;--clay:#2b5f8a;--clay-dk:#1f4a70;--cream:#fff;--sand:#f5f7fa;--line:#dde2e7;--serif:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--r:4px}
html[data-look="essentials"] h1,html[data-look="essentials"] h2,html[data-look="essentials"] h3{font-weight:700}
html[data-look="essentials"] .hero{min-height:380px}