@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@700&display=swap');

:root {
	--green-950: #08271f;
	--green-900: #0d352b;
	--green-800: #174c3e;
	--green-100: #e7f1ed;
	--gold: #e1b657;
	--gold-light: #f0d58f;
	--cream: #fbf8f0;
	--ink: #18211e;
	--muted: #65716d;
	--white: #fff;
	--shadow: 0 18px 50px rgb(7 39 31 / 10%);
	--container: 1180px;
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
	margin: 0;
	overflow-x: hidden;
	background: var(--cream);
	color: var(--ink);
	font-family: 'DM Sans', system-ui, sans-serif;
	font-size: 16px;
	line-height: 1.65;
}
body.menu-open { overflow: hidden; }
img { display: block; max-width: 100%; }
a { color: inherit; }
.container { width: min(calc(100% - 40px), var(--container)); margin-inline: auto; }
.site-content { min-height: 55vh; }
.page-shell { width: min(calc(100% - 40px), var(--container)); margin: 0 auto; padding: 72px 0; }
.page-shell h1 { color: var(--green-900); font-family: 'Playfair Display', serif; font-size: clamp(2.3rem, 6vw, 4.5rem); line-height: 1.08; }
.skip-link { position: fixed; z-index: 9999; left: 16px; top: -80px; padding: 10px 16px; background: var(--gold); color: var(--green-950); font-weight: 700; }
.skip-link:focus { top: 16px; }