:root { --ink:#102027; --muted:#5b6b73; --gold:#c9a227; --paper:#f7f4ee; --card:#fff; }
* { box-sizing:border-box; }
html,body { margin:0; padding:0; }
body { font-family: Georgia, "Times New Roman", serif; color:var(--ink); background:var(--paper); line-height:1.55; }
.nav { display:flex; justify-content:space-between; align-items:center; gap:1rem; padding:1rem 6vw; background:#0d1820; color:#fff; position:sticky; top:0; }
.nav a { color:#fff; text-decoration:none; margin-left:1rem; font-family: system-ui, sans-serif; font-size:.92rem; }
.brand { margin-left:0 !important; display:flex; align-items:center; gap:.6rem; font-weight:700; }
.logo { height:40px; width:auto; }
.wordmark { font-size:1.15rem; letter-spacing:.02em; }
.hero { padding:5rem 6vw 4rem; background:linear-gradient(160deg,#102027,#1c3a44); color:#fff; }
.eyebrow { letter-spacing:.16em; text-transform:uppercase; font-size:.75rem; color:#e6c65a; font-family:system-ui,sans-serif; }
h1 { font-size:clamp(2.2rem,5vw,3.6rem); margin:.2rem 0 .6rem; }
.lede { font-size:1.2rem; max-width:40rem; }
.btn { display:inline-block; background:var(--gold); color:#102027; padding:.7rem 1.2rem; border-radius:999px; text-decoration:none; font-family:system-ui,sans-serif; font-weight:700; }
.wrap { padding:3.5rem 6vw; }
.split { display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:2rem; }
h2 { font-size:1.8rem; margin:0 0 1rem; }
.gallery { display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:1rem; }
.shot { margin:0; background:var(--card); border-radius:12px; overflow:hidden; box-shadow:0 8px 24px rgba(16,32,39,.08); }
.shot img { width:100%; height:220px; object-fit:cover; display:block; }
.shot figcaption { padding:.6rem .8rem; font-family:system-ui,sans-serif; font-size:.88rem; color:var(--muted); }
.docs { margin:0; padding-left:1.2rem; font-family:system-ui,sans-serif; }
.docs a { color:#1c3a44; }
.hours { width:100%; border-collapse:collapse; font-family:system-ui,sans-serif; }
.hours th { text-align:left; padding:.4rem 1rem .4rem 0; }
.hours td { padding:.4rem 0; }
.muted { color:var(--muted); }
footer { padding:2rem 6vw; background:#0d1820; color:#c5d0d4; font-family:system-ui,sans-serif; font-size:.88rem; }
footer a { color:#e6c65a; }
@media (max-width:700px) {
  .nav { flex-direction:column; align-items:flex-start; }
  .nav nav { display:flex; flex-wrap:wrap; gap:.4rem 0; }
}