@import url("https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500&display=swap");html{scroll-behavior:auto}:root{--bg:#12110f;--bg-elevated:rgba(24,22,18,0.72);--surface:#1a1816;--surface-strong:#23201b;--surface-code:rgba(24,22,18,0.9);--text:#f4efe6;--text-muted:rgba(244,239,230,0.64);--text-soft:#1a1710;--line:rgba(233,226,214,0.1);--line-strong:rgba(233,226,214,0.18);--moss:#c87a35;--moss-bright:#e8932a;--sand:#c4b8a8;--grid-line:rgba(232,147,42,0.05);--annotation:rgba(232,147,42,0.6);--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--shadow-sm:0 1px 2px rgba(0,0,0,0.3),0 1px 3px rgba(0,0,0,0.15);--shadow-md:0 4px 12px rgba(0,0,0,0.25),0 1px 3px rgba(0,0,0,0.2);--shadow-lg:0 12px 40px rgba(0,0,0,0.3),0 4px 12px rgba(0,0,0,0.2);--shadow-glow-moss:0 0 20px rgba(232,147,42,0.08);--max-width:1180px;--reading-width:760px;--font-sans:"Avenir Next","Segoe UI","Helvetica Neue",sans-serif;--font-serif:"Iowan Old Style","Palatino Linotype","Book Antiqua",Georgia,serif;--font-mono:"JetBrains Mono","SF Mono",Consolas,"Liberation Mono",Menlo,monospace;--ease-out:cubic-bezier(0.23,1,0.32,1);--ease-out-cubic:cubic-bezier(0.215,0.61,0.355,1);--ease-in-out:cubic-bezier(0.645,0.045,0.355,1);--z-grid:0;--z-grain:1;--z-content:2;--z-header:20;--z-cursor:40;--z-toast:50}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}::selection{background:rgba(232,147,42,.25);color:var(--text)}:focus-visible{outline:2px solid var(--moss-bright);outline-offset:3px;border-radius:2px}main{position:relative;z-index:var(--z-content);padding:0 1.25rem 4rem}.site-shell{min-height:100vh}.article-shell,.case-study,.page-stack,.site-footer,.site-header{width:min(100%,var(--max-width));margin:0 auto}.lab-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.25rem;position:sticky;top:0;z-index:var(--z-header);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:rgba(18,17,15,.8);border-bottom:1px solid var(--line);font-family:var(--font-mono);font-size:.82rem;width:100%;transition:background-color .3s ease,padding .3s var(--ease-out)}.lab-header--scrolled{background:rgba(18,17,15,.95);padding-top:.55rem;padding-bottom:.55rem}.lab-header__brand{display:flex;align-items:baseline;gap:.4rem}.lab-header__mark{font-family:var(--font-serif);font-size:1.1rem;letter-spacing:-.04em;color:var(--text);transition:opacity .18s ease}@media (hover:hover) and (pointer:fine){.lab-header__mark:hover{opacity:.7}}.lab-header__build{color:var(--text-muted);font-size:.65rem;opacity:.6}.lab-header__nav{display:flex;gap:.25rem}.lab-header__link{position:relative;color:var(--text-muted);padding:10px 12px;min-height:44px;display:inline-flex;align-items:center;border-radius:var(--radius-sm);transition:color .16s ease,background-color .16s ease}.lab-header__link:hover{color:var(--text)}.lab-header__link.is-active{color:var(--text);background:rgba(232,147,42,.1)}.lab-header__label--short{display:none}.lab-header__status{display:flex;align-items:center;gap:.5rem;color:var(--text-muted);font-size:.75rem}.lab-header__dot{width:6px;height:6px;border-radius:50%;background:var(--moss-bright);animation:pulse-dot 2.5s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1;box-shadow:0 0 0 0 rgba(232,147,42,.4)}50%{opacity:.7;box-shadow:0 0 0 4px rgba(232,147,42,0)}}.page-stack{display:grid;gap:5rem;padding-top:3rem}.page-stack--narrow{padding-top:4rem}.article-shell h1,.case-study h1,.cta-panel h2,.hero h1,.page-intro h1,.section-heading h2,.split-section h2{font-family:var(--font-serif);letter-spacing:-.03em}.article-shell__header p,.case-study__summary,.cta-panel p,.hero__eyebrow,.hero__lede,.page-intro p,.section-copy,.site-footer p{color:var(--text-muted);line-height:1.7}.section-annotation{display:flex;align-items:center;gap:.6rem;margin:0 0 .75rem;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--moss-bright)}.section-annotation__index{color:var(--annotation);opacity:.7}.section-annotation__rule{flex:1 1;height:1px;background:var(--line);max-width:120px}.hero-grid{display:grid;grid-template-columns:1fr 1px minmax(240px,320px);gap:0 3rem;min-height:calc(100vh - 6rem);align-content:center}.hero__left{display:flex;flex-direction:column;justify-content:center}.hero__title{margin:.5rem 0 1.5rem;font-family:var(--font-serif);font-size:clamp(2.8rem,5.5vw,4.8rem);line-height:1.1;letter-spacing:-.035em}.hero__word{display:inline-block;margin-right:.22em;color:var(--text-muted)}.hero__word--emphasis{color:var(--text-muted);transition:color .4s ease}.hero__lede{max-width:44rem;font-size:1.02rem}.hero__actions{display:flex;gap:1rem;margin-top:2rem}.hero__divider{width:1px;background:linear-gradient(to bottom,transparent 0,var(--line-strong) 15%,var(--line-strong) 85%,transparent 100%);transform-origin:top center}.hero__panel{display:flex;flex-direction:column;justify-content:center;gap:2rem}.hero__facts{display:grid;gap:1.25rem;margin:0}.hero__fact dt{font-family:var(--font-mono);color:var(--text-muted);font-size:.68rem;text-transform:uppercase;letter-spacing:.1em}.hero__fact dd{margin:.3rem 0 0;font-size:.92rem;line-height:1.4}.hero__stack-section{padding-top:1.5rem;border-top:1px dashed var(--line)}.hero__stack-label{display:block;font-family:var(--font-mono);font-size:.68rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.6rem}.hero__stack-tags{display:flex;flex-wrap:wrap;gap:.35rem}.hero__stack-tag{font-family:var(--font-mono);font-size:.68rem;color:var(--moss-bright);padding:3px 8px;border:1px solid rgba(232,147,42,.2);border-radius:2px;letter-spacing:.02em;transition:border-color .2s ease,background-color .2s ease}@media (hover:hover) and (pointer:fine){.hero__stack-tag:hover{border-color:rgba(232,147,42,.4);background:rgba(232,147,42,.05)}}.button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border-radius:var(--radius-md);font-family:var(--font-mono);font-size:.82rem;letter-spacing:.02em;transition:transform .16s var(--ease-out),background-color .16s ease,box-shadow .2s ease,border-color .16s ease}.button:active{transform:scale(.97)}.button--primary{background:var(--moss);color:var(--text-soft);border:1px solid transparent}@media (hover:hover) and (pointer:fine){.button--primary:hover{background:var(--moss-bright);box-shadow:var(--shadow-glow-moss);transform:translateY(-1px)}}.button--secondary{border:1px solid var(--line-strong);color:var(--text);background:transparent}@media (hover:hover) and (pointer:fine){.button--secondary:hover{border-color:rgba(233,226,214,.3);background:rgba(233,226,214,.03);transform:translateY(-1px)}}.split-section{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.7fr);align-items:start;gap:1.5rem}.section-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:1rem}.cta-panel h2,.section-heading h2,.split-section h2{margin:0;font-size:clamp(1.8rem,3.5vw,3rem);text-wrap:balance}.section-block{display:grid;gap:2rem}.section-rule{border:none;border-top:1px dashed var(--line);margin:0}.card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;grid-template-rows:auto}.card-grid,.card-grid>.project-card__link{display:grid}.card-grid>.project-card__link>.glow-card{display:grid;grid-template-rows:auto auto 1fr auto auto}.post-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;grid-template-rows:1fr 1fr}.post-grid,.post-grid>.post-card__link{display:grid}.post-grid>.post-card__link>.glow-card{display:grid;grid-template-rows:auto auto 1fr auto}.capability-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;border:1px solid var(--line);margin-top:.5rem}.post-card__link,.project-card__link{display:block;text-decoration:none;color:inherit;border-radius:var(--radius-md)}.post-card__link:active .post-card,.project-card__link:active .project-card{transform:scale(.97)}.project-card{position:relative;padding:1.5rem 1.5rem 1.5rem 1.75rem;background:var(--surface);border:1px solid var(--line);border-left:3px solid var(--moss);border-radius:var(--radius-md);transition:border-color .2s ease,box-shadow .2s ease}@media (hover:hover) and (pointer:fine){.project-card:hover{border-left-color:var(--moss-bright);box-shadow:var(--shadow-md)}}.project-card__topline{display:flex;justify-content:space-between;gap:1rem;font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted);letter-spacing:.03em}.project-card h3{margin:.8rem 0 .5rem;font-size:1.15rem;align-self:start}.project-card p{color:var(--text-muted);line-height:1.65;font-size:.92rem}.project-card__external{display:inline-flex;align-items:center;gap:.4rem;margin-top:1rem;color:var(--sand);font-family:var(--font-mono);font-size:.78rem;transition:color .16s ease,gap .2s var(--ease-out)}@media (hover:hover) and (pointer:fine){.project-card__external:hover{color:var(--text);gap:.6rem}}.post-card{padding:1.25rem;background:transparent;border:1px solid var(--line);border-top:2px solid var(--sand);border-radius:var(--radius-sm);transition:background-color .2s ease,border-color .2s ease}@media (hover:hover) and (pointer:fine){.post-card:hover{background:rgba(196,184,168,.03);border-top-color:var(--text)}}.post-card__meta{display:flex;justify-content:space-between;gap:1rem;font-size:.82rem;color:var(--text-muted)}.post-card__category{font-family:var(--font-mono);font-size:.72rem;color:var(--sand);background:rgba(196,184,168,.08);padding:2px 6px;border-radius:2px;letter-spacing:.04em}.post-card h3{margin:.8rem 0 .5rem;font-size:1.15rem}.post-card p{color:var(--text-muted);line-height:1.65;font-size:.92rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.post-card__date{margin-top:.8rem;font-family:var(--font-mono);font-size:.72rem;color:var(--text-muted);opacity:.6}.capability-card{position:relative;padding:1.5rem;background:var(--surface);border-bottom:2px solid var(--moss);overflow:hidden;transition:background-color .2s ease}.capability-card:before{content:"";position:absolute;top:0;left:0;width:12px;height:12px;border-left:1px solid var(--line-strong);border-top:1px solid var(--line-strong)}@media (hover:hover) and (pointer:fine){.capability-card:hover{background:var(--surface-strong)}.capability-card:hover .capability-card__index{opacity:.35}}.capability-card__index{position:absolute;top:.75rem;right:1rem;font-family:var(--font-mono);font-size:2rem;color:var(--sand);opacity:.12;line-height:1;transition:opacity .3s ease}.capability-card h3{margin:0 0 .5rem;font-size:1.05rem}.capability-card p{color:var(--text-muted);line-height:1.65;font-size:.88rem}.tag-list{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0 0;padding:0;list-style:none}.tag-list li{border:1px solid var(--line);border-radius:var(--radius-sm);padding:.3rem .6rem;font-family:var(--font-mono);font-size:.72rem;color:var(--text-muted);letter-spacing:.02em}.tl{position:relative;padding:2rem 0}.tl__line-svg{position:absolute;left:50%;top:0;width:2px;height:100%;transform:translateX(-50%);overflow:visible;z-index:1}.tl__line-path{stroke:var(--moss);stroke-width:1.5;fill:none;opacity:.5;filter:drop-shadow(0 0 6px rgba(232,147,42,.15))}.tl__items{gap:1rem}.tl__items,.tl__row{position:relative;display:grid}.tl__row{grid-template-columns:1fr 40px 1fr;align-items:start;min-height:180px}.tl__row--left .tl-card{grid-column:1;grid-row:1;justify-self:end;margin-right:.5rem}.tl__row--left .tl-dot{grid-column:2;grid-row:1}.tl__row--left .tl-year{grid-column:3;grid-row:1;justify-self:start;margin-left:1rem}.tl__row--right .tl-year{grid-column:1;grid-row:1;justify-self:end;margin-right:1rem}.tl__row--right .tl-dot{grid-column:2;grid-row:1}.tl__row--right .tl-card{grid-column:3;grid-row:1;justify-self:start;margin-left:.5rem}.tl-dot{width:11px;height:11px;border-radius:50%;background:var(--surface-strong);border:2px solid var(--moss);justify-self:center;align-self:start;margin-top:1.6rem;z-index:2;position:relative;transition:background-color .3s ease,box-shadow .3s ease}.tl-dot--current{background:var(--moss-bright);border-color:var(--moss-bright);box-shadow:0 0 0 4px rgba(232,147,42,.15),0 0 16px rgba(232,147,42,.2)}.tl-year{font-family:var(--font-mono);font-size:.68rem;color:var(--text-muted);opacity:.5;letter-spacing:.06em;align-self:start;margin-top:1.5rem}.tl-card{max-width:480px;width:100%;padding:1.5rem 1.75rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);position:relative;transition:border-color .3s ease,box-shadow .4s var(--ease-out),transform .4s var(--ease-out);will-change:transform,opacity}.tl-card--current{border-left:2px solid var(--moss-bright)}.tl-card--in-view{border-color:var(--line-strong);box-shadow:var(--shadow-md),0 0 30px rgba(232,147,42,.04);transform:scale(1.02)}.tl-card--in-view.tl-card--current{box-shadow:var(--shadow-lg),0 0 40px rgba(232,147,42,.08)}@media (hover:hover) and (pointer:fine){.tl-card:hover{border-color:var(--line-strong);box-shadow:var(--shadow-md)}}.tl-card__inner{display:grid;gap:0}.tl-card__badge{display:inline-block;width:fit-content;font-family:var(--font-mono);font-size:.6rem;color:var(--moss-bright);text-transform:uppercase;letter-spacing:.12em;padding:3px 8px;background:rgba(232,147,42,.08);border:1px solid rgba(232,147,42,.15);border-radius:2px;margin-bottom:.6rem}.tl-card__period{font-family:var(--font-mono);font-size:.7rem;color:var(--text-muted);letter-spacing:.04em;margin:0}.tl-card__title{margin:.35rem 0 .15rem;font-family:var(--font-serif);font-size:1.15rem;letter-spacing:-.02em;line-height:1.3}.tl-card__company{color:var(--text-muted);font-size:.9rem;margin:0}.tl-card__desc{margin:.7rem 0 0;color:var(--text-muted);font-size:.85rem;line-height:1.6}.tl-card__client{font-family:var(--font-mono);font-size:.68rem;color:var(--sand);text-transform:uppercase;letter-spacing:.1em;margin:0 0 .15rem;opacity:.8}.tl-card__highlights{margin:.6rem 0 0;padding:.6rem 0 0;border-top:1px dashed var(--line);list-style:none;display:grid;gap:.4rem}.tl-card__highlights li{font-size:.82rem;color:var(--text-muted);line-height:1.5;padding-left:1rem;position:relative}.tl-card__highlights li:before{content:"";position:absolute;left:0;top:.55em;width:4px;height:4px;border-radius:1px;background:var(--moss)}.tl-card .tag-list{margin-top:.7rem}.timeline-mobile{display:none;flex-direction:column;align-items:center;gap:1rem}.timeline-mobile__cards{position:relative;width:100%;height:260px;touch-action:pan-y}.timeline-mobile__card{position:absolute;inset:0;padding:1.5rem;background:var(--surface);border:1px solid var(--line);border-left:3px solid var(--moss);border-radius:var(--radius-md);transition:transform .4s var(--ease-out),opacity .4s ease;cursor:pointer;overflow:hidden}.timeline-mobile__card--active{border-left-color:var(--moss-bright);box-shadow:var(--shadow-md)}.timeline-mobile__period{font-family:var(--font-mono);font-size:.7rem;color:var(--text-muted);letter-spacing:.04em;margin:0}.timeline-mobile__position{margin:.35rem 0 .15rem;font-family:var(--font-serif);font-size:1.05rem;letter-spacing:-.02em}.timeline-mobile__company{color:var(--text-muted);font-size:.85rem;margin:0}.timeline-mobile__desc{margin:.6rem 0 0;color:var(--text-muted);font-size:.82rem;line-height:1.55}.timeline-mobile__dots{display:flex;gap:6px;justify-content:center}.timeline-mobile__dot{width:8px;height:8px;border-radius:50%;border:1px solid var(--line-strong);background:transparent;padding:18px;background-clip:content-box;cursor:pointer;transition:background-color .2s ease,border-color .2s ease}.timeline-mobile__dot--active{background:var(--moss-bright);border-color:var(--moss-bright)}.timeline-mobile .tl-card__client{margin-bottom:.1rem}.timeline-mobile .tl-card__badge{margin-bottom:.4rem}.timeline-mobile__hint{font-family:var(--font-mono);font-size:.65rem;color:var(--text-muted);opacity:.4;margin:0}.cta-panel{text-align:center;justify-items:center;padding:3rem 2rem;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);position:relative;overflow:hidden}.cta-panel:before{content:"";position:absolute;inset:-40%;background:radial-gradient(ellipse at 30% 40%,rgba(232,147,42,.04),transparent 50%);animation:breathe 8s ease-in-out infinite;pointer-events:none}@keyframes breathe{0%,to{transform:scale(1) translateX(0);opacity:.4}50%{transform:scale(1.15) translateX(6%);opacity:1}}.cta-panel .button{margin-top:1rem}.text-link{color:var(--sand);font-family:var(--font-mono);font-size:.82rem;position:relative}.text-link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background:var(--sand);transition:width .25s var(--ease-out)}@media (hover:hover) and (pointer:fine){.text-link:hover:after{width:100%}}.section-block--contrast{border:1px solid var(--line);border-radius:var(--radius-lg);padding:2rem;background:var(--surface)}.site-footer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2rem;padding:3rem 1.25rem 4rem;border-top:1px solid var(--line);font-family:var(--font-mono);font-size:.82rem}.site-footer__title{font-family:var(--font-serif);font-size:1rem;letter-spacing:-.02em;margin:0 0 .5rem}.site-footer p{color:var(--text-muted);line-height:1.6;font-family:var(--font-sans);font-size:.88rem}.site-footer__links{display:flex;gap:1.25rem;align-items:start}.site-footer__links a{color:var(--text-muted);transition:color .16s ease}@media (hover:hover) and (pointer:fine){.site-footer__links a:hover{color:var(--text)}}.case-study{gap:3rem}.article-shell,.case-study{display:grid;padding-top:4rem}.article-shell{gap:0}.article-shell__header{display:grid;gap:0;padding-bottom:2.5rem;margin-bottom:2.5rem;border-bottom:1px solid var(--line)}.article-shell__header h1{font-size:clamp(2rem,4.5vw,3rem);line-height:1.15;margin:.4rem 0 0;text-wrap:balance}.article-shell__header>p{font-size:1.1rem;line-height:1.6;color:var(--text-muted);margin:1rem 0 0;max-width:60ch}.article-shell__meta{display:flex;gap:.5rem;font-family:var(--font-mono);font-size:.72rem;color:var(--text-muted);letter-spacing:.04em;margin-top:1.5rem;padding-top:1rem;border-top:1px dashed var(--line)}.article-shell__meta span+span:before{content:"/";margin-right:.5rem;opacity:.4}.hack-hero{display:grid;gap:2rem}.hack-hero__header h1{margin:.3rem 0 0;font-family:var(--font-serif);font-size:clamp(2.4rem,5vw,4rem);letter-spacing:-.03em}.hack-hero__scope{font-family:var(--font-mono);font-size:.78rem;color:var(--moss-bright);margin:.5rem 0 0;letter-spacing:.03em}.hack-hero__body{display:grid;grid-template-columns:1fr 240px;gap:2.5rem;padding-top:1.5rem;border-top:1px dashed var(--line)}.hack-hero__description{display:grid;gap:1rem;align-content:start}.hack-hero__description p{color:var(--text-muted);font-size:1rem;line-height:1.8;margin:0}.hack-hero__sidebar{display:flex;flex-direction:column;gap:1.5rem}.hack-hero__facts{display:grid;gap:1.25rem;margin:0}.hack-hero__facts dt{font-family:var(--font-mono);color:var(--text-muted);font-size:.68rem;text-transform:uppercase;letter-spacing:.1em}.hack-hero__facts dd{margin:.3rem 0 0;font-size:.92rem}.hack-hero__facts .tag-list{margin-top:.3rem}@media (max-width:720px){.hack-hero__body{grid-template-columns:1fr;gap:1.5rem}}.case-study__facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:1px dashed var(--line)}.case-study__facts dt{font-family:var(--font-mono);color:var(--text-muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.1em}.case-study__facts dd{margin:.4rem 0 0}.case-study__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}.case-study__sections{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}.bullet-list,.metric-list{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0 0;padding:0;list-style:none}.bullet-list li,.metric-list li{border:1px solid var(--line);border-radius:var(--radius-sm);padding:.4rem .7rem;color:var(--text-muted);font-size:.88rem}.article-shell{width:min(100%,var(--reading-width))}.article-shell :where(h2){font-family:var(--font-serif);font-size:1.5rem;letter-spacing:-.02em;margin:3rem 0 1rem;color:var(--text)}.article-shell :where(h3){font-family:var(--font-serif);font-size:1.15rem;margin:2rem 0 .75rem;color:var(--text)}.article-shell :where(p){color:var(--text-muted);font-size:1rem;line-height:1.85;margin:0 0 1.25rem}.article-shell :where(li){color:var(--text-muted);font-size:1rem;line-height:1.75;margin-bottom:.4rem}.article-shell :where(ul,ol){padding-left:1.2rem;margin:0 0 1.25rem}.article-shell :where(strong){color:var(--text);font-weight:500}.article-shell :where(hr){border:none;border-top:1px dashed var(--line);margin:2.5rem 0}.article-shell>:first-child{margin-top:0}.mdx-callout{margin:2rem 0;padding:1.25rem 1.5rem;border:1px solid var(--line);border-left:3px solid var(--sand);border-radius:var(--radius-sm);background:var(--surface)}.mdx-callout__title{margin:0 0 .5rem;font-family:var(--font-mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--sand)}.mdx-callout p{margin:0;font-size:.95rem}.empty-state{width:min(100%,720px);margin:8rem auto;text-align:center}.not-found__code{font-size:4rem;font-family:var(--font-mono);color:var(--moss-bright);opacity:.3}.glow-card{position:relative;overflow:hidden;--glow-x:50%;--glow-y:50%;--glow-opacity:0}.glow-card__glow{position:absolute;inset:0;pointer-events:none;opacity:var(--glow-opacity);transition:opacity .4s ease;background:radial-gradient(280px circle at var(--glow-x) var(--glow-y),rgba(232,147,42,.06),transparent 60%)}.grid-overlay{z-index:var(--z-grid);opacity:.4;background-image:radial-gradient(circle,var(--grid-line) 1px,transparent 1px);background-size:24px 24px;-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 40%,black 30%,transparent 100%);mask-image:radial-gradient(ellipse 80% 60% at 50% 40%,black 30%,transparent 100%)}.grain-overlay,.grid-overlay{position:fixed;inset:0;pointer-events:none}.grain-overlay{z-index:var(--z-grain);mix-blend-mode:overlay;opacity:.5}.custom-cursor__dot,.custom-cursor__ring{position:fixed;top:0;left:0;pointer-events:none;z-index:var(--z-cursor);border-radius:50%;transform:translate(-50%,-50%)}.custom-cursor__dot{width:8px;height:8px;background:var(--moss-bright)}.custom-cursor__ring{width:32px;height:32px;border:1px solid rgba(232,147,42,.3);transition:width .2s var(--ease-out),height .2s var(--ease-out),border-color .2s ease}.custom-cursor__ring--hover{width:48px;height:48px;border-color:rgba(232,147,42,.5)}.touch-ripple{position:fixed;pointer-events:none;z-index:var(--z-cursor);width:8px;height:8px;border-radius:50%;border:1.5px solid var(--moss-bright);transform:translate(-50%,-50%);animation:touch-ping .4s cubic-bezier(.165,.84,.44,1) forwards}@keyframes touch-ping{0%{width:8px;height:8px;opacity:.6}to{width:60px;height:60px;opacity:0}}.easter-egg-toast{position:fixed;bottom:2rem;left:50%;transform:translateX(-50%);z-index:var(--z-toast);padding:.75rem 1.25rem;background:rgba(24,22,18,.95);border:1px solid var(--moss-bright);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:.78rem;color:var(--moss-bright);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:toast-in .4s var(--ease-out) forwards}@keyframes toast-in{0%{opacity:0;transform:translateX(-50%) translateY(16px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.page-intro{display:grid;gap:.75rem}.page-intro h1{font-size:clamp(2.2rem,5vw,4rem);text-wrap:balance}.scroll-progress{position:fixed;bottom:0;left:0;right:0;height:3px;background:var(--moss-bright);transform-origin:left center;transform:scaleX(0);z-index:var(--z-header);pointer-events:none;will-change:transform}::view-transition-old(root){animation:fade-out .2s ease-out forwards}::view-transition-new(root){animation:fade-in .25s ease-out forwards}@keyframes fade-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-4px)}}@keyframes fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.capability-card:active,.post-card:active,.project-card:active,.timeline-mobile__card:active,.tl-card:active{transform:scale(.97)}.text-link:active{opacity:.7}.lab-header__link:active{transform:scale(.97)}.article-shell__meta,.hero__fact dd,.post-card__date,.timeline-mobile__period,.tl-card__period{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.hero__divider,.hero__title-line,.timeline-mobile__card,.tl-card{will-change:transform,opacity}.case-embed{position:relative;border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;background:var(--surface)}.case-embed__frame{width:100%;aspect-ratio:16/10;border:none;display:block}.case-embed__overlay{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:flex-end;padding:1rem;background:linear-gradient(0deg,rgba(0,0,0,.4) 0,transparent 40%);pointer-events:none}.case-embed__cta{pointer-events:auto;font-family:var(--font-mono);font-size:.72rem;color:var(--text);padding:8px 14px;background:rgba(18,17,15,.9);border:1px solid var(--line-strong);border-radius:var(--radius-sm);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:inline-flex;align-items:center;gap:.4rem;transition:background-color .16s ease}@media (hover:hover) and (pointer:fine){.case-embed__cta:hover{background:rgba(18,17,15,1)}}.case-study__concepts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}.concept-card{padding:1.25rem;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);transition:border-color .2s ease}.concept-card--winner{border-color:var(--moss);border-left:3px solid var(--moss-bright)}.concept-card__label{font-family:var(--font-mono);font-size:.65rem;color:var(--moss-bright);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.4rem}.concept-card h4{margin:0 0 .4rem;font-size:1rem}.concept-card p{color:var(--text-muted);font-size:.85rem;line-height:1.55;margin:0}.case-study__showcase{display:grid;grid-template-columns:1fr 200px;gap:1.5rem;align-items:end}.case-study__screenshot{width:100%;height:auto;border-radius:var(--radius-md);border:1px solid var(--line)}.case-study__showcase-mobile{max-width:200px}.case-study__mobile-detail{display:block}.case-study__mobile-split{display:grid;grid-template-columns:1fr 220px;gap:2.5rem;align-items:center;margin-top:1.5rem}.case-study__mobile-frame{max-width:220px;margin:0 auto}.case-study__mobile-frame .case-study__screenshot{border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.concept-card__screenshot{position:relative;overflow:hidden;border-radius:var(--radius-sm) var(--radius-sm) 0 0;margin:-1.25rem -1.25rem 0;border-bottom:1px solid var(--line)}.concept-card__img{width:100%;height:auto;display:block;transition:transform .4s var(--ease-out)}@media (hover:hover) and (pointer:fine){.concept-card:hover .concept-card__img{transform:scale(1.02)}}.concept-card__chosen-badge{position:absolute;top:.75rem;right:.75rem;font-family:var(--font-mono);font-size:.62rem;color:var(--moss-bright);text-transform:uppercase;letter-spacing:.1em;padding:4px 10px;background:rgba(18,17,15,.9);border:1px solid rgba(232,147,42,.3);border-radius:2px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.concept-card__body{padding-top:1rem}.concept-card__header{margin-bottom:.5rem}.concept-card__verdict{font-family:var(--font-mono);font-size:.7rem;color:var(--text-muted);margin:.15rem 0 0;letter-spacing:.03em}.concept-card--winner .concept-card__verdict{color:var(--moss-bright)}.case-study__concept-block{margin-top:2.5rem}.case-study__concept-block h3{margin:0 0 .2rem;font-size:1.15rem}.case-study__concept-header{margin-bottom:1rem}.case-study__concept-note{margin:1rem 0 0;padding:.75rem 1rem;border-left:2px solid var(--line-strong);color:var(--text-muted);font-size:.88rem;line-height:1.6;font-style:italic}.concept-card__index{font-family:var(--font-mono);color:var(--text-muted);font-size:.85rem}.concept-card__reaction{margin:.75rem 0 0;padding:.6rem 0 0;border-top:1px dashed var(--line);font-size:.82rem;color:var(--text-muted);line-height:1.55;font-style:italic}.concept-card--winner .concept-card__reaction{color:var(--text)}@media (hover:hover) and (pointer:fine){.concept-card:hover{border-color:var(--line-strong)}}.device-preview{border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;background:#0e0d0b}.device-preview__toolbar{display:flex;align-items:center;gap:.75rem;padding:.6rem 1rem;background:rgba(24,22,18,.95);border-bottom:1px solid var(--line)}.device-preview__dots{display:flex;gap:6px;flex-shrink:0}.device-preview__dot{width:10px;height:10px;border-radius:50%}.device-preview__dot--red{background:#ff5f57}.device-preview__dot--yellow{background:#febc2e}.device-preview__dot--green{background:#28c840}.device-preview__url-bar{flex:1 1;min-width:0;padding:4px 12px;background:rgba(255,255,255,.05);border:1px solid var(--line);border-radius:var(--radius-sm)}.device-preview__url-text{font-family:var(--font-mono);font-size:.68rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.device-preview__modes{display:flex;gap:2px;flex-shrink:0}.device-preview__mode{display:flex;align-items:center;justify-content:center;width:32px;height:28px;padding:0;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--text-muted);cursor:pointer;transition:color .16s ease,background-color .16s ease}.device-preview__mode--active{color:var(--text);background:rgba(255,255,255,.06);border-color:var(--line)}@media (hover:hover) and (pointer:fine){.device-preview__mode:hover{color:var(--text);background:rgba(255,255,255,.04)}}.device-preview__viewport{position:relative;display:flex;justify-content:center;background:#0e0d0b;transition:height .4s var(--ease-out),padding .4s var(--ease-out)}.device-preview__viewport--desktop{height:560px;padding:0}.device-preview__viewport--mobile{height:680px;padding:1.5rem 0}.device-preview__viewport--desktop .device-preview__frame{width:100%;height:100%;border:none}.device-preview__viewport--mobile .device-preview__frame{width:375px;height:100%;border:none;border-radius:var(--radius-lg);box-shadow:0 0 0 1px var(--line-strong),var(--shadow-lg)}.device-preview__mobile-fallback{display:none}@media (max-width:1024px){.hero-grid{grid-template-columns:1fr;min-height:auto;gap:2rem}.hero__divider{display:none}.hero__panel{padding-top:1.5rem;border-top:1px dashed var(--line);flex-direction:row;flex-wrap:wrap;gap:1.5rem}.hero__facts{grid-template-columns:repeat(3,auto);gap:2rem}.hero__stack-section{border-top:none;padding-top:0}.split-section{grid-template-columns:1fr}.capability-grid,.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.post-grid{grid-template-rows:auto}.case-study__grid,.case-study__sections,.post-grid{grid-template-columns:1fr}}@media (max-width:720px){.lab-header{font-size:.78rem;padding:.6rem .75rem}.lab-header__build,.lab-header__status span{display:none}.lab-header__link{padding:8px 10px;font-size:.75rem}.hero__title{font-size:clamp(2rem,8vw,3.4rem)}.hero__actions,.hero__panel{flex-direction:column}.hero__facts{gap:.8rem}.case-study__concepts,.case-study__facts,.case-study__mobile-split,.case-study__showcase,.hero__facts{grid-template-columns:1fr}.case-study__showcase-mobile{max-width:160px;margin:0 auto}.device-preview{display:none}.device-preview__mobile-fallback{display:block}.capability-grid,.card-grid{grid-template-columns:1fr;border:none}.capability-card{border:1px solid var(--line);border-bottom:2px solid var(--moss)}.section-heading{grid-template-columns:1fr;gap:.5rem}.cta-panel h2,.section-heading h2,.split-section h2{font-size:clamp(1.4rem,5vw,2rem)}.cta-panel,.section-block--contrast{padding:1.5rem 1rem}main{padding-inline:.75rem}.project-card{padding:1.25rem 1.25rem 1.25rem 1.5rem}.post-card{padding:1rem}.site-footer{grid-template-columns:1fr;padding:2rem .75rem 3rem}.tl{display:none}.timeline-mobile{display:flex}.section-annotation__rule{display:none}}@media (max-width:480px){.page-stack{gap:3rem}.lab-header__nav{gap:0}.lab-header__index,.lab-header__label{display:none}.lab-header__label--short{display:inline}.lab-header__link{padding:8px;font-size:.72rem}.hero__title{font-size:clamp(1.8rem,7.5vw,2.4rem)}.hero__lede{font-size:.92rem}.button{font-size:.82rem;padding:10px 18px}.post-grid{grid-template-rows:auto}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.custom-cursor__dot,.custom-cursor__ring,.grain-overlay,.grid-overlay{display:none}}