:root {
    --black: #0A0A0A;
    --off-black: #111111;
    --dark: #161616;
    --mid-grey: #2A2A2A;
    --light-grey: #888888;
    --off-white: #F5F3F0;
    --white: #FFFFFF;
    --bronze: #6B4C2A;
    --bronze-light: #C4A882;
    --bronze-dark: #4A3318;
    --bronze-mid: #8B6340;
  }
  * { margin:0; padding:0; box-sizing:border-box; }
  html { scroll-behavior: smooth; }
  body { background:var(--off-white); font-family:'Montserrat',sans-serif; color:var(--black); }

  /* ── NAV ── */
  nav {
    position: fixed; top:0; left:0; right:0; z-index:1000;
    background: linear-gradient(90deg, #000000 0%, #000000 15%, rgba(10,10,10,0.97) 50%, rgba(26,26,26,0.97) 100%);
    border-bottom: 1px solid var(--bronze-dark);
    padding: 0 60px;
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    backdrop-filter: blur(8px);
  }
  .nav-brand { display:flex; align-items:center; gap:20px; text-decoration:none; padding-left:8px; }
  .nav-wordmark { line-height:1; }
  .nav-main { font-size:20px; font-weight:300; letter-spacing:0.38em; color:var(--white); display:block; text-transform:uppercase; }
  .nav-sub { font-size:13px; font-weight:300; letter-spacing:0.5em; color:var(--bronze-light); display:block; margin-top:2px; text-transform:uppercase; }
  .nav-links { display:flex; align-items:center; gap:32px; }
  .nav-links a { font-size:13px; font-weight:500; letter-spacing:0.2em; text-transform:uppercase; color:#aaa; text-decoration:none; transition:color 0.2s; }
  .nav-links a:hover, .nav-links a.active { color:var(--bronze-light); }
  .nav-cta { background:var(--bronze-dark); color:var(--bronze-light) !important; padding:10px 20px; border-radius:2px; border:1px solid var(--bronze) !important; transition: background 0.2s !important; }
  .nav-cta:hover { background:var(--bronze) !important; color:var(--white) !important; }

  /* ── BRONZE BAR ── */
  .bronze-bar { height:2px; background:linear-gradient(90deg,transparent,var(--bronze-dark),var(--bronze),var(--bronze-mid),var(--bronze),var(--bronze-dark),transparent); }

  /* ── SECTIONS ── */
  .section-dark { background:var(--black); }
  .section-light { background:var(--off-white); }
  .section-mid { background:var(--off-black); }

  /* ── FOOTER ── */
  footer {
    background:var(--black);
    border-top:1px solid var(--bronze-dark);
    padding:48px 60px 32px;
  }
  .footer-grid { display:grid; grid-template-columns:2fr 1fr 1fr 1fr; gap:40px; margin-bottom:40px; }
  .footer-brand .nav-main { font-size:18px; }
  .footer-tagline { font-family:'Cormorant Garamond',serif; font-style:italic; font-size:13px; color:#888; margin-top:8px; display:block; }
  .footer-col h4 { font-size:12px; font-weight:700; letter-spacing:0.4em; text-transform:uppercase; color:var(--bronze); margin-bottom:16px; }
  .footer-col a { display:block; font-size:12px; color:#888; text-decoration:none; margin-bottom:8px; letter-spacing:0.1em; transition:color 0.2s; }
  .footer-col a:hover { color:var(--bronze-light); }
  .footer-bottom { border-top:1px solid #1A1A1A; padding-top:24px; display:flex; justify-content:space-between; align-items:center; }
  .footer-legal { font-size:11px; color:#777; letter-spacing:0.15em; }
  .footer-legal a { color:#777; text-decoration:none; margin-left:16px; }
  .footer-legal a:hover { color:var(--bronze-light); }

  /* ── BUTTONS ── */
  .btn-primary { display:inline-block; background:var(--bronze-dark); color:var(--bronze-light); padding:14px 32px; border-radius:2px; border:1px solid var(--bronze); text-decoration:none; font-size:12px; font-weight:600; letter-spacing:0.3em; text-transform:uppercase; transition:all 0.2s; cursor:pointer; }
  .btn-primary:hover { background:var(--bronze); color:var(--white); }
  .btn-ghost { display:inline-block; background:transparent; color:var(--white); padding:14px 32px; border-radius:2px; border:1px solid #555; text-decoration:none; font-size:12px; font-weight:600; letter-spacing:0.3em; text-transform:uppercase; transition:all 0.2s; cursor:pointer; }
  .btn-ghost:hover { border-color:var(--bronze); color:var(--bronze-light); }
  .btn-dark { display:inline-block; background:var(--black); color:var(--bronze-light); padding:14px 32px; border-radius:2px; border:1px solid var(--bronze-dark); text-decoration:none; font-size:12px; font-weight:600; letter-spacing:0.3em; text-transform:uppercase; transition:all 0.2s; }
  .btn-dark:hover { border-color:var(--bronze); color:var(--white); }

  /* ── SECTION LABEL ── */
  .section-eyebrow { font-size:13px; font-weight:700; letter-spacing:0.5em; text-transform:uppercase; color:var(--bronze); display:block; margin-bottom:16px; }

  /* ── CARDS ── */
  .card { background:var(--off-black); border:1px solid #1E1E1E; border-radius:4px; padding:32px; position:relative; overflow:hidden; transition:border-color 0.2s; }
  .card:hover { border-color:var(--bronze-dark); }
  .card-accent { position:absolute; top:0; left:0; right:0; height:2px; background:linear-gradient(90deg,var(--bronze-dark),var(--bronze)); }