:root{--site-base:#f7f4ed;--site-alt:#e9e5db;--site-note:#dce5d8;--site-dark:#203328;--site-deep:#18281e;--site-muted:#5d6a5e;--site-active:#dfe7da;--site-hover:#e6e9de;--shadow-rgb:9,25,19}
:root[data-palette="slate"]{--ink:#20313a;--pine:#29414b;--paper:#f5f7f5;--cream:#e8eeec;--stone:#ced9d7;--line:#c8d4d2;--accent:#a5b7ac;--muted:#586a6e;--site-base:#f5f7f5;--site-alt:#e6eeed;--site-note:#d5e4e2;--site-dark:#29414b;--site-deep:#1c303a;--site-muted:#52686d;--site-active:#d9e8e5;--site-hover:#e3eeec;--shadow-rgb:18,37,46}
:root[data-palette="clay"]{--ink:#342923;--pine:#593e32;--paper:#fbf5ed;--cream:#f3e9dc;--stone:#dfd1c2;--line:#ddcbbc;--accent:#bb825f;--muted:#74645b;--site-base:#fbf5ed;--site-alt:#f0e3d5;--site-note:#ecd9c7;--site-dark:#593e32;--site-deep:#3c2d27;--site-muted:#716057;--site-active:#efddca;--site-hover:#f3e5d5;--shadow-rgb:49,28,20}
.planner,.prepare{background:var(--site-base)}
.work{background:var(--site-alt)}
.planner-answer,.craft-story{background:var(--site-dark)}
.prepare-note,.planner-choice.is-active{background:var(--site-note)}
.planner-choice:hover,.planner-choice:focus-visible{background:var(--site-hover)}
.footer{background:var(--site-deep)}
.planner-head>p:last-child,.section-head-copy,.idea-copy>p:nth-of-type(2),.prepare-head>p,.prepare-item p{color:var(--site-muted)}
.hero{background:var(--site-dark)}
.hero-scrim{background:linear-gradient(90deg,rgba(var(--shadow-rgb),.81),rgba(var(--shadow-rgb),.49) 43%,rgba(var(--shadow-rgb),.11) 88%),linear-gradient(0deg,rgba(var(--shadow-rgb),.36),transparent 35%)}
.closing{background:var(--site-dark)}
.closing-shade{background:linear-gradient(90deg,rgba(var(--shadow-rgb),.84),rgba(var(--shadow-rgb),.4) 65%,rgba(var(--shadow-rgb),.14))}
.palette-switcher{position:fixed;z-index:35;right:20px;bottom:20px;color:var(--ink)}
.palette-toggle{display:flex;align-items:center;justify-content:space-between;gap:13px;min-width:112px;padding:11px 13px;background:var(--paper);color:var(--ink);border:1px solid var(--line);box-shadow:0 12px 35px rgba(0,0,0,.2);font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.palette-toggle:hover,.palette-toggle:focus-visible{background:var(--site-note)}
.palette-current{display:block;width:19px;height:19px;border-radius:50%;border:1px solid rgba(0,0,0,.18);background:linear-gradient(135deg,#203328 50%,#f1eee6 50%)}
:root[data-palette="slate"] .palette-current{background:linear-gradient(135deg,#29414b 50%,#e8eeec 50%)}
:root[data-palette="clay"] .palette-current{background:linear-gradient(135deg,#593e32 50%,#f3e9dc 50%)}
.palette-options{position:absolute;right:0;bottom:calc(100% + 8px);display:flex;align-items:center;gap:8px;padding:10px 12px;background:var(--paper);border:1px solid var(--line);box-shadow:0 12px 35px rgba(0,0,0,.2);white-space:nowrap}
.palette-options[hidden]{display:none}
.palette-label{font-size:9px;font-weight:700;letter-spacing:.12em;margin-right:3px}
.palette-swatch{width:27px;height:27px;padding:3px;display:grid;place-items:center;border:1px solid transparent;border-radius:50%;background:transparent}
.palette-swatch span{display:block;width:19px;height:19px;border-radius:50%;border:1px solid rgba(0,0,0,.18)}
.palette-swatch[data-palette="olive"] span{background:linear-gradient(135deg,#203328 50%,#f1eee6 50%)}
.palette-swatch[data-palette="slate"] span{background:linear-gradient(135deg,#29414b 50%,#e8eeec 50%)}
.palette-swatch[data-palette="clay"] span{background:linear-gradient(135deg,#593e32 50%,#f3e9dc 50%)}
.palette-swatch[aria-pressed="true"]{border-color:var(--ink)}
.palette-swatch:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.version-section{background:var(--paper)}
.version-intro{display:grid;grid-template-columns:.7fr 2fr 1fr;gap:32px;align-items:start;margin-bottom:55px}
.version-intro .section-index{margin-top:15px}
.version-intro h2{font-size:clamp(50px,5.4vw,88px);line-height:1.05;margin:0}
.version-intro>p:last-child{max-width:320px;font-size:13px;line-height:1.8;color:var(--site-muted);margin-top:12px}
.version-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.version-card{display:flex;flex-direction:column;min-height:350px;padding:30px;background:var(--site-alt);border:1px solid var(--line);transition:transform .2s,background .2s}
.version-card:hover,.version-card:focus-visible{background:var(--site-note);transform:translateY(-4px)}
.version-card>span{font-size:10px;font-weight:700;letter-spacing:.16em}
.version-card h3{font-family:Georgia,serif;font-weight:400;font-size:clamp(39px,4vw,60px);margin:52px 0 15px}
.version-card p{font-size:13px;line-height:1.7;max-width:300px;color:var(--site-muted)}
.version-card strong{margin-top:auto;padding-top:25px;border-top:1px solid var(--line);display:flex;justify-content:space-between;text-transform:uppercase;font-size:10px;letter-spacing:.13em}
.version-card strong span{font-size:18px}
@media(max-width:1000px){.version-intro{grid-template-columns:1fr 2fr}.version-intro>p:last-child{grid-column:2;max-width:550px}.version-card{padding:24px}}
@media(max-width:700px){.hero-scrim{background:linear-gradient(90deg,rgba(var(--shadow-rgb),.8),rgba(var(--shadow-rgb),.3)),linear-gradient(0deg,rgba(var(--shadow-rgb),.4),transparent 45%)}.version-intro{display:block}.version-intro .section-index{margin:0 0 28px}.version-intro h2{font-size:clamp(47px,10.5vw,64px)}.version-intro>p:last-child{margin:22px 0 0}.version-grid{grid-template-columns:1fr}.version-card{min-height:290px}.version-card h3{margin-top:36px}.palette-switcher{right:10px;bottom:10px}}