@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=Inter:wght@400;500;600;700&display=swap";:root{--background:#fbfaf6;--surface:#00000006;--text-primary:#1f1f1d;--text-secondary:#4f4f4a;--text-muted:#7d7c74;--border:#dfddd4;--border-soft:#ebe8df;--link:#2b67c8;--link-hover:#1f5ec3;--accent:#2b67c8;--accent-glow:#2b67c814;--focus-ring:#6b92d3;--font-sans:"Inter", sans-serif;--font-mono:"IBM Plex Mono", monospace;--ease-out-expo:cubic-bezier(.22, 1, .36, 1);--transition-fast:.15s var(--ease-out-expo);--transition-base:.25s var(--ease-out-expo);--transition-slow:.4s var(--ease-out-expo);color:var(--text-primary);background:var(--background);font-family:var(--font-sans);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root[data-theme=dark]{--background:#0c0c0c;--surface:#ffffff0a;--text-primary:#f5f5f7;--text-secondary:#86868b;--text-muted:#56565a;--border:#1d1d1f;--border-soft:#151516;--link:#2997ff;--link-hover:#64b5ff;--accent:#2997ff;--accent-glow:#2997ff14;--focus-ring:#2997ff}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--background);min-width:320px;min-height:100vh;color:var(--text-primary);margin:0}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}img,picture,svg{max-width:100%;display:block}p{line-height:1.55}h1,h2,h3{font-family:var(--font-mono)}#root{min-height:100vh}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.site-shell{background:var(--background);min-height:100vh}.page-shell{width:min(100% - 2rem,780px);margin:0 auto}.site-nav{position:relative}.site-nav__inner{justify-content:space-between;align-items:center;gap:.75rem;min-height:4.15rem;display:flex}.site-nav__brand{font-family:var(--font-mono);letter-spacing:.02em;transition:color var(--transition-fast), opacity var(--transition-fast);font-size:.98rem;font-weight:600}.site-nav__brand:hover{color:var(--accent);opacity:.9}.site-nav__right{align-items:center;gap:1rem;display:flex}.site-nav__links{align-items:center;gap:1.1rem;display:flex}.site-nav__links a{color:var(--text-secondary);transition:color var(--transition-fast);font-size:.95rem;position:relative}.site-nav__links a:after{content:"";background:var(--accent);width:0;height:1.5px;transition:width var(--transition-base);border-radius:1px;position:absolute;bottom:-2px;left:0}.site-nav__links a:hover,.site-nav__links a:focus-visible{color:var(--text-primary)}.site-nav__links a:hover:after,.site-nav__links a:focus-visible:after{width:100%}.site-nav__tools{align-items:center;gap:.65rem;display:flex}.site-nav__touch-grass,.mobile-menu__touch-grass{border:1px solid var(--border);background:var(--surface);width:2rem;height:2rem;color:var(--text-secondary);transition:border-color var(--transition-fast), color var(--transition-fast), transform .2s var(--ease-out-expo);border-radius:999px;justify-content:center;align-items:center;padding:0;display:inline-flex}.site-nav__touch-grass:hover,.site-nav__touch-grass:focus-visible,.site-nav__touch-grass[aria-current=page],.mobile-menu__touch-grass:hover,.mobile-menu__touch-grass:focus-visible,.mobile-menu__touch-grass[aria-current=page]{border-color:color-mix(in srgb, var(--accent) 52%, var(--border));color:var(--accent)}.site-nav__touch-grass:hover,.site-nav__touch-grass:focus-visible{transform:translateY(-1px)}.site-nav__touch-grass svg,.mobile-menu__touch-grass svg{width:1.15rem;height:1.15rem}.tilt-link{transition:transform .2s var(--ease-out-expo), color .2s ease, opacity .2s ease;transform-origin:50%;will-change:transform}.tilt-link:hover,.tilt-link:focus-visible{transform:translate(3px)rotate(-2.5deg)}.site-nav__tool{width:2rem;height:2rem;color:var(--text-primary);cursor:pointer;transition:color var(--transition-fast), transform .2s var(--ease-out-expo);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.site-nav__tool:hover,.site-nav__tool:focus-visible{color:var(--accent)}.site-nav__tool:active{transform:scale(.88)}.site-nav__tool svg,.intro-links a svg{width:1.25rem;height:1.25rem}.hero-section{padding:1.25rem 0 0}.intro-block{grid-template-columns:146px minmax(0,1fr);align-items:center;gap:1.5rem;padding:1.55rem 0 1.8rem;display:grid}.intro-avatar{background:var(--background);border:2px solid var(--border);width:146px;height:146px;transition:transform var(--transition-base), box-shadow var(--transition-base);border-radius:999px;flex-shrink:0;position:relative;overflow:hidden}.intro-avatar:hover{transform:scale(1.04)rotate(-2deg);box-shadow:0 8px 30px #0000001f}:root[data-theme=dark] .intro-avatar{border-color:#ffffff1a}:root[data-theme=dark] .intro-avatar:hover{box-shadow:0 8px 30px #0006}.intro-avatar__img{object-fit:cover;object-position:center 15%;width:100%;height:100%;display:block}.intro-title{letter-spacing:-.04em;align-items:center;margin:0;font-size:clamp(2.05rem,5vw,3.15rem);line-height:1.02;display:inline-flex}.intro-subtitle{max-width:32rem;color:var(--text-secondary);margin:.8rem 0 0;font-size:clamp(1.05rem,2vw,1.25rem);line-height:1.38}.intro-links{flex-wrap:wrap;gap:.75rem;margin-top:.95rem;display:flex}.intro-links a{width:2rem;height:2rem;color:var(--text-secondary);transition:color var(--transition-fast), transform .2s var(--ease-out-expo);justify-content:center;align-items:center;display:inline-flex}.intro-links a:hover,.intro-links a:focus-visible{color:var(--accent);transform:translateY(-2px)}.intro-links a:active{transform:translateY(0)scale(.95)}.content-section{padding:0}.section-divider{border-top:none}.section-heading{padding:1rem 0 .4rem}.section-heading h2{font-family:var(--font-mono);color:var(--text-primary);margin:0;font-size:1.08rem;font-weight:600}.project-group{padding-top:.5rem}.project-group__title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin:0;padding:.4rem 0 .5rem;font-size:.8rem;font-weight:600}.project-list,.writing-list{flex-direction:column;display:flex}.project-row,.writing-row{padding:.8rem 0;display:block}.project-row__link{color:inherit;transition:background var(--transition-fast), box-shadow var(--transition-base);border-radius:12px;grid-template-columns:52px minmax(0,1fr);align-items:center;gap:1rem;margin:-.35rem -.5rem;padding:.35rem .5rem;display:grid}.project-row__link:hover{background:var(--surface)}:root[data-theme=dark] .project-row__link:hover{box-shadow:inset 0 0 0 1px #ffffff0a}.project-copy{min-width:0}.project-logo{width:52px;height:52px;transition:transform var(--transition-fast), box-shadow var(--transition-fast);background:#fff;border:1px solid #00000014;border-radius:14px;place-items:center;display:grid;overflow:hidden}:root[data-theme=dark] .project-logo{background:#ffffff0f;border-color:#ffffff0f}.project-row__link:hover .project-logo{transform:scale(1.06);box-shadow:0 4px 12px #00000014}:root[data-theme=dark] .project-row__link:hover .project-logo{box-shadow:0 4px 16px #0000004d}.project-logo__image{object-fit:cover;width:100%;height:100%}.project-title,.writing-title{color:var(--link);transition:color var(--transition-fast);font-size:1.05rem;font-weight:500;text-decoration:none;display:inline}.project-row__link:hover .project-title,.writing-row__link:hover .writing-title{color:var(--link-hover);-webkit-text-decoration:underline dotted;text-decoration:underline dotted;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);text-underline-offset:.18em;text-decoration-thickness:1.5px}.project-summary,.writing-blurb,.writing-meta{color:var(--text-secondary);margin:.28rem 0 0;font-size:.96rem}.project-summary{max-width:32rem}.writing-row{gap:.25rem}.writing-row__link{color:inherit;transition:background var(--transition-fast), box-shadow var(--transition-base);border-radius:12px;gap:.25rem;margin:-.4rem -.5rem;padding:.4rem .5rem;display:grid}.writing-row__link:hover{background:var(--surface)}:root[data-theme=dark] .writing-row__link:hover{box-shadow:inset 0 0 0 1px #ffffff0a}.writing-meta{color:var(--text-muted);font-size:.84rem}.article-page{padding-bottom:4rem}.article-shell{width:min(100% - 2rem,720px);margin:0 auto}.article-hero{padding:.75rem 0 .5rem}.article-hero__copy{padding:.8rem 0 0}.article-back{color:var(--text-secondary);transition:color var(--transition-fast), transform var(--transition-fast);align-items:center;font-size:.92rem;display:inline-flex}.article-back:hover,.article-back:focus-visible{color:var(--text-primary);transform:translate(-2px)}.article-kicker{color:var(--text-muted);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;margin:1rem 0 0;font-size:.8rem;font-weight:600}.article-title{letter-spacing:-.05em;margin:.7rem 0 0;font-size:clamp(2.35rem,7vw,4.35rem);line-height:.98}.article-meta{color:var(--text-muted);font-family:var(--font-mono);margin:.85rem 0 0;font-size:.9rem}.article-standfirst{max-width:38rem;color:var(--text-secondary);margin:1rem 0 0;font-size:clamp(1.08rem,2vw,1.28rem);line-height:1.5}.article-highlights-wrap{margin-top:1.35rem}.article-highlights{grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;display:grid}.article-highlight{border:1px solid var(--border);background:var(--surface);border-radius:18px;padding:.95rem 1rem 1rem}.article-highlight__label{color:var(--text-muted);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:600;display:inline-block}.article-highlight__text{color:var(--text-primary);margin:.55rem 0 0;font-size:.96rem;line-height:1.55}.article-hero-media-wrap{margin-top:1.4rem}.article-hero-media{border:1px solid var(--border);background:#f4efe3;border-radius:28px;margin:0;padding:clamp(.6rem,1.2vw,.9rem);overflow:hidden}.article-hero-media__image{width:100%;margin:0 auto;display:block}.article-body{padding-top:1.4rem}.article-section{padding-top:2rem}.article-section__title{margin:0 0 .8rem;font-size:clamp(1.3rem,3vw,1.65rem);line-height:1.15}.article-paragraph-wrap{margin-top:.95rem}.article-paragraph{color:var(--text-secondary);margin:0;font-size:1.02rem;line-height:1.72}.article-callout-wrap{margin-top:1rem}.article-callout{border-left:3px solid var(--accent);border-top:1px solid var(--border-soft);border-right:1px solid var(--border-soft);border-bottom:1px solid var(--border-soft);background:var(--surface);border-radius:0 18px 18px 0;padding:1rem 1.1rem 1.05rem}.article-callout__label{color:var(--text-muted);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:600;display:inline-block}.article-callout__text{color:var(--text-primary);margin:.55rem 0 0;font-size:.98rem;line-height:1.6}.article-list{color:var(--text-secondary);margin:1.2rem 0 0;padding-left:1.15rem}.article-list li{margin-top:.6rem;line-height:1.65}.article-list--grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:1.4rem;display:grid}.article-figure-wrap{margin-top:1.4rem}.article-figure{margin:0}.article-figure__image{border:1px solid var(--border);background:#fff;border-radius:24px;width:100%;box-shadow:0 20px 40px #00000014}:root[data-theme=dark] .article-figure__image{background:#111;box-shadow:0 22px 50px #00000047}.article-figure__caption{color:var(--text-muted);margin:.8rem 0 0;font-size:.9rem}.article-link{border:1px solid var(--border);background:var(--surface);color:var(--text-primary);transition:color var(--transition-fast), transform var(--transition-fast);border-radius:999px;align-items:center;gap:.7rem;margin-top:1.05rem;padding:.78rem 1rem;font-size:.98rem;font-weight:600;display:inline-flex}.article-link:hover,.article-link:focus-visible{color:var(--text-primary);transform:translate(3px)}.article-link svg{width:1.05rem;height:1.05rem}.touch-grass-page{padding:.75rem 0 4rem}.touch-grass-shell{gap:1.4rem;display:grid}.touch-grass-copy{padding-top:.8rem}.touch-grass-title{letter-spacing:-.05em;margin:.7rem 0 0;font-size:clamp(2.6rem,7vw,4.5rem);line-height:.98}.touch-grass-text{max-width:34rem;color:var(--text-secondary);margin:1rem 0 0;font-size:clamp(1.05rem,2vw,1.24rem);line-height:1.5}.touch-grass-media{border:1px solid var(--border);background:var(--surface);border-radius:24px;margin:0;overflow:hidden;box-shadow:0 24px 60px #0000001a}:root[data-theme=dark] .touch-grass-media{box-shadow:0 24px 70px #00000052}.touch-grass-image{aspect-ratio:3/2;object-fit:cover;width:100%;display:block}.footer-section{padding-bottom:2rem}.footer-links{flex-wrap:wrap;gap:1.1rem;padding:1rem 0 0;display:flex}.footer-links a{width:2rem;height:2rem;color:var(--text-secondary);transition:color var(--transition-fast), transform .2s var(--ease-out-expo);justify-content:center;align-items:center;display:inline-flex}.footer-links a:hover,.footer-links a:focus-visible{color:var(--accent);transform:translateY(-2px)}.footer-links a svg{width:1.25rem;height:1.25rem}.site-nav__hamburger{display:none}.site-nav__tool--desktop{display:inline-flex}.mobile-menu{max-height:0;transition:max-height var(--transition-slow);display:none;overflow:hidden}.mobile-menu--open{max-height:300px}.mobile-menu__inner{padding:.5rem 0 1.5rem}.mobile-menu__links{flex-direction:column;align-items:center;gap:0;display:flex}.mobile-menu__link{width:100%;color:var(--text-secondary);text-align:center;transition:color var(--transition-fast);padding:.9rem 0;font-size:1.05rem;font-weight:500;display:block}.mobile-menu__link:hover{color:var(--accent)}.mobile-menu__tools{justify-content:center;align-items:center;gap:1rem;padding-top:.75rem;display:flex}@media (width<=720px){.page-shell{width:min(100% - 1.4rem,780px)}.site-nav__inner{min-height:4rem}.site-nav__links--desktop,.site-nav__tool--desktop{display:none}.site-nav__hamburger{display:inline-flex}.mobile-menu{display:block}.intro-block{text-align:center;grid-template-columns:1fr;justify-items:center;gap:1rem}.intro-avatar{width:140px;height:140px}.intro-title{justify-content:center}.intro-subtitle{margin-left:auto;margin-right:auto}.intro-links{justify-content:center}.article-shell{width:min(100% - 1.4rem,720px)}.article-hero__copy{padding-top:.5rem}.article-highlights,.article-list--grid{grid-template-columns:1fr}.project-row__link{grid-template-columns:44px minmax(0,1fr);gap:.85rem}.project-logo{border-radius:12px;width:44px;height:44px}.footer-links{justify-content:center}}