@font-face{font-family:inter;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/Inter-Regular.woff2)format('woff2')}@font-face{font-family:inter;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/Inter-Bold.woff2)format('woff2')}:root{--bg:#fff;--surface:#f3f5f7;--text:#333a40;--muted:#69737d;--blue:#183b56;--accent:#245a7a;--line:#d9e0e5;--shadow:0 14px 35px rgba(24,59,86,.09);--radius:14px}html[data-theme=dark]{--bg:#101418;--surface:#181e23;--text:#e7eaed;--muted:#9da7b0;--blue:#477a9e;--accent:#6093b8;--line:#303940;--shadow:0 14px 35px rgba(0,0,0,.3)}html[data-theme=dark] .hero-art{background:linear-gradient(145deg,var(--surface),var(--line))}html[data-theme=dark] .prose pre{background:#0b0e12}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.7 inter,system-ui,-apple-system,segoe ui,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:hover{text-decoration:none}.skip{position:absolute;left:-999px}.skip:focus{left:16px;top:16px;z-index:99;background:var(--bg);padding:10px 14px;border:1px solid var(--line);border-radius:8px}:where(a,button,input):focus-visible{outline:3px solid var(--accent);outline-offset:3px}.wrap{max-width:1160px;margin:auto;padding:0 24px}.site-header{position:sticky;top:0;z-index:10;background:var(--bg);border-bottom:1px solid var(--line)}.nav{height:72px;display:flex;align-items:center;justify-content:space-between}.brand{font-weight:800;letter-spacing:.08em;color:var(--blue);font-size:16px}.navlinks{display:flex;gap:26px;align-items:center}.navlinks a{font-weight:600;color:var(--muted)}.navlinks a:hover,.navlinks .current{color:var(--accent)}.navlinks .current{font-weight:750}.theme{border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:999px;width:40px;height:40px;cursor:pointer;font-size:1.05rem}.theme:hover{border-color:var(--accent)}html[data-theme=dark] .theme,html[data-theme=dark] .mobile-theme{color:var(--accent)}.menu{display:none;border:0;background:0 0;color:var(--text);font-size:26px}.mobile-nav{border-top:1px solid var(--line);background:var(--bg)}.mobile-nav[hidden]{display:none}.mobile-nav-inner{display:flex;gap:8px;padding:10px 0 16px;flex-wrap:wrap}.mobile-nav-inner a{padding:9px 12px;border:1px solid var(--line);border-radius:9px;background:var(--surface);font-weight:650}.mobile-nav-inner .current{color:var(--accent);border-color:var(--accent)}.mobile-theme{display:inline-flex;align-items:center;gap:7px;min-width:40px;min-height:40px;justify-content:center;padding:9px 12px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--text);font-weight:650}.hero{padding:100px 0 85px}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:center}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:var(--accent);font-size:.78rem;font-weight:750;margin:0}.hero h1,.article h1{font-size:clamp(2.6rem,6vw,4.8rem);line-height:1.02;letter-spacing:-.04em;margin:18px 0 24px;color:var(--blue)}.lead{font-size:1.2rem;max-width:680px;color:var(--muted)}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.button{display:inline-flex;min-height:44px;align-items:center;padding:12px 19px;border-radius:8px;border:1px solid var(--blue);font-weight:700;background:var(--blue);color:#fff}.button:hover{background:var(--accent);border-color:var(--accent)}.button.secondary{background:0 0;color:var(--blue)}.button.secondary:hover{color:var(--accent);border-color:var(--accent);background:0 0}.hero-art{aspect-ratio:4/5;border-radius:24px;background:linear-gradient(145deg,var(--surface),var(--line));display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--blue);font-size:6rem;font-weight:800;box-shadow:var(--shadow)}.hero-art small{font-size:.78rem;letter-spacing:.15em;text-transform:uppercase;color:var(--muted);font-weight:700}section.home-section{padding:72px 0;border-top:1px solid var(--line)}h2{font-size:2.2rem;letter-spacing:-.03em;margin:0 0 12px;color:var(--blue)}.section-intro{color:var(--muted);max-width:650px;margin:0}.section-heading{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:35px}.text-link{color:var(--accent);font-weight:750}.text-link:hover,.card-link:hover{color:var(--blue)}.featured{display:grid;grid-template-columns:1fr .72fr;gap:35px;align-items:stretch;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:34px;box-shadow:var(--shadow);margin-top:70px}.featured-copy{display:flex;flex-direction:column;padding:8px}.featured h2{font-size:clamp(2rem,4vw,3.2rem);line-height:1.08;margin:12px 0}.featured h2 a{color:var(--blue)}.featured h2 a:hover{color:var(--accent)}.feature-excerpt{color:var(--muted);max-width:620px}.featured-copy .text-link{margin-top:auto;padding-top:22px}.featured-note{min-height:250px;border-radius:12px;overflow:hidden;display:grid;place-items:center;text-align:center;background:linear-gradient(145deg,var(--bg),var(--line));color:var(--blue);font-weight:800;font-size:2.8rem;line-height:1}.featured-note span{font-size:.75rem;letter-spacing:.08em;color:var(--muted);font-weight:600}.meta{font-size:.82rem;color:var(--muted);margin:14px 0 0}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.card{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--bg);display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.card-media{position:relative;display:block;background:var(--surface)}.card-image{display:block;width:100%;aspect-ratio:16/10;max-height:none;object-fit:cover;transition:transform .25s ease}.card:hover .card-image{transform:scale(1.02)}.card-body{display:flex;flex-direction:column;flex:1;padding:24px 22px 22px}.card-kicker{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:22px}.card h2{margin:9px 0 8px;font-size:1.75rem;line-height:1.12}.card h2 a{color:var(--blue)}.card h2 a:hover{color:var(--accent)}.card p:not(.meta):not(.eyebrow){color:var(--muted);font-size:16px}.card-excerpt{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}.card-footer{margin-top:auto;padding-top:18px}.card-link{display:inline-block;color:var(--accent);font-weight:750}.tags{color:var(--accent);font-size:.85rem;display:flex;gap:8px;flex-wrap:wrap}.card .tags{margin:18px 0}.tags a{color:var(--accent)}.card-taxonomy{display:flex;flex-wrap:wrap;gap:6px;margin:17px 0 0}.taxonomy-link{display:inline-flex;align-items:center;padding:4px 8px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--accent);font-size:.78rem;font-weight:650}.taxonomy-link:hover{border-color:var(--accent)}.project-status{display:inline-flex;align-items:center;min-height:28px;padding:3px 9px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--muted);font-size:.75rem;font-weight:700;white-space:nowrap}.project-tech{font-size:.82rem;color:var(--muted);margin:14px 0 0}.project-card .card-body{padding-bottom:24px}.intro{padding:75px 0 45px;max-width:800px;border:0}.article{max-width:780px;margin:0 auto 75px}.article h1{font-size:clamp(2.4rem,6vw,4.2rem);line-height:1.05}.article .meta{margin:20px 0 0}.prose{font-size:18px;margin-top:38px;max-width:740px}.prose h2{margin-top:45px;font-size:1.6rem;scroll-margin-top:100px}.prose h3{margin-top:32px;scroll-margin-top:100px}.prose img{max-width:100%;height:auto;border-radius:10px}.prose figure{margin:2rem 0}.prose figcaption{color:var(--muted);font-size:.85rem;margin-top:.4rem}.prose a{color:var(--accent);font-weight:650}.prose a:hover{text-decoration:underline}.prose code{background:var(--surface);border-radius:6px;padding:.1rem .4rem;font-size:.9em;border:1px solid var(--line)}.prose pre{background:#182532;color:#e7eaed;border-radius:12px;padding:1rem 1.25rem;overflow-x:auto}.prose pre code{background:0 0;border:0;padding:0}.prose blockquote{border-left:3px solid var(--accent);margin:1.5rem 0;padding:.25rem 0 .25rem 1.25rem;color:var(--muted)}.article-image{margin:30px 0 20px}.article-image img{display:block;width:100%;max-height:600px;object-fit:cover;border-radius:12px;box-shadow:var(--shadow)}.article-back{margin-top:50px;padding-top:25px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:12px}.article-back .text-link{display:inline-flex;align-items:center;min-height:42px;padding:8px 12px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}.article-back .text-link:hover{border-color:var(--accent);background:var(--bg)}.listing-intro{max-width:900px;padding-bottom:32px}.listing{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-bottom:82px}.listing.project-listing{grid-template-columns:repeat(2,minmax(0,1fr));max-width:820px}.home-note{max-width:760px;padding-bottom:100px}.home-note h2{font-size:clamp(2rem,4vw,3.2rem)}.home-note p:not(.eyebrow){color:var(--muted);font-size:1.08rem}.home-note .text-link{display:inline-block;margin-top:14px}.archive{margin-bottom:82px}.archive-year-row{padding:18px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:minmax(180px,.4fr)1fr;gap:24px;align-items:start}.archive-year-link{display:flex;flex-direction:column;gap:3px}.archive-year-link strong{font-size:1.5rem;color:var(--blue)}.archive-year-link span{color:var(--muted);font-size:.8rem}.archive-months{display:flex;flex-wrap:wrap;gap:8px}.archive-months a{display:inline-flex;align-items:center;gap:6px;padding:8px 11px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--accent);font-weight:650}.archive-months a:hover{border-color:var(--accent);color:var(--blue)}footer{margin-top:0;padding:55px max(24px,calc((100vw - 1160px)/2 + 24px));background:var(--blue);color:#fff;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}footer a{opacity:.9}footer a:hover{opacity:1;color:#fff}footer span{margin-right:auto}@media(max-width:700px){.archive-year-row{grid-template-columns:1fr;gap:12px}.archive-months{gap:7px}}@media(min-width:801px){.cards{grid-template-columns:repeat(3,minmax(0,1fr))}.listing.project-listing{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:1000px) and (min-width:801px){.navlinks{gap:18px}.cards{gap:18px}.card-body{padding:20px}.card h2{font-size:1.55rem}}@media(max-width:800px){.wrap{padding:0 18px}.nav{height:64px}.navlinks{display:none}.menu{display:block}.hero{padding:60px 0}.hero-grid{grid-template-columns:1fr;gap:35px}.hero-art{max-width:360px;width:100%;margin:auto}.featured{grid-template-columns:1fr;padding:20px;gap:20px}.featured-note{min-height:190px}.section-heading{align-items:start;flex-direction:column;gap:14px}.cards,.listing{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.listing.project-listing{grid-template-columns:1fr}.card-image{height:auto;max-height:none}.card-body{padding:20px 18px 18px}.card h2{font-size:1.45rem}.card-excerpt{-webkit-line-clamp:3}.featured-copy .text-link{margin-top:0}.intro{padding:58px 0 35px}.article{margin-bottom:55px}.article h1{font-size:clamp(2.2rem,11vw,3.6rem)}.prose{font-size:17px}footer{padding:42px 18px;display:grid;grid-template-columns:1fr 1fr}footer span{grid-column:1/-1;margin:0}}@media(max-width:560px){.listing{grid-template-columns:1fr}.card h2{font-size:1.6rem}.card-body{padding:21px 19px 19px}.featured{border-radius:12px}.featured h2{font-size:2rem}.button{width:100%;justify-content:center}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.card,.card-image{transition:none}.card:hover{transform:none}.card:hover .card-image{transform:none}}