:root{--surface:#f3f0eb;--surface-low:#ede8e1;--surface-mid:#e7e1d8;--surface-high:#d9d2c9;--ink:#5c5852;--ink-header:#5c5852;--ink-soft:#746f67;--ink-inverse:#fff;--accent:#b12c17;--accent-soft:#ffdad3;--line:#d5cec5;--line-strong:#747878;--max:1440px;--gutter:24px;--margin:64px;--font-display:"Syne", Arial, sans-serif;--font-body:"Lora", Georgia, serif;--font-label:"DM Mono", "SFMono-Regular", Consolas, monospace}*{box-sizing:border-box}html{background:var(--surface);color:var(--ink);scroll-behavior:smooth}body{background:linear-gradient(to right, transparent 0, transparent calc(100% - 1px), var(--line) calc(100% - 1px)), var(--surface);min-width:320px;color:var(--ink);font-family:var(--font-body);text-rendering:geometricprecision;margin:0}::selection{background:var(--accent);color:var(--ink-inverse)}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,a{-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.shell,.article-shell{width:min(100%, var(--max));padding-right:var(--margin);padding-left:var(--margin);margin:0 auto}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.site-header{z-index:20;border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--surface-low) 82%, var(--surface) 18%);position:sticky;top:0}.site-header__inner{width:min(100%, var(--max));height:64px;padding:0 var(--margin);justify-content:space-between;align-items:center;gap:32px;margin:0 auto;display:flex}.site-header__left,.site-header__article-actions{align-items:center;gap:48px;display:flex}.brand{color:var(--ink-header);font-family:var(--font-display);letter-spacing:0;align-items:baseline;font-size:40px;font-weight:800;line-height:1;display:inline-flex}.brand span{color:var(--accent)}.site-nav{align-items:center;gap:32px;display:flex}.site-nav__link,.text-link,.footer-nav a,.kicker,.article-meta,.toc,.article-side,.post-card time{font-family:var(--font-label);letter-spacing:.05em;text-transform:uppercase;font-size:12px;line-height:1.4}.site-nav__link{color:color-mix(in srgb, var(--ink-header) 88%, var(--surface) 12%);border-bottom:2px solid #0000;padding:8px 0}.site-nav__link:hover,.site-nav__link.is-active,.text-link:hover,.footer-nav a:hover{color:var(--accent)}.site-nav__link.is-active{border-color:currentColor}.tag--pill{min-height:24px;color:var(--accent);font-family:var(--font-label);letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;border:1px solid;border-radius:999px;align-items:center;padding:3px 12px;font-size:12px;line-height:1.4;display:inline-flex}.header-avatar,.author-card__avatar{border:1px solid var(--line);object-fit:cover;filter:grayscale();border-radius:999px}.hero{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,5fr) minmax(300px,4fr);gap:clamp(48px,8vw,160px);min-height:calc(100svh - 64px);padding-top:96px;padding-bottom:88px;display:grid}.hero__copy{flex-direction:column;justify-content:flex-start;max-width:100%;padding-top:clamp(48px,10vh,120px);display:flex}.hero__eyebrow{color:var(--ink-soft);font-family:var(--font-label);letter-spacing:.05em;text-transform:uppercase;margin:0 0 24px;font-size:12px;line-height:1.4}.kicker{color:var(--ink-soft);margin:0 0 28px}.hero h1{font-family:var(--font-display);letter-spacing:0;font-kerning:normal;font-optical-sizing:auto;font-variant-ligatures:common-ligatures contextual;font-feature-settings:"kern" 1, "liga" 1, "calt" 1;text-wrap:balance;margin:0;font-weight:800;line-height:.82;display:inline-block}.hero__headline{gap:0;padding-top:.2em;display:inline-grid;position:relative;overflow:visible}.hero__headline-line{z-index:1;display:block;position:relative}.hero__headline-line--final{white-space:nowrap;align-items:baseline;gap:.1em;display:inline-flex}.hero h1{max-width:500px;font-size:clamp(52px,6vw,84px);line-height:.74}.hero__intro{max-width:36ch;color:var(--ink-soft);margin:28px 0 0;font-size:clamp(18px,1.5vw,22px);line-height:1.5}.hero__full-stop{z-index:2;transform-origin:50%;width:.72em;height:.72em;position:relative;top:.02em}.hero__die{background:var(--accent);width:100%;height:100%;box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 68%, #000 32%);border-radius:4px;display:block;position:relative}@media (prefers-reduced-motion:reduce){.hero__full-stop{top:.02em}.hero__die{animation:none}}.hero__art{aspect-ratio:4/5;width:min(100%,520px);box-shadow:none;align-self:end;margin:0 0 clamp(8px,4vh,48px) auto;position:relative;overflow:visible}.hero__image{object-fit:cover;filter:grayscale()contrast(1.08);z-index:2;transform:scale(1.04)}.scroll-effects-ready [data-reveal-hero]{opacity:0;transition:opacity .9s cubic-bezier(.16, 1, .3, 1) var(--reveal-delay,0s), transform .9s cubic-bezier(.16, 1, .3, 1) var(--reveal-delay,0s);will-change:opacity, transform;transform:translateY(28px)}.scroll-effects-ready [data-reveal-hero].is-revealed{opacity:1;transform:translate(0,0)}.hero__art:after{border:1px solid var(--line);background:linear-gradient(to top, color-mix(in srgb, var(--surface) 10%, transparent), transparent 42%);content:"";pointer-events:none;z-index:4;position:absolute;inset:0}.hero__square{aspect-ratio:1;border:1px solid var(--line);background:color-mix(in srgb, var(--surface-low) 78%, transparent);width:auto;box-shadow:none;pointer-events:none;position:absolute}.hero__square--back{z-index:1;width:68%;top:4%;left:4%}.hero__square--front{background:var(--accent);z-index:4;width:52%;bottom:-20%;right:-8%}.hero__mask{pointer-events:none;z-index:2;position:absolute;inset:0}.hero__mask:before,.hero__mask:after{background:var(--surface);content:"";pointer-events:none;width:36%;height:36%;position:absolute}.hero__mask:before{clip-path:polygon(0 0,100% 0,100% 100%);top:0;right:0}.hero__mask:after{clip-path:polygon(0 0,0 100%,100% 100%);bottom:0;left:0}.post-grid{border-bottom:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));padding-top:96px;padding-bottom:96px;display:grid}.post-card{border-right:1px solid var(--line);flex-direction:column;min-height:340px;padding:36px;transition:background .16s;display:flex}.post-card:first-child{border-left:0}.post-card:last-child{border-right:0}.post-card:hover{background:var(--surface-low)}.post-card h3{font-family:var(--font-display);letter-spacing:0;margin:0;font-size:28px;line-height:1.08;transition:color .16s}.post-card:hover h3{color:var(--accent)}.post-card time{color:var(--ink-soft);margin-top:auto}.blog-preview{border-bottom:1px solid var(--line);padding-bottom:96px}.blog-preview__footer{justify-content:flex-end;padding-top:28px;display:flex}.blog-preview__more{display:inline-flex}.project-preview{border-bottom:1px solid var(--line);padding-top:72px;padding-bottom:72px}.project-preview__heading h2,.projects-index__header h1{font-family:var(--font-display);letter-spacing:0;margin:0;font-size:64px;line-height:.98}.project-preview__heading{margin-bottom:28px}.projects-index{padding-top:64px;padding-bottom:96px}.projects-index__header{max-width:720px;margin-bottom:40px}.projects-index__header p{color:var(--ink-soft);margin:16px 0 0;font-size:20px;line-height:1.5}.project-stack{gap:24px;display:grid}.project-stack--single{gap:0}.project-track{scroll-snap-type:x proximity;grid-auto-columns:minmax(240px,1fr);grid-auto-flow:column;gap:14px;padding-bottom:8px;display:grid;overflow-x:auto}.project-card{border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 92%, var(--surface-low) 8%);scroll-snap-align:start;color:inherit;text-decoration:none;overflow:hidden}.project-card--horizontal{grid-template-columns:minmax(100px,140px) minmax(0,1fr);min-height:180px;display:grid}.project-card--compact{grid-template-columns:minmax(84px,112px) minmax(0,1fr);min-height:152px}.project-card__media{background:var(--surface-mid);min-height:100%;position:relative}.project-card__media img{object-fit:contain;padding:12px}.project-card--compact .project-card__media{aspect-ratio:1;min-height:0}.project-card--compact .project-card__media img{padding:10px}.project-card__body{flex-direction:column;justify-content:center;gap:3px;padding:14px;display:flex}.project-card__body h2,.project-card__body h3{font-family:var(--font-display);letter-spacing:0;margin:0;font-size:17px;line-height:1.02}.project-card__body p{color:var(--ink-soft);margin:0;font-size:10px;line-height:1.22}.project-feature{border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 90%, var(--surface-low) 10%);min-height:360px;color:inherit;grid-template-columns:minmax(280px,.95fr) minmax(0,1.05fr);text-decoration:none;display:grid;overflow:hidden}.project-feature__media{background:var(--surface-mid);min-height:100%;position:relative}.project-feature__media img{object-fit:contain;padding:clamp(18px,3vw,32px)}.project-feature__body{flex-direction:column;justify-content:center;gap:18px;padding:clamp(24px,4vw,48px);display:flex}.project-feature__eyebrow{color:var(--accent);font-family:var(--font-label);letter-spacing:.05em;text-transform:uppercase;font-size:11px}.project-feature__body h2{font-family:var(--font-display);letter-spacing:0;margin:0;font-size:clamp(30px,3vw,46px);line-height:.98}.project-feature__summary{max-width:34ch;color:var(--ink-soft);margin:0;font-size:clamp(18px,1.6vw,22px);line-height:1.5}.project-feature__note{max-width:46ch;margin:0;font-size:16px;line-height:1.6}.project-feature__meta{gap:8px;width:fit-content;padding-top:8px;display:grid}.project-feature__meta span{color:var(--line-strong);font-family:var(--font-label);letter-spacing:.05em;text-transform:uppercase;font-size:11px}.project-feature__meta strong{font-family:var(--font-display);font-size:22px;font-weight:700;line-height:1}.project-preview__more{display:inline-flex}.project-detail{padding-top:72px;padding-bottom:96px}.project-detail__hero{grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);align-items:center;gap:clamp(32px,6vw,96px);min-height:calc(100svh - 240px);display:grid}.project-detail__media{aspect-ratio:1;border:1px solid var(--line);background:var(--surface-low);max-width:720px;margin:0;position:relative}.project-detail__media img{object-fit:contain;padding:clamp(24px,5vw,72px)}.project-detail__intro{justify-self:end;max-width:560px}.project-detail__back{margin-bottom:24px;display:inline-flex}.project-detail__intro h1{font-family:var(--font-display);letter-spacing:0;margin:0;font-size:clamp(48px,5vw,84px);line-height:.95}.project-detail__summary{color:var(--ink-soft);margin:24px 0 0;font-size:clamp(18px,2vw,24px);line-height:1.55}.project-detail__overview{max-width:42ch;margin:24px 0 0;font-size:20px;line-height:1.65}.project-detail__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:72px;display:grid}.project-detail__panel{border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 88%, var(--surface-low) 12%);min-height:140px;padding:28px}.project-detail__panel span,.project-detail__section h2{color:var(--line-strong);font:inherit;font-family:var(--font-label);letter-spacing:.05em;text-transform:uppercase;font-size:11px}.project-detail__panel p{max-width:22ch;font-family:var(--font-display);letter-spacing:0;margin:18px 0 0;font-size:30px;line-height:1.08}.project-detail__content{border-top:1px solid var(--line);grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);gap:clamp(32px,6vw,96px);margin-top:96px;padding-top:48px;display:grid}.project-detail__section h2{margin:0 0 20px}.project-detail__notes{gap:20px;max-width:64ch;display:grid}.project-detail__notes p{margin:0;font-size:20px;line-height:1.6}.project-detail__tags{flex-wrap:wrap;gap:10px;display:flex}.project-detail__tags span{border:1px solid var(--line);font-family:var(--font-label);letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;padding:4px 10px;font-size:11px}.blog-index{padding-top:64px;padding-bottom:96px}.blog-index__header{max-width:720px;margin-bottom:48px}.blog-index__back{margin-top:24px;display:inline-flex}.blog-index__header h1{font-family:var(--font-display);letter-spacing:0;margin:20px 0 16px;font-size:64px;line-height:.98}.blog-index__header p{color:var(--ink-soft);margin:0;font-size:20px;line-height:1.5}@media (prefers-reduced-motion:no-preference){@keyframes heroScrollSettle{0%{opacity:1;transform:translate(0,0)}to{opacity:.52;transform:translateY(-28px)}}@supports (animation-timeline:view()){.hero__copy{will-change:transform, opacity;animation:linear both heroScrollSettle;animation-timeline:scroll(root);animation-range:0 58vh}}@keyframes diceDropRoll{0%{opacity:0;transform:translateY(-1.15em)rotate(0)scale(.82)}22%{opacity:1;transform:translateY(-.05em)rotate(180deg)scale(.98)}48%{opacity:1;transform:translateY(.02em)rotate(420deg)scale(1)}72%{opacity:1;transform:translateY(-.02em)rotate(720deg)scale(1)}to{opacity:1;transform:translateY(.02em)rotate(1080deg)scale(.62)}}.hero__die{animation:2.4s cubic-bezier(.65,0,.2,1) both diceDropRoll}.scroll-effects-ready .post-card[data-reveal-card]{opacity:0;clip-path:inset(24% 0 0);transition:opacity .72s cubic-bezier(.16, 1, .3, 1) var(--reveal-delay,0s), transform .72s cubic-bezier(.16, 1, .3, 1) var(--reveal-delay,0s), clip-path .82s cubic-bezier(.16, 1, .3, 1) var(--reveal-delay,0s), background .16s ease;will-change:opacity, transform, clip-path;transform:translateY(64px)scale(.965)}.scroll-effects-ready .post-card[data-reveal-card].is-revealed{opacity:1;clip-path:inset(0);transform:translate(0,0)scale(1)}}.site-footer{border-top:1px solid var(--line);background:var(--surface)}.site-footer__inner{width:min(100%, var(--max));padding:36px var(--margin);justify-content:space-between;align-items:center;gap:32px;margin:0 auto;display:flex}.site-footer .brand{text-transform:uppercase;font-size:14px}.site-footer p{color:var(--ink-soft);font-family:var(--font-label);letter-spacing:.05em;margin:8px 0 0;font-size:11px}.footer-nav{gap:28px;display:flex}.article-shell{padding-top:64px}.article-header{gap:var(--gutter);grid-template-columns:repeat(12,minmax(0,1fr));margin-bottom:96px;display:grid}.article-header__inner{grid-column:3/span 8}.article-header__back{margin-bottom:12px;display:inline-flex}.article-header h1{max-width:880px;font-family:var(--font-display);letter-spacing:0;margin:24px 0 28px;font-size:64px;line-height:.98}.article-meta{color:var(--ink-soft);flex-wrap:wrap;gap:12px;display:flex}.article-layout{gap:var(--gutter);grid-template-columns:minmax(140px,2fr) minmax(0,8fr) minmax(150px,2fr);align-items:start;display:grid}.toc,.article-side{color:var(--ink-soft);position:sticky;top:112px}.toc h2,.article-side h2{color:var(--line-strong);font:inherit;margin:0 0 24px}.toc nav,.article-side section,.article-side{gap:18px;display:grid}.toc a,.article-side a{color:var(--ink-soft)}.toc a:hover,.toc a.is-active,.article-side a:hover{color:var(--accent)}.article-side{border-left:1px solid var(--line);padding-left:32px}.article-side section+section{margin-top:36px}.article-side a span{color:var(--line-strong);margin-bottom:8px;display:block}.article-content{min-width:0;padding:0 48px}.article-hero-media{aspect-ratio:16/9;border:1px solid var(--line);background:#000;margin:0 0 64px;position:relative;overflow:hidden}.article-hero-media img{object-fit:cover}.article-body{color:var(--ink);font-size:20px;line-height:1.6}.article-body p,.article-body blockquote,.article-body pre{margin:0 0 32px}.article-body h2{font-family:var(--font-display);letter-spacing:0;margin:56px 0 24px;font-size:32px;line-height:1.15}.article-body blockquote{color:var(--ink-soft);padding:12px 0 12px 28px;font-style:italic;position:relative}.article-body blockquote:before{background:var(--accent);content:"";width:3px;position:absolute;top:0;bottom:0;left:0}.article-body pre{border:1px solid var(--line);background:var(--surface-mid);color:var(--ink-soft);font-family:var(--font-label);padding:28px;font-size:12px;line-height:1.6;overflow-x:auto}.author-card{border-top:1px solid var(--line);align-items:center;gap:20px;margin-top:80px;padding-top:28px;display:flex}.author-card h2{font-family:var(--font-display);letter-spacing:0;margin:0 0 4px;font-size:22px}.author-card p{color:var(--ink-soft);font-family:var(--font-label);letter-spacing:.05em;text-transform:uppercase;margin:0;font-size:11px}.article-pager{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));margin-top:128px;display:grid}.article-pager a{min-height:156px;font-family:var(--font-display);flex-direction:column;justify-content:center;gap:16px;padding:42px;font-size:24px;line-height:1.2;transition:background .16s,color .16s;display:flex}.article-pager a+a{border-left:1px solid var(--line);text-align:right;align-items:flex-end}.article-pager a:hover{background:var(--surface-mid);color:var(--accent)}.article-pager span{color:var(--ink-soft);font-family:var(--font-label);letter-spacing:.05em;text-transform:uppercase;font-size:11px}@media (max-width:1100px){:root{--margin:32px}.hero h1{font-size:64px}.article-header h1{font-size:48px}.article-layout{grid-template-columns:minmax(0,1fr)}.toc,.article-side{display:none}.article-content{padding:0}.article-header__inner{grid-column:1/-1}}@media (max-width:780px){:root{--margin:20px;--gutter:16px}.site-header__inner{flex-wrap:wrap;align-items:flex-start;height:auto;min-height:64px;padding-top:12px;padding-bottom:12px}.site-nav{display:none}.site-header__left,.site-header__article-actions{gap:12px}.brand{font-size:30px}.hero{grid-template-columns:1fr;gap:32px;min-height:auto;padding-top:56px;padding-bottom:56px}.hero h1{max-width:12ch;font-size:clamp(40px,12vw,56px);line-height:.82}.hero__full-stop{width:.56em;height:.56em;top:-1em}.hero__copy{padding-top:0}.hero__eyebrow{margin-bottom:18px}.hero__intro{max-width:32ch;margin-top:22px;font-size:17px;line-height:1.5}.hero__art{justify-self:end;width:100%;max-width:420px;margin:24px 0 0}.hero__square--back{width:66%;top:6%;left:6%}.hero__square--front{width:48%;bottom:-18%;right:-6%}.post-grid{grid-template-columns:1fr;padding-top:64px;padding-bottom:64px}.post-card{border-right:0;border-bottom:1px solid var(--line);min-height:220px;padding:24px}.post-card:last-child{border-bottom:0}.blog-preview{padding-bottom:64px}.project-preview{padding-top:56px;padding-bottom:56px}.project-preview__heading h2,.projects-index__header h1,.blog-index__header h1,.article-header h1{font-size:clamp(38px,8vw,52px)}.project-card--horizontal,.project-feature{grid-template-columns:1fr;min-height:auto}.project-card__media,.project-feature__media{aspect-ratio:4/3;min-height:0}.project-card__body,.project-feature__body{gap:10px;padding:18px}.project-card__body h2,.project-card__body h3,.project-feature__body h2{font-size:20px}.project-card__body p,.project-feature__summary,.project-feature__note{font-size:15px;line-height:1.45}.project-detail{padding-top:56px;padding-bottom:72px}.project-detail__hero,.project-detail__content,.project-detail__grid{grid-template-columns:1fr;gap:24px}.project-detail__intro{justify-self:start;max-width:none}.project-detail__summary,.project-detail__overview,.project-detail__notes p{font-size:17px;line-height:1.55}.project-detail__panel{min-height:0;padding:20px}.project-detail__panel p{font-size:22px}.project-detail__content{margin-top:56px;padding-top:28px}.project-detail__tags{gap:8px}.project-detail__tags span{padding:4px 8px}.article-body{font-size:17px;line-height:1.68}.article-body h2{margin:40px 0 18px;font-size:26px}.article-pager{grid-template-columns:1fr;margin-top:72px}.article-pager a{text-align:left;align-items:flex-start;min-height:120px;padding:24px}.article-pager a+a{border-left:0;border-top:1px solid var(--line)}.site-footer__inner{padding:24px var(--margin);flex-direction:column;align-items:flex-start}.footer-nav{flex-wrap:wrap;gap:18px}.article-body{font-size:17px}.post-grid{grid-template-columns:1fr;padding-top:64px;padding-bottom:64px}.project-card--horizontal{grid-template-columns:1fr}.project-track{grid-auto-columns:minmax(208px,80vw)}.project-detail__hero,.project-detail__content,.project-detail__grid{grid-template-columns:1fr}.project-detail__intro{justify-self:start}.project-detail__media{max-width:none}.project-detail__panel p,.project-detail__notes p{font-size:18px}.project-card__media{aspect-ratio:16/10;min-height:0}.project-feature{grid-template-columns:1fr}.project-feature__media{aspect-ratio:4/3;min-height:0}.project-feature__body{gap:16px;padding:22px}.article-header h1{font-size:36px}.post-card{border-right:0;border-bottom:1px solid var(--line);min-height:260px}.site-footer__inner,.article-pager{flex-direction:column;grid-template-columns:1fr;align-items:stretch}.footer-nav{flex-wrap:wrap;justify-content:space-between}.article-shell{padding-top:44px}.article-header{margin-bottom:56px}.article-hero-media{margin-bottom:44px}.article-pager{margin-top:72px}.article-pager a+a{border-top:1px solid var(--line);text-align:left;border-left:0;align-items:flex-start}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}