@layer reset{*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:4.5rem}body,h1,h2,h3,p,ul,ol,dl,dd,figure{margin:0}ul,ol{padding:0}img{max-width:100%;display:block}button,input,textarea,select{font:inherit}}@layer tokens{:root{--ink:#1d2825;--paper:#f2f4f1;--paper-strong:#fbfcfa;--muted:#66706d;--violet:#748783;--pink:#b97870;--orange:#c68a75;--mint:#bed8cf;--yellow:#d8d4b9;--rule:1px solid var(--ink);--shadow:none;--sans:Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--serif:Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace;--max:1440px}}@layer base{html{background:var(--ink)}body{background:var(--paper);min-width:320px;color:var(--ink);font-family:var(--sans);text-rendering:optimizelegibility;font-size:16px;line-height:1.55}a{color:inherit;text-underline-offset:.2em;text-decoration-thickness:1px}a:hover{text-decoration-thickness:2px}:focus-visible{outline:3px solid var(--violet);outline-offset:4px}h1,h2,h3{letter-spacing:-.055em;line-height:.98}h1,h2{font-family:var(--serif);font-weight:600}h3{font-weight:800}p{max-width:72ch}.skip-link{z-index:100;background:var(--paper-strong);border:var(--rule);padding:.75rem 1rem;font-weight:800;position:fixed;top:-5rem;left:1rem}.skip-link:focus{top:1rem}}@layer components{.section-shell{width:min(100%, var(--max));margin-inline:auto;padding-inline:clamp(1rem,4vw,4rem)}.eyebrow{font-family:var(--mono);letter-spacing:.13em;text-transform:uppercase;font-size:.78rem;font-weight:800}.button{border:var(--rule);background:var(--accent,var(--yellow));min-height:3.25rem;box-shadow:5px 5px 0 var(--ink);color:var(--ink);letter-spacing:.08em;text-transform:uppercase;justify-content:center;align-items:center;padding:.75rem 1.15rem;font-size:.76rem;font-weight:900;text-decoration:none;transition:transform .14s,box-shadow .14s;display:inline-flex}.button:hover{box-shadow:2px 2px 0 var(--ink);transform:translate(3px,3px)}.button--small{min-height:2.5rem;box-shadow:none}.text-link,.quiet-link{font-weight:800}.site-header{z-index:50;border-bottom:var(--rule);background:color-mix(in srgb, var(--paper) 92%, transparent);backdrop-filter:blur(12px);grid-template-columns:1fr auto 1fr;align-items:center;min-height:4.5rem;padding:.65rem clamp(1rem,4vw,4rem);display:grid;position:sticky;top:0}.wordmark{align-items:center;gap:.7rem;text-decoration:none;display:flex}.wordmark span{aspect-ratio:1;border:var(--rule);background:var(--accent);width:2.35rem;font-family:var(--mono);place-items:center;font-size:.75rem;font-weight:900;display:grid}.wordmark strong{letter-spacing:.06em;text-transform:uppercase;font-size:.82rem}.desktop-nav{gap:clamp(1rem,3vw,2.5rem);display:flex}.desktop-nav a{text-transform:uppercase;font-size:.8rem;font-weight:800;text-decoration:none}.header-actions{justify-content:flex-end;align-items:center;gap:1rem;display:flex}.mobile-nav{display:none}.section-heading{grid-template-columns:minmax(0,1.5fr) minmax(16rem,.8fr);align-items:end;gap:2rem;margin-bottom:clamp(2rem,4vw,3.5rem);display:grid}.section-heading .eyebrow{grid-column:1/-1}.section-heading h2{font-size:clamp(3rem,7vw,7rem)}.section-heading>p:last-child{justify-self:end;font-size:1.1rem}.tag-list{flex-wrap:wrap;gap:.45rem;list-style:none;display:flex}.tag-list li{font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;border:1px solid;border-radius:999px;padding:.25rem .6rem;font-size:.75rem;font-weight:800}}@layer pages{.hero{align-content:center;gap:clamp(2rem,3vw,3rem);min-height:calc(100svh - 4.5rem);padding-block:clamp(2.5rem,5vw,4.5rem);display:grid;position:relative;overflow:hidden}.hero__intro{grid-template-columns:minmax(0,1.2fr) minmax(24rem,.8fr);align-items:center;gap:clamp(2rem,5vw,5rem);display:grid}.hero__copy{z-index:2;position:relative}.hero h1{max-width:12ch;margin-top:1.4rem;font-size:clamp(3.8rem,6.8vw,7rem)}.hero__portrait{width:min(100%,34rem);box-shadow:none;justify-self:end;position:relative;transform:none}.hero__portrait-frame{border:var(--rule);background:var(--mint);border-radius:50% 50% .25rem .25rem/24% 24% .25rem .25rem;padding:clamp(.55rem,1vw,.8rem)}.hero__portrait img{aspect-ratio:4/5;object-fit:cover;object-position:center;border-radius:50% 50% .1rem .1rem/23% 23% .1rem .1rem;width:100%;height:auto}.hero__portrait figcaption{color:var(--ink);font-family:var(--mono);letter-spacing:.08em;text-align:center;text-transform:uppercase;padding:.75rem .25rem 0;font-size:.75rem;font-weight:900}.hero__lower{z-index:2;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:2rem;display:grid;position:relative}.hero__lower>p{font-size:clamp(1.1rem,2vw,1.45rem)}.hero__actions{align-items:center;gap:1.4rem;display:flex}.capability-strip{border-block:var(--rule);background:var(--ink);color:var(--paper-strong);overflow:hidden}.capability-strip ul{width:max-content;list-style:none;display:flex}.capability-strip li{border-right:1px solid var(--paper);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;padding:.9rem 1.4rem;font-size:.75rem;font-weight:900}.work{padding-block:clamp(4rem,7vw,7rem)}.supporting-work-label{border-top:var(--rule);font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;margin-top:clamp(3rem,6vw,6rem);padding-top:1rem;font-size:.78rem;font-weight:900}.project-grid--supporting{margin-top:clamp(2rem,4vw,3.5rem)}.project-grid{grid-template-columns:repeat(12,1fr);gap:3.5rem 1.5rem;display:grid}.project-card{grid-column:span 6}.project-card>a{text-decoration:none;display:block}.project-card__media{border:var(--rule);background:var(--card-accent);box-shadow:var(--shadow);aspect-ratio:4/3;position:relative;overflow:hidden}.project-card__media .visual-kicker{justify-self:start;width:fit-content;max-width:calc(100% - 4rem)}.project-card__media .project-visual>small{justify-self:start;width:fit-content;max-width:calc(100% - 8rem)}.project-card__number{z-index:4;aspect-ratio:1;background:var(--paper-strong);border:var(--rule);width:2.75rem;font-family:var(--mono);place-items:center;font-size:.75rem;font-weight:900;display:grid;position:absolute;top:.75rem;right:.75rem}.project-card__action{background:var(--paper-strong);border:var(--rule);text-transform:uppercase;padding:.6rem .75rem;font-size:.75rem;font-weight:900;position:absolute;bottom:.75rem;right:.75rem}.project-card__copy{padding-top:1.4rem}.project-card__copy h3{max-width:20ch;font-family:var(--serif);margin-top:1rem;font-size:clamp(2rem,3.2vw,3.25rem)}.project-card__copy p{color:var(--muted);margin-top:.8rem;font-size:1rem}.project-card__copy>strong{margin-top:.8rem;font-size:.88rem;line-height:1.45;display:block}.approach{color:#fff;background:#344742;max-width:none;padding-block:clamp(4rem,7vw,6.5rem)}.section-heading--light{grid-template-columns:1fr}.section-heading--light h2{max-width:14ch}.approach-grid{border:1px solid #ffffffa6;grid-template-columns:repeat(4,1fr);display:grid}.approach-grid article{border-right:1px solid #ffffffa6;min-height:18rem;padding:1.5rem}.approach-grid article:last-child{border-right:0}.approach-grid span{font-family:var(--mono);font-size:.75rem}.approach-grid h3{margin-top:clamp(4rem,6vw,6rem);font-size:1.65rem}.approach-grid p{color:#fff;margin-top:1rem}.about{grid-template-columns:minmax(18rem,.8fr) minmax(0,1.2fr);align-items:center;gap:clamp(2rem,6vw,6rem);padding-block:clamp(4rem,7vw,7rem);display:grid}.about__portrait{justify-self:center;width:min(100%,34rem);position:relative}.about__portrait img{aspect-ratio:4/5;border:var(--rule);object-fit:cover;object-position:center;filter:saturate(.78)contrast(1.05);width:100%;height:auto;display:block}.about__copy h2{margin-block:1rem 2rem;font-size:clamp(3.5rem,8vw,8rem)}.about__copy>p{margin-top:1rem;font-size:clamp(1rem,1.6vw,1.25rem)}.about__actions{align-items:center;gap:1.5rem;margin-top:2rem;display:flex}.contact{background:var(--orange);max-width:none;padding-block:clamp(4rem,7vw,7rem)}.contact h2{max-width:14ch;margin-block:1.25rem 2rem;font-size:clamp(3.25rem,7vw,7rem)}.contact>a{font-size:clamp(1.2rem,3vw,3rem);font-weight:900}.site-footer{background:var(--ink);max-width:none;color:var(--paper);font-family:var(--mono);text-transform:uppercase;border-top:1px solid #ffffff59;justify-content:space-between;gap:2rem;padding-block:1.5rem;font-size:.75rem;display:flex}.case-study{overflow:hidden}.case-study__back{text-transform:uppercase;padding-block:1.25rem;font-size:.75rem;font-weight:900}.case-hero{border-block:var(--rule);background:var(--project-accent);gap:clamp(2rem,3vw,3rem);max-width:none;padding-block:clamp(2.5rem,4.5vw,4rem);display:grid}.case-hero__meta{justify-content:space-between;align-items:flex-start;gap:2rem;display:flex}.case-hero__meta>span,.case-hero__proof>span{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;font-size:.75rem;font-weight:900}.case-hero__meta .tag-list{justify-content:flex-end}.case-hero__main{grid-template-columns:minmax(0,1.25fr) minmax(18rem,.75fr);align-items:end;gap:clamp(2rem,6vw,6rem);display:grid}.case-hero__main--artifact{grid-template-columns:minmax(18rem,.7fr) minmax(0,1.3fr);align-items:start;gap:clamp(1.5rem,4vw,4rem)}.case-hero__main--artifact h1{grid-column:1}.case-hero__main--artifact .case-hero-artifact{grid-area:1/2/span 2}.case-hero__main--artifact .case-hero__proof{grid-column:1}.case-hero h1{max-width:15ch;font-size:clamp(3.5rem,6.7vw,7rem)}.case-hero__proof{border:var(--rule);background:var(--paper-strong);box-shadow:var(--shadow);padding:clamp(1.25rem,3vw,2.25rem)}.case-hero__proof p{margin-top:1.5rem;font-size:clamp(1.1rem,1.7vw,1.4rem);line-height:1.4}.case-hero__proof strong{border-top:var(--rule);margin-top:1.5rem;padding-top:1rem;font-size:.85rem;line-height:1.45;display:block}.case-facts{border:var(--rule);background:color-mix(in srgb, var(--paper-strong) 72%, transparent);grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));display:grid}.case-facts div{border-right:var(--rule);padding:1rem 1.25rem}.case-facts div:last-child{border-right:0}.case-facts dt{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.6rem;font-size:.75rem;font-weight:900}.case-facts dd{font-size:.9rem}.retrospective-note{border-block:var(--rule);background:var(--yellow);grid-template-columns:12rem 1fr;gap:2rem;padding-block:1.25rem;display:grid}.retrospective-note span{font-family:var(--mono);text-transform:uppercase;font-size:.75rem;font-weight:900}.retrospective-note p{font-weight:800}.case-body{max-width:76rem;font-family:var(--serif);padding-block:clamp(3rem,4.5vw,5rem)}.case-body>h2{max-width:16ch;margin-top:clamp(3.5rem,4.5vw,5rem);font-size:clamp(2.75rem,5vw,5rem)}.case-body>h2:first-child{margin-top:0}.case-body>p{margin-top:1.5rem;font-size:clamp(1.12rem,2vw,1.42rem);line-height:1.65}.case-body>p:has(>.media-trigger),.case-body>p:has(>img){max-width:none;margin-block:clamp(2.5rem,4.5vw,5rem)}.case-body img{border:var(--rule);object-fit:contain;background:var(--paper-strong);width:100%;max-height:82vh}.case-body code{border:2px solid var(--ink);background:var(--project-accent);box-shadow:var(--shadow);font-family:var(--mono);text-align:center;white-space:pre-wrap;padding:clamp(1rem,4vw,3rem);font-size:clamp(.9rem,2vw,1.5rem);font-weight:900;display:block;overflow-x:auto}.media-trigger{cursor:zoom-in;background:0 0;border:0;width:100%;padding:0;display:block}.media-trigger:after{content:"Expand ↗";font-family:var(--sans);text-align:right;text-transform:uppercase;margin-top:.6rem;font-size:.75rem;font-weight:900;display:block}.media-lightbox{border:var(--rule);background:var(--paper-strong);width:min(94vw,1500px);max-width:none;height:min(92vh,1100px);max-height:none;padding:3rem 1rem 1rem}.media-lightbox::backdrop{background:#0a0a08e6}.media-lightbox button{text-transform:uppercase;background:0 0;border:0;font-size:.75rem;font-weight:900;position:absolute;top:.6rem;right:.7rem}.media-lightbox [data-expanded-image]{width:100%;height:100%}.media-lightbox img{object-fit:contain;width:100%;height:100%}.live-project{border-block:var(--rule);background:var(--mint);grid-template-columns:1fr auto;align-items:end;gap:2rem;max-width:none;padding-block:clamp(2.5rem,4vw,4rem);display:grid}.live-project span{font-family:var(--mono);text-transform:uppercase;font-size:.75rem;font-weight:900}.live-project h2{max-width:18ch;margin-block:.75rem;font-size:clamp(2.5rem,4.5vw,4.5rem)}.next-project{border-top:var(--rule);background:var(--paper);max-width:none;color:var(--ink);gap:1.5rem;padding-block:clamp(2.5rem,4vw,4rem);display:grid}.next-project__heading{align-items:baseline;gap:1rem;display:flex}.next-project__heading span{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;font-size:.75rem;font-weight:900}.next-project__heading strong{font-size:clamp(1.35rem,2.5vw,2.25rem)}.next-project>a{border:var(--rule);background:var(--next-accent);box-shadow:var(--shadow);grid-template-columns:minmax(0,1fr) minmax(15rem,.45fr) auto;align-items:center;gap:clamp(1.25rem,3vw,3rem);padding:clamp(1.25rem,3vw,2.5rem);text-decoration:none;display:grid}.next-project__title{max-width:22ch;font-family:var(--serif);letter-spacing:-.035em;font-size:clamp(2.15rem,4vw,4.25rem);font-weight:700;line-height:.96}.next-project__summary{font-size:.96rem;line-height:1.45}.next-project__action{border:var(--rule);background:var(--paper-strong);font-family:var(--mono);letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;justify-self:end;padding:.75rem .9rem;font-size:.75rem;font-weight:900}.not-found{flex-direction:column;justify-content:center;align-items:flex-start;gap:1.5rem;min-height:calc(100svh - 4.5rem);display:flex}.not-found h1{font-size:clamp(4rem,12vw,12rem)}.not-found>p:not(.eyebrow){font-size:1.2rem}}@layer utilities{@media (width<=900px){.site-header{grid-template-columns:1fr auto}.desktop-nav,.header-actions{display:none}.mobile-nav{display:block;position:relative}.mobile-nav summary{cursor:pointer;text-transform:uppercase;justify-content:center;align-items:center;min-width:3rem;min-height:2.75rem;padding:.5rem .75rem;font-size:.75rem;font-weight:900;display:flex}.mobile-nav[open] summary{background:var(--ink);color:var(--paper-strong)}.mobile-nav nav{border:var(--rule);background:var(--paper-strong);min-width:13rem;box-shadow:var(--shadow);display:grid;position:absolute;top:calc(100% + .5rem);right:0}.mobile-nav nav a{border-bottom:var(--rule);align-items:center;min-height:2.75rem;padding:.75rem 1rem;font-weight:800;text-decoration:none;display:flex}.mobile-nav nav a:last-child{border-bottom:0}.hero{min-height:auto}.hero__intro{display:contents}.hero__copy{order:1}.hero__lower{order:2;grid-template-columns:1fr;padding-left:0}.hero__portrait{order:3;justify-self:center;width:min(82vw,25rem);margin-left:0}.section-heading{grid-template-columns:1fr}.section-heading>p:last-child{justify-self:start}.project-card,.project-card:nth-child(n){grid-column:1/-1;margin-top:0}.approach-grid{grid-template-columns:1fr 1fr}.approach-grid article:nth-child(2){border-right:0}.approach-grid article:nth-child(-n+2){border-bottom:1px solid #ffffffa6}.about,.case-hero__main{grid-template-columns:1fr}.case-hero__main--artifact h1,.case-hero__main--artifact .case-hero-artifact,.case-hero__main--artifact .case-hero__proof{grid-area:auto/1}.case-hero__proof{max-width:42rem}.next-project>a{grid-template-columns:1fr}.next-project__action{justify-self:start}.live-project{grid-template-columns:1fr;align-items:start}}@media (width<=560px){.hero{gap:1.5rem;padding-block:2rem}.hero h1{margin-top:1rem;font-size:clamp(2.9rem,13vw,4rem)}.hero__portrait{width:min(92vw,23rem)}.hero__portrait-frame{border-radius:50% 50% .25rem .25rem/21% 21% .25rem .25rem;padding:.55rem}.hero__portrait img{aspect-ratio:4/5;object-position:center;border-radius:50% 50% .1rem .1rem/20% 20% .1rem .1rem}.work{padding-block:3rem}.work .section-heading{gap:1.25rem;margin-bottom:2rem}.work .section-heading h2{font-size:2.65rem}.work .section-heading>p:last-child{font-size:1rem}.capability-strip{overflow:visible}.capability-strip ul{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}.capability-strip li{border-bottom:1px solid var(--paper);align-items:center;min-height:2.75rem;padding:.65rem 1rem;line-height:1.3;display:flex}.capability-strip li:nth-child(2n){border-right:0}.capability-strip li:last-child:nth-child(odd){border-bottom:0;border-right:0;grid-column:1/-1}.capability-strip ul:has(>li:last-child:nth-child(2n)) li:nth-last-child(-n+2){border-bottom:0}.case-hero h1{font-size:clamp(2.8rem,12.5vw,3.5rem)}.hero__actions,.about__actions{flex-direction:column;align-items:flex-start}.approach-grid{grid-template-columns:1fr}.approach-grid article{border-bottom:1px solid #ffffffa6;border-right:0;min-height:auto}.approach-grid article:last-child{border-bottom:0}.approach-grid h3{margin-top:3rem}.site-footer,.case-hero__meta{flex-direction:column}.case-hero__meta .tag-list{justify-content:flex-start}.case-facts{grid-template-columns:1fr}.case-facts div{border-right:0;border-bottom:var(--rule)}.case-facts div:last-child{border-bottom:0}.next-project__heading{flex-direction:column;align-items:flex-start;gap:.25rem}.retrospective-note{grid-template-columns:1fr;gap:.5rem}}@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}}}