:root{
  --ink:#1a1a1a;
  --bg:#ffffff;
  --brand-brown:#6b4f2a;
  --brand-yellow:#f5bd27;
  --focus:#1a73e8;
  --radius:14px;
  --shadow:0 8px 30px rgba(0,0,0,.08);
  --maxw:1100px;
}
*{box-sizing:border-box}
html{overflow-x:hidden}
html:focus-within{scroll-behavior:smooth}
body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--ink);line-height:1.5}
a{color:var(--brand-brown);text-decoration:none}
a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible{outline:3px solid var(--focus);outline-offset:2px}
.container{max-width:var(--maxw);margin:0 auto;padding:0 16px}
.header{position:sticky;top:0;background:#fff;border-bottom:1px solid #eee;z-index:50}
.nav{display:flex;align-items:center;justify-content:space-between;height:64px}
.brand{display:flex;align-items:center;gap:12px;font-weight:800;color:#000}
.brand img{height:40px;width:auto}
.menu{display:flex;gap:18px;align-items:center}
.menu a{font-weight:700;color:#000}
.menu a[aria-current="page"]{border-bottom:2px solid var(--brand-yellow)}
.hamburger{display:none;border:1px solid #ddd;border-radius:10px;padding:8px 10px;background:#fff}
.hero{position:relative;min-height:48vh;display:grid;place-items:center;overflow:hidden}
.hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero .overlay{position:relative;background:rgba(255,255,255,.82);padding:18px;border-radius:16px;box-shadow:var(--shadow);text-align:center}
.section{padding:36px 0}
.card{background:#fff;border:1px solid #eee;border-radius:16px;padding:20px;box-shadow:var(--shadow)}
.parallax{background-attachment:fixed;background-position:center;background-size:cover;min-height:60vh;position:relative;display:grid;place-items:center;overflow:hidden}
.parallax::after{content:'';position:absolute;inset:0;background:linear-gradient(to bottom, rgba(0,0,0,.12), rgba(0,0,0,.12))}
.parallax .overlay{position:relative;z-index:1;background:rgba(255,255,255,.78);padding:18px 22px;border-radius:16px;box-shadow:var(--shadow);text-align:center}
.split{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center}
.split img{width:100%;border-radius:16px;box-shadow:0 6px 24px rgba(0,0,0,.08)}
.split.alt{grid-auto-flow:dense}
.split.alt .text{order:2}
.split.alt .media{order:1}
.footer{background:#f7f2ec;color:#000;padding:28px 0;border-top:1px solid #eee}
.footer a{color:#000}
.photo-credit{font-size:.85rem;color:#555;text-align:right;margin:6px 16px 0}
@media (max-width:820px){
  .menu{display:none}
  .menu.open{display:flex;flex-direction:column;gap:12px;position:absolute;top:64px;right:12px;background:#fff;border:1px solid #eee;border-radius:12px;padding:12px;box-shadow:var(--shadow)}
  .hamburger{display:block}
  .split{grid-template-columns:1fr}
  .split.alt .text, .split.alt .media{order:initial}
  .parallax{background-attachment:scroll}
}
@media (prefers-reduced-motion: reduce){
  .parallax{background-attachment:scroll}
}