/* ── Fidelia Shared Styles ──────────────────────────────────────────────────── */
/* Include on every page. Page-specific overrides go in inline <style> blocks. */

*{margin:0;padding:0;box-sizing:border-box}

:root{
  --ink:#10100f;--ink2:#3d3b38;--ink3:#706c66;
  --paper:#f9f7f3;--paper2:#f2efe9;--paper3:#e5e1d8;
  --gold:#9a7b1a;--gold-bg:#b8962e;--gold2:#d4b24a;--gold3:#f0d47a;
  --red:#b03030;--green:#1e6644;--green2:#2d9e69;
  --b:rgba(0,0,0,0.09);
}

html{scroll-behavior:smooth}
body{font-family:'DM Sans',sans-serif;background:var(--paper);color:var(--ink);line-height:1.6;overflow-x:hidden}

/* ── NAV ── */
nav{position:sticky;top:0;z-index:99;background:rgba(249,247,243,0.95);backdrop-filter:blur(10px);border-bottom:1px solid var(--b);padding:1rem 2.5rem;display:flex;align-items:center;justify-content:space-between}
.logo{font-family:'Playfair Display',serif;font-size:1.35rem;letter-spacing:-0.02em;color:var(--ink);text-decoration:none}
.logo em{color:var(--gold);font-style:italic}
.nav-r{display:flex;gap:2rem;align-items:center}
.nav-r a{font-size:0.8rem;letter-spacing:0.05em;text-transform:uppercase;color:var(--ink2);text-decoration:none}
.nav-cta{background:var(--ink)!important;color:var(--paper)!important;padding:0.5rem 1.2rem;border-radius:2px;font-weight:500!important}

/* ── BUTTONS ── */
.btn-gold{background:var(--gold-bg);color:#fff;padding:0.9rem 2rem;border-radius:2px;font-size:0.82rem;letter-spacing:0.06em;text-transform:uppercase;font-weight:500;border:none;cursor:pointer;transition:background 0.2s;font-family:'DM Sans',sans-serif;text-decoration:none;display:inline-flex;align-items:center;gap:0.5rem}
.btn-gold:hover{background:var(--gold2)}
.btn-gold .arrow{display:inline-block;animation:nudge 1.5s ease-in-out infinite}
@keyframes nudge{0%,100%{transform:translateX(0)}50%{transform:translateX(6px)}}

/* ── FOOTER ── */
footer{background:var(--ink);padding:2rem 2.5rem;display:flex;align-items:center;justify-content:space-between}
.fl{font-family:'Playfair Display',serif;font-size:1rem;color:#fff}
.fl em{color:var(--gold-bg);font-style:italic}
.ft{font-size:0.68rem;color:#fff}

/* ── RESPONSIVE (shared) ── */
@media(max-width:768px){
  nav{padding:1rem 1.2rem}
  .nav-r a:not(.nav-cta){display:none}
  footer{flex-direction:column;gap:0.5rem;text-align:center}
}