:root{--color-paper: oklch(13% .014 265);--color-paper-2: oklch(16.5% .016 265);--color-paper-3: oklch(20% .017 265);--color-rule: oklch(31% .012 265);--color-rule-2: oklch(41% .013 265);--color-neutral: oklch(63% .01 265);--color-muted: oklch(73% .008 265);--color-ink: oklch(96% .006 262);--color-ink-2: oklch(86% .008 262);--color-accent: oklch(76% .17 50);--color-accent-hi: oklch(80% .16 52);--color-accent-ink: oklch(20% .04 60);--color-accent-2: oklch(70% .17 26);--color-accent-08: oklch(76% .17 50 / .08);--color-accent-12: oklch(76% .17 50 / .12);--color-focus: oklch(82% .14 55);--color-glow: oklch(80% .16 50 / .42);--color-glow-2: oklch(80% .16 50 / .2);--color-paper-emit: oklch(76% .17 50 / .045);--rule-blueprint: oklch(96% .006 262 / .05);--font-display: "Instrument Serif", "Tiempos Headline", ui-serif, Georgia, serif;--font-body: "Geist", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--font-label: var(--font-mono);--text-xs: .64rem;--text-sm: .8rem;--text-base: 1rem;--text-md: 1.25rem;--text-lg: 1.5625rem;--text-xl: 1.9531rem;--text-2xl: 2.4414rem;--text-3xl: 3.0518rem;--text-4xl: 3.8147rem;--text-display: clamp(2.75rem, 5vw + 1rem, 5rem);--text-display-s: clamp(2.25rem, 4vw + .5rem, 3.5rem);--text-stat: clamp(2.5rem, 4vw + 1rem, 4.5rem);--tracking-tight: -.032em;--tracking-micro: .1em;--space-3xs: .125rem;--space-2xs: .25rem;--space-xs: .5rem;--space-sm: .75rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2.5rem;--space-2xl: 4rem;--space-3xl: 6rem;--space-4xl: 9rem;--page-gutter: clamp(1.25rem, 5vw, 5rem);--measure: 65ch;--rule-hair: 1px;--radius-sm: 4px;--radius-md: 10px;--radius-lg: 16px;--radius-pill: 999px;--shadow-nav: 0 16px 40px -24px oklch(0% 0 0 / .7);--shadow-card: 0 24px 60px -40px oklch(0% 0 0 / .6);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in: cubic-bezier(.7, 0, .84, 0);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--ease-soft: cubic-bezier(.22, 1, .36, 1);--dur-micro: .12s;--dur-short: .22s;--dur-long: .42s;--dur-pulse: 4s;--z-base: 1;--z-raised: 10;--z-dropdown: 100;--z-sticky: 200;--z-modal: 400;--z-toast: 500;--z-tooltip: 600}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{overflow-x:clip;scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:6rem}body{overflow-x:clip;min-height:100dvh;background:var(--color-paper);color:var(--color-ink-2);font-family:var(--font-body);font-size:var(--text-base);font-weight:400;line-height:1.6;font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img,svg,canvas,video{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}:focus:not(:focus-visible){outline:none}:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px;border-radius:var(--radius-sm)}::selection{background:var(--color-accent-2);color:var(--color-paper)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.skip-link{position:fixed;top:var(--space-md);left:50%;transform:translate(-50%) translateY(-150%);z-index:var(--z-tooltip);padding:var(--space-sm) var(--space-md);background:var(--color-paper-2);color:var(--color-ink);border:var(--rule-hair) solid var(--color-rule-2);border-radius:var(--radius-pill);font-size:var(--text-sm);transition:transform var(--dur-short) var(--ease-out)}.skip-link:focus-visible{transform:translate(-50%) translateY(0)}.display,h1,h2,h3{font-family:var(--font-display);font-weight:400;line-height:1.06;letter-spacing:var(--tracking-tight);color:var(--color-ink);text-wrap:balance;overflow-wrap:anywhere;min-width:0}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-xl);letter-spacing:-.02em}.eyebrow,.mono,.card__eyebrow{font-family:var(--font-label);font-weight:500;font-size:var(--text-xs);letter-spacing:.02em;color:var(--color-muted);font-variant-numeric:tabular-nums}.lede{font-size:var(--text-md);line-height:1.55;color:var(--color-ink-2);max-width:52ch}p{max-width:var(--measure)}strong{font-weight:500;color:var(--color-ink)}.accent{color:var(--color-accent)}.page{position:relative}main{display:block}.section{padding-block:var(--space-3xl) var(--space-2xl);padding-inline:var(--page-gutter)}.section__inner{max-width:76rem;margin-inline:auto}.section__head{margin-bottom:var(--space-xl);max-width:54rem}.section__title{font-size:var(--text-3xl)}.section__sub{margin-top:var(--space-sm);color:var(--color-muted);font-size:var(--text-md);max-width:52ch}.btn{display:inline-flex;align-items:center;gap:var(--space-xs);line-height:1;padding:var(--space-sm) var(--space-lg);font-family:var(--font-body);font-weight:500;font-size:var(--text-sm);white-space:nowrap;border-radius:var(--radius-pill);transition:transform var(--dur-micro) var(--ease-out),background-color var(--dur-short) var(--ease-out),border-color var(--dur-short) var(--ease-out),color var(--dur-short) var(--ease-out)}.btn--primary{background:var(--color-accent);color:var(--color-accent-ink);border:var(--rule-hair) solid transparent;font-weight:600}.btn--primary:hover{background:var(--color-accent-hi);transform:translateY(-1px)}.btn--primary:active{transform:translateY(0)}.btn--ghost{background:transparent;color:var(--color-ink);border:var(--rule-hair) solid var(--color-rule-2)}.btn--ghost:hover{border-color:var(--color-accent);color:var(--color-accent);transform:translateY(-1px)}.btn--ghost:active{transform:translateY(0)}.link{color:var(--color-ink);white-space:nowrap;background-image:linear-gradient(var(--color-accent),var(--color-accent));background-size:0% 1px;background-position:0 100%;background-repeat:no-repeat;transition:background-size var(--dur-short) var(--ease-out),color var(--dur-short) var(--ease-out);padding-bottom:2px}.link:hover{background-size:100% 1px;color:var(--color-accent)}.link--muted{color:var(--color-muted)}.nav-pill{position:fixed;inset:var(--space-md) auto auto 50%;transform:translate(-50%);display:inline-flex;align-items:center;gap:var(--space-lg);max-width:calc(100vw - 2 * var(--space-md));padding:var(--space-xs) var(--space-xs) var(--space-xs) var(--space-md);background:var(--color-paper-2);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-pill);box-shadow:var(--shadow-nav);z-index:var(--z-sticky)}.nav-pill__brand{font-family:var(--font-display);font-weight:400;font-size:var(--text-md);letter-spacing:-.01em;color:var(--color-ink);white-space:nowrap}.nav-pill__links{display:flex;align-items:center;gap:var(--space-md);list-style:none;padding:0}.nav-pill__links a{font-size:var(--text-sm);color:var(--color-muted);white-space:nowrap;transition:color var(--dur-short) var(--ease-out)}.nav-pill__links a:hover{color:var(--color-ink)}.nav-pill__cta{font-size:var(--text-sm);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-pill);background:var(--color-accent);color:var(--color-accent-ink);font-weight:600;white-space:nowrap;transition:transform var(--dur-micro) var(--ease-out),background-color var(--dur-short) var(--ease-out)}.nav-pill__cta:hover{transform:translateY(-1px);background:var(--color-accent-hi)}@media(max-width:44rem){.nav-pill{gap:var(--space-md)}.nav-pill__links{display:none}}.hero{position:relative;min-height:clamp(60vh,80dvh,88dvh);display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center;gap:var(--space-2xl) var(--space-3xl);padding:var(--space-3xl) var(--page-gutter) var(--space-4xl);overflow:clip;isolation:isolate;background:linear-gradient(var(--rule-blueprint) 1px,transparent 1px) 0 0 / 48px 48px,linear-gradient(90deg,var(--rule-blueprint) 1px,transparent 1px) 0 0 / 48px 48px,radial-gradient(58% 52% at 74% 34%,var(--color-paper-emit) 0%,transparent 66%),var(--color-paper)}.hero__copy{max-width:36rem}.hero__eyebrow{display:block;margin-bottom:var(--space-lg);color:var(--color-accent)}.hero__title{font-family:var(--font-display);font-weight:400;font-size:var(--text-display);line-height:1.02;letter-spacing:var(--tracking-tight);color:var(--color-ink);max-width:16ch;overflow-wrap:anywhere;min-width:0}.hero__title em{font-style:normal;color:var(--color-accent-2);position:relative;white-space:nowrap}.hero__title em:after{content:"";position:absolute;left:.04em;right:.04em;bottom:.02em;height:2px;background:var(--color-accent-2);transform-origin:left;transform:scaleX(0);animation:draw-underline var(--dur-long) var(--ease-soft) .8s forwards}@keyframes draw-underline{to{transform:scaleX(1)}}.hero__lede{margin-top:var(--space-lg)}.hero__lede a{color:var(--color-accent);background-image:linear-gradient(var(--color-accent),var(--color-accent));background-size:100% 1px;background-position:0 100%;background-repeat:no-repeat;padding-bottom:1px;transition:color var(--dur-short) var(--ease-out),background-image var(--dur-short) var(--ease-out)}.hero__lede a:hover{color:var(--color-accent-hi);background-image:linear-gradient(var(--color-accent-hi),var(--color-accent-hi))}.hero__cta{margin-top:var(--space-xl);display:flex;flex-wrap:wrap;gap:var(--space-sm) var(--space-md);align-items:center}.hero .portrait{justify-self:center;width:100%;max-width:25rem}@media(max-width:60rem){.hero{grid-template-columns:minmax(0,1fr);min-height:auto;gap:var(--space-xl)}.hero__copy{order:1}.hero .portrait{order:2;max-width:18rem;justify-self:start}}.work__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-lg)}.work__grid>.card--wide{grid-column:1 / -1}@media(max-width:52rem){.work__grid{grid-template-columns:minmax(0,1fr)}}.card{position:relative;display:flex;flex-direction:column;gap:var(--space-md);padding:var(--space-xl);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-md);background:radial-gradient(120% 100% at 100% 0%,var(--color-paper-emit),transparent 55%),var(--color-paper-2);box-shadow:var(--shadow-card);transition:transform var(--dur-short) var(--ease-out),border-color var(--dur-short) var(--ease-out),background var(--dur-short) var(--ease-out)}.card:hover{transform:translateY(-4px);border-color:var(--color-rule-2);background:radial-gradient(120% 100% at 100% 0%,var(--color-accent-12),transparent 58%),var(--color-paper-2)}.card--wide{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:var(--space-2xl);align-items:center}@media(max-width:60rem){.card--wide{grid-template-columns:minmax(0,1fr);gap:var(--space-lg)}}.card__main{display:flex;flex-direction:column;gap:var(--space-md);min-width:0}.card__figure{min-width:0;align-self:center;width:100%}.card__head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-md);flex-wrap:wrap}.card__eyebrow{color:var(--color-accent)}.card__title{font-family:var(--font-display);font-size:var(--text-2xl);line-height:1.05;color:var(--color-ink);letter-spacing:-.02em}.card__year{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-neutral);letter-spacing:.02em;white-space:nowrap}.card__body{color:var(--color-ink-2);font-size:var(--text-sm);line-height:1.62}.card__body p+p{margin-top:var(--space-sm)}.card__stack{display:flex;flex-wrap:wrap;gap:var(--space-2xs);margin-top:auto}.chip{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.01em;color:var(--color-muted);padding:var(--space-2xs) var(--space-xs);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-sm)}.card__links{display:flex;flex-wrap:wrap;gap:var(--space-md);margin-top:var(--space-sm)}.card__links a{font-size:var(--text-sm)}.arch{width:100%;height:auto;color:var(--color-ink)}.arch__box{fill:var(--color-paper-3);stroke:var(--color-rule-2);stroke-width:1}.arch__box--accent{fill:var(--color-accent-08);stroke:var(--color-accent)}.arch__name{font-family:var(--font-mono);font-size:9px;fill:var(--color-ink);letter-spacing:.01em}.arch__sub{font-family:var(--font-mono);font-size:6.5px;fill:var(--color-muted)}.arch__hop{font-family:var(--font-mono);font-size:7px;fill:var(--color-neutral);letter-spacing:.02em}.arch__flow{stroke:var(--color-accent);stroke-width:1.4;stroke-linecap:round;fill:none;stroke-dasharray:4 5;animation:arch-flow 2.2s linear infinite}@keyframes arch-flow{to{stroke-dashoffset:-18}}.arch__caption{margin-top:var(--space-sm);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.02em;color:var(--color-neutral)}.rows{display:grid;gap:0}.row{display:grid;grid-template-columns:minmax(0,.34fr) minmax(0,.66fr);gap:var(--space-xl);padding-block:var(--space-lg);border-top:var(--rule-hair) solid var(--color-rule);align-items:start}.row:last-child{border-bottom:var(--rule-hair) solid var(--color-rule)}.row__k{display:grid;gap:var(--space-2xs)}.row__k-place{color:var(--color-ink);font-size:var(--text-md);font-family:var(--font-display);letter-spacing:-.01em}.row__k-sub{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-neutral);letter-spacing:.02em}.row__v-title{font-family:var(--font-display);font-size:var(--text-xl);line-height:1.15;letter-spacing:-.015em;color:var(--color-ink)}.row__v-body{margin-top:var(--space-xs);color:var(--color-ink-2);font-size:var(--text-sm);line-height:1.6}.row__tags{display:flex;flex-wrap:wrap;gap:var(--space-2xs);margin-top:var(--space-sm)}@media(max-width:48rem){.row{grid-template-columns:minmax(0,1fr);gap:var(--space-sm)}}.cta-panel{display:flex;align-items:center;justify-content:space-between;gap:var(--space-lg);padding:var(--space-xl);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-md);background:radial-gradient(120% 140% at 100% 0%,var(--color-paper-emit),transparent 60%),var(--color-paper-2);transition:border-color var(--dur-short) var(--ease-out),transform var(--dur-short) var(--ease-out),background var(--dur-short) var(--ease-out)}.cta-panel:hover{transform:translateY(-2px);border-color:var(--color-rule-2);background:radial-gradient(120% 140% at 100% 0%,var(--color-accent-12),transparent 62%),var(--color-paper-2)}.cta-panel__text{display:grid;gap:var(--space-2xs);min-width:0}.cta-panel__kicker{color:var(--color-accent)}.cta-panel__title{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--color-ink);line-height:1.1;letter-spacing:-.02em}.cta-panel__sub{color:var(--color-muted);font-size:var(--text-sm)}.cta-panel__arrow{font-family:var(--font-mono);font-size:var(--text-xl);color:var(--color-accent);flex:none;transition:transform var(--dur-short) var(--ease-out)}.cta-panel:hover .cta-panel__arrow{transform:translate(4px)}.section--page{padding-block-start:calc(var(--space-4xl) + 1rem)}.page-head{margin-bottom:var(--space-2xl);max-width:54rem}.page-head__back{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-muted);display:inline-block;margin-bottom:var(--space-lg);transition:color var(--dur-short) var(--ease-out)}.page-head__back:hover{color:var(--color-accent)}.page-head__title{font-size:var(--text-4xl)}.page-head__sub{margin-top:var(--space-sm);color:var(--color-muted);font-size:var(--text-md);max-width:52ch}.reading{display:grid;gap:0}.reading__item{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:var(--space-xl);padding-block:var(--space-lg);border-top:var(--rule-hair) solid var(--color-rule);align-items:start}.reading__item:last-child{border-bottom:var(--rule-hair) solid var(--color-rule)}.reading__head{display:grid;gap:var(--space-2xs)}.reading__tag{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-accent);letter-spacing:.02em}.reading__title{font-family:var(--font-display);font-size:var(--text-md);line-height:1.15;letter-spacing:-.01em;color:var(--color-ink)}.reading__title a{color:var(--color-ink);transition:color var(--dur-short) var(--ease-out)}.reading__title a:hover{color:var(--color-accent)}.reading__src{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-neutral);letter-spacing:.02em}.reading__take{color:var(--color-ink-2);font-size:var(--text-sm);line-height:1.62}@media(max-width:48rem){.reading__item{grid-template-columns:1fr;gap:var(--space-sm)}}.portrait{position:relative;aspect-ratio:4 / 5;width:100%;border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-md);overflow:hidden;background:radial-gradient(60% 50% at 50% 35%,var(--color-paper-emit),transparent 70%),var(--color-paper-2);box-shadow:var(--shadow-card)}.portrait img{width:100%;height:100%;object-fit:cover;object-position:center 22%}.portrait__mono{position:absolute;inset:0;display:grid;place-items:center;font-family:var(--font-display);font-size:clamp(3rem,10vw,5rem);color:var(--color-rule-2)}.portrait__tag{position:absolute;left:var(--space-sm);bottom:var(--space-sm);font-family:var(--font-mono);font-size:.68rem;letter-spacing:.02em;color:var(--color-neutral)}.foot{padding:var(--space-3xl) var(--page-gutter) var(--space-xl);display:grid;gap:var(--space-xl);border-top:var(--rule-hair) solid var(--color-rule);background:linear-gradient(var(--rule-blueprint) 1px,transparent 1px) 0 0 / 48px 48px,linear-gradient(90deg,var(--rule-blueprint) 1px,transparent 1px) 0 0 / 48px 48px,var(--color-paper)}.foot__inner{max-width:76rem;margin-inline:auto;width:100%;display:grid;gap:var(--space-lg)}.foot__line{font-family:var(--font-display);font-size:clamp(2rem,5.5vw,3.5rem);line-height:1.05;letter-spacing:-.02em;color:var(--color-ink);max-width:24ch;overflow-wrap:anywhere;min-width:0;text-align:center;margin-inline:auto}.foot__intro{text-align:center;margin-inline:auto;max-width:48ch;color:var(--color-ink-2);font-size:var(--text-md);line-height:1.55}.foot__links{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-sm) var(--space-md);margin-top:var(--space-xs)}.foot__link{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);border:var(--rule-hair) solid var(--color-rule-2);border-radius:var(--radius-pill);color:var(--color-ink-2);font-size:var(--text-sm);white-space:nowrap;transition:border-color var(--dur-short) var(--ease-out),color var(--dur-short) var(--ease-out),transform var(--dur-micro) var(--ease-out)}.foot__link:hover{border-color:var(--color-accent);color:var(--color-accent);transform:translateY(-1px)}.foot__link svg{width:17px;height:17px;flex:none;stroke:currentColor;fill:none}.foot__meta{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-md);flex-wrap:wrap;padding-top:var(--space-lg);border-top:var(--rule-hair) solid var(--color-rule)}.foot__meta .mono{color:var(--color-neutral)}.foot__brand{font-family:var(--font-display);font-size:var(--text-md);color:var(--color-ink)}.reveal{opacity:0;transform:translateY(10px);animation:reveal var(--dur-long) var(--ease-out) forwards;animation-delay:calc(var(--i, 0) * 70ms)}@keyframes reveal{to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.reveal{opacity:1;transform:none}.hero__title em:after{transform:scaleX(1);animation:none}.arch__flow{animation:none;stroke-dasharray:0}}