/* Design levels (html[data-look], set by the Vision2 demo banner). site.css is the Professional level.
   Signature: a boutique holiday-let look, Gloock and Nunito Sans, a full-bleed photo hero and rounded photography.
   Essentials: a plain template finish with the same calendar, prices and booking. */
/* ---------- Signature ---------- */
html[data-look="signature"]{--sea:#23413f;--sea-dk:#162c2a;--sand:#f7f2ea;--coral:#c4623e}
html[data-look="signature"] body{font-family:"Nunito Sans",system-ui,sans-serif}
html[data-look="signature"] h1,html[data-look="signature"] h2,html[data-look="signature"] h3{font-family:"Gloock",Georgia,serif;font-weight:400;letter-spacing:-.01em}
html[data-look="signature"] h1{font-size:clamp(42px,5.8vw,78px);line-height:1.02}
html[data-look="signature"] h2{font-size:clamp(30px,3.4vw,44px)}
html[data-look="signature"] .hero{max-width:none;min-height:min(86vh,800px);position:relative;padding:0 clamp(16px,6vw,96px) 72px;align-items:end;grid-template-columns:minmax(0,760px);color:#fff}
html[data-look="signature"] .hero-art{position:absolute;inset:0;z-index:0}
html[data-look="signature"] .hero-art img{width:100%;height:100%;object-fit:cover;border-radius:0}
html[data-look="signature"] .hero-art::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,28,27,.1),rgba(15,28,27,.8));pointer-events:none}
html[data-look="signature"] .hero>*:not(.hero-art){position:relative;z-index:1}
html[data-look="signature"] .hero .kicker{color:#f3d9c4}
html[data-look="signature"] .btn{border-radius:999px;padding-inline:26px}
html[data-look="signature"] .card img,html[data-look="signature"] .gallery img,html[data-look="signature"] .grid3 img{border-radius:16px}
html[data-look="signature"] .cal-wrap,html[data-look="signature"] .summary{border-radius:18px;box-shadow:0 18px 44px rgba(35,65,63,.1)}
/* ---------- Essentials ---------- */
html[data-look="essentials"]{--sea:#1f3a5f;--sea-dk:#162c48;--sand:#f7f8fa;--coral:#2b5f8a;--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;font-weight:700}
html[data-look="essentials"] .btn{border-radius:4px}
html[data-look="signature"] .hero .kicker{text-shadow:0 1px 10px rgba(0,0,0,.6)}