:root{
  --night:#0e141f;
  --slate:#182234;
  --slate-line:#26344d;
  --frost:#8fd0e8;
  --frost-dim:#5a93ab;
  --parch:#efe6d2;
  --parch-dim:#d9cbaf;
  --ink:#1a1710;
  --gold:#d9a94f;
  --gold-dim:#a97f34;
  --wine:#8e3b46;
  --radius:10px;
}
*{box-sizing:border-box;margin:0;padding:0}
body{
  background:var(--night);
  background-image:radial-gradient(ellipse at 50% -20%, #1c2a44 0%, var(--night) 55%);
  color:var(--parch);
  font-family:'Alegreya', Georgia, serif;
  min-height:100vh;
}
a{color:var(--frost)}
.wrap{max-width:820px;margin:0 auto;padding:0 16px 80px}

/* ---------- nav ---------- */
nav{
  display:flex;flex-wrap:wrap;justify-content:center;gap:4px 18px;
  padding:16px;font-size:14px;letter-spacing:.16em;text-transform:uppercase;
}
nav a{color:var(--frost-dim);text-decoration:none;padding:4px 2px;border-bottom:2px solid transparent}
nav a:hover{color:var(--frost)}
nav a.here{color:var(--frost);border-bottom-color:var(--frost)}

/* ---------- header + ridge signature ---------- */
header.site{text-align:center;padding:26px 16px 0}
.eyebrow{font-size:12.5px;letter-spacing:.3em;text-transform:uppercase;color:var(--frost-dim);margin-bottom:8px}
h1{
  font-family:'Pirata One','Alegreya',serif;font-weight:400;
  font-size:clamp(38px,8.5vw,60px);line-height:1;color:var(--frost);
  text-shadow:0 3px 0 rgba(0,0,0,.5);
}
.subtitle{font-style:italic;font-size:17px;color:var(--parch-dim);margin-top:10px;max-width:520px;margin-left:auto;margin-right:auto}
.ridge{display:block;width:100%;height:60px;margin:18px 0 26px}
.ridge path{fill:none;stroke:var(--frost-dim);stroke-width:1.5}
.ridge .peak{stroke:var(--frost);stroke-width:2}

/* ---------- section & cards ---------- */
h2{
  font-family:'Pirata One',serif;font-weight:400;font-size:30px;
  color:var(--frost);margin:34px 0 12px;text-align:center;
}
.card{
  background:var(--parch);color:var(--ink);
  border-radius:var(--radius);
  padding:20px 22px;margin-bottom:16px;
  box-shadow:0 4px 14px rgba(0,0,0,.35);
}
.card h3{font-size:20px;margin-bottom:2px}
.card .tag{
  font-size:12px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--wine);font-weight:700;margin-bottom:8px;
}
.card p{line-height:1.55;font-size:16px}
.card p+p{margin-top:8px}
.card.dark{background:var(--slate);color:var(--parch);border:1px solid var(--slate-line)}
.card.dark .tag{color:var(--frost)}
.muted{color:var(--parch-dim);font-style:italic}
.grid2{display:grid;gap:16px}
@media(min-width:640px){.grid2{grid-template-columns:1fr 1fr}}

/* ---------- home tiles ---------- */
.tiles{display:grid;gap:14px;margin-top:8px}
@media(min-width:640px){.tiles{grid-template-columns:repeat(2,1fr)}}
.tile{
  display:block;text-decoration:none;
  background:var(--slate);border:1px solid var(--slate-line);border-radius:var(--radius);
  padding:18px 20px;color:var(--parch);
  transition:transform .12s ease,border-color .12s ease;
}
.tile:hover{transform:translateY(-3px);border-color:var(--frost-dim)}
.tile .glyph{font-size:28px;display:block;margin-bottom:6px}
.tile b{font-size:18px;color:var(--frost)}
.tile span{display:block;font-size:14px;color:var(--parch-dim);font-style:italic;margin-top:3px;line-height:1.4}

footer{
  text-align:center;font-size:13px;color:var(--frost-dim);
  font-style:italic;padding:30px 16px 10px;
}
@media (prefers-reduced-motion:reduce){.tile{transition:none}.tile:hover{transform:none}}