/* v4-dropdown-fix */
@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;9..144,500;9..144,600&family=Inter:wght@400;500;600&family=IBM+Plex+Mono:wght@400;500&display=swap');

:root{
  --bg:#FAF8F5;
  --surface:#FFFFFF;
  --ink:#1F2937;
  --ink-soft:#5B6573;
  --accent:#355C7D;
  --accent-dark:#28475F;
  --teal:#2F6F62;
  --teal-light:#E3EFEC;
  --sand:#D8C3A5;
  --sand-dark:#A98B62;
  --sand-bg:#FBF0E2;
  --sand-text:#8A5A26;
  --sage-bg:#E7EFE3;
  --sage-text:#4A6B3E;
  --peri-bg:#EAEDF7;
  --peri-text:#4B4F9C;
  --gold:#F4B740;
  --gold-bg:#FEF6E4;
  --gold-text:#8A5A06;
  --purple:#8B7CC8;
  --purple-bg:#F0EDFA;
  --purple-text:#5B4A99;
  --border:#E3DED5;
  --font-display:'Fraunces', serif;
  --font-body:'Inter', sans-serif;
  --font-mono:'IBM Plex Mono', monospace;
}

*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-body);line-height:1.6;}
a{color:var(--accent-dark);text-decoration:none;}
a:hover{text-decoration:underline;}
a:focus-visible, button:focus-visible, input:focus-visible{outline:2px solid var(--teal);outline-offset:2px;}

h1,h2,h3{font-family:var(--font-display);font-weight:500;margin:0 0 0.5em;}
h1{font-size:clamp(2rem,4vw,3rem);}
h2{font-size:clamp(1.5rem,3vw,2rem);}
h3{font-size:1.25rem;}

.wrap{max-width:1080px;margin:0 auto;padding:0 24px;}

.site-header{border-bottom:1px solid var(--border);background:var(--surface);position:sticky;top:0;z-index:50;}
.site-header .wrap{display:flex;align-items:center;justify-content:space-between;height:72px;}
.logo{font-family:var(--font-display);font-size:1.3rem;font-weight:600;color:var(--ink);display:flex;align-items:center;gap:8px;}
.logo .dot{color:var(--accent);}
nav.main-nav{display:flex;gap:28px;align-items:center;}
nav.main-nav a{color:var(--ink-soft);font-size:0.92rem;font-weight:500;}
nav.main-nav a:hover{color:var(--ink);text-decoration:none;}
.nav-dropdown{position:relative;display:inline-block;}
.nav-dropdown-trigger{color:var(--ink-soft);font-size:0.92rem;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:4px;}
.nav-dropdown:hover .nav-dropdown-trigger{color:var(--ink);}
.nav-dropdown-menu{
  position:absolute;top:100%;left:50%;transform:translateX(-50%);
  background:var(--surface);border:1px solid var(--border);border-radius:8px;
  padding:8px;min-width:230px;display:none;flex-direction:column;gap:2px;
  box-shadow:0 4px 16px rgba(0,0,0,0.08);z-index:60;margin-top:4px;
}
.nav-dropdown.open .nav-dropdown-menu{display:flex;}
.nav-dropdown-menu a{
  padding:8px 12px;border-radius:6px;font-size:0.9rem;color:var(--ink);white-space:nowrap;
}
.nav-dropdown-menu a:hover{background:var(--bg);text-decoration:none;}

.btn{display:inline-block;padding:10px 20px;border-radius:6px;font-weight:500;font-size:0.92rem;font-family:var(--font-body);border:1.5px solid var(--accent);color:var(--accent-dark);background:transparent;cursor:pointer;}
.btn:hover{background:var(--accent);color:#fff;text-decoration:none;}
.btn-solid{background:var(--accent);color:#fff;border-color:var(--accent);}
.btn-solid:hover{background:var(--accent-dark);}
.btn-teal{background:var(--teal);color:#fff;border-color:var(--teal);}
.btn-teal:hover{background:#244F45;}

footer{padding:40px 0;border-top:1px solid var(--border);}
footer .wrap{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;}
footer .links{display:flex;gap:20px;flex-wrap:wrap;}
footer a{color:var(--ink-soft);font-size:0.88rem;}
footer .fine{font-size:0.78rem;color:var(--ink-soft);width:100%;margin-top:16px;}

@media (max-width:760px){
  nav.main-nav{display:none;}
}

nav.main-nav a i, .nav-dropdown-trigger i, .nav-dropdown-menu a i{
  font-size:0.95rem;vertical-align:-1px;margin-right:4px;
}