/* Design levels (html[data-look], set by the Vision2 demo banner). site.css is the Professional level.
   Signature: after-dark barbershop, Bebas Neue and Barlow, a full-bleed hero and brass accents.
   Essentials: a plain template finish with the same prices, booking and missed-call texts. */
/* ---------- Signature ---------- */
html[data-look="signature"]{--char:#141416;--ink:#161618;--paper:#f3eee5;--accent:#c8872f;--accent-dk:#a86d1f;--line:#d8cfbf}
html[data-look="signature"] body{font-family:"Barlow",system-ui,sans-serif}
html[data-look="signature"] h1,html[data-look="signature"] h2,html[data-look="signature"] h3{font-family:"Bebas Neue","Arial Narrow",sans-serif;font-weight:400;letter-spacing:.03em;line-height:.95}
html[data-look="signature"] h1{font-size:clamp(56px,9vw,128px)}
html[data-look="signature"] h2{font-size:clamp(40px,5vw,64px)}
html[data-look="signature"] h3{font-size:28px}
html[data-look="signature"] .hero{min-height:min(88vh,820px);display:flex;align-items:flex-end;padding-bottom:88px}
html[data-look="signature"] .hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,10,12,.2),rgba(10,10,12,.85));pointer-events:none}
html[data-look="signature"] .hero-inner{z-index:2;width:100%}
html[data-look="signature"] .btn{background:var(--accent);color:#141416;letter-spacing:.08em;font-weight:700;border-radius:0}
html[data-look="signature"] .btn:hover{background:#e0a24a;color:#141416}
html[data-look="signature"] .btn-ghost{background:transparent;color:inherit;border-color:currentColor}
html[data-look="signature"] .gallery img{filter:saturate(.9) contrast(1.05);transition:filter .3s}
html[data-look="signature"] .gallery img:hover{filter:none}
/* ---------- Essentials ---------- */
html[data-look="essentials"]{--char:#1f2937;--accent:#2b5f8a;--accent-dk:#1f4a70;--paper:#f7f8fa;--line:#dde2e7}
html[data-look="essentials"] h1,html[data-look="essentials"] h2,html[data-look="essentials"] h3{font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;text-transform:none;letter-spacing:-.01em}
html[data-look="essentials"] .hero-photo{display:none}
html[data-look="essentials"] .btn{border-radius:6px}