/* ═══════════════════════════════════════════════════════════
   site.css — Global styles used on every page
   Include on ALL pages via partials/header.php
   ═══════════════════════════════════════════════════════════ */

/* ── FONTS ──────────────────────────────────────────────────
   @font-face declarations go here
   ---------------------------------------------------------- */
/* cormorant-garamond-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/cormorant-garamond-v21-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* playfair-display-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/playfair-display-v40-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* dm-sans-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/dm-sans-v17-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* cormorant-garamond-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/cormorant-garamond-v21-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* ── ROOT VARIABLES ─────────────────────────────────────────
   ---------------------------------------------------------- */
:root {
      --black:#0a0a0a;--off-black:#111110;--charcoal:#1c1c1b;--warm-gray:#2e2c2a;
      --mid-gray:#6b6560;--light-gray:#c8c2bb;--cream:#f7f3ee;--white:#fefefe;
      --gold:#b8860b;--gold-lt:#d4a017;--gold-pale:#f0e0b0;--red:#cc1a1a;--red-lt:#e02020;
      --nav-h:64px;--r-sm:4px;--r-md:8px;--r-lg:16px;
      --shadow-sm:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.08);
      --shadow-md:0 4px 16px rgba(0,0,0,.18),0 2px 6px rgba(0,0,0,.1);
      --shadow-lg:0 12px 48px rgba(0,0,0,.28),0 4px 12px rgba(0,0,0,.14);
      --shadow-xl:0 24px 80px rgba(0,0,0,.38);
      --trans:0.22s cubic-bezier(0.4,0,0.2,1);--trans-slow:0.45s cubic-bezier(0.4,0,0.2,1);
    }
    *,*::before,*::after{box-sizing:border-box;margin:0;padding:0}


/* ── RESET ──────────────────────────────────────────────────
   Move *, html, body, img, a, button, h1/h2/h3 from index.css
   ---------------------------------------------------------- */
    html{scroll-behavior:smooth;font-size:16px}
    body{background:var(--cream);color:var(--off-black);font-family:'DM Sans',system-ui,sans-serif;font-size:1rem;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
    img{display:block;max-width:100%}
    a{color:inherit}
    button{font-family:inherit;cursor:pointer}
    h1,h2,h3{font-family:'Playfair Display',Georgia,serif;line-height:1.15}

/* ── NAVIGATION ─────────────────────────────────────────────
   .site-nav, .nav-logo, .nav-links, .nav-trust, .nav-actions
   ---------------------------------------------------------- */
    .site-nav{position:sticky;top:0;z-index:100;background:rgba(10,10,10,.97);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.06);height:var(--nav-h);display:flex;align-items:center;padding:0 2rem;gap:2rem;transition:background var(--trans)}
    .nav-logo{font-family:'Playfair Display',Georgia,serif;font-style:italic;font-weight:900;font-size:1.35rem;color:#fff;text-decoration:none;white-space:nowrap;flex-shrink:0;letter-spacing:-.01em}
    .nav-logo em{color:var(--red);font-style:italic}
    .nav-links{display:flex;gap:.25rem;list-style:none;flex:1}
    .nav-links a{color:rgba(255,255,255,.65);text-decoration:none;font-size:.82rem;font-weight:500;padding:.45rem .85rem;border-radius:var(--r-sm);transition:color var(--trans),background var(--trans);letter-spacing:.02em}
    .nav-links a:hover{color:#fff;background:rgba(255,255,255,.07)}
    .nav-actions{display:flex;align-items:center;gap:.75rem;flex-shrink:0}
    .nav-trust{font-size:.72rem;color:rgba(255,255,255,.4);display:flex;align-items:center;gap:.4rem;padding:0 1rem;border-left:1px solid rgba(255,255,255,.08);border-right:1px solid rgba(255,255,255,.08)}
    .nav-trust .dot{color:#4ade80;font-size:.55rem}

/* ── BUTTONS ────────────────────────────────────────────────
   .btn, .btn-gold, .btn-ghost-light
   ---------------------------------------------------------- */


/* ── SECTIONS ───────────────────────────────────────────────
   .section, .section-inner, .section-header,
   .section-kicker, .section-title
   ---------------------------------------------------------- */
    .section{padding:5rem 2rem}
    .section-inner{max-width:1300px;margin:0 auto}
    .section-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:2.5rem;gap:1.5rem;flex-wrap:wrap}
    .section-kicker{font-size:.72rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin-bottom:.5rem}
    .section-title{font-family:'Playfair Display',Georgia,serif;font-size:clamp(1.75rem,3.5vw,2.75rem);font-style:italic;font-weight:700;color:var(--off-black);line-height:1.15}


/* ── FOOTER ─────────────────────────────────────────────────
   .site-footer, .footer-top, .footer-brand-*, .footer-col-*,
   .footer-bottom, .footer-copy, .footer-payments, .payment-chip
   ---------------------------------------------------------- */
    .site-footer{background:var(--black);color:rgba(255,255,255,.55);padding:4rem 2rem 2rem}
    .footer-top{max-width:1300px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:3rem;padding-bottom:3rem;border-bottom:1px solid rgba(255,255,255,.06);margin-bottom:2rem}
    .footer-brand-logo{font-family:'Playfair Display',serif;font-style:italic;font-weight:900;font-size:1.4rem;color:#fff;margin-bottom:.75rem}
    .footer-brand-logo em{color:var(--gold-lt)}
    .footer-brand-desc{font-size:.83rem;line-height:1.65;max-width:260px;margin-bottom:1.5rem}
    .footer-trust-badges{display:flex;gap:.5rem;flex-wrap:wrap}
    .footer-badge{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:var(--r-sm);padding:.35rem .7rem;font-size:.65rem;font-weight:600;color:rgba(255,255,255,.5);letter-spacing:.06em;text-transform:uppercase}
    .footer-col-title{font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.25);margin-bottom:1.1rem}
    .footer-col-links{list-style:none}
    .footer-col-links li{margin-bottom:.55rem}
    .footer-col-links a{color:rgba(255,255,255,.5);text-decoration:none;font-size:.83rem;transition:color var(--trans)}
    .footer-col-links a:hover{color:#fff}
    .footer-bottom{max-width:1300px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}
    .footer-copy{font-size:.75rem}
    .footer-payments{display:flex;gap:.5rem;align-items:center}
    .payment-chip{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);border-radius:var(--r-sm);padding:.3rem .6rem;font-size:.62rem;font-weight:700;color:rgba(255,255,255,.5);letter-spacing:.05em}

/* ── ANIMATIONS ─────────────────────────────────────────────
   @keyframes fadeUp, pulse, marquee
   .reveal, .reveal.visible
   ---------------------------------------------------------- */


/* ── RESPONSIVE ─────────────────────────────────────────────
   Global breakpoints that affect nav, footer etc.
   ---------------------------------------------------------- */