:root{--paper:#e9e5dd;--ink:#171716;--muted:#716f69;--stone:#c9c3b9;--clay:#974d3e;--serif:"Playfair Display",Georgia,serif;--sans:"DM Sans",Arial,sans-serif;--mono:"DM Mono",monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.45}a{color:inherit;text-decoration:none}img{display:block;width:100%;height:100%;object-fit:cover}.site-header{position:absolute;z-index:2;top:0;width:100%;display:flex;justify-content:space-between;align-items:center;padding:26px 3.2vw;color:#fff;mix-blend-mode:difference}.wordmark{font-size:1.3rem;font-weight:500;letter-spacing:.09em}.site-header nav{display:flex;gap:28px;font:11px var(--mono);text-transform:uppercase}.site-header a:focus-visible,.email:focus-visible,.project-image-link:focus-visible,.project h2 a:focus-visible,.next-project:focus-visible{outline:2px solid currentColor;outline-offset:6px}.hero{min-height:100svh;position:relative;display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:auto 1fr auto;padding:110px 3.2vw 35px;color:#fff;background:#272724;overflow:hidden}.hero-image{position:absolute;inset:0;z-index:0;margin:0;animation:reveal 1.2s cubic-bezier(.2,.7,.2,1) both}.hero-image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#00000052,#0000000a)}.hero>*:not(.hero-image){position:relative;z-index:1}.hero-label,.hero-index{font:10px var(--mono);letter-spacing:.06em;text-transform:uppercase}.hero-label{grid-column:1/5}.hero h1{grid-column:1/12;align-self:center;margin:0;font:clamp(3.5rem,7.7vw,9rem)/.91 var(--serif);font-weight:500;letter-spacing:-.06em}.hero h1 em,.project h2 em,.studio h2 em,.closing h2 em,.next-project em{font-weight:500}.hero-note{grid-column:1/5;align-self:end;margin:0;max-width:190px;font-size:14px}.hero-index{grid-column:12;align-self:end;text-align:right;white-space:nowrap}.work{padding:125px 3.2vw 0}.section-intro{display:grid;grid-template-columns:repeat(12,1fr);margin-bottom:80px;padding-bottom:38px;border-bottom:1px solid var(--ink)}.section-intro .eyebrow{grid-column:1/4;margin:0}.section-intro>div{grid-column:7/13}.section-intro h2{margin:0 0 20px;font:clamp(2rem,3.6vw,4.8rem)/.95 var(--serif);font-weight:500;letter-spacing:-.05em}.section-intro p:last-child{margin:0;font:clamp(1.05rem,1.5vw,1.55rem)/1.18 var(--serif)}.eyebrow,.project-meta,footer{font:10px var(--mono);letter-spacing:.06em;text-transform:uppercase}.project{margin-bottom:145px}.project-meta{display:flex;gap:18px;justify-content:space-between;color:var(--muted);border-top:1px solid var(--ink);padding-top:9px}.project h2{margin:17px 0 29px;font:clamp(3.4rem,9.6vw,11.5rem)/.82 var(--serif);letter-spacing:-.07em;font-weight:500}.project figure{margin:0}.project-one .project-anchor{width:83.34%;margin-left:16.66%}.project-one figure{width:100%;aspect-ratio:1.65}.project-image-link{display:block;position:relative;margin-left:16.66%;width:83.34%;overflow:hidden}.project-image-link img{transition:transform .8s cubic-bezier(.2,.7,.2,1)}.project-image-link span{position:absolute;right:17px;bottom:16px;color:#fff;font:10px var(--mono);letter-spacing:.05em;text-transform:uppercase;border-bottom:1px solid currentColor;padding-bottom:3px}.project-image-link:hover img{transform:scale(1.035)}.project-two{display:grid;grid-template-columns:repeat(12,1fr);align-items:end;gap:2.2vw}.project-two figure{grid-column:2/6;aspect-ratio:.66}.project-copy{grid-column:8/12;padding-bottom:10px}.project-copy h2{font-size:clamp(3rem,6vw,7.4rem);margin-bottom:25px}.project-copy p{max-width:280px;font-size:15px}.manifesto{margin:0 3.2vw 145px;padding:110px 0;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}.manifesto h2{width:88%;margin:58px 0 0;font:clamp(2.6rem,6.3vw,8.3rem)/.94 var(--serif);font-weight:500;letter-spacing:-.06em}.manifesto>span{display:block;text-align:right;margin-top:55px;font:10px var(--mono)}.work-lower{padding-top:0}.project-three .project-head{display:grid;grid-template-columns:repeat(12,1fr)}.project-three .project-meta{grid-column:1/7}.project-three h2{grid-column:8/13;margin-top:25px;font-size:clamp(3.2rem,6.7vw,8.7rem)}.paired-images{display:grid;grid-template-columns:7fr 3fr;gap:2.2vw;margin-top:12px;align-items:start}.paired-images figure:first-child{aspect-ratio:1.45}.paired-images figure:last-child{aspect-ratio:.7;margin-top:12vw}.project-four{position:relative;min-height:630px;display:grid;grid-template-columns:repeat(12,1fr);align-content:start}.project-four-copy{grid-column:1/6;position:relative;z-index:1}.project-four h2{z-index:1}.project-four figure{grid-column:6/13;grid-row:1/3;margin-top:90px;aspect-ratio:1.2}.material{background:#242723;color:#e8e5de;display:grid;grid-template-columns:repeat(12,1fr);padding:125px 3.2vw;gap:2.2vw;align-items:end}.material-copy{grid-column:1/5;padding-bottom:10px}.material-copy>p:last-child{font:clamp(1.8rem,3.1vw,4rem)/1.03 var(--serif);margin:60px 0 0}.detail-reveal{grid-column:6/13;margin:0;height:min(58vw,680px);clip-path:inset(0 calc(100% - var(--reveal,100%)) 0 0)}.studio{padding:145px 3.2vw}.studio-grid{display:grid;grid-template-columns:repeat(12,1fr);margin-top:55px}.studio h2{grid-column:1/8;margin:0;font:clamp(3rem,7vw,9rem)/.88 var(--serif);letter-spacing:-.07em;font-weight:500}.studio-grid>div{grid-column:9/13;padding-top:20px;font-size:16px}.studio-grid p{margin:0 0 25px}.principles{margin:115px 0 0;border-top:1px solid var(--ink);display:block}.principles div{display:grid;grid-template-columns:1fr 5fr;align-items:baseline;padding:14px 0;border-bottom:1px solid var(--stone)}.principles dt{font:10px var(--mono);color:var(--muted)}.principles dd{margin:0;font:clamp(1.55rem,3.1vw,4.1rem)/.96 var(--serif);letter-spacing:-.04em}.principles div:nth-child(2n) dd{padding-left:12vw}.closing{background:var(--clay);color:#f1eae0;min-height:88svh;padding:95px 3.2vw 48px;display:flex;flex-direction:column;align-items:flex-start}.closing h2{margin:auto 0 55px;font:clamp(3.5rem,9.2vw,12rem)/.82 var(--serif);font-weight:500;letter-spacing:-.07em}.email{font:clamp(1.1rem,2vw,2rem) var(--sans);border-bottom:1px solid currentColor;padding-bottom:7px}.email span{margin-left:3rem}footer{display:flex;justify-content:space-between;padding:16px 3.2vw;background:var(--clay);color:#f1eae0;border-top:1px solid rgba(255,255,255,.45)}.project-nav{color:var(--ink);mix-blend-mode:normal}.project-detail{padding-top:0}.detail-hero{padding:145px 3.2vw 0}.detail-hero h1{margin:35px 0 60px;font:clamp(4.3rem,12vw,15rem)/.78 var(--serif);letter-spacing:-.075em;font-weight:500}.detail-meta{margin:0 0 45px;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--ink)}.detail-meta div{padding-top:10px}.detail-meta dt{font:10px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.detail-meta dd{margin:26px 0 0;font:1.35rem var(--serif)}.detail-hero figure{width:83.34%;margin:0 0 0 16.66%;height:min(65vw,850px)}.detail-intro{display:grid;grid-template-columns:repeat(12,1fr);padding:125px 3.2vw}.detail-intro p{grid-column:3/10;margin:0;font:clamp(2rem,4vw,5rem)/.98 var(--serif);letter-spacing:-.05em}.detail-intro span{grid-column:11/13;align-self:end;font:10px var(--mono);text-transform:uppercase;color:var(--muted)}.detail-gallery{display:grid;grid-template-columns:repeat(12,1fr);padding:0 3.2vw 135px;gap:2.2vw;align-items:end}.detail-gallery figure{margin:0;overflow:hidden}.gallery-wide{grid-column:1/9;height:min(49vw,650px)}.gallery-tall{grid-column:10/13;height:min(37vw,520px)}.gallery-tall img{object-position:80% center}.detail-drawing{background:#242723;color:#e8e5de;display:grid;grid-template-columns:repeat(12,1fr);padding:120px 3.2vw;gap:2.2vw}.detail-drawing>div:first-child{grid-column:1/5}.detail-drawing>div:first-child>p:last-child{margin:55px 0 0;font:1.8rem/1.08 var(--serif)}.drawing{grid-column:6/13;min-height:420px;position:relative;background:linear-gradient(125deg,transparent 49.8%,rgba(232,229,222,.55) 50%,transparent 50.2%),linear-gradient(35deg,transparent 49.8%,rgba(232,229,222,.55) 50%,transparent 50.2%);border:1px solid rgba(232,229,222,.45)}.drawing:before,.drawing:after,.drawing span{content:"";position:absolute;border:1px solid rgba(232,229,222,.65)}.drawing:before{inset:17% 13% 26% 26%}.drawing:after{inset:34% 30% 13% 13%}.drawing span:nth-child(1){width:20%;height:31%;left:34%;top:26%}.drawing span:nth-child(2){width:27%;height:23%;right:17%;bottom:19%}.detail-note{padding:125px 3.2vw;display:grid;grid-template-columns:repeat(12,1fr)}.detail-note .eyebrow{grid-column:1/4}.detail-note p:last-child{grid-column:7/12;margin:0;font:clamp(1.6rem,3vw,3.7rem)/1.02 var(--serif)}.next-project{display:block;padding:95px 3.2vw;background:var(--stone)}.next-project span{font:10px var(--mono);text-transform:uppercase}.next-project strong{display:block;margin-top:55px;font:clamp(3.4rem,8vw,10rem)/.84 var(--serif);font-weight:500;letter-spacing:-.06em}@keyframes reveal{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;scroll-behavior:auto!important}.detail-reveal{clip-path:none!important}}@media(max-width:700px){.site-header{padding:20px}.site-header nav{gap:15px;font-size:9px}.hero{padding:90px 20px 22px;grid-template-columns:repeat(6,1fr)}.hero-label{grid-column:1/6}.hero h1{grid-column:1/7;font-size:clamp(3.1rem,13vw,5.5rem)}.hero-note{grid-column:1/5;font-size:12px}.hero-index{grid-column:6}.work{padding:85px 20px 0}.section-intro{display:block;margin-bottom:65px;padding-bottom:28px}.section-intro .eyebrow{margin-bottom:35px}.section-intro h2{font-size:2.45rem}.section-intro p:last-child{margin-top:24px;font-size:1.35rem}.project{margin-bottom:90px}.project-meta{gap:6px;font-size:8px;white-space:nowrap}.project h2{font-size:clamp(3.5rem,16vw,6rem);margin:13px 0 23px}.project-one .project-anchor,.project-image-link{margin-left:0;width:100%}.project-one figure{width:100%;aspect-ratio:1.1}.project-image-link span{right:11px;bottom:11px;font-size:8px}.project-two{display:flex;flex-direction:column;gap:25px}.project-two figure{width:57%;margin-left:auto;aspect-ratio:.68}.project-copy{padding:0}.project-copy h2{font-size:4rem}.project-copy p{margin-left:20%;font-size:14px}.manifesto{margin:0 20px 95px;padding:80px 0}.manifesto h2{width:100%;margin-top:45px;font-size:2.65rem}.project-three .project-head{display:block}.project-three h2{font-size:4rem}.paired-images{grid-template-columns:1fr 1fr;gap:12px}.paired-images figure:first-child{aspect-ratio:.9}.paired-images figure:last-child{margin-top:40px;aspect-ratio:.72}.project-four{min-height:0;display:block}.project-four h2{position:relative;z-index:1;font-size:5rem}.project-four figure{margin:-20px 0 0 16%;width:84%;aspect-ratio:.8}.material{display:block;padding:85px 20px}.material-copy{margin-bottom:50px}.material-copy>p:last-child{font-size:2.4rem;margin-top:38px}.detail-reveal{height:125vw;clip-path:inset(0 0 0 0)}.studio{padding:95px 20px}.studio-grid{display:block;margin-top:42px}.studio h2{font-size:4rem}.studio-grid>div{padding:45px 0 0}.principles{margin-top:75px}.principles div{grid-template-columns:42px 1fr;padding:13px 0}.principles dd{font-size:1.8rem}.principles div:nth-child(2n) dd{padding-left:20px}.closing{min-height:80svh;padding:75px 20px 30px}.closing h2{font-size:4rem;margin:auto 0 40px}footer{padding:15px 20px;font-size:8px}.project-nav{color:var(--ink)}.detail-hero{padding:115px 20px 0}.detail-hero h1{font-size:4.9rem;margin:30px 0 48px}.detail-meta{grid-template-columns:1fr 1fr;gap:25px 0;margin-bottom:32px}.detail-meta dd{margin-top:15px;font-size:1.15rem}.detail-hero figure{width:100%;margin:0;height:125vw}.detail-intro{display:block;padding:85px 20px}.detail-intro p{font-size:2.25rem}.detail-intro span{display:block;margin-top:35px}.detail-gallery{padding:0 20px 85px;grid-template-columns:3fr 2fr;gap:12px}.gallery-wide{grid-column:1/3;height:100vw}.gallery-tall{grid-column:2/3;height:75vw;margin-top:38px!important}.detail-drawing{display:block;padding:85px 20px}.detail-drawing>div:first-child>p:last-child{font-size:1.65rem;margin-top:35px}.drawing{min-height:300px;margin-top:55px}.detail-note{display:block;padding:85px 20px}.detail-note p:last-child{margin-top:35px;font-size:2.15rem}.next-project{padding:75px 20px}.next-project strong{margin-top:35px;font-size:3.8rem}}
