/* ==========================================================================
   Winter Solutions — shared design system  (the mahogany / yacht world)
   Warm dark wood · brass hardware · aged parchment · engraved serif.
   ========================================================================== */

:root{
  /* the yacht salon */
  --espresso:#170d08;      /* darkest ground */
  --mahogany:#241209;      /* rich mahogany */
  --mahogany2:#2f1810;
  --cabin:#3a2116;         /* lifted wood panel */
  --cedar:#7c4a2c;         /* warm cedar mid-tone */
  --cognac:#9a5a34;
  --brass:#c69a5c;         /* the accent — brass hardware */
  --brass-hi:#e6c689;      /* lit brass */
  --brass-deep:#a67c43;
  --ivory:#f3ead6;         /* warm cream — light ground + text on dark */
  --parchment:#ece0c9;     /* aged paper light ground */
  --parchment2:#e4d6ba;
  --oxblood:#5c2620;       /* deep detail */
  --ink:#2a1a10;           /* text on light */
  --mut-dark:#b49e80;      /* muted text on dark wood */
  --mut-light:#7a6449;     /* muted text on parchment */
  --line-dark:rgba(198,154,92,.22);
  --line-light:#d8c7a4;
}

*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font:400 17px/1.7 "Inter",-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--ink);background:var(--espresso);-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
::selection{background:var(--brass);color:var(--espresso)}
h1,h2,h3{font-family:"Cormorant Garamond",Georgia,serif;font-weight:400;letter-spacing:.005em;line-height:1.06}

.wrap{max-width:1180px;margin:0 auto;padding:0 34px}
.eyebrow{font-family:"Inter",sans-serif;font-size:11.5px;font-weight:600;letter-spacing:.32em;text-transform:uppercase;color:var(--brass)}
.rule{display:inline-block;width:46px;height:1px;background:linear-gradient(90deg,var(--brass),transparent);vertical-align:middle}

/* the wood-grain / grain-noise texture layer */
.grain{position:absolute;inset:0;pointer-events:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  opacity:.05;mix-blend-mode:overlay}

/* ---------- buttons ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:11px;font-family:"Inter",sans-serif;font-weight:500;font-size:14px;letter-spacing:.05em;padding:16px 34px;border-radius:1px;cursor:pointer;transition:.3s ease;border:1px solid transparent;line-height:1;text-transform:uppercase}
.btn.brass{background:linear-gradient(180deg,var(--brass-hi),var(--brass));color:var(--espresso);box-shadow:0 6px 22px rgba(198,154,92,.24)}
.btn.brass:hover{background:linear-gradient(180deg,var(--brass-hi),var(--brass-hi));box-shadow:0 8px 30px rgba(230,198,137,.34)}
.btn.outline{background:transparent;color:var(--ivory);border-color:var(--line-dark)}
.btn.outline:hover{border-color:var(--brass);color:var(--brass-hi)}
.btn.outline.dark{color:var(--ink);border-color:var(--line-light)}
.btn.outline.dark:hover{border-color:var(--cognac);color:var(--cognac)}
.btn.wood{background:var(--mahogany);color:var(--ivory);border-color:var(--mahogany)}
.btn.wood:hover{background:var(--cabin)}

/* ---------- shared header ---------- */
.site-head{position:sticky;top:0;z-index:40;background:rgba(23,13,8,.86);backdrop-filter:blur(10px);border-bottom:1px solid var(--line-dark)}
.site-head .nav{display:flex;align-items:center;height:74px}
.site-head.over{position:absolute;top:0;left:0;right:0;background:transparent;backdrop-filter:none;border-bottom:none}
.site-head.over .nav{height:92px}
.brand{font-family:"Cormorant Garamond",serif;font-size:23px;font-weight:500;letter-spacing:.04em;color:var(--ivory);display:flex;align-items:center;gap:13px}
.brand .glyph{width:33px;height:33px;border:1px solid var(--brass);display:grid;place-items:center;font-size:15px;color:var(--brass-hi);font-family:"Cormorant Garamond",serif}
.site-head .links{margin-left:auto;display:flex;gap:38px;align-items:center}
.site-head .links a{font-family:"Inter",sans-serif;font-size:12.5px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--mut-dark);transition:.25s}
.site-head .links a:hover{color:var(--ivory)}
.site-head .links a.login{color:var(--brass)}
.site-head .links a.login:hover{color:var(--brass-hi)}
.menu-btn{display:none;flex-direction:column;gap:5px;margin-left:auto;background:none;border:none;cursor:pointer;padding:8px}
.menu-btn span{width:23px;height:1.6px;background:var(--brass);border-radius:2px;transition:.25s}
.site-head .links a.mobile-only{display:none}

