:root{font-family:Arial,Helvetica Neue,sans-serif;color:#151513;background:#f2efe8;font-synthesis:none;text-rendering:optimizeLegibility;--paper: #f2efe8;--paper-card: rgba(247, 244, 237, .94);--ink: #151513;--muted: #5b5a55;--line: rgba(21, 21, 19, .72);--acid: #dfff00;--background-tint: 242, 239, 232}:root[data-theme=dark]{color:#f3f0e9;background:#181816;--paper: #181816;--paper-card: rgba(29, 29, 26, .94);--ink: #f3f0e9;--muted: #b7b4ac;--line: rgba(243, 240, 233, .62);--acid: #dfff00;--background-tint: 24, 24, 22}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--paper)}body{margin:0;min-width:320px;min-height:100vh;color:var(--ink);background:var(--paper)}body,button,a{font:inherit}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid var(--acid);outline-offset:4px}::selection{color:#111;background:var(--acid)}.site-shell{position:relative;min-height:100vh;overflow:clip;isolation:isolate}.page-background{position:fixed;z-index:-2;inset:0;background-image:var(--background-image);background-repeat:no-repeat;background-size:cover;background-position:var(--background-x) var(--background-y);filter:grayscale(1) contrast(.88)}.page-background:after{position:absolute;content:"";inset:0;background:rgba(var(--background-tint),var(--background-overlay))}.skip-link{position:fixed;z-index:20;top:1rem;left:1rem;padding:.7rem 1rem;color:#111;background:var(--acid);transform:translateY(-160%);transition:transform .18s ease}.skip-link:focus{transform:translateY(0)}.site-header,main,.site-footer{width:min(100% - 3rem,1480px);margin-inline:auto}.site-header{display:grid;grid-template-columns:auto minmax(80px,1fr) auto auto;align-items:center;gap:clamp(1rem,2.5vw,2.75rem);padding-block:1.25rem;border-bottom:1px solid transparent}.wordmark{font-size:clamp(1rem,1.5vw,1.28rem);font-weight:700;letter-spacing:-.03em;text-decoration:none;white-space:nowrap}.header-rule{height:1px;background:var(--acid)}.site-header nav{display:flex;align-items:center;gap:clamp(1rem,2.8vw,2.8rem)}.site-header nav a{position:relative;padding-block:.4rem;text-decoration:none}.site-header nav a:after{position:absolute;content:"";right:0;bottom:0;left:0;height:2px;background:var(--acid);transform:scaleX(0);transform-origin:right;transition:transform .18s ease}.site-header nav a:hover:after,.site-header nav a:focus-visible:after{transform:scaleX(1);transform-origin:left}.theme-toggle{display:grid;place-items:center;width:3.35rem;height:2rem;padding:0;color:var(--ink);border:1px solid var(--line);border-radius:999px;background:transparent;cursor:pointer}.theme-toggle__track{display:flex;width:2.35rem;align-items:center}.theme-toggle__orb{width:.95rem;height:.95rem;margin-left:0;border:1px solid currentColor;border-radius:50%;background:currentColor;box-shadow:inset -.28rem -.1rem 0 var(--paper);transition:margin .2s ease,box-shadow .2s ease}:root[data-theme=dark] .theme-toggle__orb{margin-left:1.36rem;box-shadow:none}.intro{min-height:clamp(15rem,29vw,27rem);padding:clamp(3rem,7vw,7rem) 0 2.5rem}.sample-notice,.eyebrow,.project-card__category,.project-card__year{font-size:.68rem;font-weight:700;line-height:1;letter-spacing:.18em;text-transform:uppercase}.sample-notice{display:inline-block;margin:0 0 1rem;padding:.42rem .56rem;color:#151513;background:var(--acid)}.intro h1{max-width:1000px;margin:0;font-size:clamp(4rem,10.4vw,10.2rem);font-weight:700;line-height:.82;letter-spacing:-.075em}.intro__lede{max-width:780px;margin:1.35rem 0 0;font-size:clamp(1.15rem,2vw,1.75rem);line-height:1.3;letter-spacing:-.025em}.work{scroll-margin-top:1rem}.section-heading{display:grid;grid-template-columns:1fr auto auto;align-items:end;gap:1.5rem;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--line)}.section-heading p{margin:0}.section-heading h2{margin:0;font-size:.9rem;font-weight:500}.project-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:1px;grid-auto-flow:dense;column-gap:clamp(.75rem,1.25vw,1.25rem);align-items:start}.project-card{--drift: 0px;--card-height: 31rem;--row-span: 512;position:relative;display:flex;height:var(--card-height);flex-direction:column;grid-column:span 4;grid-row:span var(--row-span);margin-bottom:1rem;overflow:hidden;border:1px solid var(--line);background:var(--paper-card);transform:translateY(var(--drift));transition:border-color .18s ease,transform 80ms linear}.project-card--wide{--card-height: 31.5rem;--row-span: 520;grid-column:span 7}.project-card--portrait{--card-height: 41rem;--row-span: 672;grid-column:span 5}.project-card--landscape{--card-height: 29rem;--row-span: 480;grid-column:span 7}.project-card>a{display:flex;height:100%;flex-direction:column;color:inherit;text-decoration:none}.project-card:has(>a):hover{border-color:var(--acid)}.project-card__copy{position:relative;z-index:1;flex:0 0 auto;min-height:10.5rem;padding:clamp(1.1rem,2vw,1.75rem);background:var(--paper-card)}.project-card__meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:.85rem}.project-card__category{display:inline-block;width:fit-content;padding:.35rem .48rem;color:#111;background:var(--acid)}.project-card__year{color:var(--muted)}.project-card h3{margin:0;font-size:clamp(2rem,3.3vw,3.25rem);line-height:.98;letter-spacing:-.055em}.project-card p{max-width:32rem;margin:.65rem 0 0;font-size:clamp(.98rem,1.35vw,1.2rem);line-height:1.3}.project-card__visit{display:inline-block;margin-top:1.25rem;font-size:.82rem;font-weight:600}.project-card__media{position:relative;flex:1 1 auto;min-height:19rem;overflow:hidden;border-top:1px solid var(--line);background:#cac7bf}.project-card__media img{width:100%;height:100%;min-height:19rem;object-fit:cover;transform:scale(1.015);transition:transform .5s cubic-bezier(.2,.7,.2,1),filter .3s ease}.project-card>a:hover .project-card__media img{transform:scale(1.045)}.project-card__media--empty{display:grid;place-items:center;color:#45453f;background-color:#d5d2ca;background-image:linear-gradient(135deg,transparent 49.75%,rgba(20,20,18,.18) 50%,transparent 50.25%);background-size:18px 18px}.project-card__media--empty span{padding:.35rem .5rem;font-size:.7rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;background:var(--acid)}.empty-state{min-height:20rem;margin:0;padding:2rem;border:1px solid var(--line);background:var(--paper-card)}.about,.site-footer{display:grid;grid-template-columns:minmax(10rem,1fr) 3fr;gap:2rem;scroll-margin-top:2rem;margin-top:clamp(6rem,12vw,12rem);padding-block:clamp(2rem,5vw,4rem);border-top:1px solid var(--line)}.eyebrow{margin:0}.about h2,.site-footer h2{max-width:1000px;margin:0;font-size:clamp(2.6rem,6vw,6rem);line-height:.95;letter-spacing:-.06em}.about div>p{max-width:760px;margin:2rem 0 0;font-size:clamp(1.05rem,1.75vw,1.4rem);line-height:1.45}.site-footer{grid-template-columns:minmax(10rem,1fr) 3fr auto;align-items:start;padding-bottom:8rem}.site-footer h2{margin-bottom:1.25rem}.site-footer div>a{font-size:clamp(1rem,2vw,1.5rem);text-decoration-thickness:1px;text-underline-offset:.35rem}.site-footer div>p{max-width:34rem;color:var(--muted)}.site-footer__credit{margin:0;color:var(--muted);font-size:.78rem;white-space:nowrap}.ambient-detail{position:fixed;z-index:3;right:1.2rem;bottom:1rem;width:220px;height:220px;opacity:.88;pointer-events:none}.ambient-detail--fallback{width:74px;height:28px;right:2rem;bottom:2rem;border:7px solid var(--ink);border-radius:50%;transform:rotate(-12deg)}.ambient-detail--fallback:after{position:absolute;content:"";top:-7px;left:30px;width:17px;height:7px;background:var(--acid)}@media(max-width:980px){.site-header,main,.site-footer{width:min(100% - 2rem,1480px)}.project-card,.project-card--wide,.project-card--portrait,.project-card--landscape{grid-column:span 6}.site-footer{grid-template-columns:1fr 3fr}.site-footer__credit{grid-column:2;margin-top:2rem}}@media(max-width:720px){.site-header{grid-template-columns:1fr auto;gap:.75rem 1rem}.header-rule{display:none}.site-header nav{grid-row:2;grid-column:1 / -1;justify-content:space-between;padding-top:.4rem;border-top:1px solid var(--line)}.theme-toggle{justify-self:end}.intro{min-height:24rem;padding-top:5rem}.intro h1{font-size:clamp(4.25rem,21vw,7rem)}.section-heading{grid-template-columns:1fr auto}.section-heading h2{display:none}.project-grid{display:block}.project-card,.project-card--wide,.project-card--portrait,.project-card--landscape{height:auto;grid-row:auto;margin-bottom:1rem;transform:none}.project-card>a{height:auto}.project-card__copy{min-height:0}.project-card__media,.project-card__media img{min-height:17rem}.project-card--portrait .project-card__media,.project-card--portrait .project-card__media img{min-height:25rem}.about,.site-footer{display:block;margin-top:6rem}.about>.eyebrow,.site-footer>.eyebrow{margin-bottom:2rem}.site-footer__credit{margin-top:4rem}.ambient-detail{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.project-card{transform:none!important}}
