@font-face{font-family:SFC Camphard;src:url(/fonts/sfc-camphard.woff2)format("woff2");font-display:swap}:root,[data-theme=day]{--paper:#f4ecdd;--paper-2:#eae0cc;--card:#fbf6ec;--ink:#2c3824;--ink-soft:#5d624c;--line:#2c382429;--khaki:#a08a70;--signal:#e2672f;--mustard:#edb648;--terracotta:#d9774b;--sage:#bfd6ca;--teal:#2e6e6a;--juniper:#557a95;--juniper-leaf:#4f6a55;--evergreen:#3e5c46;--wood:#c9a27a;--bark:#6b4a2f;--on-accent:#22291c;--on-signal:#fff7ec;--shadow:#2c3824;--link:#b4481a;--grain-opacity:.035;--ill-sky:#f4ecdd;--ill-stripe:#edb648;--ill-sun:#e2672f;--ill-hill:#bfd6ca;--ill-hill-2:#a08a70;--ill-ground:#eae0cc;--ill-water:#2e6e6a;--ill-tree:#2c3824;--ill-tent:#edb648;--ill-ink:#2c3824;--ill-star:0;--ill-moon:0;--font-display:"SFC Camphard", "Arial Black", sans-serif;--font-head:"SFC Camphard", "Arial Black", sans-serif;--font-label:"Oswald", "Arial Narrow", sans-serif;--font-body:"Jost", "Futura", system-ui, sans-serif;--font-mono:"DM Mono", ui-monospace, monospace;--step--1:.875rem;--step-0:1.125rem;--step-1:1.4rem;--step-2:1.9rem;--step-3:clamp(1.8rem, 3.6vw, 2.6rem);--step-4:clamp(3.2rem, 8vw, 6.2rem);--radius:16px;--radius-sm:8px;--border:2px;--offset:14px;--ease-stamp:cubic-bezier(.34, 1.56, .64, 1);--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-move:cubic-bezier(.4, 0, .2, 1)}[data-theme=night]{--paper:#1c2219;--paper-2:#252e21;--card:#283222;--ink:#f2eada;--ink-soft:#c3bba6;--line:#f2eada29;--khaki:#7d6f5a;--signal:#f2874e;--mustard:#edb648;--terracotta:#e08a5f;--sage:#4e6b5e;--teal:#7fb8b0;--juniper:#8fb0c8;--juniper-leaf:#7e9c83;--wood:#8a6a4a;--bark:#2e2116;--twig:#b08f6a;--evergreen:#6f9178;--on-accent:#1c2219;--on-signal:#1c2219;--shadow:#0f130d;--link:#f2a36f;--grain-opacity:.06;--ill-sky:#1c2219;--ill-stripe:#2e4a44;--ill-sun:#f2eada;--ill-hill:#3e5246;--ill-hill-2:#2e3b2a;--ill-ground:#252e21;--ill-water:#2e6e6a;--ill-tree:#10140e;--ill-tent:#edb648;--ill-ink:#f2eada;--ill-star:1;--ill-moon:1}body{background:var(--paper);color:var(--ink);font:400 var(--step-0)/1.7 var(--font-body);-webkit-font-smoothing:antialiased}.grain:after{content:"";pointer-events:none;z-index:50;opacity:var(--grain-opacity);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1.4 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.display{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.01em;font-weight:400;line-height:.92}.head{font-family:var(--font-head);text-transform:uppercase;letter-spacing:.01em;font-weight:400;line-height:1.02}.label{font-family:var(--font-label);text-transform:uppercase;letter-spacing:.16em;font-weight:400;font-size:var(--step--1);color:var(--ink-soft)}.mono{font-family:var(--font-mono);font-size:.85em}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius)}.panel{background:var(--paper-2);border-radius:var(--radius)}.showcase{background:var(--card);border:var(--border) solid var(--ink);border-radius:var(--radius);box-shadow:var(--offset) var(--offset) 0 var(--block,var(--signal));position:relative}.showcase.alt{--block:var(--mustard)}.showcase.sage{--block:var(--sage)}.stripes{background:repeating-linear-gradient(to bottom, var(--mustard) 0 6px, transparent 6px 14px)}.halftone{background-image:radial-gradient(var(--ink) 1px, transparent 1.4px);background-size:6px 6px}.btn{font:500 var(--step--1) var(--font-label);text-transform:uppercase;letter-spacing:.14em;color:var(--ink);border:1.5px solid var(--ink);cursor:pointer;transition:background-color .15s, border-color .15s, color .15s, transform .12s var(--ease-move);background:0 0;border-radius:999px;padding:9px 20px}@media (hover:hover){.btn:hover{transform:translateY(-1px)}}.btn:active{transition-duration:60ms;transform:scale(.96)}.btn.primary,.btn[aria-pressed=true]{background:var(--signal);border-color:var(--signal);color:var(--on-signal)}.chip{font-size:var(--step--1);color:var(--ink-soft);align-items:baseline;gap:8px;padding:0;display:inline-flex}.chip b{font-family:var(--font-display);color:var(--ink);font-size:1.9rem;font-weight:400;line-height:1}.tag{font:500 11px var(--font-label);text-transform:uppercase;letter-spacing:.14em;border-radius:999px;padding:3px 9px}.tag.strict{background:var(--signal);color:var(--on-signal)}.tag.loose{background:var(--teal);color:var(--paper)}.tag.context{background:var(--paper-2);color:var(--ink-soft)}.stamp-in{animation:stamp .5s var(--ease-stamp) both}@keyframes stamp{0%{opacity:0;transform:scale(1.35)rotate(-8deg)}to{opacity:1;transform:none}}a{color:var(--link);text-underline-offset:3px;text-decoration-thickness:1.5px}::selection{background:var(--signal);color:var(--on-signal)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.eyebrow{align-items:center;gap:12px;margin-bottom:18px;display:flex}.eyebrow .num{font:400 1.05rem var(--font-display);color:var(--signal)}.eyebrow .dash{background:var(--signal);width:40px;height:2px}.opener{font-size:var(--step-3);margin:0 0 .5em}.patch{filter:drop-shadow(0 10px 18px #14190f2e);width:220px;height:auto;display:block;overflow:visible}.patch .p-out{fill:none;stroke:var(--ink);stroke-width:16px;stroke-linejoin:round}.patch .p-sticker{fill:none;stroke:var(--card);stroke-width:11px;stroke-linejoin:round}.patch .p-top{fill:var(--mustard)}.patch .p-band{fill:var(--ink)}.patch .p-line{fill:none;stroke:var(--ink);stroke-width:2.5px}.patch .p-arc{font-family:var(--font-display);fill:#2c3824;text-transform:uppercase;letter-spacing:.04em;font-size:25px}.patch .p-title{font-family:var(--font-display);fill:var(--paper);text-anchor:middle;font-size:26px}.patch .p-sub{font-family:var(--font-label);letter-spacing:.16em;fill:var(--paper);text-anchor:middle;font-size:11px}.patch .p-icon{fill:#fbf6ec;stroke:#2c3824;stroke-width:2.5px;stroke-linejoin:round}.patch .p-icon-dot{fill:#2c3824}[data-theme=night] .patch .p-band{fill:var(--signal)}[data-theme=night] .patch .p-title,[data-theme=night] .patch .p-sub{fill:var(--on-signal)}.stamp{width:38px;height:38px;font:400 15px var(--font-display);color:var(--ink);background:var(--paper-2);border-radius:50%;flex:none;place-items:center;transition:background .2s,color .2s;display:grid}.rule{text-align:left;color:inherit;font:inherit;cursor:pointer;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;gap:10px;padding:20px 22px;transition:border-color .2s,transform .2s;display:flex}@media (hover:hover){.rule:hover{border-color:var(--ink)}}.rule:active{transition-duration:80ms;transform:scale(.985)}.rule .head{align-items:center;gap:14px;display:flex}.rule .risk{font-size:var(--step--1);color:var(--ink-soft);margin:0;line-height:1.4}.rule .r{margin:0;font-weight:500;line-height:1.5}.rule .t{color:var(--ink-soft);border-top:1px solid var(--line);margin:0;padding-top:10px;font-size:13.5px}.rule.on{border-color:var(--signal);box-shadow:0 0 0 2px var(--signal)}.rule.on .stamp{background:var(--signal);color:var(--on-signal)}.flip{perspective:1200px;width:100%;min-height:240px;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0;display:block}.flip-in{height:100%;min-height:240px;transition:transform .6s var(--ease-stamp);transform-style:preserve-3d;position:relative}.flip.on .flip-in{transform:rotateY(180deg)}.face{backface-visibility:hidden;flex-direction:column;padding:20px 22px;transition:border-color .15s;display:flex;position:absolute;inset:0}@media (hover:hover){.flip:hover .face{border-color:var(--ink)}}.face.back{background:var(--ink);color:var(--paper);border-color:var(--ink);transform:rotateY(180deg)}.face.back .label{color:var(--mustard)}.face .top{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.face .first{font:500 1.25rem/1.35 var(--font-body);margin:0}.face p{margin:0 0 10px;font-size:16px;line-height:1.55}.face .why{font:italic 400 15px var(--font-body);border-top:1px solid #fff3;margin-top:auto;margin-bottom:0;padding-top:10px}.face .hint{margin-top:auto}@media (prefers-reduced-motion:reduce){.flip.on .flip-in{transform:none}.face,.face.back{transform:none;transition:opacity .15s!important}.face.back{opacity:0}.flip.on .face.back{opacity:1}.flip.on .face:not(.back){opacity:0}.tip{transform:none;transition:opacity .15s,visibility 0s .15s!important}}svg.sys{width:100%;height:auto;display:block;overflow:visible}.sys .edge{stroke:var(--ink);stroke-width:2px;fill:none;stroke-linecap:round;opacity:.28;transition:opacity .3s,stroke .3s,stroke-width .3s}.sys .edge.on{opacity:1;stroke:var(--signal);stroke-width:3.5px}.sys .edge.oneway{stroke-dasharray:7 6;marker-end:url(#arrow);opacity:.7}.sys .node .fill{fill:var(--paper-2);transition:fill .3s}.sys .node.core .fill{fill:var(--mustard)}.sys .node.ext .fill{fill:#0000}.sys .node .ol{fill:none;stroke:var(--ink);stroke-width:2px}.sys .node.ext .ol{stroke-dasharray:6 5}.sys .node text{fill:var(--ink);font:500 15px var(--font-body);text-anchor:middle;dominant-baseline:middle;pointer-events:none}.sys .node.core text{fill:#22291c;font-family:var(--font-display);text-transform:uppercase;font-size:17px;font-weight:400}.sys .node text.sub{font:400 11.5px var(--font-label);letter-spacing:.14em;text-transform:uppercase;fill:var(--ink-soft)}.sys .node.core text.sub{fill:#22291c}.sys .node.on .fill{fill:var(--signal)}.sys .node.on text,.sys .node.on text.sub{fill:var(--on-signal)}.sys .gate .ring{fill:var(--card);stroke:var(--ink);stroke-width:2px;transition:fill .3s,stroke .3s}.sys .gate .ic{fill:var(--ink);font:400 13px var(--font-display);text-anchor:middle;dominant-baseline:central;pointer-events:none}.sys .gate .lbl{fill:var(--ink-soft);font:400 12.5px var(--font-label);letter-spacing:.12em;text-transform:uppercase;text-anchor:middle}.sys .gate.on .ring{fill:var(--signal);stroke:var(--signal)}.sys .gate.on .ic{fill:var(--on-signal)}.sys .gate.on .lbl{fill:var(--signal)}.sys .gate.pulse{animation:gate-stamp .5s var(--ease-stamp);transform-box:fill-box;transform-origin:50%}@keyframes gate-stamp{0%{transform:scale(1.7)rotate(-10deg)}to{transform:none}}.sys .edge.on:not(.oneway){stroke-dasharray:9 7;animation:.7s linear infinite edge-flow}@keyframes edge-flow{to{stroke-dashoffset:-16px}}.sys.will-draw .edge.draw{stroke-dasharray:1;stroke-dashoffset:1px}.sys.will-draw.drawn .edge.draw{animation:edge-draw .8s var(--ease-move) forwards;animation-delay:calc(var(--i) * .1s)}@keyframes edge-draw{to{stroke-dashoffset:0}}.sys.will-draw .node,.sys.will-draw .gate{opacity:0;transform-box:fill-box;transform-origin:50%;transform:scale(.88)}.sys.will-draw.drawn .node,.sys.will-draw.drawn .gate{opacity:1;transition:opacity .35s var(--ease-out), transform .45s var(--ease-stamp);transition-delay:calc(.35s + var(--n,0) * 70ms);transform:none}.sys .particle{fill:var(--signal);stroke:var(--card);stroke-width:3px}.sys.hoverable .node{cursor:help}.tl-track{background:var(--line);border-radius:2px;height:3px;margin:0 12px;position:relative}.tl-fill{background:var(--signal);transform-origin:0;transform:scaleX(var(--p,0));transition:transform .5s var(--ease-out);border-radius:2px;position:absolute;inset:0}.tl-dots{justify-content:space-between;margin-top:-13px;display:flex}.tl-dot{border:2px solid var(--ink);background:var(--paper);cursor:pointer;width:24px;height:24px;transition:background-color .2s, border-color .2s, transform .2s var(--ease-stamp);border-radius:50%;padding:0;position:relative}@media (hover:hover){.tl-dot:not(.cur):hover{border-color:var(--signal);transform:scale(1.15)}}.tl-dot.on{background:var(--ink)}.tl-dot.cur{background:var(--signal);border-color:var(--signal);transform:scale(1.3)}.tl-dot span{font:400 12px var(--font-label);letter-spacing:.1em;white-space:nowrap;color:var(--ink-soft);position:absolute;top:-32px;left:50%;transform:translate(-50%)}.tl-dot.cur span{color:var(--signal)}.tip{z-index:30;pointer-events:none;opacity:0;visibility:hidden;max-width:min(280px,100vw - 16px);transition:opacity .15s var(--ease-out), transform .15s var(--ease-out), visibility 0s .15s;background:var(--ink);color:var(--paper);border-radius:12px;padding:14px 16px;font-size:14.5px;line-height:1.5;position:fixed;transform:translateY(4px);box-shadow:0 14px 30px #0003}.tip.show{opacity:1;visibility:visible;transition-delay:0s;transform:none}.tip b{font:400 1.15rem var(--font-head);text-transform:uppercase;margin-bottom:2px;display:block}.tip .k{color:var(--mustard);margin-top:8px;display:block}.tip .k.no{color:var(--signal)}.ill-frame{border-radius:var(--radius);background:var(--ill-sky);overflow:hidden}.ill-frame svg{width:100%;height:auto;display:block}.theme-switch{border:1.5px solid var(--ink);border-radius:999px;display:inline-flex;overflow:hidden}.theme-switch button{color:var(--ink);font:500 12px var(--font-label);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;padding:7px 14px;transition:background-color .15s,color .15s}@media (hover:hover){.theme-switch button:not([aria-pressed=true]):hover{background:color-mix(in srgb, var(--ink) 10%, transparent)}}.theme-switch button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.ico{vertical-align:middle;--a-w:3.2;flex:none;width:26px;height:26px;display:inline-block}.decor{pointer-events:none;z-index:0;color:var(--ink);position:absolute}.decor.faint{opacity:.1}.decor.soft{opacity:.18}.decor.lively{opacity:.55}[data-theme=night] .decor.faint{opacity:.14}.divider{opacity:.32;width:100%;height:56px;margin:56px 0 0;display:block}.divider.river{opacity:.45;height:22px}.divider.plank{opacity:.9;height:26px}@media (width<=860px){.decor{display:none}.divider{height:36px}}:root{--tex-grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='640' height='160'%3E%3Cfilter id='w' x='0' y='0'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.003 0.14' numOctaves='4' seed='7'/%3E%3CfeColorMatrix values='0 0 0 0 0.36  0 0 0 0 0.23  0 0 0 0 0.12  2.4 0 0 0 -1.35'/%3E%3C/filter%3E%3Crect width='640' height='160' filter='url%28%23w%29'/%3E%3C/svg%3E")}.wood{background-color:var(--wood);background-image:var(--tex-grain);color:#2a1d12;background-size:640px 160px}[data-theme=night] .wood{color:#f2eada}.eyebrow .label{border:2px solid var(--bark);background-color:var(--wood);background-image:var(--tex-grain);color:#2a1d12;font-family:var(--font-display);letter-spacing:.06em;box-shadow:3px 3px 0 var(--bark);background-size:640px 160px;border-radius:4px;padding:6px 16px 5px;font-size:15px;position:relative;transform:rotate(-1.2deg)}[data-theme=night] .eyebrow .label{color:#f2eada}.eyebrow .label:before,.eyebrow .label:after{content:"";background:var(--bark);border-radius:50%;width:5px;height:5px;margin-top:-2.5px;position:absolute;top:50%}.eyebrow .label:before{left:5px}.eyebrow .label:after{right:5px}.wood-trim{background-color:var(--wood);background-image:var(--tex-grain);border-top:1.5px solid var(--bark);border-bottom:1.5px solid var(--bark);background-size:640px 160px;height:8px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px;overflow-x:clip}body{margin:0;overflow-x:clip}main{z-index:1;max-width:1160px;padding:0 max(24px, env(safe-area-inset-right)) 100px max(24px, env(safe-area-inset-left));margin:0 auto;position:relative}h1,h2,h3{margin:0;font-weight:400}p{margin:0 0 1em}:root{--measure:600px}.prose{max-width:var(--measure)}.muted{color:var(--ink-soft)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}:where(a,button,[tabindex]):focus-visible{outline:2.5px solid var(--signal);outline-offset:3px}.theme-switch button:focus-visible{outline-offset:-4px}a{transition:color .15s var(--ease-move)}::view-transition-old(root),::view-transition-new(root){animation-duration:.3s;animation-timing-function:var(--ease-move)}.topbar{z-index:40;position:sticky;top:0}.bar{padding:calc(14px + env(safe-area-inset-top)) max(24px, env(safe-area-inset-right)) 14px max(24px, env(safe-area-inset-left));background:var(--paper);border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.bar .brand{font:400 1.1rem var(--font-display);text-transform:uppercase;color:var(--ink);text-decoration:none}.bar .brand:hover{color:var(--signal)}.bar .mk{font:500 10px var(--font-label);letter-spacing:.14em;background:var(--signal);color:var(--on-signal);vertical-align:3px;border-radius:999px;margin-left:8px;padding:2px 7px}.bar nav{gap:22px;display:flex}.bar nav a{font:400 13px var(--font-label);letter-spacing:.14em;text-transform:uppercase;color:var(--ink);text-decoration:none}.bar nav a:hover,.bar nav a[aria-current=page]{color:var(--signal)}.bar .controls{flex-wrap:wrap;align-items:center;gap:10px;display:flex}@media (width<=860px){.bar nav.sections{display:none}}h2.eyebrow{font-size:inherit}section.part{padding:40px 0 0;position:relative}section.part>:not(.decor){z-index:1;position:relative}.frame{margin:0 0 120px;position:relative}.two{grid-template-columns:1fr 1.15fr;align-items:center;gap:64px;display:grid}@media (width<=860px){.two{grid-template-columns:1fr;gap:28px}}.two>*,.hero>*,.trace>*,.sec-grid>*{min-width:0}.frame h3{font-family:var(--font-head);text-transform:uppercase;letter-spacing:.01em;line-height:1.02;font-size:var(--step-3);margin:0 0 .5em}.frame ul{padding-left:1.2em}.frame li{margin-bottom:.4em}.frame li b,.frame li strong{font-weight:500}.fdecor{z-index:0}.frame.prose>.fdecor{left:calc(100% + 70px);right:auto!important}main{--gutter:calc(50vw - min(580px, 50vw) + 24px)}.frame>.decor.bough{width:min(var(--bw), calc(100vw - var(--gutter) - var(--measure) - 72px));height:auto;left:auto!important;right:calc(100% - 100vw + var(--gutter) - 14px)!important}.decor.hero-bough{left:auto;right:calc(-1 * var(--gutter) - var(--inset,0px) - 14px);width:min(var(--bw), calc(var(--gutter) + 260px));z-index:0;height:auto}.decor.bough.lively{opacity:.82}.hint-label{margin:0 0 6px}.claude-note+.hint-label{margin-top:18px}.hero{grid-template-columns:1fr 1.3fr;align-items:center;gap:60px;padding:64px 0 40px;display:grid}@media (width<=960px){.hero{grid-template-columns:1fr;gap:48px}}.hero>:first-child{container-type:inline-size}.hero h1{font-size:min(var(--step-4), calc(100cqi / (var(--chars,6) * .74)));margin-bottom:22px;display:inline-block}.hero .lede{font:400 var(--step-1)/1.45 var(--font-body);max-width:28ch;margin:0 0 30px}.chips{border-top:1px solid var(--line);flex-wrap:wrap;gap:14px 30px;max-width:460px;margin:0;padding:22px 0 0;list-style:none;display:flex}.stage{--inset:26px;margin:0 26px 40px 0;position:relative}.stage .showcase{padding:0}.stage .ill-frame{border-radius:calc(var(--radius) - 2px)}.stage .ill-frame svg{height:440px}.stage .patch{z-index:3;width:132px;position:absolute;top:-44px;right:-18px;transform:rotate(8deg)}@media (width<=960px){.stage{--inset:14px;margin-right:14px}}@media (width<=640px){.stage .ill-frame svg{height:300px}.stage .patch{width:104px;right:4px}}.claude-note{background:var(--paper-2);max-width:var(--measure);border-radius:0 12px 12px 0;margin:26px 0 0;padding:16px 20px 16px 26px;position:relative}.claude-note .label{color:var(--signal);align-items:center;gap:8px;display:inline-flex}.claude-note .ico{width:20px;height:20px}.claude-note:before{content:"";background-color:var(--wood);background-image:var(--tex-grain);border-right:1.5px solid var(--bark);background-size:640px 160px;border-radius:3px 0 0 3px;width:9px;position:absolute;top:0;bottom:0;left:0}.claude-note b{font:400 1.15rem/1.15 var(--font-head);text-transform:uppercase;margin:4px 0 6px;display:block}.claude-note p{margin:0;font-size:15.5px;line-height:1.6}.note-sprig{width:calc(var(--sw) * 1.1);transform-origin:100%;pointer-events:none;height:auto;position:absolute;top:-24px;right:-18px;transform:rotate(-2deg)}.frame>h3+.claude-note,.trace+.claude-note{margin:0 0 28px}.closing{margin-top:40px}.thoughts{align-items:center}.thoughts .label{color:var(--signal);margin:26px 0 -6px}.portrait-fig{justify-self:center;width:min(280px,70vw);margin:0}.portrait-fig svg{width:100%;height:auto;display:block;transform:rotate(-2deg)}.decor-foot{opacity:.35;width:240px;margin:40px auto 0;display:block}footer.site{max-width:1160px;padding:36px max(24px, env(safe-area-inset-right)) calc(36px + env(safe-area-inset-bottom)) max(24px, env(safe-area-inset-left));border-top:1px solid var(--line);color:var(--ink-soft);flex-wrap:wrap;justify-content:space-between;gap:12px;margin:0 auto;font-size:14px;display:flex}footer.site a{color:var(--ink-soft)}footer.site a:hover{color:var(--signal)}.js .reveal{opacity:0;transition:opacity .6s var(--ease-out), transform .7s var(--ease-out);transform:translateY(18px)}.js .reveal.in{opacity:1;transform:none}.home-hero{grid-template-columns:1fr 1.1fr;align-items:center;gap:60px;padding:64px 0 48px;display:grid}@media (width<=960px){.home-hero{grid-template-columns:1fr;gap:40px}}.home-hero h1{font-size:var(--step-4);margin-bottom:22px}.hero-pennant{transform-origin:6%;filter:drop-shadow(0 6px 10px #14190f2e);width:92px;height:auto;margin:0 0 14px 4px;animation:2.6s ease-in-out infinite alternate hero-wave;display:block;overflow:visible}.hero-pennant .flag{fill:var(--signal);stroke:#fbf6ec;stroke-width:6px;paint-order:stroke;stroke-linejoin:round}.hero-pennant .stripe{fill:var(--wood)}.hero-pennant .tree{fill:#fbf6ec}@keyframes hero-wave{0%{rotate:-4deg}to{rotate:5deg}}@media (prefers-reduced-motion:reduce){.hero-pennant{animation:none}}.home-hero .lede{font:400 var(--step-1)/1.45 var(--font-body);max-width:30ch;margin:0 0 24px}.home-hero .showcase{padding:0}.home-hero .ill-frame{border-radius:calc(var(--radius) - 2px)}.home-hero .ill-frame svg{height:380px}@media (width<=640px){.home-hero .ill-frame svg{height:260px}}.page-head{padding:64px 0 24px}.page-head h1{font-size:var(--step-4);margin-bottom:16px}.projects{grid-template-columns:repeat(auto-fill,minmax(min(100%,480px),1fr));gap:40px;margin:28px 0 0;padding:0;list-style:none;display:grid}.pc{display:grid;position:relative}.pc:has(>.alt){--block:var(--mustard)}.pc:before{content:"";border-radius:var(--radius);background:var(--block,var(--signal));transform:translate(var(--offset), var(--offset));position:absolute;inset:0}.project-card{color:inherit;box-shadow:none;transition:transform .25s var(--ease-out);grid-template-columns:120px 1fr;align-items:start;gap:24px;padding:28px 28px 26px;text-decoration:none;display:grid;position:relative}.project-card:focus-visible{transform:translate(-3px,-3px)}@media (hover:hover){.project-card:hover{transform:translate(-3px,-3px)}}.project-card:active{transition-duration:80ms;transform:translate(-1px,-1px)}.project-card .go{transition-property:background-color,border-color,color,transform}.project-card:hover .go,.project-card:focus-visible .go{background:var(--signal);border-color:var(--signal);color:var(--on-signal)}.project-card .patch{width:120px;transform:rotate(-6deg)}.project-card h2{font:400 var(--step-2)/1 var(--font-head);text-transform:uppercase;margin:2px 0 10px}.project-card p{margin:0 0 16px;font-size:16.5px;line-height:1.55}.project-card .chips{gap:10px 22px;padding-top:14px}.project-card .chip b{font-size:1.4rem}.project-card .go{margin-top:18px;display:inline-flex}.project-card .tag{position:absolute;top:-12px;right:18px}@media (width<=520px){.project-card{grid-template-columns:1fr}.project-card .patch{width:96px}}.soon{border:1.5px dashed var(--line);border-radius:var(--radius);min-height:220px;color:var(--ink-soft);text-align:center;place-items:center;padding:28px;display:grid}.soon .head{color:var(--ink);margin-bottom:6px;font-size:1.4rem}@media (prefers-reduced-motion:reduce){.js .reveal{transition:opacity .2s!important;transform:none!important}::view-transition-old(root),::view-transition-new(root){animation-duration:.15s}a,.theme-switch button{transition-duration:.15s!important}}