@font-face{font-family:"DM Serif Display";font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/ccc01da6a2b3d788-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:"DM Serif Display";font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/fa3e259cafa8f47e-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:"DM Serif Display Fallback";src:local("Times New Roman");ascent-override:94.37%;descent-override:30.51%;line-gap-override:0.00%;size-adjust:109.78%}.__className_d37bd6{font-family:"DM Serif Display","DM Serif Display Fallback";font-weight:400;font-style:normal}.__variable_d37bd6{--font-dm-serif-display:"DM Serif Display","DM Serif Display Fallback"}@font-face{font-family:"Source Serif 4";font-style:italic;font-weight:400;font-display:swap;src:url(/_next/static/media/e33b76030b52b394-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:"Source Serif 4";font-style:italic;font-weight:400;font-display:swap;src:url(/_next/static/media/817bd1ecaefe3e13-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:"Source Serif 4";font-style:italic;font-weight:400;font-display:swap;src:url(/_next/static/media/2487be7ea50658e3-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:"Source Serif 4";font-style:italic;font-weight:400;font-display:swap;src:url(/_next/static/media/5d38802c4f19cf85-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:"Source Serif 4";font-style:italic;font-weight:400;font-display:swap;src:url(/_next/static/media/27a7efe705e7867f-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:"Source Serif 4";font-style:italic;font-weight:400;font-display:swap;src:url(/_next/static/media/85ef47686bd56cf6-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:"Source Serif 4";font-style:italic;font-weight:600;font-display:swap;src:url(/_next/static/media/e33b76030b52b394-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:"Source Serif 4";font-style:italic;font-weight:600;font-display:swap;src:url(/_next/static/media/817bd1ecaefe3e13-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:"Source Serif 4";font-style:italic;font-weight:600;font-display:swap;src:url(/_next/static/media/2487be7ea50658e3-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:"Source Serif 4";font-style:italic;font-weight:600;font-display:swap;src:url(/_next/static/media/5d38802c4f19cf85-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:"Source Serif 4";font-style:italic;font-weight:600;font-display:swap;src:url(/_next/static/media/27a7efe705e7867f-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:"Source Serif 4";font-style:italic;font-weight:600;font-display:swap;src:url(/_next/static/media/85ef47686bd56cf6-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:"Source Serif 4";font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/f11ffaf03a80bc19-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:"Source Serif 4";font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/b818b0ea116ed117-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:"Source Serif 4";font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/ed89fb4fc238c6bf-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:"Source Serif 4";font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/e115bc1b6e48400d-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:"Source Serif 4";font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/fc9d3723ce3bfccb-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:"Source Serif 4";font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/597b6a5d799c44de-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:"Source Serif 4";font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/f11ffaf03a80bc19-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:"Source Serif 4";font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/b818b0ea116ed117-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:"Source Serif 4";font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/ed89fb4fc238c6bf-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:"Source Serif 4";font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/e115bc1b6e48400d-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:"Source Serif 4";font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/fc9d3723ce3bfccb-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:"Source Serif 4";font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/597b6a5d799c44de-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:"Source Serif 4 Fallback";src:local("Times New Roman");ascent-override:87.87%;descent-override:28.41%;line-gap-override:0.00%;size-adjust:117.91%}.__className_ce04ed{font-family:"Source Serif 4","Source Serif 4 Fallback"}.__variable_ce04ed{--font-source-serif:"Source Serif 4","Source Serif 4 Fallback"}:root{color-scheme:light dark;--color-bg:#f5ede3;--color-surface:#ebe2d4;--color-text:#2d2a26;--color-text-soft:#4a4640;--color-muted:#675e54;--color-rule:#d9d2c9;--color-accent:#c05e3c;--color-accent-alt:#6b8f71;--color-link:#a04e30;--color-link-hover:#86401f;--color-btn-bg:#a04e30;--color-btn-bg-hover:#86401f;--color-btn-text:#fff8f0;--color-mark-bg:#c05e3c;--color-mark-text:#fff8f0;--color-error:#a32d2d;--font-body:var(--font-source-serif),"Georgia","Times New Roman",serif;--font-display:var(--font-dm-serif-display),"Georgia",serif;--font-ui:system-ui,-apple-system,"Segoe UI",sans-serif;--text-xs:0.72rem;--text-sm:0.85rem;--text-base:1rem;--text-md:1.05rem;--text-lg:1.15rem;--text-xl:clamp(1.4rem,5vw,2rem);--text-hero:clamp(2.2rem,7vw,3.2rem);--text-mega:clamp(2.4rem,6.5vw,3.9rem);--leading-tight:1.2;--leading-snug:1.4;--leading-body:1.7;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--width-wide:1040px;--width-content:740px;--gutter:var(--space-6);--border-thin:1px solid var(--color-rule);--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:14px;--transition-fast:0.15s ease}@media (prefers-color-scheme:dark){:root{--color-bg:#1d1a17;--color-surface:#272320;--color-text:#f1e8dc;--color-text-soft:#cfc6ba;--color-muted:#a0968a;--color-rule:#3a342e;--color-link:#e8946f;--color-link-hover:#f0a886;--color-btn-bg:#e8946f;--color-btn-bg-hover:#f0a886;--color-btn-text:#1d1a17;--color-error:#f09595}}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:18px;scroll-behavior:smooth;scroll-padding-top:var(--space-8)}body{font-family:var(--font-body);color:var(--color-text);background:var(--color-bg);line-height:var(--leading-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,video{display:block;max-width:100%}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.skip-link{position:absolute;top:var(--space-4);left:var(--space-4);z-index:999;padding:var(--space-2) var(--space-4);background:var(--color-btn-bg);color:var(--color-btn-text);border-radius:var(--radius-sm);font-family:var(--font-ui);font-size:var(--text-sm);font-weight:500;text-decoration:none;transform:translateY(-200%);transition:transform var(--transition-fast)}.skip-link:focus{transform:translateY(0)}h1,h2,h3{font-family:var(--font-display);font-weight:400;line-height:var(--leading-tight);color:var(--color-text);text-wrap:balance}h2{font-size:var(--text-xl);margin-bottom:var(--space-6)}h3{font-size:1.1rem;margin-bottom:var(--space-2);line-height:var(--leading-snug)}p{color:var(--color-text-soft);text-wrap:pretty}p+p{margin-top:var(--space-4)}.section-intro{margin-top:calc(var(--space-4) * -1);margin-bottom:var(--space-8);color:var(--color-muted)}a{color:var(--color-link);text-decoration-thickness:1px;text-underline-offset:3px;transition:color var(--transition-fast)}a:hover{color:var(--color-link-hover)}a:focus-visible,button:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px;border-radius:var(--radius-sm)}.arrow-link{font-family:var(--font-ui);font-size:var(--text-sm);text-decoration:none;display:inline-block;margin-top:var(--space-4)}.arrow-link:hover{text-decoration:underline;text-underline-offset:3px}.btn{display:inline-block;padding:.55rem var(--space-5);background:var(--color-btn-bg);border-radius:var(--radius-md);font-family:var(--font-ui);font-size:var(--text-sm);font-weight:500;text-decoration:none;transition:background var(--transition-fast)}.btn,.btn:hover{color:var(--color-btn-text)}.btn:hover{background:var(--color-btn-bg-hover)}.pill{display:inline-block;padding:.3rem var(--space-4);border:1px solid var(--color-link);border-radius:999px;color:var(--color-link);text-decoration:none;transition:background var(--transition-fast),color var(--transition-fast)}.pill:hover{background:var(--color-btn-bg);border-color:var(--color-btn-bg);color:var(--color-btn-text)}.container{max-width:var(--width-wide);margin-inline:auto;padding-inline:var(--gutter)}.container--narrow{max-width:var(--width-content)}section{padding-block:var(--space-16)}section+section{border-top:var(--border-thin)}header[role=banner]{padding-block:var(--space-8) 0}.site-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.brand{display:inline-flex;align-items:center;gap:var(--space-3);font-family:var(--font-display);font-size:1.6rem;text-decoration:none;line-height:1}.brand,.brand:hover{color:var(--color-text)}.mark{display:inline-grid;place-items:center;width:1.9rem;height:1.9rem;border-radius:.5rem;background:var(--color-mark-bg);color:var(--color-mark-text);font-family:var(--font-display);font-size:1.25rem;line-height:1}@media (prefers-reduced-motion:no-preference){.brand:hover .mark{animation:wiggle .5s ease-in-out}}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-10deg)}50%{transform:rotate(8deg)}75%{transform:rotate(-4deg)}}.nav-links{display:flex;align-items:center;gap:var(--space-6);list-style:none;font-family:var(--font-ui);font-size:var(--text-sm)}.nav-link{color:var(--color-text-soft);text-decoration:none}.nav-link:hover{color:var(--color-link)}.hero{padding-block:var(--space-20) var(--space-16);border-top:none}.hero-hello{font-family:var(--font-ui);font-size:var(--text-sm);color:var(--color-muted);margin-bottom:var(--space-4)}.hero h1{font-size:var(--text-mega);letter-spacing:-.02em;line-height:1.12;max-width:22ch}.hero-sub{font-size:var(--text-lg);margin-top:var(--space-6);max-width:50ch}.project-card{display:flex;gap:var(--space-5);align-items:flex-start;padding:var(--space-8);border-radius:var(--radius-xl);background:var(--project-bg);text-decoration:none;transition:transform var(--transition-fast)}.project-card,.project-card:hover{color:var(--project-text)}@media (prefers-reduced-motion:no-preference){.project-card:hover{transform:translateY(-3px)}}.project-card:focus-visible{outline-offset:4px}.project-icon{flex:none;display:grid;place-items:center;width:3rem;height:3rem;border-radius:.8rem;background:var(--project-icon-bg);font-size:1.5rem;line-height:1}.project-body{flex:1 1;min-width:0}.project-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-2) var(--space-4)}.project-name{font-family:var(--font-ui);font-size:var(--text-lg);font-weight:600;color:var(--project-text);margin:0}.project-status{font-family:var(--font-ui);font-size:var(--text-xs);font-weight:500;color:var(--project-accent);background:color-mix(in srgb,var(--project-accent) 14%,transparent);border-radius:999px;padding:.3rem .75rem}.project-description{color:var(--project-soft);margin-top:var(--space-2);max-width:56ch}.project-link{display:inline-block;margin-top:var(--space-4);font-family:var(--font-ui);font-size:var(--text-sm);color:var(--project-accent)}.project-next{margin-top:var(--space-4);padding:var(--space-5) var(--space-8);border:1px dashed var(--color-rule);border-radius:var(--radius-xl);color:var(--color-muted)}.rules{display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));grid-gap:var(--space-10);gap:var(--space-10);list-style:none;counter-reset:rule}.rules li{counter-increment:rule}.rules li:before{content:counter(rule);display:block;font-family:var(--font-display);font-size:2rem;line-height:1;color:var(--color-accent);margin-bottom:var(--space-3)}.rules h3{font-size:1.2rem}.rules p{font-size:var(--text-base)}.notes-list{list-style:none}.notes-list li{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-6);padding-block:var(--space-5);border-bottom:var(--border-thin)}.notes-list li:first-child{border-top:var(--border-thin)}.notes-list a{font-family:var(--font-display);font-size:1.25rem;line-height:var(--leading-snug);color:var(--color-text);text-decoration:none}.notes-list a:hover{color:var(--color-link);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}.notes-list p{font-size:var(--text-base);margin-top:var(--space-1);max-width:60ch}.notes-list .note-meta{font-family:var(--font-ui);font-size:var(--text-sm);color:var(--color-muted);flex-shrink:0;white-space:nowrap}.tag-list{display:flex;flex-wrap:wrap;gap:var(--space-2);list-style:none;margin-block:var(--space-4) var(--space-8)}.note-header .tag-list{margin-bottom:0}.tag{display:inline-block;padding:.15rem var(--space-3);border:1px solid var(--color-rule);border-radius:999px;font-family:var(--font-ui);font-size:var(--text-xs);color:var(--color-text-soft);text-decoration:none}.tag:hover,.tag[aria-current=page]{border-color:var(--color-link);color:var(--color-link)}.subscribe-card{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-6) var(--space-10);padding:var(--space-10);background:var(--color-surface);border-radius:var(--radius-xl)}.subscribe-card h2{margin-bottom:var(--space-2)}.subscribe-card p{max-width:46ch}.subscribe-form{flex:1 1 22rem;max-width:30rem}.subscribe-row{display:flex;gap:var(--space-2)}.subscribe-row input[type=email]{flex:1 1;min-width:0;height:2.5rem;padding-inline:var(--space-3);background:var(--color-bg);color:var(--color-text);border:1px solid var(--color-rule);border-radius:var(--radius-md);font-family:var(--font-ui);font-size:var(--text-sm)}.subscribe-row input[type=email]::placeholder{color:var(--color-muted)}.subscribe-row input[type=email]:focus-visible{outline:2px solid var(--color-accent);outline-offset:1px}.subscribe-row input[aria-invalid=true]{border-color:var(--color-error)}.subscribe-row .btn{border:0;cursor:pointer;flex:none}.subscribe-row .btn:disabled{cursor:progress;opacity:.8}.subscribe-note{margin-top:var(--space-2);font-family:var(--font-ui);font-size:var(--text-xs)}.subscribe-note,.subscribe-note a{color:var(--color-muted)}.subscribe-error{color:var(--color-error)}.subscribe-message{flex:1 1 22rem;max-width:30rem;font-family:var(--font-ui);font-size:var(--text-sm);color:var(--color-text)}.contact{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:var(--space-4) var(--space-10)}.contact h2{margin-bottom:var(--space-2)}.contact p{max-width:46ch}.contact-email{font-family:var(--font-display);font-size:var(--text-xl);text-decoration-thickness:1px}.notes-index{padding-block:var(--space-16) var(--space-20);border-top:none}.notes-index h1{font-size:var(--text-hero);letter-spacing:-.02em;margin-bottom:var(--space-3)}.notes-subtitle{font-size:var(--text-base);color:var(--color-muted);margin-bottom:var(--space-10);max-width:50ch}.notes-empty{font-family:var(--font-ui);font-size:var(--text-sm);color:var(--color-muted)}.note-header{padding-block:var(--space-16) var(--space-8);border-top:none}.note-header h1{font-size:var(--text-hero);letter-spacing:-.02em;margin-bottom:var(--space-3)}.note-date{font-family:var(--font-ui);font-size:var(--text-sm);color:var(--color-muted)}.note-body{padding-block:0 var(--space-16);border-top:none}.note-body ol,.note-body p,.note-body ul{max-width:60ch}.note-body ol,.note-body ul{color:var(--color-text-soft);padding-left:var(--space-6);margin-block:var(--space-4)}.note-body li+li{margin-top:var(--space-2)}.note-body h2{margin-top:var(--space-10);margin-bottom:var(--space-4)}.note-body blockquote{border-left:3px solid var(--color-rule);padding-left:var(--space-5);margin-block:var(--space-6);color:var(--color-text-soft);font-style:italic}.note-body code{font-size:.9em;background:var(--color-surface);border-radius:var(--radius-sm);padding:.1em .35em}.note-body img{border-radius:var(--radius-lg);margin-block:var(--space-6)}.note-footer{padding-block:var(--space-10);border-top:var(--border-thin)}.note-pager{display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));grid-gap:var(--space-4);gap:var(--space-4);margin-bottom:var(--space-8)}.note-pager a{display:block;padding:var(--space-4) var(--space-5);border:var(--border-thin);border-radius:var(--radius-lg);font-family:var(--font-display);line-height:var(--leading-snug);color:var(--color-text);text-decoration:none}.note-pager a:hover{border-color:var(--color-link)}.note-pager span{display:block;font-family:var(--font-ui);font-size:var(--text-xs);color:var(--color-muted);margin-bottom:var(--space-1)}.note-pager-newer{text-align:right;grid-column:-2}.back-link{font-family:var(--font-ui);font-size:var(--text-sm);text-decoration:none;display:inline-block}.back-link:hover{text-decoration:underline}.note-subscribe{margin-top:var(--space-10)}.note-subscribe>p{color:var(--color-muted);font-size:var(--text-sm);margin-bottom:var(--space-3)}.brand-label{font-family:var(--font-ui);font-size:var(--text-sm);font-weight:600;margin-top:var(--space-8)}.brand-demo{padding:var(--space-6);border:var(--border-thin);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.brand-demo--flush{padding:0;overflow:hidden}.brand-code{margin:0 0 var(--space-6);padding:var(--space-4);background:var(--color-surface);border-radius:0 0 var(--radius-lg) var(--radius-lg);overflow-x:auto;font-size:var(--text-xs);line-height:1.6}.note-body .brand-code code{padding:0;background:none}.brand-swatches{display:grid;grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));grid-gap:var(--space-4);gap:var(--space-4);list-style:none;padding:0!important}.brand-swatches li{display:flex;gap:var(--space-3);align-items:flex-start;font-size:var(--text-sm)}.brand-swatches li+li{margin-top:0}.brand-swatches strong{color:var(--color-text);font-weight:600}.brand-swatch{flex:none;width:2.5rem;height:2.5rem;border-radius:var(--radius-md);border:var(--border-thin)}.not-found{padding-block:var(--space-20);border-top:none}.not-found h1{font-size:var(--text-mega);letter-spacing:-.02em;margin-bottom:var(--space-4)}.not-found p{max-width:44ch;margin-bottom:var(--space-8)}footer{padding-block:var(--space-12);border-top:var(--border-thin)}.footer-inner{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-4) var(--space-10)}.footer-copy,.footer-legal,.footer-links{color:var(--color-muted);font-family:var(--font-ui);font-size:var(--text-xs)}.footer-copy{margin-bottom:var(--space-1)}.footer-links{display:flex;gap:var(--space-5);list-style:none}.footer-links a{color:var(--color-muted)}.footer-links a:hover{color:var(--color-link)}@media (max-width:600px){html{font-size:16px}header[role=banner]{padding-block:var(--space-6) 0}.nav-links{gap:var(--space-4)}.nav-hide-small{display:none}.hero{padding-block:var(--space-12) var(--space-10)}section{padding-block:var(--space-12)}.project-card{flex-direction:column;padding:var(--space-6)}.project-next{padding:var(--space-5) var(--space-6)}.subscribe-card{padding:var(--space-6)}.notes-list li{flex-direction:column;gap:var(--space-1)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}