﻿:root{--grid-columns: 2;--grid-gutter: var(--unit-space-3);--font-sans: "General Sans", "Inter", system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;--font-serif: -apple-system-ui-serif, ui-serif, "Georgia", serif;--font-weight-regular: 450;--font-weight-medium: 500;--font-weight-semibold: 580;--font-weight-bold: 700;--font-size--small: 0.875rem;--font-size--large: 1.375rem;--unit-measure--page: 100vw;--unit-break-medium: 50em;--unit-break-large: 68.75em;--unit-space-1: 0.5rem;--unit-space-2: 1rem;--unit-space-3: 2rem;--unit-space-4: 4rem;--a-duration--fast: 0.22s;--a-easing--regular: ease-in-out;--c-bg--primary: #fff;--c-accent: oklch(0.8 0.13 212);--c-text--primary: #111;--c-text--secondary: #888}@media (prefers-color-scheme: dark){:root{--c-bg--primary: #0e0e0e;--c-accent: oklch(0.8 0.13 212);--c-text--primary: #ccc;}h1{color:#fff}}@media (min-width: 50em){:root{--grid-columns: 6;--grid-gutter: var(--unit-space-4);--unit-measure--page: 65vw}}@font-face{font-family:"Plein";src:url("/fonts/Plein.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:"Plein";src:url("/fonts/PleinItalic.woff2") format("woff2");font-weight:100 900;font-style:italic;font-display:swap}@font-face{font-family:"General Sans";src:url("/fonts/GeneralSans.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:"General Sans";src:url("/fonts/GeneralSansItalic.woff2") format("woff2");font-weight:100 900;font-style:italic;font-display:swap}@font-face{font-family:"Inter";src:url("/fonts/Inter.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:"Inter";src:url("/fonts/InterItalic.woff2") format("woff2");font-weight:100 900;font-style:italic;font-display:swap}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}body{hyphens:auto;text-rendering:optimizeLegibility;font:var(--font-weight-regular) var(--font-size--small)/1.6 var(--font-sans);color:var(--c-text--primary);background-color:var(--c-bg--primary)}@media (prefers-color-scheme: dark){body{-webkit-font-smoothing:antialiased}}h1{font:400 var(--font-size--large)/1.5 var(--font-serif)}h1 em{color:var(--c-text--secondary)}h2{margin-bottom:var(--unit-space-2);font:var(--font-weight-regular) 1.5rem/1.2 var(--font-sans)}h3{margin-bottom:var(--unit-space-1);font:var(--font-weight-semibold) 1.125rem/1.2 var(--font-sans)}h3 a:hover{background:var(--c-accent)}h4{font:var(--font-weight-medium) .875rem/1.2 var(--font-sans);text-transform:uppercase;letter-spacing:.05em;opacity:.65}h1,h2,h3,h4{text-wrap:balance}h1 a,h2 a,h3 a,h4 a{text-decoration:none}ul{list-style:none}blockquote{padding:var(--unit-space-1) 0 var(--unit-space-1) var(--unit-space-2);border-left:4px solid color-mix(in oklch, var(--c-text--primary) 20%, rgba(0,0,0,0))}blockquote p{margin-bottom:0 !important}iframe{border:0;display:block;inline-size:100%;aspect-ratio:16/9}body{padding:0 var(--grid-gutter)}body .c-page{margin:0 auto;max-width:var(--unit-measure--page)}@media (min-width: 50em){body{padding:0}}.o-grid{display:grid;grid-template-columns:repeat(var(--grid-columns), 1fr);gap:var(--grid-gutter)}.o-grid .c-header,.o-grid .c-footer{grid-column:1/-1}.o-grid>main,.o-grid>main>*{display:grid;grid-template-columns:subgrid;grid-column:1/-1;gap:var(--unit-space-3)}.o-grid>main .c-section__header,.o-grid>main>* .c-section__header{position:sticky;top:var(--unit-space-3);grid-column:span 2;height:fit-content}.o-grid>main .c-section__body,.o-grid>main>* .c-section__body{grid-column:span 4;min-height:20vmax}.o-grid>main .c-section--hero>*,.o-grid>main>* .c-section--hero>*{grid-column:1/-1}.o-grid--bleed{margin:auto calc(-1*var(--grid-gutter))}@media (min-width: 50em){.o-grid--bleed{margin:0}}@media (min-width: 68.75em){.o-grid--bleed{margin:auto calc(-1*var(--grid-gutter))}}.o-grid__span-1{grid-column:span 1}.o-grid__span-2{grid-column:span 2}.o-grid__span-3{grid-column:span 3}.o-grid__span-4{grid-column:span 4}.o-grid__span-5{grid-column:span 5}.o-grid__span-full{grid-column:1/-1}a,a:visited{color:var(--c-accent)}a:hover{text-decoration:none}.c-action{margin:1rem 0;display:inline-block;padding:.8rem 1.1rem;font:var(--font-weight-medium) 1rem/1.2 var(--font-sans);text-decoration:none;color:#fff !important;background:var(--c-accent);transition:all .24s ease-in-out}.c-action:hover{opacity:.7}.c-aside{position:sticky;top:0;height:100vh;display:grid;justify-items:end;align-items:start;background:var(--c-bg--secondary)}.c-aside .c-action{color:var(--c-accent);background:var(--c-bg--primary)}.c-footer{padding:0 var(--grid-gutter)}.c-footer small{opacity:.6}@media (min-width: 50em){.c-footer{padding:0}}figure{margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}figure figcaption{color:var(--c-text--secondary)}figure.o-grid--bleed figcaption{padding-left:var(--grid-gutter);padding-right:var(--grid-gutter)}img{display:block;max-width:100%;height:auto}.c-item article blockquote,.c-item article iframe,.c-item article p{margin-bottom:var(--unit-space-2)}.c-item article blockquote:not(:first-of-type),.c-item article iframe:not(:first-of-type),.c-item article p:not(:first-of-type){text-indent:var(--unit-space-3)}.c-item article blockquote:last-child,.c-item article iframe:last-child,.c-item article p:last-child{margin-bottom:0}.c-item--project .project__artwork{display:grid;grid-template-columns:repeat(2, 1fr);gap:var(--unit-space-3);padding:var(--unit-space-2);background:var(--c-bg--secondary)}.c-item--reading article{display:flex;flex-direction:column}.c-item--reading article aside{width:fit-content}.c-item--reading article aside a{padding:var(--unit-space-1);display:flex;gap:var(--unit-space-1);align-items:center;font-size:.875rem;color:currentColor;text-decoration:none;background:var(--c-bg--secondary);border-radius:6px}.c-item--reading article aside a figure{width:30px}.c-item--reading article aside a figure img{border-radius:4px}.c-item--reading article aside a div p{margin-bottom:0;opacity:.6}.c-item--reading article aside a div p:first-child{font-weight:var(--font-weight-medium);opacity:1}.c-item--reading article aside a div p:last-child{text-indent:0}@media (min-width: 50em){.c-item article blockquote,.c-item article iframe,.c-item article p{margin-bottom:var(--unit-space-3)}.c-item--project .project__artwork{padding:var(--unit-space-3);grid-template-columns:repeat(3, 1fr)}}.post-type{font-size:.8rem;opacity:.7;margin-left:.5rem}.post-note .post-type,.post-note em{color:var(--c-accent)}.post-note a[target=_blank]:after{content:" ↗";opacity:.7}.post-reading .book-meta{display:flex;gap:1rem;margin-top:1rem;padding:1rem;background-color:rgba(0,0,0,.03);border-radius:4px}.post-reading .book-meta .book-cover{width:80px;height:auto;border-radius:4px}.post-reading .book-meta .book-info{flex:1}.post-reading .book-meta .book-info .book-author{margin:0 0 .5rem 0;font-style:italic;opacity:.8}.post-reading .book-meta .book-info p{margin:0}.c-header{position:sticky;padding-bottom:var(--unit-space-3);bottom:0;font-size:var(--font-size--small);}.c-header .c-nav .c-nav__list{display:flex;gap:var(--unit-space-3)}.c-header .c-nav .c-nav__list .c-nav__item a{color:var(--c-text--primary);opacity:.5;text-decoration:none}.c-header .c-nav .c-nav__list .c-nav__item a:hover{opacity:1}.c-list--justified .c-list__item{display:flex;align-items:center;gap:var(--unit-space-2)}.c-list--justified .c-list__item>*:first-child{display:flex;align-items:center;flex:1 1 auto;gap:var(--unit-space-2);text-decoration:none}.c-list--justified .c-list__item>*:first-child::after{content:"";flex:1 1 auto;height:1px;background:var(--c-text--primary);opacity:.15;transition:all var(--a-duration--fast) var(--a-easing--regular)}.c-list--justified .c-list__item>*:first-child:hover::after{opacity:1}.c-list--justified .c-list__item>*:last-child{color:var(--c-text--secondary)}.c-section .c-section__header h1{display:flex;flex-direction:column;line-height:1.4}.c-section--hero{padding:var(--unit-space-3) 0;height:100vh;color:var(--c-text--secondary)}.c-section--hero>*:nth-child(2){align-content:start;color:var(--c-text--primary)}.c-section--hero>*:nth-child(3){align-content:end}