:root{--paper:#f2efe8;--paper-deep:#e8e2d7;--card:#f8f6f0;--ink:#171716;--muted:#6e6a62;--line:#d6d0c4;--accent:#b64f2b;--accent-soft:#ead0c4;--inverse:#1d1c1a;--shadow:0 18px 55px #221d1714}:root[data-theme=dark]{--paper:#171714;--paper-deep:#211f1b;--card:#1c1b18;--ink:#f1eee7;--muted:#aaa59b;--line:#37332e;--accent:#e0754c;--accent-soft:#3e2a23;--inverse:#f1eee7;--shadow:0 18px 55px #00000047}:root[data-theme=dark] .badge{border-color:#ffffff1f}:root[data-theme=dark] .contact-form input,:root[data-theme=dark] .contact-form textarea{background:#ffffff09;border-color:#ffffff2e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);min-width:320px;color:var(--ink);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;margin:0;font-family:DM Sans,system-ui,sans-serif}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit;background:0 0;border:0}img{width:100%;max-width:100%;display:block}::selection{background:var(--accent-soft)}.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}.container{width:min(1180px,100% - 40px);margin-inline:auto}.app-shell{min-height:100vh;overflow-x:clip}.skip-link{z-index:100;background:var(--ink);color:var(--paper);border-radius:8px;padding:10px 14px;font:600 12px/1 DM Mono,monospace;transition:transform .18s;position:fixed;top:12px;left:16px;transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}.site-header{z-index:20;border-bottom:1px solid var(--line);background:var(--paper);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);position:sticky;top:0}.nav-shell{grid-template-columns:auto 1fr auto;align-items:center;gap:30px;min-height:78px;display:grid}.brand{white-space:nowrap;align-items:baseline;gap:12px;padding:0;display:inline-flex}.brand span{letter-spacing:-.03em;font:500 18px/1 Fraunces,Georgia,serif}.brand em{color:var(--muted);text-transform:uppercase;letter-spacing:.12em;font:500 10px/1 DM Mono,monospace}.primary-nav{justify-content:center;gap:28px;display:flex}.primary-nav a,.nav-link{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font:500 12px/1 DM Mono,monospace}.primary-nav a:hover,.nav-link:hover{color:var(--ink)}.nav-actions{align-items:center;gap:10px;display:flex}.theme-button,.button{border:1px solid var(--line);letter-spacing:.06em;text-transform:uppercase;border-radius:999px;justify-content:center;align-items:center;min-height:42px;padding:0 16px;font:600 11px/1 DM Mono,monospace;transition:border-color .18s,transform .18s,background-color .18s,color .18s;display:inline-flex}.theme-button:hover,.button:hover{border-color:var(--ink);transform:translateY(-1px)}.button-primary{border-color:var(--ink);background:var(--ink);color:var(--paper)}.button-secondary{background:0 0}.button-ghost{color:var(--muted);border-color:#0000;padding-inline:4px}.button-ghost:hover{color:var(--ink);border-color:#0000}.menu-toggle{border:1px solid var(--line);border-radius:50%;width:42px;height:42px;display:none}.menu-toggle span:not(.sr-only){background:currentColor;width:15px;height:1px;margin:3px auto;transition:transform .18s;display:block}.menu-toggle.is-open span:first-child{transform:translateY(4px)rotate(45deg)}.menu-toggle.is-open span:nth-child(2){opacity:0}.menu-toggle.is-open span:nth-child(3){transform:translateY(-4px)rotate(-45deg)}.hero-section{padding:54px 0 0}.hero-grid{grid-template-columns:minmax(0,1.3fr) minmax(290px,.7fr);align-items:start;gap:72px;padding-top:52px;padding-bottom:56px;display:grid}.hero-title{letter-spacing:-.025em;text-wrap:balance;max-width:970px;font-family:Fraunces,Georgia,serif;font-size:clamp(3.6rem,6.9vw,6.9rem);font-weight:500;line-height:1.06}.hero-note--aligned{margin-top:34px}.eyebrow,.section-index,.project-category,.project-number,.timeline-label,.case-kicker,.hero-note-top,.hero-footnote,.case-sidebar>p,.case-section-number,.contact-form label{letter-spacing:.11em;text-transform:uppercase;font:500 11px/1.2 DM Mono,monospace}.case-section-number{color:var(--accent);letter-spacing:.11em;text-transform:uppercase;align-self:start;margin-top:7px;padding-top:0;font:500 10px/1 DM Mono,monospace}.eyebrow{color:var(--accent);margin:0 0 20px}.hero-main h1,.section-heading h2,.case-header h1,.contact-big{letter-spacing:-.035em;font-family:Fraunces,Georgia,serif;font-weight:500}.hero-main h1{max-width:900px;margin:0;font-size:clamp(3.5rem,8vw,7.25rem);line-height:.93}.hero-lede{max-width:760px;color:var(--muted);margin:28px 0 0;font-size:clamp(17px,2vw,20px);line-height:1.65}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:34px;display:flex}.hero-note{border-top:1px solid var(--line);border-bottom:1px solid var(--line);align-self:stretch;padding:22px 0}.hero-note-top{color:var(--muted);justify-content:space-between;gap:18px;display:flex}.hero-note-title{max-width:250px;margin:70px 0 30px;font:500 26px/1.08 Fraunces,Georgia,serif}.focus-list{border-top:1px solid var(--line)}.focus-list div{border-bottom:1px solid var(--line);grid-template-columns:1fr auto;gap:15px;padding:12px 0;display:grid}.focus-list span{color:var(--ink-2)}.focus-list strong{text-align:right;font-weight:600}.focus-list strong i{color:currentColor;opacity:.42;padding-inline:2px;font-style:normal}.hero-rule{border-top:1px solid var(--line)}.hero-footnote{min-height:52px;color:var(--muted);justify-content:space-between;align-items:center;gap:16px;display:flex}.section-block{border-top:1px solid var(--line);padding:110px 0}.section-heading{grid-template-columns:54px minmax(0,1fr);gap:28px;margin-bottom:0;display:grid}.section-index{color:var(--accent);margin:0 0 20px}.section-heading h2{max-width:760px;margin:0;font-size:clamp(2.5rem,5vw,4.8rem);line-height:.98}.section-description{max-width:620px;color:var(--muted);margin:20px 0 0;font-size:17px;line-height:1.6}.projects-list{gap:88px;display:grid}.project-card{grid-template-columns:minmax(0,1.13fr) minmax(320px,.87fr);align-items:start;gap:64px;display:grid}.project-card:nth-child(2n){grid-template-columns:minmax(320px,.87fr) minmax(0,1.13fr)}.project-card:nth-child(2n) .screenshot-frame{order:2}.project-card:nth-child(2n) .project-card-body{order:1}.screenshot-frame{border:1px solid var(--line);background:var(--card);box-shadow:var(--shadow);margin:0;overflow:hidden}.screenshot-toolbar{border-bottom:1px solid var(--line);min-height:42px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;grid-template-columns:70px 1fr auto;align-items:center;gap:12px;padding:0 14px;font:500 10px/1 DM Mono,monospace;display:grid}.window-dots{gap:5px;display:flex}.window-dots span{border:1px solid var(--line);border-radius:50%;width:6px;height:6px}.screenshot-action{color:var(--accent);text-align:right}.screenshot-image{background:#111}.screenshot-image img{object-fit:contain;height:auto}.project-card-body{min-width:0;padding:0}.project-card-topline{justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.project-number{color:var(--accent)}.project-category{color:var(--muted)}.project-card-copy h3{letter-spacing:-.03em;margin:0;font:500 clamp(2rem,3.6vw,3.5rem)/1 Fraunces,Georgia,serif}.project-card-copy p{color:var(--muted);margin:18px 0 0;font-size:16px;line-height:1.67}.project-card-copy .project-one-liner{color:var(--ink);font-size:19px;line-height:1.45}.badge-row{flex-wrap:wrap;gap:8px;margin-top:24px;display:flex}.badge{border-radius:var(--radius-pill);min-height:28px;color:var(--ink);letter-spacing:.045em;border:1px solid #0000001a;align-items:center;padding:7px 12px;font:500 10px/1 DM Mono,monospace;display:inline-flex}.badge-muted{color:var(--muted)}.project-card-actions{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:18px;margin-top:28px;padding-top:28px;display:flex}.text-link,.external-links a,.contact-details a,.back-link{letter-spacing:.07em;text-transform:uppercase;font:600 11px/1.2 DM Mono,monospace}.text-link{padding:0}.text-link:hover,.external-links a:hover,.contact-details a:hover,.back-link:hover{color:var(--accent)}.external-links{color:var(--muted);gap:14px;display:flex}.work-projects{margin-top:5rem}.about-layout{grid-template-columns:minmax(0,1.08fr) minmax(320px,.72fr);align-items:start;gap:clamp(56px,8vw,108px);display:grid}.about-story{min-width:0;max-width:720px}.about-story p{color:var(--muted);font-size:18px;line-height:1.72}.about-story p+p{margin-top:24px}.about-story .about-lead{max-width:660px;color:var(--ink);letter-spacing:-.02em;text-wrap:balance;font:500 clamp(1.9rem,2.55vw,2.35rem)/1.14 Fraunces,Georgia,serif}.timeline{border-top:1px solid var(--line);margin-top:36px}.timeline-label{color:var(--accent);border-bottom:1px solid var(--line);padding:14px 0}.timeline-item{border-bottom:1px solid var(--line);grid-template-columns:70px minmax(0,1fr);gap:18px;min-height:78px;padding:20px 0;display:grid}.timeline-item>span{color:var(--accent);letter-spacing:.04em;font:600 10px/1.25 DM Mono,monospace}.timeline-item strong{color:var(--ink);font-size:14px;font-weight:600;display:block}.timeline-item small{color:var(--ink-2);margin-top:6px;font-size:13px;line-height:1.45;display:block}.principles-grid{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);margin-top:70px;display:grid}.principles-grid>div{border-right:1px solid var(--line);min-width:0;padding:24px 32px 0 0}.principles-grid>div+div{padding-left:32px}.principles-grid>div:last-child{border-right:0;padding-right:0}.principles-grid span{color:var(--accent);font:500 9px/1 DM Mono,monospace}.principles-grid strong{margin-top:12px;font-size:16px;display:block}.principles-grid p{color:var(--muted);margin-top:8px;font-size:14px;line-height:1.6}.contact-heading .contact-lede{max-width:620px;color:var(--ink);letter-spacing:-.015em;text-wrap:balance;margin-top:16px;font:500 clamp(1.35rem,2.2vw,1.75rem)/1.3 Fraunces,Georgia,serif}.contact-layout{grid-template-columns:minmax(0,1.02fr) minmax(350px,.78fr);align-items:start;gap:clamp(56px,8vw,112px);display:grid}.contact-big{letter-spacing:-.035em;max-width:720px;font-size:clamp(3.4rem,6vw,6rem);line-height:1}.contact-details{color:var(--muted);gap:10px;margin-top:38px;display:grid}.contact-form{gap:10px;display:grid}.contact-form label{color:var(--muted);margin-top:8px}.contact-form input,.contact-form textarea{border:1px solid var(--line);width:100%;color:var(--ink);resize:vertical;background:#00000006;border-color:#0000002e;border-radius:0;outline:none;padding:13px 14px}.contact-form--aligned{margin-top:1.25rem}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--ink);box-shadow:0 0 0 3px var(--accent-soft);background:var(--surface)}.contact-form input[aria-invalid=true],.contact-form textarea[aria-invalid=true]{border-color:var(--accent)}.field-error{color:var(--accent);font-size:12px}.form-status{color:var(--muted);margin:8px 0 0;font-size:13px;line-height:1.5}.site-footer{border-top:1px solid var(--line)}.footer-shell{min-height:90px;color:var(--muted);justify-content:space-between;align-items:center;gap:24px;display:flex}.footer-shell p{text-transform:uppercase;letter-spacing:.08em;margin:0;font:500 11px/1.2 DM Mono,monospace}.footer-links{text-transform:uppercase;letter-spacing:.08em;gap:20px;font:500 11px/1.2 DM Mono,monospace;display:flex}.case-page{padding:42px 0 110px}.case-back-row{border-bottom:1px solid var(--line);padding-bottom:28px}.back-link{color:var(--muted);padding:0}.case-header{max-width:900px;padding:72px 0 58px}.case-kicker{color:var(--accent);gap:20px;display:flex}.case-header h1{margin:25px 0 0;font-size:clamp(4rem,9vw,8rem);line-height:.86}.case-header>p{max-width:700px;color:var(--muted);margin:26px 0 0;font-size:20px;line-height:1.55}.case-meta{border-top:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:40px;padding-top:20px;display:grid}.case-meta div span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px;font:500 10px/1 DM Mono,monospace;display:block}.case-meta strong{font-size:14px}.case-page>.container>.screenshot-frame{margin-bottom:80px}.case-grid{grid-template-columns:210px minmax(0,1fr);align-items:start;gap:70px;display:grid}.case-sidebar{top:calc(var(--header-h) + 24px);min-width:0;padding-top:6px;position:sticky}.case-sidebar>p{color:var(--accent);margin:0 0 14px}.case-sidebar-label{color:var(--accent);border-bottom:1px solid var(--line);letter-spacing:.11em;text-transform:uppercase;padding-bottom:14px;font:500 10px/1.2 DM Mono,monospace}.badge-column{gap:7px;padding-top:12px;display:grid}.case-sidebar .badge{width:fit-content;max-width:100%;min-height:27px;color:var(--muted);letter-spacing:.045em;border:1px solid #ffffff1c;border-radius:999px;padding:6px 10px;font:500 9px/1 DM Mono,monospace}.case-content{min-width:0}:root:not([data-theme=dark]) .case-sidebar .badge{border-color:#0000001a}.case-section{border-top:1px solid var(--line);grid-template-columns:48px minmax(0,1fr);align-items:start;gap:24px;padding:44px 0;display:grid}.case-section:first-child{border-top:0;padding-top:0}.case-section-number{color:var(--accent);letter-spacing:.11em;text-transform:uppercase;align-self:start;margin-top:5px;font:500 10px/1 DM Mono,monospace}.case-section-content{min-width:0}.case-section-content h2{letter-spacing:-.03em;text-wrap:balance;margin:0;font:500 clamp(2rem,3.1vw,3rem)/1 Fraunces,Georgia,serif}.case-copy{max-width:720px;color:var(--muted);margin-top:18px;font-size:18px;line-height:1.72}.architecture-grid{background:var(--line);border:1px solid var(--line);gap:1px;margin-top:32px;display:grid}.architecture-node{background:var(--card);grid-template-columns:48px 1fr 32px;gap:14px;padding:18px;display:grid;position:relative}.architecture-count{color:var(--accent);padding-top:4px;font:500 10px/1 DM Mono,monospace}.architecture-node strong{font-size:15px}.architecture-node p{color:var(--muted);margin:7px 0 0;line-height:1.5}.architecture-arrow{color:var(--accent);justify-content:center;align-items:center;display:flex}.decision-list{gap:18px;margin-top:20px;list-style:none;display:grid}.decision-list li{color:var(--muted);padding-left:30px;font-size:16px;line-height:1.67;position:relative}.decision-list li:before{content:"↳";inset-inline-start:0;color:var(--accent);font:500 15px/1.67 DM Sans,sans-serif;position:absolute;top:0}.case-actions{border-top:1px solid var(--line);flex-wrap:wrap;gap:12px;margin-top:18px;padding-top:30px;display:flex}.case-live-button{color:#171715;background:#c7b58a;border-color:#c7b58a;box-shadow:0 8px 20px #231e1812}.case-live-button:hover{color:#171715;background:#d2c39e;border-color:#d2c39e}.case-repository-button{border-color:var(--line-strong);color:var(--ink);background:0 0}.case-repository-button:hover{border-color:var(--ink);color:var(--ink);background:0 0}.reveal{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(22px)}.reveal.is-visible{opacity:1;transform:none}@media (width<=900px){.nav-shell{grid-template-columns:auto auto 1fr}.menu-toggle{justify-self:center;display:block}.primary-nav{border:1px solid var(--line);background:var(--paper);flex-direction:column;gap:0;display:none;position:absolute;top:calc(100% + 1px);left:20px;right:20px}.primary-nav.is-open{display:flex}.primary-nav a,.primary-nav .nav-link{text-align:left;border-bottom:1px solid var(--line);padding:16px 18px}.primary-nav>:last-child{border-bottom:0}.nav-actions{justify-self:end}.hero-grid{grid-template-columns:1fr;align-items:start;gap:54px;padding-top:44px}.hero-note{max-width:none}.hero-note-title{margin-top:36px}.project-card,.project-card:nth-child(2n){grid-template-columns:1fr;align-items:start;gap:34px}.project-card:nth-child(2n) .screenshot-frame,.project-card:nth-child(2n) .project-card-body{order:initial}.about-layout,.contact-layout{grid-template-columns:1fr;gap:50px}.case-grid{grid-template-columns:1fr}.case-sidebar{padding-top:0;position:static}.hero-note--aligned,.timeline,.contact-form--aligned{margin-top:0}}@media (width<=700px){.hero-title{letter-spacing:-.02em;font-size:clamp(3rem,12.6vw,4.4rem);line-height:1.04}.work-projects{margin-top:3.5rem}.about-story .about-lead{font-size:clamp(1.8rem,8vw,2.5rem);line-height:1.12}.timeline-item{grid-template-columns:60px minmax(0,1fr);gap:14px;min-height:76px;padding:18px 0}.principles-grid>div,.principles-grid>div+div,.principles-grid>div:last-child{padding:18px 0}.contact-big{font-size:clamp(2.9rem,11.7vw,4.5rem)}.contact-heading .contact-lede{font-size:1.25rem}.case-section-number{margin-top:0}.case-actions{flex-direction:column;align-items:stretch}.case-actions .button{width:100%}.architecture-grid{margin-top:24px}}@media (width<=640px){.container{width:min(100% - 28px,1180px)}.site-header{position:sticky}.nav-shell{gap:10px;min-height:66px}.brand em{display:none}.nav-actions .button{min-height:36px;padding:0 11px}.theme-button{min-height:36px;padding-inline:11px}.hero-section{padding-top:18px}.hero-grid{gap:34px;padding-top:38px;padding-bottom:38px}.hero-main h1{font-size:clamp(3.1rem,15vw,4.7rem)}.hero-lede{font-size:17px}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions .button{width:100%}.hero-footnote{flex-wrap:wrap;min-height:68px;padding:11px 0}.section-block{padding:78px 0}.section-heading{grid-template-columns:42px 1fr;gap:12px;margin-bottom:38px}.section-heading h2{font-size:clamp(2.3rem,11vw,3.6rem)}.section-description{font-size:16px}.screenshot-toolbar{grid-template-columns:58px 1fr auto;padding:0 10px}.screenshot-action{display:none}.project-card-copy .project-one-liner{font-size:18px}.project-card-actions{flex-direction:column;align-items:flex-start}.external-links{justify-content:space-between;width:100%}.principles-grid{grid-template-columns:1fr}.principles-grid>div,.principles-grid>div+div{border-right:0;border-bottom:1px solid var(--line);padding:18px 0}.principles-grid>div:last-child{border-bottom:0}.contact-big{font-size:clamp(3rem,14vw,4.6rem)}.footer-shell{flex-direction:column;align-items:flex-start;min-height:auto;padding:24px 0}.footer-links{flex-wrap:wrap;gap:13px 18px}.case-page{padding-top:24px}.case-header{padding:52px 0 38px}.case-header h1{font-size:clamp(3.6rem,18vw,5.6rem)}.case-header>p{font-size:18px}.case-meta{grid-template-columns:1fr;gap:16px}.case-page>.container>.screenshot-frame{margin-bottom:52px}.case-section{grid-template-columns:42px 1fr;gap:12px;padding:34px 0}.architecture-node{grid-template-columns:36px 1fr 18px;padding:14px}.case-actions .button{width:100%}}@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}.reveal{opacity:1;transform:none}}.contact-gmail-fallback{color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:var(--line-strong);text-decoration-color:var(--line-strong);text-underline-offset:3px}.contact-gmail-fallback:hover{color:var(--accent);-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}