
:root {
  --bg: #f6efe5;
  --paper: #fffaf4;
  --navy: #183b67;
  --gold: #b58a3a;
  --text: #293240;
  --muted: #6f7480;
  --line: rgba(181,138,58,.35);
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  font-family: Georgia, "Times New Roman", serif;
  color: var(--text);
  background: var(--bg);
  line-height: 1.6;
}
a { color: inherit; }
.site-header {
  position: sticky; top: 0; z-index: 10;
  background: rgba(255,250,244,.96);
  border-bottom: 1px solid var(--line);
}
.wrap { width: min(1024px, calc(100% - 40px)); margin: 0 auto; }
.nav {
  min-height: 82px; display:flex; align-items:center; gap:28px;
}
.brand {
  text-decoration:none; color:var(--navy); letter-spacing:.12em;
  font-size:1.35rem; font-weight:700; white-space:nowrap;
}
.menu { display:flex; flex-wrap:wrap; gap:18px; margin-left:auto; }
.menu a, .lang-switcher a {
  text-decoration:none; font-size:.96rem;
}
.menu a:hover, .lang-switcher a:hover { color: var(--gold); }
.lang-switcher { display:flex; gap:8px; font-family: Arial, sans-serif; font-size:.8rem; }
.lang-switcher .active { color:var(--gold); font-weight:700; }
.switcher a {
  text-decoration:none; color:var(--navy);
}
.menu a:hover, .switcher a:hover { color: var(--gold); }
.switcher { display:flex; gap:8px; }
.switcher .active { color:var(--gold); font-weight:700; }
.hero {
  min-height: 68vh; display:grid; place-items:center; text-align:center;
  background:
    linear-gradient(rgba(246,239,229,.82), rgba(246,239,229,.9)),
    url("../images/hero-placeholder.jpg") center/cover;
}
.hero-inner { max-width:820px; padding:60px 20px; }
.eyebrow { color:var(--gold); text-transform:uppercase; letter-spacing:.22em; font-size:.78rem; }
h1,h2,h3 { color:var(--navy); line-height:1.15; }
h1 { font-size:clamp(2.5rem,6vw,5.4rem); margin:.25em 0 .18em; letter-spacing:.05em; }
h2 { font-size:clamp(2rem,4vw,3.2rem); }
.lead { font-size:1.0rem; color:#4d5662; }
.button {
  display:inline-block; margin-top:24px; padding:13px 22px;
  border:1px solid var(--gold); text-decoration:none; color:var(--navy);
  background:rgba(255,255,255,.3);
}
.button:hover { background:var(--gold); color:white; }
.section { padding:72px 0; }
.section.paper { background:var(--paper); }
.grid { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.card {
  background:var(--paper); border:1px solid var(--line); padding:8px; min-height:10px;
}
.card h3 { margin-top:0; }
.page-hero { padding:90px 0 50px; text-align:center; }
.page-content { max-width:820px; margin:0 auto; padding-bottom:80px; }
.site-footer {
  border-top:1px solid var(--line); padding:34px 0; color:var(--muted);
  background:var(--paper);
}
.footer-row { display:flex; justify-content:space-between; gap:20px; flex-wrap:wrap; }
@media (max-width: 860px) {
  .nav { align-items:flex-start; flex-direction:column; padding:18px 0; gap:12px; }
  .menu { margin-left:0; }
  .grid { grid-template-columns:1fr; }
}
