:root{--color-bg:#f8e9d6;--color-surface:#fff7ec;--color-surface-2:#f1dcc2;--color-text:#2a1a12;--color-text-soft:#4a3326;--color-muted:#765c4c;--color-primary:#801a00;--color-primary-ink:#fff3e4;--color-accent:#eaa640;--color-accent-2:#d9826a;--color-secondary:#a3563f;--color-link:#801a00;--color-link-hover:#5e1300;--color-border:#dcc3a6;--color-rule:#c9a887;--color-focus:#801a00;--color-band:#801a00;--color-band-deep:#5f1300;--color-band-text:#fff1de;--color-tape:color-mix(in srgb, var(--color-accent) 58%, transparent);--color-tape-edge:color-mix(in srgb, #b8741c 40%, transparent);--font-display:"Brygada 1918", "Iowan Old Style", "Palatino Linotype", Georgia, serif;--font-body:"Gelasio", "Georgia", "Times New Roman", serif;--font-mono:"Xanh Mono", "Courier Prime", "Courier New", monospace;--font-size-xs:clamp(0.75rem, 0.72rem + 0.15vw, 0.875rem);--font-size-sm:clamp(0.875rem, 0.84rem + 0.2vw, 1rem);--font-size-base:clamp(1.0625rem, 1rem + 0.3vw, 1.1875rem);--font-size-lg:clamp(1.1875rem, 1.1rem + 0.45vw, 1.4375rem);--font-size-xl:clamp(1.5rem, 1.3rem + 1vw, 2rem);--font-size-2xl:clamp(1.875rem, 1.5rem + 1.8vw, 2.75rem);--font-size-3xl:clamp(2.5rem, 1.9rem + 3vw, 4.25rem);--font-size-mast:clamp(3.25rem, 1.5rem + 8vw, 9rem);--leading-display:1.24;--leading-heading:1.32;--leading-body:1.72;--space-1:0.25rem;--space-2:0.5rem;--space-3:1rem;--space-4:1.5rem;--space-5:2rem;--space-6:3rem;--space-7:4rem;--space-8:6rem;--radius-sm:2px;--radius-md:4px;--radius-lg:8px;--shadow-sm:0 1px 2px rgb(74 38 16 / 0.12);--shadow-md:0 6px 18px -6px rgb(74 38 16 / 0.28), 0 2px 4px rgb(74 38 16 / 0.1);--shadow-lg:0 18px 38px -14px rgb(74 38 16 / 0.38), 0 4px 10px rgb(74 38 16 / 0.12);--measure:66ch;--wrap:78rem;--gutter:clamp(1rem, 0.5rem + 3vw, 3rem);--ratio-cover:4 / 3;--ease-out:cubic-bezier(0.22, 0.8, 0.3, 1);--ease-spring:cubic-bezier(0.34, 1.4, 0.5, 1);--dur-fast:160ms;--dur-med:320ms;--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.25 0 0 0 0 0.12 0 0 0 0 0.05 0 0 0 0.9 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E");--grain-opacity:0.16;--tape-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 20' preserveAspectRatio='none'%3E%3Cpolygon points='3,0 97,0 100,3 96,6 100,9 97,12 100,15 96,18 99,20 2,20 0,17 4,14 0,11 3,8 0,5 4,2'/%3E%3C/svg%3E")}@media(prefers-color-scheme:dark){:root{--color-bg:#1c120d;--color-surface:#281a13;--color-surface-2:#33221a;--color-text:#f4e4cf;--color-text-soft:#e0c9ae;--color-muted:#bfa28b;--color-primary:#e98a66;--color-primary-ink:#1c120d;--color-accent:#eaa640;--color-accent-2:#d9826a;--color-secondary:#d48a70;--color-link:#f0a07f;--color-link-hover:#ffc3a6;--color-border:#4a3326;--color-rule:#5c4131;--color-focus:#eaa640;--color-band:#5e1400;--color-band-deep:#3d0d00;--color-band-text:#fbe6cc;--color-tape:color-mix(in srgb, var(--color-accent) 50%, transparent);--shadow-sm:0 1px 2px rgb(0 0 0 / 0.3);--shadow-md:0 6px 18px -6px rgb(0 0 0 / 0.5);--shadow-lg:0 18px 38px -14px rgb(0 0 0 / 0.6);--grain-opacity:0.1}}@media(prefers-color-scheme:light){:root{color-scheme:light}}@font-face{font-family:"brygada 1918";src:url(/fonts/brygada-1918-wght-normal.woff2)format("woff2");font-weight:400 700;font-style:normal;font-display:swap}@font-face{font-family:"brygada 1918";src:url(/fonts/brygada-1918-wght-italic.woff2)format("woff2");font-weight:400 700;font-style:italic;font-display:swap}@font-face{font-family:gelasio;src:url(/fonts/gelasio-wght-normal.woff2)format("woff2");font-weight:400 700;font-style:normal;font-display:swap}@font-face{font-family:gelasio;src:url(/fonts/gelasio-wght-italic.woff2)format("woff2");font-weight:400 700;font-style:italic;font-display:swap}@font-face{font-family:xanh mono;src:url(/fonts/xanh-mono-400-normal.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:xanh mono;src:url(/fonts/xanh-mono-400-italic.woff2)format("woff2");font-weight:400;font-style:italic;font-display:swap}*,*::before,*::after{box-sizing:border-box}*{margin:0}html{color-scheme:light dark;-webkit-text-size-adjust:100%;text-size-adjust:100%;text-rendering:optimizeLegibility;scroll-padding-block-start:var(--space-8);background:var(--color-bg)}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{position:relative;min-block-size:100dvh;background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-size:var(--font-size-base);line-height:var(--leading-body);font-kerning:normal;font-variant-ligatures:common-ligatures;overflow-x:clip}body::before{content:"";position:fixed;inset:0;z-index:60;pointer-events:none;background-image:var(--grain);background-size:180px 180px;opacity:var(--grain-opacity);mix-blend-mode:multiply}@media(prefers-color-scheme:dark){body::before{mix-blend-mode:screen}}img,picture,svg,video{display:block;max-inline-size:100%;block-size:auto}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer}a{color:var(--color-link);text-underline-offset:.2em;text-decoration-thickness:1px}a:hover{color:var(--color-link-hover);text-decoration-thickness:2px}::selection{background:color-mix(in srgb,var(--color-accent) 55%,transparent);color:var(--color-text)}:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:3px solid var(--color-focus);outline-offset:3px;border-radius:var(--radius-sm)}.skip{position:absolute;inset-block-start:-120px;inset-inline-start:var(--space-3);z-index:1000;padding:var(--space-2)var(--space-3);background:var(--color-accent);color:#2a1a12;font-family:var(--font-mono);text-decoration:none;transition:inset-block-start var(--dur-fast)var(--ease-out)}.skip:focus-visible{inset-block-start:var(--space-3)}.visually-hidden{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.prose{max-inline-size:var(--measure);overflow-wrap:break-word}.prose>*+*{margin-block-start:var(--space-4)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--color-text);font-weight:700;text-wrap:balance;font-optical-sizing:auto;overflow-wrap:break-word;hyphens:auto}h1{font-size:var(--font-size-3xl);line-height:var(--leading-display);letter-spacing:-.01em}h2{font-size:var(--font-size-2xl);line-height:var(--leading-heading)}h3{font-size:var(--font-size-xl);line-height:var(--leading-heading);font-weight:600}h4{font-size:var(--font-size-lg);line-height:1.4;font-weight:600}.prose h2{position:relative;margin-block-start:var(--space-7);padding-block-start:var(--space-3)}.prose h2::before{content:"";position:absolute;inset-block-start:0;inset-inline-start:0;inline-size:3.5rem;block-size:.5rem;background:var(--color-tape);-webkit-mask:var(--tape-mask)center/100% 100% no-repeat;mask:var(--tape-mask)center/100% 100% no-repeat;transform:rotate(-2deg)}.prose h3{margin-block-start:var(--space-6)}.prose h2+*,.prose h3+*{margin-block-start:var(--space-3)}p{font-size:var(--font-size-base);line-height:var(--leading-body);text-wrap:pretty;hyphens:auto}strong,b{font-weight:700}em,i{font-style:italic}small{font-size:var(--font-size-sm)}ul,ol{padding-inline-start:var(--space-5);font-size:var(--font-size-base)}li+li{margin-block-start:var(--space-2)}ul li::marker{color:var(--color-primary);content:"•  ";font-size:.8em}ol li::marker{color:var(--color-primary);font-family:var(--font-mono)}blockquote{margin-inline:0;padding:var(--space-3)var(--space-4);border-inline-start:4px solid var(--color-accent);background:var(--color-surface);font-style:italic;color:var(--color-text-soft)}blockquote p{font-size:var(--font-size-lg)}code,kbd,samp{font-family:var(--font-mono);font-size:.95em;padding:.1em .35em;background:var(--color-surface-2);border-radius:var(--radius-sm)}pre{overflow-x:auto;padding:var(--space-4);background:var(--color-surface-2);border-radius:var(--radius-md);font-size:var(--font-size-sm);line-height:1.6}pre code{padding:0;background:0 0}table{inline-size:100%;border-collapse:collapse;font-size:var(--font-size-sm);background:var(--color-surface)}th,td{padding:var(--space-2)var(--space-3);text-align:start;border-block-end:1px solid var(--color-border)}th{font-family:var(--font-mono);font-weight:400;color:var(--color-primary);border-block-end:2px solid var(--color-primary)}tbody tr:nth-child(even){background:color-mix(in srgb,var(--color-surface-2) 50%,transparent)}hr{border:0;block-size:.75rem;margin-block:var(--space-6);background:var(--color-tape);-webkit-mask:var(--tape-mask)center/9rem 100% no-repeat;mask:var(--tape-mask)center/9rem 100% no-repeat}.prose a{font-weight:500;text-decoration-color:color-mix(in srgb,var(--color-link) 45%,transparent)}.prose a:hover{text-decoration-color:initial}.prose img{border-radius:var(--radius-sm);box-shadow:var(--shadow-md)}.prose figure{margin-block:var(--space-6)}.taped{position:relative;overflow:visible}.taped::before,.taped::after{content:"";position:absolute;z-index:3;inline-size:var(--tape-w,4.5em);block-size:var(--tape-h,1.4em);background:linear-gradient(180deg,rgb(255 255 255/.22),transparent 45%,rgb(120 60 0/.1)),var(--color-tape);-webkit-mask:var(--tape-mask)center/100% 100% no-repeat;mask:var(--tape-mask)center/100% 100% no-repeat;pointer-events:none;filter:drop-shadow(0 1px 0 var(--color-tape-edge))}.taped::before{inset-block-start:-.5em;inset-inline-start:-1em;transform:rotate(-35deg)}.taped::after{inset-block-end:-.5em;inset-inline-end:-1em;transform:rotate(-35deg)}@media(max-width:36rem){.taped::before{inset-inline-start:-.25em}.taped::after{inset-inline-end:-.25em}}.card{--tilt:0deg;display:flex;flex-direction:column;gap:var(--space-3);padding:0 0 var(--space-4);background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-md);transform:rotate(var(--tilt));transition:transform var(--dur-med)var(--ease-spring),box-shadow var(--dur-med)var(--ease-out)}.card:hover,.card:focus-within{transform:rotate(0)translateY(-6px)scale(1.015);box-shadow:var(--shadow-lg);z-index:4}.card>:not(.card__media){padding-inline:var(--space-4)}.card__media{overflow:hidden;aspect-ratio:var(--ratio-cover);background:var(--color-surface-2);-webkit-mask:radial-gradient(circle 5px at 50% 100%,transparent 96%,#000 100%)0 0/16px 100% repeat-x;mask:radial-gradient(circle 5px at 50% 100%,transparent 96%,#000 100%)0 0/16px 100% repeat-x}.card__media+*{padding-block-start:var(--space-3);background:linear-gradient(90deg,var(--color-rule) 0 6px,transparent 6px 12px)0 0/12px 2px repeat-x}.card__img{inline-size:100%;block-size:100%;object-fit:cover;filter:saturate(.9)sepia(.08);transition:transform 520ms var(--ease-out),filter var(--dur-med)}.card:hover .card__img{transform:scale(1.06);filter:saturate(1.05)sepia(0)}.card__kicker{font-family:var(--font-mono);font-size:var(--font-size-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--color-primary)}.card__title{font-family:var(--font-display);font-size:var(--font-size-lg);line-height:var(--leading-heading);font-weight:700}.card__title a{color:inherit;text-decoration:none}.card__title a::after{content:"";position:absolute;inset:0;z-index:2}.card__excerpt{font-size:var(--font-size-sm);color:var(--color-text-soft);line-height:1.6}.card__meta{margin-block-start:auto;display:flex;flex-wrap:wrap;gap:var(--space-1)var(--space-3);font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-muted)}.card--text{padding-block-start:var(--space-5);border-block-start:6px solid var(--color-primary)}.card--text .card__title{font-size:var(--font-size-xl)}.chip{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1)var(--space-3);background:var(--color-surface-2);color:var(--color-text);font-family:var(--font-mono);font-size:var(--font-size-sm);text-decoration:none;border-radius:var(--radius-sm);transition:transform var(--dur-fast)var(--ease-spring),background var(--dur-fast)}.chip:hover{background:var(--color-accent);color:#2a1a12;transform:rotate(-2deg)translateY(-2px)}.chip-list{display:flex;flex-wrap:wrap;gap:var(--space-2);padding:0;list-style:none}.chip-list li{margin:0}.chip-list li::marker{content:none}.button{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-4);border:2px solid var(--color-primary);background:var(--color-primary);color:var(--color-primary-ink);font-family:var(--font-mono);font-size:var(--font-size-sm);text-decoration:none;transition:transform var(--dur-fast)var(--ease-spring),box-shadow var(--dur-fast)}.button:hover{color:var(--color-primary-ink);box-shadow:4px 4px 0 var(--color-accent);transform:translate(-2px,-2px)}.button--ghost{background:0 0;color:var(--color-primary)}.button--ghost:hover{color:var(--color-primary)}.field{inline-size:100%;padding:var(--space-2)var(--space-3);border:2px solid var(--color-border);background:var(--color-surface);color:var(--color-text);border-radius:var(--radius-sm)}.field::placeholder{color:var(--color-muted);font-style:italic}.meta-line{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-2)var(--space-4);font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--color-muted)}.meta-line a{color:var(--color-primary)}.meta-line__sep{color:var(--color-accent-2)}.author-card{--tape-w:4em;display:grid;grid-template-columns:auto 1fr;gap:var(--space-4);align-items:start;padding:var(--space-5);background:var(--color-surface);box-shadow:var(--shadow-md);transform:rotate(-.6deg)}.author-card__avatar{inline-size:clamp(4.5rem,3rem + 6vw,7.5rem);aspect-ratio:1;object-fit:cover;border:6px solid #fff;box-shadow:var(--shadow-sm);transform:rotate(3deg);background:var(--color-surface-2)}.author-card__initials{display:grid;place-items:center;inline-size:clamp(4.5rem,3rem + 6vw,7.5rem);aspect-ratio:1;background:var(--color-primary);color:var(--color-band-text);font-family:var(--font-display);font-size:var(--font-size-2xl);transform:rotate(3deg)}.author-card__name{font-size:var(--font-size-xl)}.author-card__name a{color:inherit;text-decoration:none}.author-card__role{font-family:var(--font-mono);color:var(--color-primary);font-size:var(--font-size-sm)}.author-card__bio{margin-block-start:var(--space-2);color:var(--color-text-soft)}@media(max-width:34rem){.author-card{grid-template-columns:1fr}}.lede{font-family:var(--font-display);font-size:var(--font-size-lg);line-height:1.6;color:var(--color-text)}div.lede>p{font-size:inherit;font-family:inherit}.lede::first-letter,div.lede>p:first-child::first-letter{float:inline-start;margin:.06em .12em 0 0;font-size:3.4em;line-height:.85;font-weight:700;color:var(--color-primary)}.callout{--callout-accent:var(--color-accent);position:relative;padding:var(--space-4)var(--space-4)var(--space-4)var(--space-5);background:var(--color-surface);border-inline-start:6px solid var(--callout-accent);box-shadow:var(--shadow-sm)}.callout[data-variant=warning]{--callout-accent:var(--color-primary)}.callout[data-variant=tip],.callout[data-variant=success]{--callout-accent:var(--color-accent-2)}.callout__title{display:block;margin-block-end:var(--space-2);font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--color-primary);letter-spacing:.04em}.callout>*+*{margin-block-start:var(--space-2)}.pullquote{--tape-w:5em;margin-block:var(--space-6);margin-inline:0;padding:var(--space-5)var(--space-5)var(--space-4);border:0;background:var(--color-surface-2);font-family:var(--font-display);font-style:italic;transform:rotate(-1deg);box-shadow:var(--shadow-md)}.pullquote p{font-size:var(--font-size-xl);line-height:var(--leading-heading);color:var(--color-text)}.pullquote cite{display:block;margin-block-start:var(--space-3);font-family:var(--font-mono);font-style:normal;font-size:var(--font-size-sm);color:var(--color-primary)}.pullquote cite::before{content:"— "}.figure{margin-block:var(--space-6)}.figure picture{padding:var(--space-2);background:var(--color-surface);box-shadow:var(--shadow-md)}.figure img{inline-size:100%;box-shadow:none;border-radius:0}figcaption{margin-block-start:var(--space-2);font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--color-muted)}.faq{margin-block:var(--space-6)}.faq-heading{font-size:var(--font-size-xl);margin-block-end:var(--space-3)}.faq-list{display:grid;gap:var(--space-3)}.faq-item{padding:var(--space-3)var(--space-4);background:var(--color-surface);border-inline-start:3px dashed var(--color-accent)}.faq-item dt{font-family:var(--font-display);font-weight:700;font-size:var(--font-size-lg)}.faq-item dd{margin:var(--space-2)0 0;color:var(--color-text-soft)}.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:var(--space-5);margin-block:var(--space-6)}.gallery-item{margin:0;padding:var(--space-2)var(--space-2)var(--space-3);background:var(--color-surface);box-shadow:var(--shadow-md)}.gallery-item:nth-child(odd){transform:rotate(-1.5deg)}.gallery-item:nth-child(even){transform:rotate(1.2deg)}.gallery-item img{inline-size:100%;aspect-ratio:1;object-fit:cover;box-shadow:none}.gallery .figure{margin:0}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(14rem,100%),1fr));gap:var(--space-3);margin-block:var(--space-6)}.stats-row{display:flex;flex-direction:column-reverse;gap:var(--space-1);padding:var(--space-4);background:var(--color-band);color:var(--color-band-text)}.stats-row dt{font-family:var(--font-mono);font-size:var(--font-size-sm);opacity:.9}.stats-row dd{margin:0;font-family:var(--font-display);font-size:var(--font-size-xl);font-weight:700;line-height:1.25}.takeaways{--tape-w:5.5em;margin-block:var(--space-6);padding:var(--space-5);background:var(--color-surface);box-shadow:var(--shadow-md);transform:rotate(.5deg)}.takeaways-kicker{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-primary);text-transform:uppercase;letter-spacing:.08em}.takeaways-heading{font-size:var(--font-size-xl);margin-block-end:var(--space-3)}.takeaways ul{padding-inline-start:var(--space-4)}.takeaways li::marker{content:"→  ";color:var(--color-primary)}.wrap{inline-size:min(100% - 2 * var(--gutter),var(--wrap));margin-inline:auto}.masthead{position:relative;isolation:isolate;background:radial-gradient(120% 90% at 85% 0%,color-mix(in srgb,var(--color-accent-2) 38%,transparent),transparent 60%),linear-gradient(180deg,var(--color-band) 0%,var(--color-band-deep) 100%);color:var(--color-band-text)}.masthead::after{content:"";position:absolute;inset:0;z-index:-1;background-image:var(--grain);background-size:180px 180px;opacity:.35;mix-blend-mode:overlay;pointer-events:none}.masthead__inner{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-4);align-content:center;padding-block:var(--space-6)var(--space-5)}.masthead--home .masthead__inner{min-block-size:min(40svh,34rem);padding-block:var(--space-7)var(--space-6)}.masthead__top{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-2)var(--space-4);font-family:var(--font-mono);font-size:var(--font-size-sm);letter-spacing:.04em;opacity:.92}.masthead__top a{color:inherit}.nameplate{margin:0;font-family:var(--font-display);font-size:var(--font-size-mast);font-weight:700;color:var(--color-band-text);line-height:1.02;letter-spacing:-.025em;text-shadow:0 2px 0 rgb(0 0 0/.18)}.masthead:not(.masthead--home) .nameplate{font-size:clamp(2.5rem,1.5rem + 4vw,4.5rem)}.nameplate a{color:inherit;text-decoration:none}.nameplate a:hover{color:inherit}.nameplate__ski{font-style:italic;font-weight:500;color:var(--color-accent)}.masthead__tagline{max-inline-size:36ch;font-family:var(--font-display);font-style:italic;font-size:var(--font-size-lg);line-height:1.45}.search{position:relative;max-inline-size:40rem}.search__label{display:block;margin-block-end:var(--space-2);font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--color-accent)}.search__row{display:flex;gap:0;box-shadow:6px 6px rgb(0 0 0/.22)}.search__input{flex:1;inline-size:100%;min-inline-size:0;padding:var(--space-3)var(--space-4);border:0;border-radius:0;background:var(--color-surface);color:var(--color-text);font-size:var(--font-size-lg)}.search__input::placeholder{color:var(--color-muted);font-style:italic}.search__submit{flex:none;padding:var(--space-3)var(--space-4);border:0;background:var(--color-accent);color:#2a1a12;font-family:var(--font-mono);font-size:var(--font-size-base);transition:background var(--dur-fast),transform var(--dur-fast)var(--ease-spring)}.search__submit:hover{background:#f4bd63;transform:translateY(-2px)}.search__results{position:absolute;inset-inline:0;inset-block-start:calc(100% + var(--space-2));z-index:70;display:grid;gap:var(--space-1);max-block-size:60vh;overflow-y:auto;padding:var(--space-3);background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-lg)}.search__results[hidden]{display:none}.search__results h2{font-family:var(--font-mono);font-size:var(--font-size-sm);font-weight:400;color:var(--color-muted)}.search__results ul{list-style:none;padding:0}.search__results li::marker{content:none}.search__results a{display:block;padding:var(--space-2);text-decoration:none;font-family:var(--font-display);font-weight:600}.search__results a:hover{background:var(--color-surface-2)}.search__results small{display:block;font-family:var(--font-mono);color:var(--color-muted);font-weight:400}.rubric-strip{position:sticky;inset-block-start:0;z-index:50;background:color-mix(in srgb,var(--color-bg) 92%,transparent);backdrop-filter:blur(8px);border-block-end:1px solid var(--color-border)}.rubric-strip__inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);min-block-size:3.5rem}.rubric-strip__brand{font-family:var(--font-display);font-weight:700;font-size:var(--font-size-lg);color:var(--color-primary);text-decoration:none}.rubrics{display:flex;gap:clamp(var(--space-2),2vw,var(--space-5));padding:0;margin:0;list-style:none}.rubrics li{margin:0}.rubrics li::marker{content:none}.rubrics a{display:inline-block;padding:var(--space-2);font-family:var(--font-display);font-size:var(--font-size-lg);font-weight:600;color:var(--color-text);text-decoration:none;transition:transform var(--dur-fast)var(--ease-spring),color var(--dur-fast)}.rubrics a:hover{color:var(--color-primary)}.rubrics a[aria-current=page],.rubrics a[data-active]{color:var(--color-primary);background:linear-gradient(transparent 62%,color-mix(in srgb,var(--color-accent) 60%,transparent) 62%,color-mix(in srgb,var(--color-accent) 60%,transparent) 92%,transparent 92%)}@media(prefers-color-scheme:dark){.rubrics a[aria-current=page],.rubrics a[data-active]{color:var(--color-band-text);background:linear-gradient(transparent 86%,var(--color-accent) 86%,var(--color-accent) 100%)}}@media(max-width:36rem){.rubric-strip__brand{display:none}.rubric-strip__inner{justify-content:center}}.breadcrumbs{margin-block-end:var(--space-5)}.breadcrumbs ol{display:flex;flex-wrap:wrap;gap:var(--space-2);padding:0;list-style:none;font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--color-muted)}.breadcrumbs li{margin:0}.breadcrumbs li::marker{content:none}.breadcrumbs li+li::before{content:"›";margin-inline-end:var(--space-2);color:var(--color-accent-2)}.breadcrumbs a{color:var(--color-muted)}.pager{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3);margin-block-start:var(--space-7);font-family:var(--font-mono);font-size:var(--font-size-sm)}.pager__status{color:var(--color-muted)}.site-footer{margin-block-start:var(--space-8);padding-block:var(--space-7)var(--space-5);background:var(--color-surface-2);border-block-start:10px solid var(--color-band)}.mosaic{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-flow:dense;gap:var(--space-5)}.mosaic__cell{--tape-w:3.25em;--tape-h:1.05em;padding:var(--space-4);background:var(--color-surface);box-shadow:var(--shadow-sm);font-size:var(--font-size-sm)}.mosaic__cell:nth-child(odd){transform:rotate(-.8deg)}.mosaic__cell:nth-child(even){transform:rotate(.7deg)}.mosaic__cell h2{margin-block-end:var(--space-3);font-family:var(--font-mono);font-weight:400;font-size:var(--font-size-sm);letter-spacing:.06em;text-transform:uppercase;color:var(--color-primary)}.mosaic__cell ul{list-style:none;padding:0;font-size:var(--font-size-sm)}.mosaic__cell li::marker{content:none}.mosaic__cell li+li{margin-block-start:var(--space-2)}.mosaic__cell--signoff{grid-column:span 3;grid-row:span 2;background:var(--color-band);color:var(--color-band-text);display:grid;align-content:space-between;gap:var(--space-4)}.mosaic__cell--latest{grid-column:span 3}.mosaic__cell--rubrics{grid-column:span 2}.mosaic__cell--tags{grid-column:span 1}.mosaic__cell--small{grid-column:span 2}.mosaic__cell--about{grid-column:span 4}.signoff__line{font-family:var(--font-display);font-style:italic;font-size:var(--font-size-2xl);line-height:var(--leading-heading)}.signoff__name{font-family:var(--font-mono);font-style:italic;font-size:var(--font-size-xl);color:var(--color-accent)}.signoff__brand{font-family:var(--font-mono);font-size:var(--font-size-xs);opacity:.85}.mosaic__cell a{color:var(--color-text)}.mosaic__cell--signoff a{color:inherit}.footer-base{margin-block-start:var(--space-6);font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-muted);text-align:center}@media(max-width:60rem){.mosaic{grid-template-columns:repeat(2,minmax(0,1fr))}.mosaic__cell--signoff,.mosaic__cell--latest,.mosaic__cell--about{grid-column:span 2;grid-row:auto}.mosaic__cell--rubrics,.mosaic__cell--tags,.mosaic__cell--small{grid-column:span 1}}@media(max-width:30rem){.mosaic{grid-template-columns:1fr}.mosaic .mosaic__cell{grid-column:1/-1}}main{display:block}.page{padding-block:var(--space-6)0}.kicker{display:inline-block;font-family:var(--font-mono);font-size:var(--font-size-sm);letter-spacing:.06em;text-transform:uppercase;color:var(--color-primary)}.section-title{display:flex;align-items:baseline;gap:var(--space-3);margin-block-end:var(--space-5);font-size:var(--font-size-2xl)}.section-title::after{content:"";flex:1;block-size:2px;background:repeating-linear-gradient(90deg,var(--color-rule) 0 8px,transparent 8px 14px)}.showcase{display:grid;gap:var(--space-7)}.front{display:grid;grid-template-columns:minmax(0,1.35fr)minmax(0,1fr);gap:var(--space-6);align-items:start}.card--feature{--tape-w:6em;--tape-h:1.7em;--tilt:-0.8deg;padding:0 0 var(--space-5)}.card--feature>:not(.card__media){padding-inline:var(--space-5)}.card--feature .card__title{font-size:var(--font-size-3xl);line-height:var(--leading-display)}.card--feature .card__excerpt{font-size:var(--font-size-base)}.card--feature.card--text{padding-block-start:var(--space-6)}.scatter{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-6)var(--space-5);align-items:start;padding-block-start:var(--space-3)}.scatter .card:nth-child(4n+1){--tilt:1.6deg}.scatter .card:nth-child(4n+2){--tilt:-1.4deg;margin-block-start:var(--space-5)}.scatter .card:nth-child(4n+3){--tilt:-0.9deg;margin-inline-start:var(--space-3)}.scatter .card:nth-child(4n+4){--tilt:2deg;margin-block-start:calc(-1 * var(--space-3))}.scatter .card__media{aspect-ratio:1}.scatter .card__title{font-size:var(--font-size-base)}.doors,.doors__list{display:grid;gap:var(--space-7)}.door{display:grid;grid-template-columns:minmax(14rem,1fr)minmax(0,2.4fr);gap:var(--space-6);align-items:start;padding-block-start:var(--space-5);border-block-start:2px solid var(--color-text)}.door:nth-child(even){grid-template-columns:minmax(0,2.4fr)minmax(14rem,1fr)}.door:nth-child(even) .door__label{order:2}.door__label{position:sticky;inset-block-start:var(--space-8);display:grid;gap:var(--space-3)}.door__num{font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--color-muted)}.door__title{font-size:var(--font-size-3xl);line-height:var(--leading-display)}.door__title a{color:var(--color-primary);text-decoration:none}.door__desc{color:var(--color-text-soft);font-size:var(--font-size-sm)}.door__count{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-muted)}.door__cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(15rem,100%),1fr));gap:var(--space-6)var(--space-5);align-items:start}.door__cards .card:nth-child(3n+1){--tilt:-1.2deg}.door__cards .card:nth-child(3n+2){--tilt:1deg;margin-block-start:var(--space-4)}.door__cards .card:nth-child(3n+3){--tilt:-0.5deg}.door__empty{font-style:italic;color:var(--color-muted)}.list-head{display:grid;gap:var(--space-3);margin-block-end:var(--space-5);max-inline-size:var(--measure)}.page-sheet>.prose>:first-child{margin-block-start:0}.list-head h1{color:var(--color-primary)}.list-head__intro{font-size:var(--font-size-lg);color:var(--color-text-soft)}.list-head__intro p{font-size:inherit}.pinboard{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(17rem,100%),1fr));gap:var(--space-7)var(--space-5);align-items:start}.pinboard .card{max-inline-size:26rem;justify-self:center;inline-size:100%}.pinboard .card:nth-child(5n+1){--tilt:-1.1deg}.pinboard .card:nth-child(5n+2){--tilt:0.9deg}.pinboard .card:nth-child(5n+3){--tilt:-0.4deg}.pinboard .card:nth-child(5n+4){--tilt:1.5deg}.pinboard .card:nth-child(5n+5){--tilt:-1.6deg}.term-cloud{display:flex;flex-wrap:wrap;gap:var(--space-3);padding:0;list-style:none}.term-cloud li::marker{content:none}.term-cloud .chip:nth-child(odd){transform:rotate(-1.5deg)}.post{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-6)}.post__header{--tape-w:5.5em;--tape-h:1.6em;display:grid;gap:var(--space-4);max-inline-size:58rem;padding:var(--space-6)var(--space-5)var(--space-5);background:var(--color-surface);box-shadow:var(--shadow-md);transform:rotate(-.4deg)}.post__header h1{color:var(--color-text);overflow-wrap:anywhere;hyphens:auto}.post__dek{font-family:var(--font-display);font-style:italic;font-size:var(--font-size-lg);color:var(--color-text-soft);max-inline-size:52ch}.post-snapshot{--tape-w:5em;justify-self:start;inline-size:min(100%,52rem);max-inline-size:min(100%,52rem);margin:0;padding:0;background:var(--color-surface-2);box-shadow:var(--shadow-lg);transform:rotate(.6deg)}.post-snapshot img{display:block;inline-size:100%;block-size:auto;aspect-ratio:16/10;object-fit:cover}.post-snapshot figcaption{padding:var(--space-2)var(--space-4);background:var(--color-surface);font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-muted)}.post__layout{display:grid;grid-template-columns:minmax(10rem,14rem)minmax(0,var(--measure));gap:var(--space-6);align-items:start}.post__body{min-inline-size:0}.post__foot{display:grid;gap:var(--space-4);max-inline-size:var(--measure);margin-inline-start:calc(min(14rem,100%) + var(--space-6))}.ticks{position:sticky;inset-block-start:calc(3.5rem + var(--space-5));font-family:var(--font-mono);font-size:var(--font-size-xs)}.ticks__label{display:block;margin-block-end:var(--space-3);color:var(--color-muted);text-transform:uppercase;letter-spacing:.08em}.ticks ol,.ticks ul{list-style:none;padding:0;margin:0;counter-reset:tick}.ticks li{margin:0}.ticks li::marker{content:none}.ticks ol ol,.ticks ul ul{padding-inline-start:var(--space-3)}.ticks a{position:relative;display:block;padding:var(--space-1)0 var(--space-1)2.25rem;color:var(--color-muted);text-decoration:none;line-height:1.4;border-inline-start:1px solid var(--color-rule);transition:color var(--dur-fast),transform var(--dur-fast)var(--ease-spring)}.ticks a::before{content:"";position:absolute;inset-inline-start:0;inset-block-start:.95em;inline-size:1.5rem;block-size:2px;background:var(--color-rule);transition:inline-size var(--dur-fast)var(--ease-out),background var(--dur-fast)}.ticks ol ol a::before,.ticks ul ul a::before{inline-size:.75rem}.ticks a:hover,.ticks a[data-current]{color:var(--color-primary);transform:translateX(3px)}.ticks a[data-current]::before{inline-size:2rem;block-size:4px;background:var(--color-accent)}.chapter-marker{position:fixed;inset-block-end:var(--space-4);inset-inline-end:var(--space-4);z-index:55;display:flex;align-items:baseline;gap:var(--space-2);max-inline-size:min(26rem,calc(100vw - 2 * var(--space-4)));padding:var(--space-2)var(--space-4);background:var(--color-band);color:var(--color-band-text);font-family:var(--font-mono);font-size:var(--font-size-sm);box-shadow:var(--shadow-lg);transform:rotate(-1.5deg)translateY(150%);opacity:0;transition:transform var(--dur-med)var(--ease-spring),opacity var(--dur-med)}.chapter-marker[data-visible]{transform:rotate(-1.5deg)translateY(0);opacity:1}.chapter-marker__num{color:var(--color-accent);white-space:nowrap}.chapter-marker__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.related-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(18rem,100%),1fr));gap:var(--space-6)var(--space-5)}.related-grid:not(:has(>:nth-child(3))){grid-template-columns:repeat(auto-fit,minmax(min(18rem,100%),calc((100% - 2 * var(--space-5))/3)))}.related-grid .card:nth-child(1){--tilt:-1deg}.related-grid .card:nth-child(2){--tilt:1.2deg;margin-block-start:var(--space-4)}.related-grid .card:nth-child(3){--tilt:-0.6deg}.post__related{margin-block-start:var(--space-7)}.page-sheet{max-inline-size:var(--measure);display:grid;gap:var(--space-5)}.page-sheet .author-card{margin-block-start:var(--space-6)}.page-sheet section>*+*{margin-block-start:var(--space-5)}.oops{text-align:center;display:grid;justify-items:center;gap:var(--space-4);padding-block:var(--space-7)}.oops .list-head__intro{max-inline-size:40rem}.oops__code{font-family:var(--font-display);font-size:var(--font-size-mast);color:var(--color-primary);line-height:1;transform:rotate(-3deg)}[data-magnetic]{transition:transform 260ms var(--ease-spring);will-change:transform}[data-magnetic].is-pulled{transition-duration:90ms}@media(max-width:64rem){.front{grid-template-columns:1fr}.door,.door:nth-child(even){grid-template-columns:1fr}.door:nth-child(even) .door__label{order:0}.door__label{position:static}.post__layout{grid-template-columns:minmax(0,var(--measure))}.post__foot{margin-inline-start:0}.ticks{position:static;padding:var(--space-4);background:var(--color-surface)}.related-grid{grid-template-columns:repeat(auto-fit,minmax(min(15rem,100%),1fr))}.related-grid:not(:has(>:nth-child(3))){grid-template-columns:repeat(auto-fit,minmax(min(15rem,100%),calc((100% - 2 * var(--space-5))/3)))}}@media(max-width:36rem){.scatter{grid-template-columns:1fr}.scatter .card:nth-child(n){margin:0}.post__header{padding-inline:var(--space-4)}.related-grid,.related-grid:not(:has(>:nth-child(3))){grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:1ms!important;transition-duration:1ms!important}.card:hover{transform:rotate(var(--tilt))}}@media print{body::before,.masthead::after,.rubric-strip,.chapter-marker,.search,.site-footer{display:none}.taped::before,.taped::after{display:none}.card,.post__header{box-shadow:none;transform:none}}.post__header .meta-line>*+*::before{content:"/";margin-inline-end:var(--space-4);color:var(--color-accent-2)}@media(max-width:36rem){.post__header .meta-line{flex-direction:column;align-items:flex-start;gap:var(--space-1)}.post__header .meta-line>*+*::before{content:none}}