/* Design levels (html[data-look], set by the Vision2 demo banner). site.css is the Signature level for Vellacourt:
   the flagship group design. Professional: a cleaner corporate finish. Essentials: a plain template finish. */
/* ---------- Professional ---------- */
html[data-look="professional"]{--serif:"Jost","Segoe UI",system-ui,sans-serif;--brass:#2f5d7a;--brass-light:#a9c4d6;--paper:#fff;--stone:#f4f6f8;--sand:#e8edf1;--line:#dde3e8;--sec:clamp(56px,7vw,96px)}
html[data-look="professional"] h1,html[data-look="professional"] h2,html[data-look="professional"] h3,html[data-look="professional"] .display{font-weight:500;letter-spacing:-.01em;line-height:1.15}
html[data-look="professional"] h1{font-size:clamp(32px,4vw,50px)}
html[data-look="professional"] .hero{min-height:max(480px,min(70vh,680px))}
html[data-look="professional"] .btn{border-radius:6px}
/* ---------- Essentials ---------- */
html[data-look="essentials"]{--serif:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--sans:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--brass:#2b5f8a;--brass-light:#b7cde0;--paper:#fff;--stone:#f5f7fa;--sand:#eef1f4;--line:#dde2e7;--dark:#1f2937;--dark-2:#273244;--sec:clamp(44px,6vw,72px)}
html[data-look="essentials"] h1,html[data-look="essentials"] h2,html[data-look="essentials"] h3,html[data-look="essentials"] .display{font-weight:700;letter-spacing:-.01em;line-height:1.2}
html[data-look="essentials"] h1{font-size:clamp(30px,3.6vw,42px)}
html[data-look="essentials"] .hero{min-height:420px}
html[data-look="essentials"] .btn{border-radius:6px;letter-spacing:0;text-transform:none}