@import url('https://fonts.googleapis.com/css2?family=Source+Sans+3:wght@300;400;600;700&display=swap');
:root {
  --cr-bg:#eef1ef; --cr-fg:#1e2a24; --cr-muted:#5a6b62; --cr-accent:#2f6b4f;
  --cr-panel:#ffffff; --cr-line:#c5d0c9;
  --cr-display:"Source Sans 3", Georgia, serif;
  --cr-body:"Source Sans 3", Georgia, serif;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body.cr-body{margin:0;font-family:var(--cr-body);background:var(--cr-bg);color:var(--cr-fg);line-height:1.65}
a{color:var(--cr-accent);text-decoration-thickness:1px}
a:hover{opacity:.85}
img{display:none}
.cr-btn{appearance:none;border:1px solid var(--cr-accent);background:var(--cr-accent);color:var(--cr-bg);padding:.75rem 1.2rem;font:inherit;cursor:pointer}
.cr-btn-ghost{background:transparent;color:var(--cr-fg);border-color:var(--cr-line)}
.cr-form{display:grid;gap:1rem;max-width:32rem}
.cr-form label{display:grid;gap:.35rem;font-size:.92rem}
.cr-form input,.cr-form textarea{font:inherit;padding:.7rem .8rem;border:1px solid var(--cr-line);background:var(--cr-panel);color:var(--cr-fg)}
.cr-form-success{color:var(--cr-accent);font-weight:600}
.cr-contact-block p{margin:.25rem 0}
.cr-skip{position:absolute;left:-999px}
.cr-skip:focus{left:1rem;top:1rem;background:var(--cr-panel);padding:.5rem;z-index:100}

.cr-header{display:flex;align-items:center;gap:1rem;padding:.8rem 1rem;border-bottom:1px solid var(--cr-line);position:sticky;top:0;background:var(--cr-bg);z-index:10}
.cr-mono{font-weight:700;font-size:1.4rem;text-decoration:none;color:var(--cr-accent);border:2px solid var(--cr-accent);width:2.5rem;height:2.5rem;display:grid;place-items:center}
.cr-sparse{display:flex;gap:1rem;flex:1}
.cr-sparse a{color:var(--cr-fg);text-decoration:none;font-weight:600}
.cr-fab{position:fixed;right:1rem;bottom:5rem;z-index:30;width:3.2rem;height:3.2rem;border-radius:50%;border:none;background:var(--cr-accent);color:#fff;font-size:1.6rem;cursor:pointer}
.cr-nav-panel{position:fixed;inset:auto 1rem 9rem auto;background:var(--cr-panel);border:1px solid var(--cr-line);padding:1rem;display:none;flex-direction:column;gap:.6rem;min-width:14rem;z-index:30}
.cr-nav-panel[data-open="true"]{display:flex}
.cr-chapters{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:1rem;padding:1.5rem}
.cr-chapter{scroll-snap-align:start;min-width:min(85vw,28rem);background:var(--cr-panel);border:1px solid var(--cr-line);padding:2rem;min-height:60vh}
.cr-chapter h2{font-size:1.8rem;margin-top:0}
.cr-collection{padding:2rem 1.5rem}
.cr-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));gap:1rem}
.cr-grid figure{margin:0;padding:1rem;border:1px solid var(--cr-line);background:var(--cr-panel)}
.cr-grid figcaption{font-weight:700;margin-bottom:.4rem}
.cr-pause{padding:2rem;display:grid;place-items:center}
.cr-frame-label{border:2px solid var(--cr-line);padding:2rem 3rem;color:var(--cr-muted)}
.cr-visit-band{padding:2rem 1.5rem;background:var(--cr-panel);border-block:1px solid var(--cr-line)}
.cr-hero-num{padding:3rem 1.5rem 1rem}
.cr-hero-num .cr-year{font-size:clamp(4rem,12vw,8rem);font-weight:300;line-height:1;color:var(--cr-accent);margin:0}
.cr-footer{padding:2rem 1.5rem;background:#e4ebe7}
.cr-colo{max-width:50ch}
.cr-page{padding:2rem 1.5rem;max-width:42rem}
.cr-page h1{font-weight:700}
@media(prefers-reduced-motion:reduce){.cr-chapters{scroll-snap-type:none}}

.cr-cookie{position:fixed;z-index:90;max-width:24rem}
.cr-cookie-inner{padding:1rem 1.1rem;border:1px solid var(--cr-line)}
.cr-cookie-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}
.cr-cookie-settings{display:grid;gap:.5rem;margin-top:.75rem}
.cr-cookie-text{margin:0;font-size:.9rem}
.cr-cookie{bottom:0;left:0;right:0;max-width:none}.cr-cookie-inner{background:var(--cr-panel);display:grid;gap:.35rem;border-top:2px solid var(--cr-accent)}.cr-cookie-text{max-width:70ch}