@layer tokens,base,layout,components,sections,utilities;@layer tokens{:root{--paper: #f4f1e9;--paper-deep: #ece7d8;--card: #ffffff;--ink: #111417;--ink-soft: #3a3f44;--lime: #c6f432;--lime-deep: #aadb12;--coral: #ff5c3d;--sky: #4d6bff;--grape: #b388ff;--bg: var(--paper);--fg: var(--ink);--accent: var(--lime);--border-color: var(--ink);--font-display: "Archivo", system-ui, sans-serif;--font-body: "Space Grotesk", system-ui, sans-serif;--font-mono: "Space Mono", ui-monospace, monospace;--fs-mega: clamp(3.5rem, 9vw, 8rem);--fs-h1: clamp(2.5rem, 6vw, 5rem);--fs-h2: clamp(1.9rem, 4vw, 3rem);--fs-h3: clamp(1.35rem, 2.4vw, 1.9rem);--fs-lead: clamp(1.1rem, 1.6vw, 1.4rem);--fs-body: 1.0625rem;--fs-small: .875rem;--fs-eyebrow: .8125rem;--lh-tight: .98;--lh-snug: 1.15;--lh-body: 1.6;--tracking-wide: .12em;--tracking-mega: -.02em;--space-2xs: .375rem;--space-xs: .625rem;--space-sm: 1rem;--space-md: 1.5rem;--space-lg: 2.5rem;--space-xl: 4rem;--space-2xl: 6rem;--space-3xl: 9rem;--container-max: 1240px;--container-pad: clamp(1.25rem, 4vw, 3rem);--bw: 3px;--bw-thick: 5px;--radius: 0px;--radius-pill: 999px;--shadow: 6px 6px 0 var(--ink);--shadow-lg: 10px 10px 0 var(--ink);--shadow-sm: 4px 4px 0 var(--ink);--shadow-accent: 6px 6px 0 var(--lime);--ease: cubic-bezier(.2, .9, .3, 1.2);--dur: .16s}}@layer base{*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background-color:var(--bg);color:var(--fg);font-family:var(--font-body);font-size:var(--fs-body);line-height:var(--lh-body);-webkit-font-smoothing:antialiased;min-height:100vh;background-image:linear-gradient(to right,rgba(17,20,23,.04) 1px,transparent 1px),linear-gradient(to bottom,rgba(17,20,23,.04) 1px,transparent 1px);background-size:28px 28px}h1,h2,h3,h4{font-family:var(--font-display);font-weight:800;line-height:var(--lh-snug);letter-spacing:-.01em;text-wrap:balance}p{text-wrap:pretty}a{color:inherit;text-decoration:none}img,picture,svg{display:block;max-width:100%}ul[role=list]{list-style:none;padding:0}button,input,textarea,select{font:inherit;color:inherit}:focus-visible{outline:var(--bw) solid var(--sky);outline-offset:3px}::selection{background:var(--lime);color:var(--ink)}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}}@layer layout{.container{width:100%;max-width:var(--container-max);margin-inline:auto;padding-inline:var(--container-pad)}.container--wide{max-width:1480px}.container--narrow{max-width:820px}.stack{display:flex;flex-direction:column;gap:var(--space-sm)}.stack--xs{gap:var(--space-xs)}.stack--md{gap:var(--space-md)}.stack--lg{gap:var(--space-lg)}.cluster{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-sm)}.cluster--sm{gap:var(--space-xs)}.cluster--between{justify-content:space-between}.grid{display:grid;gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr))}.grid--2{grid-template-columns:repeat(auto-fill,minmax(min(100%,420px),1fr))}.grid--gap-lg{gap:var(--space-lg)}.split{display:grid;gap:var(--space-lg);align-items:center}@media(min-width:880px){.split{grid-template-columns:1.1fr .9fr;gap:var(--space-2xl)}.split--reverse>:first-child{order:2}.split--even{grid-template-columns:1fr 1fr}}.section{padding-block:var(--space-2xl);background-color:var(--paper)}.section--tight{padding-block:var(--space-xl)}.section--hero{padding-block:clamp(var(--space-xl),9vw,var(--space-3xl))}.section--paper{background-color:var(--paper)}.section--deep{background-color:var(--paper-deep)}.section--lime{background-color:var(--lime);background-image:none}.section--ink{background-color:var(--ink);color:var(--paper);background-image:none}.section--ink h1,.section--ink h2,.section--ink h3{color:var(--paper)}.section--ruled{border-block:var(--bw) solid var(--ink)}}@layer components{.eyebrow{display:inline-flex;align-items:center;gap:var(--space-2xs);font-family:var(--font-mono);font-size:var(--fs-eyebrow);text-transform:uppercase;letter-spacing:var(--tracking-wide);font-weight:700}.eyebrow:before{content:"";width:.7em;height:.7em;background:var(--lime);border:2px solid var(--ink)}.section--ink .eyebrow:before{background:var(--lime)}.btn{--btn-bg: var(--card);--btn-fg: var(--ink);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2xs);padding:.85em 1.4em;font-family:var(--font-display);font-weight:800;font-size:var(--fs-small);text-transform:uppercase;letter-spacing:.04em;color:var(--btn-fg);background:var(--btn-bg);border:var(--bw) solid var(--ink);border-radius:var(--radius);box-shadow:var(--shadow-sm);cursor:pointer;transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease),background var(--dur) var(--ease);will-change:transform}.btn:hover{transform:translate(-2px,-2px);box-shadow:var(--shadow)}.btn:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}.btn--primary{--btn-bg: var(--lime)}.btn--primary:hover{--btn-bg: var(--lime-deep)}.btn--ink{--btn-bg: var(--ink);--btn-fg: var(--paper)}.btn--coral{--btn-bg: var(--coral)}.btn--ghost{--btn-bg: transparent;box-shadow:none}.btn--ghost:hover{--btn-bg: var(--card)}.btn--lg{padding:1.05em 1.8em;font-size:1rem}.btn__arrow{transition:transform var(--dur) var(--ease)}.btn:hover .btn__arrow{transform:translate(4px)}.card{position:relative;background:var(--card);border:var(--bw) solid var(--ink);border-radius:var(--radius);box-shadow:var(--shadow);padding:var(--space-md);transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.card--interactive{cursor:pointer}.card--interactive:hover{transform:translate(-3px,-3px) rotate(var(--tilt, -.6deg));box-shadow:var(--shadow-lg)}.card--lime{background:var(--lime)}.card--ink{background:var(--ink);color:var(--paper)}.card--flush{padding:0;overflow:hidden}.card__body{padding:var(--space-md)}.card__index{font-family:var(--font-mono);font-size:var(--fs-small);font-weight:700}.tag{display:inline-flex;align-items:center;gap:.35em;padding:.3em .7em;font-family:var(--font-mono);font-size:var(--fs-small);font-weight:700;line-height:1;background:var(--card);border:2px solid var(--ink);border-radius:var(--radius-pill);white-space:nowrap}.tag--lime{background:var(--lime)}.tag--coral{background:var(--coral)}.tag--sky{background:var(--sky);color:var(--ink)}.tag--grape{background:var(--grape)}.tag--ink{background:var(--ink);color:var(--paper)}.logo{display:inline-flex;align-items:center;gap:.6rem;font-family:var(--font-display);font-weight:800}.logo__mark{display:grid;place-items:center;width:2.4rem;height:2.4rem;background:var(--lime);border:var(--bw) solid var(--ink);box-shadow:var(--shadow-sm);font-size:1rem;font-weight:900;letter-spacing:-.04em;transition:transform var(--dur) var(--ease)}.logo:hover .logo__mark{transform:rotate(-8deg)}.logo__text{font-size:1.05rem;letter-spacing:-.02em}.site-header{position:sticky;top:0;z-index:50;background:var(--paper);border-bottom:var(--bw) solid var(--ink)}.nav{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding-block:.85rem}.nav__links{display:flex;align-items:center;gap:var(--space-xs)}.nav__link{position:relative;padding:.5em .9em;font-family:var(--font-display);font-weight:700;font-size:var(--fs-small);text-transform:uppercase;letter-spacing:.04em;border:var(--bw) solid transparent;transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease),transform var(--dur) var(--ease)}.nav__link:hover{background:var(--card);border-color:var(--ink);transform:translateY(-2px)}.nav__link[aria-current=page]{background:var(--lime);border-color:var(--ink);box-shadow:var(--shadow-sm)}.nav__toggle{display:none;width:3rem;height:3rem;align-items:center;justify-content:center;background:var(--lime);border:var(--bw) solid var(--ink);box-shadow:var(--shadow-sm);cursor:pointer}.nav__toggle-bars,.nav__toggle-bars:before,.nav__toggle-bars:after{content:"";display:block;width:1.25rem;height:3px;background:var(--ink);transition:transform var(--dur) var(--ease),opacity var(--dur)}.nav__toggle-bars:before{transform:translateY(-7px)}.nav__toggle-bars:after{transform:translateY(4px)}.nav[data-open=true] .nav__toggle-bars{background:transparent}.nav[data-open=true] .nav__toggle-bars:before{transform:rotate(45deg)}.nav[data-open=true] .nav__toggle-bars:after{transform:rotate(-45deg) translateY(-2px) translate(1px)}@media(max-width:820px){.nav__toggle{display:inline-flex}.nav__links{position:absolute;inset:100% 0 auto;flex-direction:column;align-items:stretch;gap:0;background:var(--paper);border-bottom:var(--bw) solid var(--ink);padding:var(--space-sm) var(--container-pad) var(--space-md);transform:translateY(-8px);opacity:0;pointer-events:none;transition:opacity var(--dur) var(--ease),transform var(--dur) var(--ease)}.nav[data-open=true] .nav__links{transform:translateY(0);opacity:1;pointer-events:auto}.nav__link{display:block;padding-block:.9em;padding-inline:0;border-bottom:var(--bw) solid var(--ink);border-left:0;border-right:0;border-top:0;box-shadow:none}.nav__link:hover{transform:none}}.marquee{overflow:hidden;border-block:var(--bw) solid var(--ink);background:var(--ink);color:var(--paper);background-image:none}.marquee__track{display:flex;width:max-content;gap:var(--space-lg);padding-block:.8rem;animation:marquee-scroll 28s linear infinite}.marquee:hover .marquee__track{animation-play-state:paused}.marquee__item{font-family:var(--font-display);font-weight:800;font-size:clamp(1.1rem,2.4vw,1.9rem);text-transform:uppercase;letter-spacing:.02em;display:inline-flex;align-items:center;gap:var(--space-lg);white-space:nowrap}.marquee__item:after{content:"✦";color:var(--lime)}.marquee--lime{background:var(--lime);color:var(--ink)}.marquee--lime .marquee__item:after{color:var(--ink)}@keyframes marquee-scroll{0%{transform:translate(0)}to{transform:translate(calc(-50% - var(--space-lg) / 2))}}.stat{border:var(--bw) solid var(--ink);background:var(--card);padding:var(--space-md);box-shadow:var(--shadow-sm)}.stat__num{font-family:var(--font-display);font-weight:800;font-size:clamp(2.2rem,5vw,3.4rem);line-height:1;letter-spacing:-.03em}.stat__label{font-family:var(--font-mono);font-size:var(--fs-small);text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft)}.ph{position:relative;display:grid;place-items:center;border:var(--bw) solid var(--ink);overflow:hidden;padding:1.5rem;background-color:var(--paper-deep)}.ph img{position:absolute;inset:0;width:100%;height:100%;padding:1.5rem;box-sizing:border-box;object-fit:contain}.ph__label{font-family:var(--font-mono);font-size:var(--fs-small);text-transform:uppercase;letter-spacing:.08em;background:var(--card);border:2px solid var(--ink);padding:.35em .7em}.ph--square{aspect-ratio:1}.ph--portrait{aspect-ratio:3 / 4}.ph--wide{aspect-ratio:16 / 10}.ph--shadow{box-shadow:var(--shadow)}.field{display:flex;flex-direction:column;gap:var(--space-2xs)}.field__label{font-family:var(--font-display);font-weight:700;font-size:var(--fs-small);text-transform:uppercase;letter-spacing:.05em}.input,.textarea{width:100%;padding:.85em 1em;background:var(--card);border:var(--bw) solid var(--ink);border-radius:var(--radius);box-shadow:inset 0 0 0 0 var(--lime);transition:box-shadow var(--dur) var(--ease)}.input:focus-visible,.textarea:focus-visible{outline:none;box-shadow:var(--shadow-sm)}.textarea{min-height:9rem;resize:vertical}.social{display:inline-flex;align-items:center;gap:.5em;padding:.7em 1em;font-family:var(--font-mono);font-weight:700;font-size:var(--fs-small);background:var(--card);border:var(--bw) solid var(--ink);box-shadow:var(--shadow-sm);transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease),background var(--dur)}.social:hover{transform:translate(-2px,-2px);box-shadow:var(--shadow);background:var(--lime)}.site-footer{background:var(--ink);color:var(--paper);border-top:var(--bw) solid var(--ink);background-image:none;padding-block:var(--space-xl) var(--space-lg)}.site-footer a{color:var(--paper)}.site-footer a .logo__mark{color:var(--ink)}.site-footer .social{background:transparent;color:var(--paper);border-color:var(--paper);box-shadow:4px 4px 0 var(--lime)}.site-footer .social:hover{background:var(--lime);color:var(--ink);border-color:var(--lime)}.footer__rule{border:0;border-top:var(--bw) solid rgba(244,241,233,.25);margin-block:var(--space-lg)}.footer__tagline{max-width:38ch;color:#f4f1e9b3}.footer__small{font-family:var(--font-mono);font-size:var(--fs-small)}.footer__nav-link{font-family:var(--font-mono);font-size:var(--fs-small);transition:color var(--dur)}.footer__nav-link:hover{color:var(--lime)}}@layer sections{.hero__title{font-size:var(--fs-mega);line-height:var(--lh-tight);letter-spacing:var(--tracking-mega);font-weight:800}.hero__title .mark{background:var(--lime);border:var(--bw) solid var(--ink);box-shadow:var(--shadow);padding:0 .12em;display:inline-block;transform:rotate(-1.5deg)}.hero__lead{font-size:var(--fs-lead);max-width:46ch;color:var(--ink-soft)}.page-head{padding-block:var(--space-2xl) var(--space-xl);border-bottom:var(--bw) solid var(--ink)}.page-head__title{font-size:var(--fs-h1);line-height:var(--lh-tight)}.prose{max-width:68ch}.prose p{font-size:var(--fs-lead);margin-bottom:var(--space-md);line-height:var(--lh-body)}.prose p:last-child{margin-bottom:0}.prose a{font-weight:700;text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:3px;text-decoration-color:var(--lime);transition:background var(--dur)}.prose a:hover{background:var(--lime)}.prose strong{font-weight:700}.section-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:var(--space-md);margin-bottom:var(--space-lg)}.section-head__title{font-size:var(--fs-h2);line-height:var(--lh-snug)}.project{display:grid;gap:var(--space-md);padding:var(--space-md);border:var(--bw) solid var(--ink);background:var(--card);box-shadow:var(--shadow);transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}@media(min-width:760px){.project{grid-template-columns:.9fr 1.1fr;align-items:center;gap:var(--space-lg)}.project--reverse .project__media{order:2;padding:2rem}}.project:hover{transform:translate(-4px,-4px);box-shadow:var(--shadow-lg)}.project__title{font-size:var(--fs-h3)}.post__meta{display:flex;gap:var(--space-sm);font-family:var(--font-mono);font-size:var(--fs-small);color:var(--ink-soft)}.post__title{font-size:var(--fs-h3);line-height:var(--lh-snug)}.timeline{display:grid;gap:0;border:var(--bw) solid var(--ink);background:var(--card);box-shadow:var(--shadow)}.timeline__item{display:grid;gap:var(--space-2xs);padding:var(--space-md);border-bottom:var(--bw) solid var(--ink)}.timeline__item:last-child{border-bottom:0}.timeline__year{font-family:var(--font-mono);font-weight:700;color:var(--coral)}.timeline__role{font-size:var(--fs-h3)}.cta{text-align:center;display:grid;gap:var(--space-md);justify-items:center}.cta__title{font-size:var(--fs-h1);line-height:var(--lh-tight)}.article-head{padding-block:var(--space-2xl) var(--space-lg);border-bottom:var(--bw) solid var(--ink)}.article-head__title{font-size:var(--fs-h1);line-height:var(--lh-tight);max-width:18ch}.article-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-sm);font-family:var(--font-mono);font-size:var(--fs-small);color:var(--ink-soft)}.article-meta__dot{width:.4rem;height:.4rem;background:var(--coral);border:2px solid var(--ink)}.article-byline{display:inline-flex;align-items:center;gap:var(--space-xs);font-family:var(--font-mono);font-size:var(--fs-small)}.article-byline__avatar{display:grid;place-items:center;width:2.4rem;height:2.4rem;background:var(--lime);border:var(--bw) solid var(--ink);font-family:var(--font-display);font-weight:900;font-size:.85rem;letter-spacing:-.04em}.article-cover{border:var(--bw) solid var(--ink);box-shadow:var(--shadow-lg)}.prose--article h2{font-size:var(--fs-h2);line-height:var(--lh-snug);margin-top:var(--space-xl);margin-bottom:var(--space-sm)}.prose--article h3{font-size:var(--fs-h3);margin-top:var(--space-lg);margin-bottom:var(--space-xs)}.prose--article h2+p,.prose--article h3+p{margin-top:0}.prose--article ul,.prose--article ol{margin:0 0 var(--space-md);padding-left:1.4em;font-size:var(--fs-lead)}.prose--article li{margin-bottom:var(--space-2xs);padding-left:.3em}.prose--article li::marker{color:var(--coral);font-weight:700}.prose--article blockquote{margin:var(--space-lg) 0;padding:var(--space-md) var(--space-lg);background:var(--lime);border:var(--bw) solid var(--ink);box-shadow:var(--shadow);font-family:var(--font-display);font-weight:700;font-size:var(--fs-h3);line-height:var(--lh-snug)}.prose--article blockquote cite{display:block;margin-top:var(--space-xs);font-family:var(--font-mono);font-weight:400;font-size:var(--fs-small);font-style:normal}.prose--article :not(pre)>code{font-family:var(--font-mono);font-size:.9em;background:var(--paper-deep);border:2px solid var(--ink);padding:.1em .4em}.prose--article pre{margin:var(--space-lg) 0;padding:var(--space-md);background:var(--ink);color:var(--paper);border:var(--bw) solid var(--ink);box-shadow:var(--shadow);overflow-x:auto;font-family:var(--font-mono);font-size:var(--fs-small);line-height:1.7}.prose--article pre code{color:inherit}.article-figure{margin:var(--space-lg) 0}.article-figure figcaption{margin-top:var(--space-xs);font-family:var(--font-mono);font-size:var(--fs-small);color:var(--ink-soft)}.article-share{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-sm);padding-block:var(--space-lg);border-block:var(--bw) solid var(--ink)}.article-share__label{font-family:var(--font-display);font-weight:800;font-size:var(--fs-small);text-transform:uppercase;letter-spacing:.05em}.author-card{display:grid;gap:var(--space-md);grid-template-columns:auto 1fr;align-items:center;padding:var(--space-md);background:var(--card);border:var(--bw) solid var(--ink);box-shadow:var(--shadow)}.author-card__avatar{width:4.5rem;height:4.5rem;display:grid;place-items:center;background:var(--lime);border:var(--bw) solid var(--ink);box-shadow:var(--shadow-sm);font-family:var(--font-display);font-weight:900;font-size:1.4rem;letter-spacing:-.04em}.author-card__name{font-family:var(--font-display);font-weight:800;font-size:var(--fs-h3)}.author-card__role{font-family:var(--font-mono);font-size:var(--fs-small);color:var(--ink-soft)}.read-progress{position:fixed;top:0;left:0;height:6px;width:0;background:var(--lime);border-right:2px solid var(--ink);z-index:60;transition:width 80ms linear}}@layer utilities{.u-center-text{text-align:center}.u-mono{font-family:var(--font-mono)}.u-uppercase{text-transform:uppercase;letter-spacing:var(--tracking-wide)}.u-balance{text-wrap:balance}.u-accent{color:var(--lime)}.u-soft{color:var(--ink-soft)}.u-bg-lime{background:var(--lime)}.u-bg-card{background:var(--card)}.u-border{border:var(--bw) solid var(--ink)}.u-shadow{box-shadow:var(--shadow)}.u-shadow-lg{box-shadow:var(--shadow-lg)}.u-rotate-l{transform:rotate(-2deg)}.u-rotate-r{transform:rotate(2deg)}.u-mt-lg{margin-top:var(--space-lg)}.u-mt-xl{margin-top:var(--space-xl)}.u-mb-md{margin-bottom:var(--space-md)}.u-full{width:100%}.u-hidden{display:none!important}.reveal{opacity:0;transform:translateY(24px);transition:opacity .52s var(--ease),transform .52s var(--ease);transition-delay:var(--reveal-delay, 0ms)}.reveal.is-visible{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}}