@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&display=swap');
:root {
  --quaintla-bg: #E4E8E2; --quaintla-fg: #1F2A24; --quaintla-muted: #4E5C54;
  --quaintla-accent: #2F6B5A; --quaintla-panel: #CDD8D0; --quaintla-band: #A8C0B4;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  font-family: 'Space Grotesk', Georgia, serif;
  background: var(--quaintla-bg);
  color: var(--quaintla-fg);
  line-height: 1.65;
  font-size: 1.05rem;
}
h1,h2,h3,.quaintla-brand,.quaintla-brand-only {
  font-family: 'Space Grotesk', Georgia, serif;
  font-weight: 600;
  
  
  line-height: 1.15;
}
a { color: var(--quaintla-accent); }
.quaintla-wrap { min-height: 100vh; display: flex; flex-direction: column; }
.quaintla-main { flex: 1; width: min(100% - 2rem, 65ch); margin: 0 auto; padding: 2rem 0 4rem; }
.quaintla-main-wide { width: min(100% - 2rem, 1100px); margin: 0 auto; padding: 2rem 0 4rem; }
.quaintla-header { display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:1rem 1.25rem; position:relative; }
.quaintla-logo { font-family:'Space Grotesk',sans-serif; font-weight:700; text-decoration:none; color:inherit; font-size:1.15rem; }

.quaintla-nav-toggle { display:none; background:transparent; border:1px solid #1F2A24; color:#1F2A24; padding:.35rem .6rem; cursor:pointer; font:inherit; }
.quaintla-nav ul { list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; gap:.75rem 1.25rem; }
.quaintla-nav a { color:inherit; text-decoration:none; }
.quaintla-nav a:hover { text-decoration:underline; }

.quaintla-nav-toggle { display:inline-block; }
@media(min-width:900px){ .quaintla-nav .quaintla-nav-panel ul { display:flex; } .quaintla-nav-toggle { display:none; } }
.quaintla-sheet { position:fixed; left:0; right:0; bottom:0; background:#CDD8D0; transform:translateY(110%); transition:transform .3s; z-index:900; padding:1.25rem; border-radius:1rem 1rem 0 0; }
.quaintla-sheet.is-open { transform:translateY(0); }
.quaintla-sheet ul { flex-direction:column; }

.quaintla-footer { background:#A8C0B4; color:#1F2A24; padding:3rem 1.25rem; text-align:center; }
.quaintla-footer .quaintla-mono { font-size:clamp(2.5rem,8vw,5rem); font-weight:700; line-height:1; }
.quaintla-footer a { color:#1F2A24; }

.quaintla-cookies { position:fixed; z-index:1000; background:#CDD8D0; color:#1F2A24; border:1px solid #4E5C54; padding:1rem; max-width:24rem; box-shadow:0 8px 24px rgba(0,0,0,.12); }
.quaintla-cookies[hidden] { display:none !important; }
.quaintla-cookies button { margin:.25rem .25rem 0 0; cursor:pointer; font:inherit; padding:.4rem .7rem; border:1px solid #1F2A24; background:#E4E8E2; color:#1F2A24; }
.quaintla-cookie-settings[hidden] { display:none !important; }
.quaintla-cookies { bottom:0; left:0; right:0; max-width:none; padding:.6rem 1rem; font-size:.9rem; }

.quaintla-form { display:grid; gap:.75rem; max-width:28rem; }
.quaintla-form label { display:grid; gap:.25rem; font-size:.95rem; }
.quaintla-form input, .quaintla-form textarea { font:inherit; padding:.55rem .65rem; border:1px solid var(--quaintla-muted); background:#fff; color:#111; }
.quaintla-form button { justify-self:start; padding:.6rem 1rem; border:none; background:var(--quaintla-accent); color:#fff; cursor:pointer; font:inherit; }
.quaintla-form-ok { color: var(--quaintla-accent); }
.quaintla-legal { max-width: 68ch; }
.quaintla-contact-block p { margin: .25rem 0; }

.quaintla-header { border-bottom:2px solid var(--quaintla-fg); }
.quaintla-nav a { padding:.5rem .25rem; border-bottom:3px solid transparent; }
.quaintla-nav a[aria-current="page"] { border-bottom-color:var(--quaintla-accent); }
.quaintla-crumb { font-size:.8rem; color:var(--quaintla-muted); }
.quaintla-year { font-size:clamp(3rem,10vw,6rem); font-weight:700; line-height:1; color:var(--quaintla-accent); opacity:.85; }
.quaintla-essay figure { margin:2rem 0; padding:1.25rem; background:var(--quaintla-panel); border-left:6px solid var(--quaintla-accent); }
.quaintla-essay figcaption { font-weight:700; font-family:'Space Grotesk',sans-serif; margin-bottom:.5rem; }
.quaintla-stamp { display:inline-block; border:2px solid var(--quaintla-accent); padding:.35rem .7rem; transform:rotate(-2deg); font-size:.8rem; letter-spacing:.1em; text-transform:uppercase; margin:1.5rem 0; }
.quaintla-main { width:min(100% - 2rem, 42rem); }
.quaintla-stagger > * { animation:quaintla-up .7s ease both; }
.quaintla-stagger > *:nth-child(2) { animation-delay:.1s; }
.quaintla-stagger > *:nth-child(3) { animation-delay:.2s; }
@keyframes quaintla-up { from { opacity:0; transform:translateY(12px); } to { opacity:1; transform:none; } }
body { background:linear-gradient(180deg, #cdd8d0, #e4e8e2 40%, #e4e8e2); }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}