/* GroatSite Core: premium editorial layout for The Ember Wild. */
:root { --groatsite-ink:#13212a; --groatsite-muted:#5d6b73; --groatsite-brand:#8b5e3c; --groatsite-brand-dark:#5d3d28; --groatsite-pale:#f4ede4; --groatsite-line:#e3d7c8; --groatsite-surface:#fffaf5; --groatsite-radius:20px; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; font-family:Inter, Arial, sans-serif; line-height:1.65; color:var(--groatsite-ink); background:linear-gradient(180deg,#fbf7f2 0%,#f5f0ea 100%); }
a { color:var(--groatsite-brand-dark); }
a:focus-visible, button:focus-visible, summary:focus-visible { outline:3px solid #c88a4b; outline-offset:3px; }
h1,h2,h3 { line-height:1.08; letter-spacing:-.03em; margin-top:0; }
h2 { font-size:clamp(1.6rem,3vw,2.5rem); }
.groatsite-container { width:min(1140px, calc(100% - 40px)); margin-inline:auto; }
.groatsite-site-header { width:min(1140px, calc(100% - 40px)); margin:0 auto; padding:24px 0; display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:16px; }
.groatsite-site-name { color:var(--groatsite-ink); font-size:1.2rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; text-decoration:none; }
.groatsite-navigation ul { display:flex; flex-wrap:wrap; gap:8px; list-style:none; padding:0; margin:0; }
.groatsite-navigation a { display:block; padding:10px 14px; border-radius:999px; color:inherit; text-decoration:none; border:1px solid transparent; }
.groatsite-navigation a:hover,.groatsite-navigation a[aria-current="page"] { background:var(--groatsite-surface); border-color:var(--groatsite-line); }
.groatsite-hero { padding:clamp(72px,10vw,128px) 0; background:
  radial-gradient(circle at top right, rgba(139,94,60,.12), transparent 38%),
  linear-gradient(135deg,#f7efe6 0%,#fffaf5 55%,#f2ebe4 100%); }
.groatsite-hero h1 { max-width:900px; font-size:clamp(2.8rem,7vw,6rem); }
.groatsite-eyebrow { color:var(--groatsite-brand-dark); font-size:.78rem; font-weight:800; letter-spacing:.18em; text-transform:uppercase; }
.groatsite-lead { max-width:700px; color:var(--groatsite-muted); font-size:clamp(1.08rem,2vw,1.28rem); }
.groatsite-section { padding:clamp(52px,7vw,96px) 0; }
.groatsite-grid { display:grid; gap:22px; }
.groatsite-grid-3 { grid-template-columns:repeat(3,minmax(0,1fr)); }
.groatsite-split { display:grid; grid-template-columns:1.15fr .85fr; gap:clamp(24px,5vw,64px); align-items:center; }
.groatsite-card,.groatsite-panel { background:rgba(255,250,245,.88); border:1px solid var(--groatsite-line); border-radius:var(--groatsite-radius); padding:28px; box-shadow:0 16px 40px rgba(19,33,42,.07); backdrop-filter:blur(6px); }
.groatsite-band { padding:28px 0; background:var(--groatsite-ink); color:#fff; }
.groatsite-band p { margin:0; font-size:1.05rem; }
.groatsite-band strong { color:#f2c79d; }
.groatsite-button { display:inline-block; padding:13px 20px; border-radius:999px; background:var(--groatsite-brand); color:#fff; font-weight:700; text-decoration:none; box-shadow:0 10px 24px rgba(139,94,60,.22); }
.groatsite-button:hover { background:var(--groatsite-brand-dark); }
.groatsite-button-light { background:#fff; color:var(--groatsite-brand-dark); }
.groatsite-quote { margin:0; padding:30px; border-radius:var(--groatsite-radius); border:1px solid var(--groatsite-line); background:var(--groatsite-surface); box-shadow:0 16px 40px rgba(19,33,42,.06); }
.groatsite-quote blockquote { margin:0 0 12px; font-size:1.3rem; }
.groatsite-quote figcaption,.groatsite-muted { color:var(--groatsite-muted); }
.groatsite-cta { padding:70px 0; background:linear-gradient(135deg,var(--groatsite-brand-dark),var(--groatsite-ink)); color:#fff; text-align:center; }
.groatsite-cta h2 { margin-bottom:12px; font-size:clamp(2rem,4vw,3.2rem); }
.groatsite-cta .groatsite-lead { color:rgba(255,255,255,.82); margin-inline:auto; }
@media (max-width:760px) { .groatsite-grid-3,.groatsite-split { grid-template-columns:1fr; } .groatsite-site-header { align-items:flex-start; flex-direction:column; } }