*,*:before,*:after{box-sizing:border-box}:root{--background: #f4f0e8;--text: #141414;--muted: #6e6a63;--line: rgba(20, 20, 20, .2);--accent: #d88722;--paper: var(--background);--ink: var(--text);--quiet: var(--muted);--signal: var(--accent);--mono: "IBM Plex Mono", ui-monospace, monospace;--display: "Space Grotesk", "Segoe UI", sans-serif;--display-hero: "Bayon", "Space Grotesk", sans-serif;--content-max: 1600px;--content-pad-x: clamp(1.5rem, 6vw, 5rem);--section-pad-y: clamp(2.75rem, 4.5vw, 4rem);--focus-ring: 2px solid color-mix(in srgb, var(--accent) 55%, transparent)}html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{margin:0;color:var(--text);background:var(--background);font-family:var(--display);-webkit-font-smoothing:antialiased}.seo-fallback{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}a:focus-visible,button:focus-visible{outline:var(--focus-ring);outline-offset:3px}[id]{scroll-margin-top:1.5rem}html.is-jumping-to-section{scroll-behavior:auto}html.is-jumping-to-section .demo-tabs,html.is-jumping-to-section app-portfolio-hero,html.is-jumping-to-section .federation-boundary,html.is-jumping-to-section .react-world .car-pad{visibility:hidden;pointer-events:none}.writing-index,.writing-article,.writing-not-found{width:min(100%,var(--content-max));margin-inline:auto;padding:clamp(3rem,7vw,7rem) var(--content-pad-x) clamp(5rem,9vw,8rem)}.writing-kicker,.writing-card__meta,.writing-article__meta,.writing-article__back,.writing-article__rule,.writing-tags,.writing-read-link{font-family:var(--mono);text-transform:uppercase}.writing-kicker{margin:0 0 1.25rem;color:var(--accent);font-size:.75rem;font-weight:600;letter-spacing:.14em}.writing-index__hero{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(16rem,.6fr);gap:clamp(2rem,7vw,7rem);align-items:end;padding-bottom:clamp(3rem,6vw,5rem);border-bottom:1px solid var(--line)}.writing-index__hero h1,.writing-article__header h1,.writing-not-found h1{margin:0;font-family:var(--display-hero);font-weight:400;letter-spacing:-.025em;line-height:.95;text-transform:uppercase}.writing-index__hero h1{max-width:13ch;font-size:clamp(3.25rem,7.5vw,7rem)}.writing-index__lede{margin:0;color:var(--muted);font-size:clamp(1rem,1.4vw,1.2rem);line-height:1.7}.writing-index__list{display:grid}.writing-card{display:grid;grid-template-columns:minmax(4rem,.22fr) minmax(0,1fr);gap:clamp(1.5rem,4vw,4rem);padding:clamp(2.5rem,5vw,4.5rem) 0;border-bottom:1px solid var(--line)}.writing-card__number{color:color-mix(in srgb,var(--text) 18%,transparent);font-family:var(--display-hero);font-size:clamp(3.5rem,7vw,6.5rem);line-height:.8}.writing-card__meta,.writing-article__meta{display:flex;flex-wrap:wrap;gap:.75rem 1.25rem;color:var(--muted);font-size:.7rem;font-weight:600;letter-spacing:.09em}.writing-card__meta span:before,.writing-article__meta span:before{margin-right:1.25rem;color:var(--accent);content:"\2022"}.writing-card h2{max-width:22ch;margin:1.1rem 0 1rem;font-family:var(--display-hero);font-size:clamp(2rem,4vw,3.8rem);font-weight:400;letter-spacing:-.02em;line-height:1;text-transform:uppercase}.writing-card h2 a{color:var(--text);text-decoration:none}.writing-card h2 a:hover{color:var(--accent)}.writing-card__content>p{max-width:46rem;margin:0;color:var(--muted);font-size:1.05rem;line-height:1.7}.writing-card__footer{display:flex;justify-content:space-between;gap:2rem;align-items:end;margin-top:2rem}.writing-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none}.writing-tags li{padding:.4rem .65rem;border:1px solid var(--line);color:var(--muted);font-size:.63rem;letter-spacing:.08em}.writing-read-link,.writing-article__back,.writing-article__footer a,.writing-not-found a{color:var(--text);font-size:.72rem;font-weight:600;letter-spacing:.08em;text-decoration-color:var(--accent);text-underline-offset:.3em}.writing-read-link:hover,.writing-article__back:hover,.writing-article__footer a:hover,.writing-not-found a:hover{color:var(--accent)}.writing-article{max-width:78rem}.writing-article__back{display:inline-block;margin-bottom:clamp(3rem,7vw,6rem)}.writing-article__header{max-width:66rem}.writing-article__header h1{max-width:15ch;margin:1.25rem 0 1.5rem;font-size:clamp(3.25rem,7.6vw,7.25rem)}.writing-article__header>p{max-width:50rem;margin:0 0 2rem;color:var(--muted);font-size:clamp(1.1rem,1.8vw,1.4rem);line-height:1.65}.writing-article__rule{display:flex;justify-content:space-between;margin:clamp(3rem,6vw,5rem) 0;padding:.85rem 0;border-top:1px solid var(--text);border-bottom:1px solid var(--line);color:var(--muted);font-size:.65rem;letter-spacing:.1em}.writing-article__body{width:min(100%,47rem);margin-inline:auto}.writing-article__body p,.writing-article__body li{color:var(--muted);font-size:1.075rem;line-height:1.82}.writing-article__body p{margin:0 0 1.4rem}.writing-article__body .writing-article__intro{color:var(--text);font-size:clamp(1.25rem,2vw,1.5rem);line-height:1.65}.writing-article__body h2{margin:clamp(3.5rem,7vw,5.5rem) 0 1.25rem;color:var(--text);font-family:var(--display-hero);font-size:clamp(2rem,4vw,3rem);font-weight:400;letter-spacing:-.01em;line-height:1;text-transform:uppercase}.writing-article__body ul{display:grid;gap:.6rem;margin:0 0 1.5rem;padding-left:1.3rem}.writing-article__body strong{color:var(--text)}.writing-article__body code{font-family:var(--mono);font-size:.88em}.writing-article__body p code,.writing-article__body li code{padding:.12em .35em;background:color-mix(in srgb,var(--text) 7%,transparent);color:var(--text)}.writing-article__body pre{margin:2rem 0;padding:clamp(1.2rem,3vw,2rem);overflow-x:auto;border-left:3px solid var(--accent);background:#1b1a18;color:#f5f1e9;font-family:var(--mono);font-size:.86rem;line-height:1.7}.writing-article__body pre code{font-size:inherit}.writing-article__body blockquote{margin:clamp(3rem,6vw,5rem) 0;padding:0 0 0 clamp(1.25rem,3vw,2rem);border-left:4px solid var(--accent);color:var(--text);font-family:var(--display-hero);font-size:clamp(2rem,4.5vw,3.6rem);line-height:1.08;text-transform:uppercase}.writing-article__body a{color:var(--text);font-weight:600;text-decoration-color:var(--accent);text-decoration-thickness:.12em;text-underline-offset:.2em}.writing-article__body a:hover{color:var(--accent)}.writing-callout{margin:2.5rem 0;padding:clamp(1.5rem,4vw,2.5rem);border:1px solid var(--line);background:color-mix(in srgb,var(--accent) 7%,transparent)}.writing-callout>span{color:var(--accent);font-family:var(--mono);font-size:.68rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.writing-callout p{margin:.8rem 0 1.2rem;color:var(--text)}.writing-callout div{display:flex;flex-wrap:wrap;gap:1rem 1.5rem}.writing-article__footer{display:flex;justify-content:space-between;gap:2rem;width:min(100%,47rem);margin:clamp(4rem,8vw,7rem) auto 0;padding-top:2rem;border-top:1px solid var(--text)}.writing-article__footer p{margin:0;color:var(--muted)}@media(max-width:720px){.writing-index__hero,.writing-card{grid-template-columns:1fr}.writing-card__number{font-size:3rem}.writing-card__footer,.writing-article__footer{align-items:flex-start;flex-direction:column}}