:root{color-scheme:light;--font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--color-bg:#fffcf0;--color-surface:#f2f0e5;--color-text:#100f0f;--color-muted:#6f6e69;--color-accent:#66800b;--color-accent-hover:#536907;--color-border:#dad8ce;--color-code-bg:#f2f0e5;--color-code-text:#100f0f;--color-code-muted:#6f6e69;--color-code-accent:#66800b;--color-code-string:#bc5215;--color-header-bg:rgb(255 252 240 / 82%);--shadow-soft:0 1rem 3rem rgb(16 15 15 / 10%)}:root[data-theme=dark]{color-scheme:dark;--color-bg:#100f0f;--color-surface:#1c1b1a;--color-text:#cecdc3;--color-muted:#878580;--color-accent:#879a39;--color-accent-hover:#a0af54;--color-border:#343331;--color-code-bg:#1c1b1a;--color-code-text:#cecdc3;--color-code-muted:#878580;--color-code-accent:#879a39;--color-code-string:#da702c;--color-header-bg:rgb(16 15 15 / 82%);--shadow-soft:0 1rem 3rem rgb(0 0 0 / 28%)}*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:20rem;background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-size:1rem;line-height:1.7;transition:background-color 180ms ease,color 180ms ease}a{color:var(--color-accent);text-decoration-thickness:.08em;text-underline-offset:.2em}a:hover{color:var(--color-accent-hover)}a:focus-visible,button:focus-visible{outline:3px solid var(--color-accent);outline-offset:4px}img{display:block;max-width:100%;height:auto}.skip-link{position:fixed;z-index:10;top:.75rem;left:.75rem;padding:.6rem .85rem;transform:translateY(-160%);border-radius:.4rem;background:var(--color-text);color:var(--color-bg)}.skip-link:focus{transform:translateY(0)}.site-header,.site-footer{width:min(100% - 2rem,76rem);margin-inline:auto}.site-header{position:sticky;z-index:5;top:0;display:flex;align-items:center;width:100%;padding-inline:max(1rem,calc((100% - 76rem)/2));padding-block:1.25rem;border-bottom:1px solid var(--color-border);background:var(--color-header-bg);-webkit-backdrop-filter:blur(14px)saturate(140%);backdrop-filter:blur(14px)saturate(140%)}.header-actions,.nav-list,.theme-toggle{display:flex;align-items:center}.header-actions{position:relative;justify-content:center;width:100%}.header-actions nav{display:flex;align-items:center}.nav-list{gap:clamp(.75rem,2vw,1.35rem);margin:0;padding:0;list-style:none}.nav-list a{color:var(--color-muted);font-size:1rem;font-weight:400;letter-spacing:.025em;text-decoration:none}.nav-list a:hover{color:var(--color-text)}.nav-list a[aria-current=page]{color:var(--color-text);text-decoration:underline;text-decoration-color:var(--color-accent);text-decoration-thickness:.12em;text-underline-offset:.35em}.theme-toggle{position:absolute;right:0;justify-content:center;width:2.75rem;min-height:2.75rem;padding:0;border:0;background:0 0;color:var(--color-text);font:inherit;font-size:.82rem;font-weight:700;cursor:pointer}.theme-toggle:hover{color:var(--color-accent)}.theme-toggle__icon{font-size:1.25rem;line-height:1}main{width:min(100% - 2rem,76rem);margin-inline:auto}article{padding-block:clamp(4rem,10vw,8rem)}.home-page{padding-top:clamp(2.5rem,6vw,4.5rem)}.home-page .prose>:first-child{margin-top:0}.article-header,.prose{width:min(100%,44rem);margin-inline:auto}.prose[id]{scroll-margin-top:6.5rem}.prose :is(h2,h3,h4)[id]{scroll-margin-top:6.5rem}.article-header{margin-bottom:clamp(3rem,8vw,5.5rem)}.eyebrow{margin:0 0 1rem;color:var(--color-accent);font-size:.78rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}h1,h2,h3{font-family:var(--font-sans);font-weight:400;letter-spacing:.01em;line-height:1.12;text-wrap:balance}h1{max-width:12ch;margin:0;font-size:clamp(2.35rem,5vw,3.75rem)}h2{margin:3.5rem 0 1rem;font-size:clamp(1.6rem,4vw,2.2rem)}.lede{max-width:38rem;margin:1.5rem 0 0;color:var(--color-muted);font-size:clamp(1.08rem,2.5vw,1.3rem)}.prose>p{margin-block:0 1.6rem;font-family:var(--font-sans);font-size:clamp(1.08rem,2vw,1.2rem)}figure{width:min(100vw - 2rem,64rem);margin:clamp(2.5rem,7vw,5rem)50%;transform:translateX(-50%)}figure img{width:100%;max-height:42rem;border-radius:.75rem;box-shadow:var(--shadow-soft);object-fit:cover}figcaption{margin-top:.75rem;color:var(--color-muted);font-size:.82rem}.polaroid-photo{width:min(100% - 1rem,32rem);margin:2.75rem auto 1rem;padding:.75rem .75rem 2.5rem;transform:rotate(-2deg);border:1px solid rgb(16 15 15/18%);background:#fffcf0;box-shadow:0 1rem 2.5rem rgb(16 15 15/.2)}.polaroid-photo img{width:100%;max-height:none;border-radius:.1rem;box-shadow:none}.home-latest{margin-top:clamp(3rem,7vw,4.5rem);padding-top:clamp(2rem,4vw,3rem);border-top:1px solid var(--color-border)}.home-latest__header{margin-bottom:.5rem}.home-latest__header h2{margin:0}.home-latest__list{margin:0;padding:0;list-style:none}.home-latest__list li{border-bottom:1px solid var(--color-border)}.home-latest-post{padding-block:.55rem}.home-latest-post time{display:block;color:var(--color-muted);font-size:.64rem;font-weight:600;letter-spacing:.06em;line-height:1;text-transform:uppercase}.home-latest-post h3{margin:-.05rem 0 .15rem;font-size:clamp(1rem,2.2vw,1.2rem);line-height:1.1}.home-latest-post h3 a{color:var(--color-text);text-decoration:none}.home-latest-post h3 a:hover{color:var(--color-accent)}.home-latest-post p{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:1;margin:0;color:var(--color-muted);font-size:.8rem;line-height:1.3}.page-with-toc{display:grid;grid-template-columns:minmax(10rem,1fr)minmax(0,44rem)minmax(10rem,1fr);column-gap:2rem;align-items:start}.page-with-toc__content{grid-column:2;min-width:0}.page-toc{grid-column:1;min-width:0}.page-toc__inner{position:sticky;top:6.5rem;max-height:calc(100vh - 8rem);overflow-y:auto;padding-left:1rem;border-left:1px solid var(--color-border)}.page-toc__title{margin:0 0 .75rem;color:var(--color-text);font-size:.72rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.page-toc nav ul{margin:0;padding:0;list-style:none}.page-toc nav ul ul{margin-top:.4rem;padding-left:.85rem}.page-toc nav li+li{margin-top:.45rem}.page-toc a{display:block;color:var(--color-muted);font-size:.82rem;line-height:1.35;text-decoration:none}.page-toc a:hover{color:var(--color-accent)}pre{overflow-x:auto;margin:0;padding:clamp(1.2rem,4vw,1.75rem);border:1px solid var(--color-border);border-radius:.75rem;background:var(--color-code-bg);color:var(--color-code-text);box-shadow:var(--shadow-soft);font:.94rem/1.7 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;tab-size:4}.prose>pre{margin-block:2rem 2.75rem}.prose>.code-copy{margin-block:2rem 2.75rem}.code-copy{position:relative}.code-copy pre{padding-top:3.5rem}.code-copy__button{position:absolute;z-index:1;top:.75rem;right:.75rem;padding:.35rem .65rem;border:1px solid var(--color-border);border-radius:.4rem;background:var(--color-bg);color:var(--color-muted);font:600 .72rem/1.2 var(--font-sans);letter-spacing:.025em;cursor:pointer}.code-copy__button:hover{border-color:var(--color-accent);color:var(--color-accent)}.code-copy__button[data-copy-state=success]{color:var(--color-accent)}.code-copy__button[data-copy-state=error]{color:var(--color-code-string)}.chroma .k,.chroma .kc,.chroma .kd,.chroma .kn,.chroma .kp,.chroma .kr,.chroma .kt,.chroma .nf,.chroma .nb{color:var(--color-code-accent)}.chroma .s,.chroma .s1,.chroma .s2,.chroma .mi,.chroma .mf{color:var(--color-code-string)}.chroma .c,.chroma .c1,.chroma .cm{color:var(--color-code-muted);font-style:italic}.highlight{margin-block:2rem 2.75rem}.highlight pre{margin:0}.highlight .code-copy{margin:0}.button-link{display:inline-block;font-family:var(--font-sans);font-size:.95rem;font-weight:750;text-decoration:none}.site-footer{display:flex;justify-content:space-between;gap:1rem;padding-block:2rem;border-top:1px solid var(--color-border);color:var(--color-muted);font-size:.88rem}.site-footer p{margin:0}.posts-page{width:min(100%,46rem);margin-inline:auto;padding-block:clamp(4rem,10vw,7rem)}.page-header{width:min(100%,44rem);margin-bottom:clamp(3rem,8vw,5rem)}.page-header h1{max-width:none}.post-list{display:grid;grid-template-columns:minmax(0,1fr);gap:1.25rem;margin:0;padding:0;list-style:none}.post-card{display:flex;height:100%;flex-direction:column;padding:clamp(1.25rem,3vw,1.75rem);border:1px solid var(--color-border);border-radius:.85rem;background:var(--color-surface);box-shadow:0 .35rem 1.5rem rgb(16 15 15/5%);transition:border-color 180ms ease,transform 180ms ease,box-shadow 180ms ease}.post-card:hover{border-color:var(--color-accent);transform:translateY(-3px);box-shadow:var(--shadow-soft)}.post-meta{display:flex;flex-wrap:wrap;gap:.35rem .8rem;color:var(--color-muted);font-size:.76rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.post-meta span::before{content:"·";margin-right:.8rem}.post-card h2{margin:1.1rem 0 .75rem;font-size:clamp(1.35rem,3vw,1.8rem)}.post-card h2 a{color:var(--color-text);text-decoration:none}.post-card h2 a:hover{color:var(--color-accent)}.post-card p{margin:0 0 1.5rem;color:var(--color-muted);font-size:.95rem;line-height:1.65}.read-more{align-self:flex-start;margin-top:auto;font-size:.86rem;font-weight:750;text-decoration:none}.single-post .article-header h1{max-width:16ch}.prose h2,.prose h3{font-family:var(--font-sans)}.prose h3{margin:2.5rem 0 .75rem;font-size:1.35rem}.prose blockquote{margin:2rem 0;padding-left:1.25rem;border-left:3px solid var(--color-accent);color:var(--color-muted);font-family:var(--font-sans);font-size:1.12rem}.post-nav{display:flex;justify-content:space-between;gap:2rem;width:min(100%,44rem);margin:4rem auto 0;padding-top:2rem;border-top:1px solid var(--color-border);font-size:.9rem;font-weight:700}.post-nav a:last-child{margin-left:auto;text-align:right}.sandbox-page{width:min(100%,64rem);margin-inline:auto}.sandbox-hero{width:min(100%,48rem);margin-bottom:clamp(4rem,9vw,7rem)}.sandbox-hero h1{max-width:none}.sandbox-sections{display:grid;gap:clamp(4rem,9vw,7rem)}.sandbox-section{scroll-margin-top:7rem}.sandbox-section__header{display:grid;grid-template-columns:2.5rem 1fr;align-items:baseline;gap:1rem;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--color-border)}.sandbox-section__header h2{margin:0}.sandbox-section__description{max-width:46rem;margin:-.75rem 0 2rem 3.5rem;color:var(--color-muted);font-size:.95rem}.sandbox-label,.specimen-note{color:var(--color-muted);font-size:.72rem;font-weight:750;letter-spacing:.08em;text-transform:uppercase}.sandbox-label{margin:0}.type-specimens{display:grid;gap:2.5rem}.specimen-note{display:block;margin-bottom:.65rem}.specimen-display,.type-specimens h2,.type-specimens h3,.specimen-body{font-family:var(--font-sans)}.specimen-display{max-width:14ch;margin:0;font-size:clamp(2.4rem,7vw,5rem);font-weight:400;letter-spacing:.01em;line-height:1.08;text-wrap:balance}.type-specimens h2,.type-specimens h3,.type-specimens p{margin-block:0}.type-specimens h2{font-size:clamp(1.8rem,4vw,2.8rem)}.type-specimens h3{font-size:1.4rem}.specimen-body{max-width:42rem;font-size:clamp(1.08rem,2vw,1.2rem)}.specimen-ui{max-width:42rem;color:var(--color-muted)}.sandbox-prose{max-width:44rem;font-family:var(--font-sans);font-size:clamp(1.08rem,2vw,1.2rem)}.sandbox-prose>p{margin-top:0}.sandbox-prose code,.swatch code{padding:.15em .35em;border-radius:.25rem;background:var(--color-surface);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.82em}.sandbox-prose blockquote{margin:2.5rem 0;padding-left:1.25rem;border-left:3px solid var(--color-accent);color:var(--color-muted);font-size:1.15em;font-style:italic}.sandbox-prose blockquote p{margin:0}.sandbox-columns,.component-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}.sandbox-columns h3{margin:0 0 .75rem;font-size:1.2rem}.sandbox-columns :is(ul,ol){margin:0;padding-left:1.25rem}.swatch-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.swatch{display:grid;grid-template-columns:2.75rem 1fr;align-items:center;gap:.1rem .8rem;padding:.75rem;border:1px solid var(--color-border);border-radius:.65rem;background:var(--color-surface);font-size:.86rem;font-weight:700}.swatch code{grid-column:2;padding:0;background:0 0;color:var(--color-muted);font-size:.7rem;font-weight:400}.swatch__color{grid-row:1/3;width:2.75rem;aspect-ratio:1;border:1px solid var(--color-border);border-radius:.45rem}.swatch__color--background{background:var(--color-bg)}.swatch__color--surface{background:var(--color-surface)}.swatch__color--text{background:var(--color-text)}.swatch__color--muted{background:var(--color-muted)}.swatch__color--accent{background:var(--color-accent)}.swatch__color--code{background:var(--color-code-bg)}.sandbox-card h2{margin-top:1.1rem}.component-specimen{display:flex;flex-direction:column;gap:.65rem}.component-specimen .specimen-note{margin-bottom:0}.component-specimen .post-card,.component-specimen .control-specimen{flex:1}.control-specimen{padding:clamp(1.25rem,3vw,1.75rem);border:1px solid var(--color-border);border-radius:.85rem}.sandbox-button{display:inline-block;padding:.7rem 1rem;border-radius:.45rem;background:var(--color-accent);color:var(--color-bg);font-size:.9rem;font-weight:750;text-decoration:none}.sandbox-button:hover{background:var(--color-accent-hover);color:var(--color-bg)}.sandbox-caption{margin:2rem 0 0;color:var(--color-muted);font-size:.82rem}@media(max-width:70rem){.page-with-toc{display:block}.page-toc{width:min(100%,44rem);margin:0 auto 2.5rem}.page-toc__inner{position:static;max-height:12rem}}@media(max-width:46rem){.swatch-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:34rem){.header-actions{gap:.25rem}.nav-list{gap:.6rem}.nav-list a{font-size:.93rem}.theme-toggle{width:2.25rem}article{padding-top:3.5rem}.site-footer{align-items:flex-start;flex-direction:column}.post-nav{flex-direction:column;gap:1rem}.post-nav a:last-child{margin-left:0;text-align:left}.sandbox-columns,.component-grid,.swatch-grid{grid-template-columns:1fr}.sandbox-section__description{margin-left:0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important}}