/* ---------- footer ---------- */
.site-foot{position:relative;background:var(--espresso);color:var(--mut-dark);padding:64px 0 46px;overflow:hidden}
.site-foot .wrap{position:relative;z-index:2;display:flex;align-items:center;gap:22px;flex-wrap:wrap;font-family:"Inter",sans-serif;font-size:12.5px;letter-spacing:.04em}
.site-foot .brand{font-size:19px}
.site-foot .fnav{margin-left:auto;display:flex;gap:30px;text-transform:uppercase;letter-spacing:.13em;font-size:11.5px}
.site-foot .fnav a{color:var(--mut-dark)}
.site-foot .fnav a:hover{color:var(--brass-hi)}
.site-foot .fine{width:100%;margin-top:30px;padding-top:24px;border-top:1px solid rgba(198,154,92,.14);color:#7d6647;font-size:11.5px;letter-spacing:.05em}

/* ---------- page intro band (inner pages, dark) ---------- */
.page-intro{position:relative;overflow:hidden;color:var(--ivory);
  background:radial-gradient(120% 90% at 80% 10%,rgba(230,198,137,.10),transparent 48%),linear-gradient(158deg,var(--espresso),var(--mahogany) 70%,var(--mahogany2))}
.page-intro .wrap{position:relative;z-index:2;padding:118px 34px 82px;max-width:940px}
.page-intro .eyebrow{display:flex;align-items:center;gap:18px;margin-bottom:26px}
.page-intro h1{font-size:clamp(40px,6vw,74px);font-weight:300;max-width:16ch}
.page-intro h1 em{font-style:italic;color:var(--brass-hi)}
.page-intro .lede{font-family:"Cormorant Garamond",serif;font-style:italic;font-size:clamp(19px,2.2vw,25px);color:var(--mut-dark);margin-top:26px;max-width:46ch;line-height:1.4}

/* ---------- shared closing CTA band ---------- */
.closer{position:relative;overflow:hidden;color:var(--ivory);text-align:center;
  background:radial-gradient(100% 120% at 50% 0%,rgba(92,38,32,.4),transparent 55%),linear-gradient(180deg,var(--mahogany2),var(--espresso))}
.closer .wrap{position:relative;z-index:2;padding:104px 34px;max-width:760px}
.closer .eyebrow{margin-bottom:22px}
.closer h2{font-size:clamp(30px,4.4vw,50px);font-weight:400;letter-spacing:.005em;text-wrap:balance}
.closer h2 em{font-style:italic;color:var(--brass-hi)}
.closer p{color:var(--mut-dark);margin:24px auto 40px;max-width:52ch}
.closer .actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}

/* ---------- responsive base ---------- */
@media(max-width:760px){
  .wrap{padding:0 24px}
  .site-head .nav{height:66px}
  .site-head.over .nav{height:74px}
  .menu-btn{display:flex}
  header .links{display:none}
  header.nav-open .links{display:flex;flex-direction:column;position:absolute;top:100%;left:0;right:0;background:rgba(23,13,8,.97);backdrop-filter:blur(8px);padding:6px 24px 18px;gap:0;border-bottom:1px solid var(--line-dark)}
  header.nav-open .links a{display:block;padding:15px 0;border-top:1px solid var(--line-dark)}
  .site-head .links a.mobile-only{display:none}
  .brand{font-size:20px}
  .page-intro .wrap{padding:100px 24px 66px}
  .closer .actions{flex-direction:column;align-items:stretch}
  .site-foot .fnav{margin-left:0;width:100%;flex-wrap:wrap;gap:18px}
}
@media(prefers-reduced-motion:reduce){*{animation:none!important}}