:root{color:#172018;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--ink:#172018;--muted:#6f6758;--paper:#fff3cf;--surface:#fffdf7;--green:#2d6a4f;--green-dark:#173d2d;--mint:#d9f4df;--amber:#ffbd3e;--blue:#33658a;--rose:#f07b6f;--berry:#9b4d77;--clay:#c56b3c;--lake:#2f7f93;--border:#17201824;--shadow:0 24px 70px #28352a24;background:#fff7df;font-family:Trebuchet MS,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;margin:0}a{color:inherit}button,input,select{font:inherit}button{cursor:pointer}main{overflow:hidden}.hero-section{background:radial-gradient(circle at 88% 15%,#ffbd3e8c,#0000 24%),radial-gradient(circle at 10% 88%,#f07b6f38,#0000 28%),linear-gradient(135deg,#fff6d8 0%,#fff0c5 44%,#e3f5d9 100%);min-height:720px;padding:24px clamp(18px,4vw,64px) 72px;position:relative}.hero-section:before{content:"";pointer-events:none;opacity:.28;background-image:linear-gradient(90deg,#17201814 1px,#0000 1px),linear-gradient(#17201814 1px,#0000 1px);background-size:34px 34px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0%,#0000 78%);mask-image:linear-gradient(#000 0%,#0000 78%)}.topbar,.hero-grid,.section{max-width:1180px;margin:0 auto;position:relative}.topbar{justify-content:space-between;align-items:center;gap:24px;min-height:72px;display:flex}.brand,.nav-links,.hero-actions,.quick-filters,.tag-row{align-items:center;display:flex}.brand{gap:12px;text-decoration:none}.brand-mark{color:#ffe08a;letter-spacing:-.04em;background:#172018;border-radius:17px;place-items:center;width:48px;height:48px;font-weight:950;display:grid;transform:rotate(-3deg);box-shadow:6px 6px #ffbd3e}.brand strong,.brand small{display:block}.brand strong{line-height:1}.brand small{color:var(--muted);margin-top:4px;font-size:12px}.nav-links{gap:20px}.nav-links a{color:var(--muted);font-weight:700;text-decoration:none}.nav-links a:hover{color:var(--green-dark)}.hero-grid{grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);align-items:center;gap:clamp(32px,6vw,86px);padding-top:74px;display:grid}.eyebrow{color:var(--green);letter-spacing:.12em;text-transform:uppercase;margin:0 0 14px;font-size:13px;font-weight:850;line-height:1.2}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.08em;max-width:780px;color:var(--ink);text-wrap:balance;text-shadow:0 5px #ffbd3e59;margin-bottom:22px;font-size:clamp(52px,8.4vw,104px);line-height:.88}.lead{color:#3d493e;max-width:650px;font-size:clamp(20px,2.2vw,27px);line-height:1.35}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:34px}.hero-sticker{background:#fffdf7;border:4px solid #172018;border-radius:0;align-items:center;gap:12px;width:max-content;margin-bottom:22px;padding:10px 14px 10px 10px;display:flex;transform:rotate(-2deg);box-shadow:8px 8px #2f7f93,12px 12px #172018}.hero-sticker span{color:#172018;text-transform:uppercase;letter-spacing:.02em;max-width:96px;font-size:16px;font-weight:950;line-height:1}.pixel-sprite{--pixel-size:9px;grid-template-columns:repeat(8, var(--pixel-size));grid-template-rows:repeat(8, var(--pixel-size));image-rendering:pixelated;filter:drop-shadow(5px 5px #17201829);background:#fffdf78a;gap:0;padding:8px;display:grid}.pixel-sprite.large{--pixel-size:10px;padding:6px}.pixel{width:var(--pixel-size);height:var(--pixel-size);background:0 0}.pixel.dark{background:#172018}.pixel.green{background:#2d6a4f}.pixel.sky{background:#58b7d8}.pixel.sun{background:#ffbd3e}.pixel.berry{background:#d95e9f}.pixel.clay{background:#c56b3c}.pixel.white{background:#fffdf7}.pixel.blue{background:#33658a}.button{border:2px solid var(--border);border-radius:0;min-height:48px;padding:13px 18px;font-weight:850;text-decoration:none}.button.primary{background:var(--green-dark);color:#fff8e6;border-color:var(--green-dark);box-shadow:5px 5px 0 var(--amber)}.button.secondary{color:var(--ink);background:#ffffffb8;box-shadow:5px 5px #1720181f}.summary-card{box-shadow:var(--shadow), 10px 10px 0 #f07b6f2e;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffdf7db;border:2px solid #17201824;border-radius:34px;padding:32px;position:relative;transform:rotate(1deg)}.summary-card h2{letter-spacing:-.04em;margin-bottom:24px;font-size:34px}.status-dot{background:#28a745;border-radius:50%;width:14px;height:14px;position:absolute;top:28px;right:28px;box-shadow:0 0 0 8px #28a7451f}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.summary-card dl,.facts{margin:0}.summary-card dl div{border-top:1px solid var(--border);grid-template-columns:120px 1fr;gap:12px;padding:14px 0;display:grid}dt{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:13px;font-weight:800}dd{margin:0;font-weight:750}.fineprint{color:var(--muted);margin:22px 0 0;line-height:1.5}.section{padding:78px clamp(18px,4vw,64px)}.intro{grid-template-columns:.7fr 1.3fr;gap:42px;display:grid}h2{letter-spacing:-.055em;margin-bottom:0;font-size:clamp(34px,5vw,56px);line-height:.98}.principles{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.principles article,.activity-card,.source-card{background:var(--surface);border:2px solid #1720181f;border-radius:0;box-shadow:0 12px 34px #1720180f,6px 6px #1720181f}.principles article{padding:22px}.principles h3{letter-spacing:-.025em;margin-bottom:10px}.principles p{color:var(--muted);margin-bottom:0;line-height:1.55}.section-heading{justify-content:space-between;align-items:end;gap:24px;margin-bottom:24px;display:flex}.section-heading>p{color:var(--muted);margin-bottom:6px;font-weight:800}.filters{grid-template-columns:1.4fr .8fr .55fr;gap:12px;margin-bottom:14px;display:grid}label{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;gap:8px;font-size:13px;font-weight:850;display:grid}input,select{width:100%;min-height:50px;color:var(--ink);border:1px solid var(--border);background:#fffdf8;border-radius:16px;outline:none;padding:0 16px}input:focus,select:focus{border-color:var(--green);box-shadow:0 0 0 4px #2d6a4f1f}.quick-filters{flex-wrap:wrap;gap:8px;margin-bottom:24px}.chip{min-height:42px;color:var(--green-dark);border:1px solid var(--border);background:#fffdf8;border-radius:999px;padding:0 15px;font-weight:850}.chip.active{color:#fff;background:var(--green);border-color:var(--green)}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.activity-card{padding:24px;position:relative;overflow:hidden}.activity-card:before{content:"";background:var(--card-accent,var(--mint));opacity:.62;z-index:0;height:96px;position:absolute;inset:0 0 auto}.activity-card>*{z-index:1;position:relative}.activity-card:hover{transform:translateY(-3px)rotate(-.2deg)}.accent-leaf{--card-accent:#d9f4df}.accent-sun{--card-accent:#ffe08a}.accent-sky{--card-accent:#d8eff8}.accent-berry{--card-accent:#f8d8e7}.accent-clay{--card-accent:#f8dbc8}.accent-lake{--card-accent:#d4edf0}.pictogram{color:#172018;border-radius:0;place-items:center;min-height:106px;margin:-8px -8px 18px;padding:14px;display:grid}.pictogram .pixel-sprite{--pixel-size:11px;background:#ffffff61;box-shadow:inset 0 0 0 4px #17201814}.card-topline{color:var(--green);letter-spacing:.06em;text-transform:uppercase;justify-content:space-between;gap:12px;margin-bottom:14px;font-size:13px;font-weight:900;display:flex}.activity-card h3{letter-spacing:-.04em;margin-bottom:6px;font-size:28px;line-height:1.06}.subtitle{color:var(--green);margin-bottom:10px;font-weight:800}.description{color:#485348;line-height:1.55}.facts{border-top:1px solid var(--border);border-bottom:1px solid var(--border);gap:10px;padding:16px 0;display:grid}.facts div{grid-template-columns:94px 1fr;gap:12px;display:grid}.facts dd{font-weight:650;line-height:1.35}.tag-row{flex-wrap:wrap;align-items:flex-start;gap:8px;margin-top:16px}.tag-row span{color:#31543c;background:#fff3cf;border:1px dashed #1720182e;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:850}.tag-row .warning{color:#7a5200;background:#fff0c8}.source-link{color:var(--green-dark);margin-top:18px;font-weight:900;text-decoration:none;display:inline-block}.source-link:hover{text-decoration:underline}.sources{background:#eff5e9;max-width:none}.sources>*{max-width:1180px;margin-left:auto;margin-right:auto}.source-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.source-card{padding:22px;text-decoration:none;transition:transform .18s,box-shadow .18s;display:block}.source-card:hover{transform:translateY(-3px);box-shadow:0 18px 42px #1720181c}.source-card h3{letter-spacing:-.025em}.source-card p{color:var(--muted);line-height:1.5}.source-card span{color:var(--green);word-break:break-word;font-size:13px;font-weight:850}@media (width<=900px){.hero-grid,.intro{grid-template-columns:1fr}.hero-section{min-height:auto}.principles,.cards,.source-grid,.filters{grid-template-columns:1fr}.nav-links{display:none}.section{padding-top:54px;padding-bottom:54px}}@media (width<=560px){h1{font-size:48px}.summary-card{border-radius:26px;padding:24px}.summary-card dl div,.facts div{grid-template-columns:1fr;gap:4px}.section-heading{display:block}}