/* Park illustration — painted variant, shared by index-new.html and playground.html.
   The elevation variant lives in park-arch.css. */
:root{
  --paper:#F4F1EC; --field:#FFFDFD; --ink:#141414;
  --terracotta:#DC8558; --rust:#C44928; --mustard:#E4B574;
  --blush:#E5AF96; --cobalt:#4A7093; --navy:#294760; --green:#3F6B5C;
  --rule:#14141426; --lamp:#FFB33C; --lampglow:0;
  --figure:#294760; --figure-lit:#294760; --pool:0;
  --paint-op:.92; --ink-op:.86; --star:0;
}
[data-theme="dark"]{
  --paper:#0E1218; --field:#141A22; --ink:#C9D2DA;
  --terracotta:#B4643C; --rust:#94331A; --mustard:#A8834A;
  --blush:#9A6E5E; --cobalt:#3A5670; --navy:#1B2E42; --green:#2C4A40;
  --rule:#C9D2DA26; --lampglow:1; --paint-op:.55; --ink-op:.5; --star:1;
  --figure:#5C6B7A; --figure-lit:#E8C79A; --pool:1;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
body{background:var(--paper);color:var(--ink);
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;
  transition:background .6s ease,color .6s ease;min-height:100vh;display:flex;flex-direction:column}
main{flex:1;padding:40px 30px;max-width:1100px}
h1{font-weight:400;font-size:clamp(22px,3vw,38px);letter-spacing:-.01em;line-height:1.1;max-width:22ch}
p.lede{margin-top:14px;max-width:60ch;opacity:.75;line-height:1.6}
.ctl{margin-top:22px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
button{font:inherit;font-size:11px;letter-spacing:.14em;background:none;color:inherit;
  border:1px solid var(--rule);padding:8px 13px;cursor:pointer}
button:hover{border-color:currentColor}
button[aria-pressed="true"]{background:var(--ink);color:var(--paper)}

/* ---------- the footer ---------- */
footer{margin-top:auto;position:relative}
.park{display:block;width:100%;height:auto}
.park .ink{stroke:var(--ink);fill:none;stroke-linecap:round;stroke-linejoin:round;opacity:var(--ink-op)}
.park .paint{opacity:var(--paint-op)}
.park .lamp{fill:var(--lamp);opacity:var(--lampglow);transition:opacity .6s ease}
.park .glow{fill:var(--lamp);opacity:calc(var(--lampglow)*.20);filter:blur(7px);transition:opacity .6s ease}
.park .star{fill:var(--ink);opacity:calc(var(--star)*.5)}
.park .figure{stroke:var(--figure);transition:stroke .6s ease}
.park .figure.lit{stroke:var(--figure-lit)}
.park .pool{fill:var(--lamp);opacity:calc(var(--pool)*.10);filter:blur(16px);transition:opacity .6s ease}
.foot-meta a{text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:1px}
.foot-meta a:hover{opacity:.6}
.foot-meta{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;
  padding:14px 30px 24px;font-size:11px;letter-spacing:.1em;opacity:.65;
  border-top:1px solid var(--rule)}
a{color:inherit}
@media (prefers-reduced-motion: reduce){ .park *{animation:none!important} }