:root{--color-ink:#050505;--color-paper:#f0efe9;--color-copy:#c4c3bd;--color-muted:#92918c;--color-line:#393936;--color-signal:#ff385c;--font-editorial:Georgia, "Times New Roman", serif;--font-body:Arial, Helvetica, sans-serif;--font-interface:"SFMono-Regular", Consolas, "Liberation Mono", monospace;--space-1:.5rem;--space-2:.75rem;--space-3:1rem;--space-4:1.5rem;--space-5:2rem;--space-6:3rem;--space-7:4rem;--space-8:6rem;--border-hairline:1px solid var(--color-line);--content-wide:70rem;--motion-fast:.16s;--motion-ease:cubic-bezier(.2, .8, .2, 1);color:var(--color-paper);background:var(--color-ink);font-family:var(--font-body);font-synthesis:none;text-rendering:optimizelegibility}*{box-sizing:border-box}html{background:var(--color-ink);scroll-behavior:smooth;min-width:320px}body{background:var(--color-ink);min-width:320px;min-height:100vh;margin:0}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid var(--color-signal);outline-offset:4px}::selection{color:var(--color-ink);background:var(--color-signal)}#root{min-height:100vh}.visual-page{min-height:100vh;color:var(--color-paper);background:var(--color-ink);isolation:isolate;padding-block:clamp(.75rem,5vw,5rem);position:relative;overflow:hidden}.visual-document{z-index:1;width:min(calc(100% - 2rem), var(--content-wide));background:var(--color-ink);border:1px solid #f0efe9e0;margin-inline:auto;position:relative}.visual-noise{z-index:-1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.visual-noise span{aspect-ratio:1.4;filter:contrast(1.6);opacity:.55;background-image:radial-gradient(circle,#f0efe9b3 0 .55px,#0000 .8px);background-size:3px 3px;width:clamp(10rem,21vw,20rem);position:absolute;-webkit-mask-image:radial-gradient(#000 0 16%,#000000b3 38%,#0000 72%);mask-image:radial-gradient(#000 0 16%,#000000b3 38%,#0000 72%)}.visual-noise span:first-child{top:8rem;right:max(-3.5rem, calc((100vw - var(--content-wide)) / 2 - 6rem));transform:rotate(-12deg)}.visual-noise span:nth-child(2){top:48%;left:max(-4rem, calc((100vw - var(--content-wide)) / 2 - 7rem));opacity:.42;width:clamp(9rem,18vw,17rem);transform:rotate(19deg)}.visual-noise span:last-child{right:max(-3rem, calc((100vw - var(--content-wide)) / 2 - 5rem));opacity:.35;width:clamp(8rem,15vw,14rem);bottom:4rem;transform:rotate(6deg)}.visual-page--noise-left .visual-noise span:first-child{right:auto;left:max(-3.5rem, calc((100vw - var(--content-wide)) / 2 - 6rem));transform:rotate(12deg)}.visual-page--noise-left .visual-noise span:nth-child(2){right:max(-4rem, calc((100vw - var(--content-wide)) / 2 - 7rem));left:auto;transform:rotate(-19deg)}.visual-header{border-bottom:var(--border-hairline);min-height:4.75rem;font-family:var(--font-interface);letter-spacing:.07em;text-transform:uppercase;grid-template-columns:1fr auto 1fr;align-items:center;padding-inline:clamp(1.25rem,5vw,4.5rem);font-size:.68rem;display:grid}.visual-header a{min-height:2.75rem;transition:color var(--motion-fast) var(--motion-ease);align-items:center;text-decoration:none;display:inline-flex}.visual-wordmark{color:var(--color-paper);justify-self:start}.visual-wordmark:before{background:var(--color-signal);content:"";width:.35rem;height:.35rem;margin-right:.65rem}.visual-header nav{gap:clamp(.5rem,1.5vw,1.25rem);display:flex}.visual-header nav a,.visual-companion{color:var(--color-muted);padding-inline:clamp(.35rem,1vw,.75rem)}.visual-header nav a:hover,.visual-header nav a:focus-visible,.visual-companion:hover,.visual-companion:focus-visible{color:var(--color-paper)}.visual-companion{justify-self:end;gap:var(--space-1)}.visual-section{border-bottom:var(--border-hairline);padding:clamp(4rem,8vw,7rem) clamp(1.25rem,5vw,4.5rem)}.visual-section-heading{gap:var(--space-5);grid-template-columns:minmax(8rem,.55fr) minmax(0,2fr);align-items:end;margin-bottom:clamp(2.5rem,6vw,5rem);display:grid}.visual-section-heading--title-only{grid-template-columns:1fr}.visual-label{color:var(--color-muted);font-family:var(--font-interface);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.7rem;line-height:1.5}.visual-section-heading h2{font-family:var(--font-editorial);letter-spacing:-.05em;margin:0;font-size:clamp(2.75rem,6vw,5.5rem);font-weight:400;line-height:.85}.editorial-link{gap:var(--space-5);border-bottom:var(--border-hairline);grid-template-columns:minmax(10rem,.75fr) minmax(0,1fr) auto;align-items:center;min-height:6.5rem;text-decoration:none;display:grid}.editorial-link>span{transition:color var(--motion-fast) var(--motion-ease)}.editorial-link>span:first-child{font-family:var(--font-editorial);letter-spacing:-.035em;font-size:clamp(1.9rem,4vw,3.2rem)}.editorial-link small{color:var(--color-muted);font-size:.85rem;line-height:1.5}.editorial-link>span:last-child{font-family:var(--font-interface);font-size:1.1rem}.editorial-link:hover>span:first-child,.editorial-link:hover>span:last-child,.editorial-link:focus-visible>span:first-child,.editorial-link:focus-visible>span:last-child{color:var(--color-signal)}.project-card{isolation:isolate;gap:var(--space-4);border:var(--border-hairline);min-height:18rem;color:var(--color-paper);transition:border-color var(--motion-fast) var(--motion-ease);grid-template-rows:auto 1fr auto;grid-template-columns:auto 1fr auto;padding:clamp(1.5rem,4vw,2.75rem);text-decoration:none;display:grid;position:relative;overflow:hidden}.project-card--image:after{z-index:-1;content:"";background:linear-gradient(#05050557 0%,#05050594 48%,#050505f5 100%),linear-gradient(90deg,#05050559,#0000 70%);position:absolute;inset:0}.project-card__image{z-index:-2;object-fit:cover;object-position:center;filter:grayscale(.78)saturate(.58)contrast(1.08);width:100%;height:100%;transition:filter var(--motion-fast) var(--motion-ease), transform var(--motion-fast) var(--motion-ease);position:absolute;inset:0}.project-card__index,.project-card>span:last-child{font-family:var(--font-interface);letter-spacing:.08em;font-size:.7rem}.project-card h3{font-family:var(--font-editorial);letter-spacing:-.04em;grid-column:1/-1;align-self:end;margin:0;font-size:clamp(2rem,4vw,3.75rem);font-weight:400;line-height:.94}.project-card p{max-width:32rem;color:var(--color-muted);margin:0;line-height:1.6}.project-card--image p{color:var(--color-copy)}.project-card>span:last-child{align-self:end;font-size:1.1rem}.project-card:not(.project-card--static):hover,.project-card:not(.project-card--static):focus-visible{border-color:var(--color-paper)}.project-card--image:hover .project-card__image,.project-card--image:focus-visible .project-card__image{filter:grayscale(0)saturate(1.35)contrast(1.04)brightness(1.08);transform:scale(1.015)}@media (width<=48rem){.visual-document{width:calc(100% - 1.5rem)}.visual-header{gap:0 var(--space-3);grid-template-columns:1fr auto;padding-top:.35rem;padding-bottom:.5rem}.visual-header nav{border-top:var(--border-hairline);grid-area:2/1/auto/-1;justify-content:space-between;padding-top:.4rem}.visual-header nav a:first-child{padding-left:0}.visual-header nav a:last-child{padding-right:0}.visual-wordmark,.visual-companion{white-space:nowrap}.visual-section-heading{grid-template-columns:1fr;gap:1.4rem}.editorial-link{gap:.65rem var(--space-4);grid-template-columns:1fr auto;padding-block:1.4rem}.editorial-link small{grid-area:2/1}.editorial-link>span:last-child{grid-area:1/2/3}.visual-noise span{opacity:.4;width:10rem}.visual-noise span:first-child,.visual-noise span:last-child{right:-4.5rem}.visual-page--noise-left .visual-noise span:first-child,.visual-page--noise-left .visual-noise span:last-child{left:-4.5rem;right:auto}}@media (width<=28rem){.visual-header nav{gap:.2rem;font-size:.62rem}.visual-header nav a{padding-inline:.15rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}.studio-intro{gap:var(--space-5);border-bottom:var(--border-hairline);grid-template-rows:auto 1fr auto;grid-template-columns:minmax(0,1.55fr) minmax(15rem,.7fr);min-height:clamp(20rem,48vh,30rem);padding:clamp(2.75rem,6vw,4.5rem) clamp(1.25rem,5vw,4.5rem);display:grid}.studio-intro .visual-label{grid-column:1/-1}.studio-intro h1{font-family:var(--font-editorial);letter-spacing:-.055em;align-self:end;margin:0;font-size:clamp(3.25rem,7vw,6rem);font-weight:400;line-height:.88}.studio-intro>p:last-child{max-width:27rem;color:var(--color-copy);align-self:end;margin:0;line-height:1.7}.project-grid{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.project-grid .project-card{aspect-ratio:1}.studio-footer{min-height:5rem;color:var(--color-muted);font-family:var(--font-interface);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;padding-inline:clamp(1.25rem,5vw,4.5rem);font-size:.65rem;display:flex}@media (width>=64rem){.studio-shell{padding-block:1.25rem}.studio-shell .project-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.studio-shell .visual-header{min-height:4rem}.studio-shell .studio-intro{gap:1.75rem;min-height:14.5rem;padding:1.75rem 2.75rem}.studio-shell .studio-intro h1{font-size:3.7rem}.studio-shell .studio-intro>p:last-child{font-size:.98rem;line-height:1.6}.studio-shell .visual-section{padding:1.75rem 2.75rem}.studio-shell .visual-section-heading{margin-bottom:1.1rem}.studio-shell .visual-section-heading h2{font-size:3.75rem}.studio-shell .project-card{gap:1rem;min-height:13.5rem;padding:1.6rem}.studio-shell .project-card h3{font-size:1.65rem}.studio-shell .project-card p{font-size:.88rem;line-height:1.6}.studio-shell .studio-footer{min-height:4.25rem;padding-inline:2.75rem}}@media (width<=48rem){.studio-intro{grid-template-rows:auto 1fr auto;grid-template-columns:1fr;min-height:34rem}.studio-intro h1{max-width:8ch;font-size:clamp(3.5rem,15vw,5.5rem)}.project-grid{grid-template-columns:1fr}}@media (width<=28rem){.studio-footer{justify-content:center;align-items:flex-start;gap:var(--space-2);flex-direction:column}}
