@font-face{font-family:Gontserrat;src:url('assets/fonts/Gontserrat-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Gontserrat;src:url('assets/fonts/Gontserrat-Light.ttf') format('truetype');font-weight:300;font-display:swap}
@font-face{font-family:Gontserrat;src:url('assets/fonts/Gontserrat-ExtraLight.ttf') format('truetype');font-weight:200;font-display:swap}
@font-face{font-family:Brushstrike;src:url('assets/fonts/Brushstrike.woff') format('woff');font-weight:400;font-display:swap}
.contact-details{display:grid;gap:28px;border-top:var(--thin) solid var(--line);padding-top:22px}.contact-details>div{display:grid;gap:5px}.contact-details strong,.contact-details address,.contact-details a{font-size:16px;line-height:1.45;font-style:normal;font-weight:300}.contact-details a{width:max-content;border-bottom:var(--thin) solid var(--line)}
:root{--paper:#f4f3f0;--white:#fff;--ink:#0d0d0d;--muted:#88837d;--line:#bdb9b2;--accent:#f93100;--pad:clamp(18px,2.7vw,44px);--head:82px;--thin:1px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Gontserrat,Arial,sans-serif;font-weight:300}body.locked{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.site-head{height:var(--head);padding:0 var(--pad);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:30;background:rgba(244,243,240,.95);backdrop-filter:blur(12px);border-bottom:var(--thin) solid var(--line)}.brand img{width:218px;height:auto;display:block}.nav{display:flex;gap:clamp(18px,2.5vw,38px);font-size:11px;letter-spacing:.09em}.nav a{padding:8px 0;border-bottom:1px solid transparent}.nav a:hover,.nav a.active{border-color:var(--ink)}.menu-button{display:none;border:0;background:none;padding:12px 0;font-size:11px;letter-spacing:.1em}.site-foot{min-height:120px;border-top:var(--thin) solid var(--line);display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:20px;padding:30px var(--pad);font-size:10px;letter-spacing:.11em}.site-foot a{text-align:right}.loading{height:70vh;display:grid;place-items:center;font-size:11px;letter-spacing:.15em}.page{animation:in .45s ease both}@keyframes in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
.home-hero{min-height:calc(100svh - var(--head));display:grid;grid-template-columns:43% 57%;border-bottom:var(--thin) solid var(--line)}.home-copy{padding:clamp(55px,9vw,140px) var(--pad) 55px;display:flex;flex-direction:column;justify-content:space-between}.eyebrow,.label{font-size:10px;letter-spacing:.18em;text-transform:uppercase}.home-copy h1{font-size:clamp(58px,8.2vw,132px);font-weight:200;line-height:.79;letter-spacing:-.065em;margin:35px 0;max-width:8ch}.home-copy h1 em{font-style:normal;font-family:Brushstrike;color:#99958f;font-size:.78em;letter-spacing:0}.home-intro{font-size:clamp(16px,1.45vw,22px);line-height:1.35;max-width:36ch}.hero-image{min-height:650px;position:relative;overflow:hidden;background:#e1ded8}.hero-image img{width:100%;height:100%;object-fit:cover}.hero-stamp{position:absolute;right:20px;bottom:18px;color:#fff;font-size:10px;letter-spacing:.16em}.ticker{display:flex;overflow:hidden;border-bottom:var(--thin) solid var(--line);white-space:nowrap}.ticker span{font-size:clamp(28px,4.8vw,72px);font-weight:200;letter-spacing:-.04em;padding:23px 4vw 19px;border-right:var(--thin) solid var(--line)}.section-head{display:flex;justify-content:space-between;align-items:end;padding:clamp(65px,8vw,120px) var(--pad) 30px}.section-head h2,.page-title{font-weight:200;letter-spacing:-.065em;line-height:.85;margin:0}.section-head h2{font-size:clamp(54px,7vw,106px)}.section-head a{font-size:11px;letter-spacing:.1em}.home-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);border-top:var(--thin) solid var(--line);border-bottom:var(--thin) solid var(--line)}
.project-card{background:var(--paper);min-width:0}.card-media{aspect-ratio:1.48;overflow:hidden;background:#fff}.card-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s cubic-bezier(.2,.7,.2,1)}.project-card:hover img{transform:scale(1.015)}.card-info{display:grid;grid-template-columns:1fr auto;gap:12px;padding:12px var(--pad) 28px;border-top:var(--thin) solid var(--line)}.card-name{font-size:clamp(15px,1.6vw,22px);letter-spacing:-.025em}.card-meta{font-size:10px;color:var(--muted);letter-spacing:.08em;margin-top:5px;text-transform:uppercase}.card-arrow{font-size:22px}.brush-break{height:clamp(55px,8vw,105px);position:relative;overflow:hidden;background:#fff}.brush-break img{position:absolute;width:105%;height:135%;left:-2%;top:-15%;object-fit:fill;filter:invert(1);opacity:.96}.manifesto{display:grid;grid-template-columns:1fr 1fr;min-height:65vh;border-top:var(--thin) solid var(--line)}.manifesto-copy{padding:var(--pad);display:flex;flex-direction:column;justify-content:space-between;border-right:var(--thin) solid var(--line)}.manifesto h2{font-size:clamp(52px,8vw,120px);font-weight:200;line-height:.78;letter-spacing:-.065em;margin:80px 0}.manifesto h2 span{font-family:Brushstrike;color:#96918a;font-size:.8em}.manifesto p{font-size:clamp(17px,1.6vw,24px);line-height:1.45;max-width:34ch}.manifesto-off{display:grid;place-items:center;padding:8vw}.manifesto-off img{width:min(80%,620px)}
.page-hero{padding:clamp(65px,10vw,150px) var(--pad) 35px;border-bottom:var(--thin) solid var(--line)}.page-title{font-size:clamp(68px,11vw,168px)}.page-note{display:flex;justify-content:space-between;gap:25px;margin-top:35px;font-size:11px;letter-spacing:.1em}.filters{display:flex;flex-wrap:wrap;gap:10px 24px;padding:18px var(--pad);border-bottom:var(--thin) solid var(--line)}.filters button{border:0;background:none;padding:5px 0;font-size:10px;letter-spacing:.12em;color:var(--muted);cursor:pointer;border-bottom:1px solid transparent}.filters button.active{color:var(--ink);border-color:var(--ink)}.projects-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line)}.project-card[hidden]{display:none}
.detail-top{display:grid;grid-template-columns:42% 58%;min-height:calc(100svh - var(--head));border-bottom:var(--thin) solid var(--line)}.detail-copy{padding:clamp(35px,5vw,80px) var(--pad);display:flex;flex-direction:column}.back{font-size:10px;letter-spacing:.12em}.code{font-size:10px;letter-spacing:.18em;color:var(--muted);margin-top:auto}.detail-copy h1{font-size:clamp(55px,7.7vw,124px);line-height:.77;letter-spacing:-.065em;font-weight:200;margin:24px 0}.detail-hero-line{font-size:clamp(17px,1.5vw,23px);line-height:1.4;max-width:35ch}.detail-cover{overflow:hidden;min-height:600px;background:#fff;display:grid;place-items:center}.detail-cover img{width:100%;height:100%;object-fit:contain}.detail-cover-compact img{width:auto;height:auto;max-width:100%;max-height:calc(100svh - var(--head))}.info-strip{display:grid;grid-template-columns:repeat(5,1fr);border-bottom:var(--thin) solid var(--line)}.info-item{min-height:115px;padding:22px var(--pad);border-right:var(--thin) solid var(--line);font-size:12px}.info-item:last-child{border:0}.info-item .label{color:var(--muted);margin-bottom:13px}.project-story{display:grid;grid-template-columns:1.2fr .8fr;border-bottom:var(--thin) solid var(--line)}.story-main,.story-side{padding:clamp(55px,7vw,110px) var(--pad)}.story-main{border-right:var(--thin) solid var(--line)}.story-main p{font-size:clamp(19px,2.2vw,34px);line-height:1.45;max-width:31ch;margin:25px 0 0}.story-side p{font-size:14px;line-height:1.7;margin:25px 0}.gallery{columns:2;column-gap:1px;background:var(--line)}.gallery figure,.gallery figure.wide{display:block;margin:0 0 1px;background:#fff;min-height:0;position:relative;break-inside:avoid}.gallery img{width:100%;height:auto;object-fit:contain;display:block}.gallery-compact{columns:3}.next-project{padding:clamp(60px,8vw,110px) var(--pad);display:flex;justify-content:space-between;align-items:end}.next-project span:first-child{font-size:10px;letter-spacing:.16em}.next-project strong{font-size:clamp(35px,6vw,88px);font-weight:200;letter-spacing:-.05em;text-align:right}
.editorial{display:grid;grid-template-columns:34% 66%;border-bottom:var(--thin) solid var(--line)}.editorial-aside{padding:clamp(45px,6vw,90px) var(--pad);border-right:var(--thin) solid var(--line)}.editorial-aside .brush-word{font-family:Brushstrike;color:#96918a;font-size:clamp(70px,9vw,145px);line-height:.8}.editorial-main{padding:clamp(55px,8vw,125px) var(--pad)}.editorial-main .lead{font-size:clamp(25px,4vw,58px);line-height:1.12;letter-spacing:-.04em;margin:0 0 70px}.editorial-columns{display:grid;grid-template-columns:1fr 1fr;gap:60px}.editorial-columns p{font-size:15px;line-height:1.7;margin:0}.service-list{border-top:var(--thin) solid var(--line)}.service{display:grid;grid-template-columns:85px 1fr 1fr;gap:30px;padding:30px var(--pad);border-bottom:var(--thin) solid var(--line);align-items:start}.service .num{font-size:11px;color:var(--muted)}.service h3{font-size:clamp(25px,3vw,48px);font-weight:200;letter-spacing:-.04em;margin:0}.service p{font-size:13px;line-height:1.6;margin:3px 0 0;max-width:48ch}.contact-wrap{min-height:calc(100svh - var(--head));display:grid;grid-template-columns:1.3fr .7fr}.contact-main{padding:clamp(65px,9vw,140px) var(--pad);border-right:var(--thin) solid var(--line);display:flex;flex-direction:column;justify-content:space-between}.contact-main h1{font-size:clamp(70px,12vw,180px);font-weight:200;letter-spacing:-.075em;line-height:.75;margin:0}.contact-main h1 span{font-family:Brushstrike;color:#96918a;font-size:.8em}.contact-aside{padding:clamp(45px,7vw,110px) var(--pad);display:flex;flex-direction:column;justify-content:flex-end}.contact-aside p{font-size:18px;line-height:1.5}.contact-placeholder{margin-top:50px;border-top:var(--thin) solid var(--line);padding-top:16px;font-size:11px;letter-spacing:.1em;color:var(--muted)}
.about-profile{display:grid;grid-template-columns:clamp(480px,56svh,627px) minmax(0,1fr);height:clamp(720px,84svh,940px);border-bottom:var(--thin) solid var(--line)}
.about-portrait{margin:0;overflow:hidden;background:#dedbd5;position:relative}.about-portrait img{display:block;width:100%;height:100%;object-fit:cover;filter:grayscale(1)}.about-portrait-main{border-right:var(--thin) solid var(--line);background:#fff}.about-portrait-main img{object-fit:contain;object-position:right bottom}.about-photo-note{position:absolute;right:12px;bottom:16px;z-index:1;color:#fff;font-family:Brushstrike;font-size:clamp(22px,2.25vw,36px);line-height:.92;letter-spacing:.01em;text-align:right;transform:rotate(-1.5deg);transform-origin:right bottom;text-shadow:0 1px 10px rgba(0,0,0,.35)}
.about-profile-copy{padding:clamp(50px,6vw,90px) var(--pad);display:flex;flex-direction:column}.about-profile-copy>p{font-size:16px;line-height:1.65;max-width:47ch}.about-profile-copy .about-lead{font-size:clamp(32px,4vw,61px);line-height:1.08;letter-spacing:-.045em;margin:clamp(55px,8vw,110px) 0 34px;max-width:12ch}.about-profile-copy .about-rule{margin-top:36px}.about-personal{display:block;margin-top:18px;color:var(--accent)}.about-attitude{margin-top:auto;display:flex;align-items:end;justify-content:space-between;gap:30px;border-top:var(--thin) solid var(--line);padding-top:22px}.about-attitude .brush-word{font-family:Brushstrike;color:#96918a;font-size:clamp(72px,8vw,130px);line-height:.65}
.about-origin{display:grid;grid-template-columns:55% 45%;border-bottom:var(--thin) solid var(--line)}.about-origin-title{padding:clamp(60px,7vw,110px) var(--pad);border-right:var(--thin) solid var(--line);min-width:0}.about-origin-title h2{font-size:clamp(50px,6.6vw,112px);font-weight:200;line-height:.9;letter-spacing:-.065em;margin:75px 0 0;white-space:nowrap}.about-origin-title h2 span{font-family:Brushstrike;color:#96918a;font-size:.9em;letter-spacing:0}.about-origin-copy{padding:clamp(60px,7vw,110px) var(--pad);display:flex;flex-direction:column;justify-content:space-between;gap:70px}.about-origin-copy>p{font-size:clamp(18px,1.8vw,27px);line-height:1.5;max-width:36ch;margin:0}.about-cofounder{display:grid;grid-template-columns:130px 1fr;gap:24px;align-items:end;border-top:var(--thin) solid var(--line);padding-top:24px}.about-cofounder figure{width:130px;aspect-ratio:1}.about-cofounder img{object-position:center 22%}.about-cofounder p{font-size:10px;letter-spacing:.12em;color:var(--muted);margin:9px 0 0}
@media(max-width:760px){:root{--head:68px;--pad:16px}.brand img{width:168px}.menu-button{display:block}.nav{display:none;position:fixed;top:var(--head);left:0;right:0;height:calc(100svh - var(--head));background:var(--paper);padding:38px var(--pad);flex-direction:column;gap:0}.nav.open{display:flex}.nav a{font-size:clamp(38px,13vw,62px);font-weight:200;letter-spacing:-.04em;border-bottom:var(--thin) solid var(--line);padding:17px 0}.site-foot{grid-template-columns:1fr auto;min-height:105px}.site-foot a{grid-column:1/-1;text-align:left}.home-hero{grid-template-columns:1fr}.home-copy{min-height:68svh;padding-top:50px}.home-copy h1{font-size:17vw}.hero-image{min-height:72svh}.ticker span{font-size:36px;padding:18px 28px}.section-head{align-items:start}.home-grid,.projects-grid{grid-template-columns:1fr}.card-media{aspect-ratio:1.25}.brush-break{height:54px}.manifesto{grid-template-columns:1fr}.manifesto-copy{border-right:0;border-bottom:var(--thin) solid var(--line)}.manifesto h2{margin:50px 0}.manifesto-off{padding:60px}.page-note{flex-direction:column}.detail-top{grid-template-columns:1fr;min-height:0}.detail-copy{min-height:61svh}.detail-cover,.detail-cover-compact{min-height:0}.detail-cover img,.detail-cover-compact img{width:100%;height:auto;max-height:none}.info-strip{grid-template-columns:repeat(2,1fr)}.info-item{min-height:95px;border-bottom:var(--thin) solid var(--line)}.project-story{grid-template-columns:1fr}.story-main{border-right:0;border-bottom:var(--thin) solid var(--line)}.gallery,.gallery-compact{columns:1}.gallery figure,.gallery figure.wide{min-height:0}.next-project{display:block}.next-project strong{display:block;text-align:left;margin-top:25px}.editorial{grid-template-columns:1fr}.editorial-aside{border-right:0;border-bottom:var(--thin) solid var(--line)}.editorial-main .lead{margin-bottom:45px}.editorial-columns{grid-template-columns:1fr;gap:25px}.service{grid-template-columns:45px 1fr}.service p{grid-column:2}.contact-wrap{grid-template-columns:1fr}.contact-main{min-height:66svh;border-right:0;border-bottom:var(--thin) solid var(--line)}.contact-aside{min-height:34svh}.contact-main h1{font-size:20vw}}
@media(max-width:760px){.about-profile{grid-template-columns:1fr;height:auto}.about-portrait-main{aspect-ratio:1365/2048;border-right:0;border-bottom:var(--thin) solid var(--line)}.about-portrait-main img{object-fit:cover;object-position:center}.about-profile-copy{min-height:720px;padding-top:45px;padding-bottom:45px}.about-profile-copy .about-lead{margin-top:70px}.about-origin{grid-template-columns:1fr}.about-origin-title{border-right:0;border-bottom:var(--thin) solid var(--line)}.about-origin-title h2{font-size:13vw;margin-top:55px}.about-origin-copy{gap:55px}.about-cofounder{grid-template-columns:96px 1fr}.about-cofounder figure{width:96px}}
.section-head h2{font-size:clamp(48px,6vw,86px)}
.card-info{grid-template-columns:minmax(0,1fr) auto}
.card-name{font-size:clamp(15px,1.45vw,20px);line-height:1.2;letter-spacing:-.02em;hyphens:none;word-break:normal;overflow-wrap:normal;white-space:normal}
.page-title{font-size:clamp(58px,8vw,112px)}
.detail-copy{min-width:0}
.detail-copy h1{font-size:clamp(50px,6.5vw,92px);line-height:.84;letter-spacing:-.05em;hyphens:none;word-break:normal;overflow-wrap:normal;white-space:normal}
.detail-accent{display:block;font-family:Brushstrike;color:#96918a;font-size:.92em;line-height:.8;letter-spacing:0;transform:rotate(-1deg);transform-origin:left center}
.detail-title-rest{display:block;font-family:Gontserrat,Arial,sans-serif;font-size:.72em;line-height:.94;letter-spacing:-.045em;margin-top:.12em}
.gallery-brio{display:block;columns:3;column-gap:1px}
.gallery-brio figure,.gallery-brio figure.wide{min-height:0;aspect-ratio:auto;break-inside:avoid}
.gallery-brio img{height:auto;object-fit:contain}
.project-details{list-style:none;padding:0;margin:25px 0 38px}.project-details li{font-size:14px;line-height:1.55;padding:8px 0;border-bottom:var(--thin) solid var(--line)}.project-details li:first-child{padding-top:0}
.press-block{padding:clamp(55px,7vw,110px) var(--pad);border-top:var(--thin) solid var(--line);border-bottom:var(--thin) solid var(--line)}.press-head{display:grid;grid-template-columns:1fr 2fr;gap:30px;margin-bottom:34px}.press-head p{font-size:14px;line-height:1.55;margin:0;max-width:62ch}.press-block figure{margin:0 auto;max-width:1180px}.press-block img{display:block;width:100%;height:auto;object-fit:contain}
@media(max-width:1100px){.gallery-brio{columns:2}}
@media(max-width:760px){.gallery-brio{columns:1}.gallery-brio figure,.gallery-brio figure.wide{min-height:0;aspect-ratio:auto}}
@media(max-width:760px){.press-head{grid-template-columns:1fr;gap:14px}.press-block{padding-left:0;padding-right:0}.press-head{padding:0 var(--pad)}.press-block figure{max-width:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.page{animation:none}.card-media img{transition:none}}

/* Refined navigation, project facts and shared contact footer. */
.nav{font-size:12px;font-weight:400;letter-spacing:.075em}
.menu-button{font-size:12px;font-weight:400;letter-spacing:.08em}
.info-item{min-height:96px;padding:17px var(--pad);line-height:1.4}
.info-item .label{margin-bottom:9px}
.site-foot{min-height:150px;grid-template-columns:1.15fr 1fr 1.35fr auto;align-items:start;gap:clamp(24px,4vw,64px);padding-top:30px;padding-bottom:30px}
.foot-brand,.foot-group,.foot-end{display:flex;flex-direction:column;gap:6px}
.foot-brand strong{font-size:14px;font-weight:400;letter-spacing:.06em}
.foot-brand span,.foot-label{font-size:9px;letter-spacing:.14em;color:var(--muted)}
.foot-group address,.foot-group a{font-size:12px;line-height:1.5;font-style:normal;letter-spacing:.025em}
.foot-group a{width:max-content;border-bottom:1px solid transparent}
.foot-group a:hover{border-color:var(--ink)}
.foot-end{align-items:flex-end;text-align:right;font-size:10px;line-height:1.5}
.foot-end a{margin-top:auto}
@media(max-width:980px){.site-foot{grid-template-columns:1fr 1fr}.foot-end{align-items:flex-start;text-align:left}.foot-end a{margin-top:0}}
@media(max-width:760px){.nav a{font-weight:300}.info-item{min-height:82px;padding-top:14px;padding-bottom:14px}.site-foot{grid-template-columns:1fr;gap:24px;min-height:0;padding-top:28px;padding-bottom:34px}.foot-end{gap:6px}}
.archive-section{border-top:var(--thin) solid var(--line);padding-bottom:clamp(70px,9vw,130px)}.archive-head{display:flex;align-items:end;justify-content:space-between;gap:30px;padding:clamp(60px,8vw,110px) var(--pad) 28px}.archive-head h2{font-size:clamp(58px,8vw,118px);font-weight:200;line-height:.82;letter-spacing:-.06em;margin:18px 0 0}.archive-count{font-size:10px;letter-spacing:.14em}.archive-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border-top:var(--thin) solid var(--line);border-bottom:var(--thin) solid var(--line)}.archive-card{display:block;border:0;padding:0;background:var(--paper);color:var(--ink);text-align:left;cursor:pointer;min-width:0}.archive-card-media{display:block;aspect-ratio:1.42;overflow:hidden;background:#fff}.archive-card-media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .55s ease}.archive-card:hover .archive-card-media img{transform:scale(1.012)}.archive-card-info{display:grid;grid-template-columns:1fr auto;gap:15px;align-items:start;padding:14px var(--pad) 24px;border-top:var(--thin) solid var(--line)}.archive-card-info strong{display:block;font-size:17px;font-weight:300;line-height:1.25}.archive-card-info small{display:block;margin-top:7px;font-size:10px;color:var(--muted);letter-spacing:.08em}.archive-card-info>span:last-child{font-size:23px;font-weight:200}.archive-dialog{width:min(94vw,1600px);max-width:none;height:90svh;max-height:none;padding:0;border:var(--thin) solid var(--line);background:var(--paper);color:var(--ink)}.archive-dialog::backdrop{background:rgba(10,10,10,.72);backdrop-filter:blur(3px)}.archive-dialog-head{position:sticky;top:0;z-index:2;display:flex;align-items:start;justify-content:space-between;gap:30px;padding:22px var(--pad);background:rgba(244,243,240,.96);backdrop-filter:blur(12px);border-bottom:var(--thin) solid var(--line)}.archive-dialog-head h2{font-size:clamp(34px,4vw,66px);font-weight:200;line-height:.9;letter-spacing:-.045em;margin:12px 0}.archive-dialog-head p{font-size:11px;letter-spacing:.1em;margin:0}.archive-close{min-width:76px;min-height:44px;border:0;border-bottom:var(--thin) solid var(--ink);background:none;font-size:10px;letter-spacing:.12em;cursor:pointer}.archive-modal-grid{columns:3;column-gap:1px;background:var(--line)}.archive-modal-grid figure{margin:0 0 1px;break-inside:avoid;background:#fff}.archive-modal-grid img{display:block;width:100%;height:auto}.archive-copy{display:grid;grid-template-columns:1fr 2fr;gap:30px;padding:clamp(45px,6vw,85px) var(--pad)}.archive-copy p{max-width:65ch;font-size:16px;line-height:1.6;margin:0}.archive-dialog:focus{outline:none}@media(max-width:1000px){.archive-grid{grid-template-columns:repeat(2,1fr)}.archive-modal-grid{columns:2}}@media(max-width:760px){.archive-head{align-items:start}.archive-grid{grid-template-columns:1fr}.archive-dialog{width:100vw;height:100svh;border:0;margin:0}.archive-dialog-head{padding:16px}.archive-dialog-head h2{font-size:38px}.archive-modal-grid{columns:1}.archive-copy{grid-template-columns:1fr;padding:40px 16px 65px}.archive-close{position:sticky;top:0}.archive-card-info{padding-left:16px;padding-right:16px}}

/* Image-first archive popup: maximum artwork, compact chrome and framed copy. */
.archive-grid{display:block;background:transparent;border-top:var(--thin) solid var(--line);border-bottom:0}
.archive-card{width:100%;min-height:clamp(92px,8vw,128px);border-bottom:var(--thin) solid var(--line);transition:background-color .25s ease,color .25s ease}
.archive-card:hover,.archive-card:focus-visible{background:var(--ink);color:var(--paper);outline:0}
.archive-card-info{height:100%;min-height:inherit;grid-template-columns:minmax(0,1fr) auto;align-items:center;padding:clamp(18px,2.2vw,30px) var(--pad);border-top:0}
.archive-card-info strong{font-size:clamp(25px,3.25vw,52px);font-weight:200;line-height:.95;letter-spacing:-.045em}
.archive-card-info small{margin-top:10px;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.archive-card:hover .archive-card-info small,.archive-card:focus-visible .archive-card-info small{color:#aaa6a0}
.archive-card-info>span:last-child{font-size:clamp(24px,2.2vw,36px);font-weight:200;transition:transform .25s ease}
.archive-card:hover .archive-card-info>span:last-child,.archive-card:focus-visible .archive-card-info>span:last-child{transform:rotate(45deg)}
@media(max-width:760px){.archive-card{min-height:88px}.archive-card-info{padding:17px 16px}.archive-card-info strong{font-size:25px;line-height:1}.archive-card-info small{margin-top:8px;font-size:9px;letter-spacing:.11em}}

.archive-dialog{width:min(98vw,1800px);height:96svh;overflow:auto;background:#111;border-color:#777}
.archive-dialog-head{align-items:center;gap:16px;padding:10px 14px;background:rgba(244,243,240,.98)}
.archive-dialog-head>div{display:flex;align-items:baseline;gap:10px 18px;min-width:0;flex-wrap:wrap}
.archive-dialog-head h2{font-size:clamp(22px,2vw,34px);line-height:1;letter-spacing:-.035em;margin:0}
.archive-dialog-head p{font-size:10px;line-height:1.2;margin:0;white-space:nowrap}
.archive-close{min-width:72px;min-height:32px;flex:0 0 auto}
.archive-modal-grid{display:grid;grid-template-columns:1fr;columns:auto;gap:1px;background:#111}
.archive-modal-grid figure{width:100%;margin:0;background:#111}
.archive-modal-grid img{display:block;width:100%;height:auto;max-height:none;object-fit:contain}
.archive-copy{display:grid;grid-template-columns:minmax(110px,.28fr) 2fr;gap:18px;margin:1px;padding:16px 18px 18px;background:var(--paper);border:var(--thin) solid var(--line)}
.archive-copy p{max-width:none;font-size:15px;line-height:1.5;margin:0}
@media(max-width:760px){.archive-dialog{width:100vw;height:100svh;margin:0;border:0}.archive-dialog-head{padding:9px 10px}.archive-dialog-head>div{gap:5px 10px}.archive-dialog-head h2{font-size:21px}.archive-dialog-head .label{font-size:8px}.archive-dialog-head p{font-size:9px}.archive-copy{grid-template-columns:1fr;gap:8px;margin:0;padding:14px 15px 18px}.archive-copy p{font-size:15px;line-height:1.45}}

/* Repeating contact cue for the four main editorial pages. */
.contact-cta{position:relative;isolation:isolate;border-top:var(--thin) solid #4c4b47;border-bottom:var(--thin) solid #4c4b47;background-color:#171714;background-image:var(--cta-image,url('assets/contact-blueprint-jb01.jpg'));background-position:center 55%;background-size:cover;background-repeat:no-repeat;color:var(--paper);overflow:hidden}
.contact-cta::before{content:"";position:absolute;inset:0;z-index:-1;background:rgba(10,10,8,.72)}
.contact-cta a{position:relative;display:grid;grid-template-columns:minmax(180px,.55fr) 1.45fr;align-items:center;gap:clamp(28px,5vw,90px);min-height:clamp(210px,24vw,350px);padding:clamp(40px,6vw,88px) var(--pad);color:inherit;overflow:hidden}
.contact-cta-kicker{align-self:start;padding-top:.65em;font-size:12px;letter-spacing:.15em;white-space:nowrap;color:var(--accent)}
.contact-cta-action{display:flex;align-items:center;gap:clamp(16px,2vw,34px);min-width:0;font-family:Brushstrike,Gontserrat,Arial,sans-serif;font-size:clamp(66px,10vw,158px);font-weight:400;line-height:.72;letter-spacing:0;transform-origin:left center;transition:transform .35s ease}
.contact-cta-write{display:block;clip-path:inset(0 100% 0 0);animation:cta-handwrite 6.8s cubic-bezier(.58,0,.22,1) infinite;will-change:clip-path,opacity}
.contact-cta-arrow{font-family:Gontserrat,Arial,sans-serif;font-size:.42em;font-weight:200;color:var(--accent);opacity:.9;transform:translateY(-.08em);animation:cta-arrow 6.8s ease infinite}
.contact-cta a:hover .contact-cta-action{transform:translateX(8px) rotate(-.7deg)}
@keyframes cta-handwrite{0%,8%{clip-path:inset(0 100% 0 0);opacity:1}38%,84%{clip-path:inset(0 0 0 0);opacity:1}94%,100%{clip-path:inset(0 0 0 0);opacity:.18}}
@keyframes cta-arrow{0%,30%{opacity:0;transform:translate(-10px,-.08em)}42%,84%{opacity:.75;transform:translate(0,-.08em)}94%,100%{opacity:.12;transform:translate(0,-.08em)}}
@media(max-width:760px){.contact-cta a{grid-template-columns:1fr;gap:20px;min-height:210px;padding:34px 16px 42px}.contact-cta-kicker{padding-top:0;font-size:10px}.contact-cta-action{gap:14px;font-size:clamp(58px,19vw,92px);line-height:.78}}
@media(prefers-reduced-motion:reduce){.contact-cta-write{clip-path:none;animation:none}.contact-cta-arrow{opacity:.75;transform:translateY(-.08em);animation:none}.contact-cta-action{transition:none}}

/* Minimal notice for the site's strictly necessary cookies. */
.cookie-notice{position:fixed;left:var(--pad);right:var(--pad);bottom:18px;z-index:100;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:22px;max-width:1180px;margin:0 auto;padding:16px 18px;background:#171714;color:var(--paper);border:1px solid #5a5852;box-shadow:0 12px 34px rgba(0,0,0,.22)}
.cookie-notice[hidden]{display:none}.cookie-notice p{max-width:76ch;margin:0;font-size:14px;line-height:1.45}.cookie-notice a,.cookie-notice button{font-size:11px;letter-spacing:.12em;color:inherit;white-space:nowrap}.cookie-notice a{border-bottom:1px solid #77736d}.cookie-notice button{min-height:42px;padding:0 16px;border:1px solid var(--paper);background:transparent;cursor:pointer}.cookie-notice button:hover,.cookie-notice button:focus-visible{background:var(--paper);color:#171714;outline:0}
.cookie-policy{display:grid;grid-template-columns:.7fr 1.3fr;gap:clamp(40px,7vw,120px);padding:clamp(60px,8vw,120px) var(--pad);border-bottom:var(--thin) solid var(--line)}.cookie-policy h2{max-width:9ch;margin:24px 0 0;font-size:clamp(42px,6vw,88px);font-weight:200;line-height:.92;letter-spacing:-.055em}.cookie-policy-copy{max-width:70ch}.cookie-policy-copy p{margin:0 0 24px;font-size:16px;line-height:1.65}.cookie-policy-copy a{border-bottom:var(--thin) solid var(--ink)}
@media(max-width:760px){.cookie-notice{left:10px;right:10px;bottom:10px;grid-template-columns:1fr auto;gap:14px;padding:15px}.cookie-notice p{grid-column:1/-1;font-size:14px}.cookie-notice button{min-height:44px}.cookie-policy{grid-template-columns:1fr;gap:42px;padding-top:55px;padding-bottom:75px}.cookie-policy h2{font-size:48px}.cookie-policy-copy p{font-size:16px}}

/* Landing narrative: authored practice, material thinking and process. */
.text-link{display:inline-block;width:max-content;margin-top:30px;padding-bottom:5px;border-bottom:var(--thin) solid var(--ink);font-size:11px;letter-spacing:.11em}
.home-about{display:grid;grid-template-columns:34% 66%;border-bottom:var(--thin) solid var(--line)}
.home-about-mark{min-height:clamp(520px,54vw,760px);padding:clamp(48px,6vw,90px) var(--pad);border-right:var(--thin) solid var(--line);display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}
.home-about-mark .brush-word{font-family:Brushstrike;color:#96918a;font-size:clamp(105px,15vw,245px);line-height:.65;transform:translateX(-.08em) rotate(-2deg)}
.home-about-copy{padding:clamp(55px,8vw,125px) var(--pad)}
.home-about-copy h2,.home-process h2,.material-story h2,.about-method h2{font-size:clamp(50px,7vw,106px);font-weight:200;line-height:.86;letter-spacing:-.06em;margin:0}
.home-about-copy .lead{max-width:18ch;margin:70px 0 32px;font-size:clamp(25px,3.7vw,54px);line-height:1.12;letter-spacing:-.04em}
.home-about-copy>p:not(.lead){max-width:60ch;margin:0 0 20px;font-size:16px;line-height:1.65}
.off-transition{height:clamp(170px,22vw,330px);position:relative;overflow:hidden;border-bottom:var(--thin) solid var(--line);background:#fff}
.off-transition>span{position:absolute;left:-.055em;bottom:-.28em;font-family:Brushstrike;color:#aaa69f;font-size:clamp(210px,32vw,510px);line-height:.72;transform:rotate(-2deg)}
.off-transition>small{position:absolute;right:var(--pad);top:28px;font-size:10px;letter-spacing:.18em}
.manifesto-copy>p+p{margin-top:22px}
.material-story{display:grid;grid-template-columns:58% 42%;border-top:var(--thin) solid var(--line);border-bottom:var(--thin) solid var(--line)}
.material-story-media{min-height:clamp(540px,64vw,900px);overflow:hidden;background:#fff;border-right:var(--thin) solid var(--line)}
.material-story-media img{width:100%;height:100%;display:block;object-fit:cover}
.material-story-copy{padding:clamp(55px,7vw,110px) var(--pad);display:flex;flex-direction:column;justify-content:center}
.case-study-kicker{display:block;margin:0 0 24px;font-family:Brushstrike,Gontserrat,Arial,sans-serif;font-size:clamp(48px,5.6vw,88px);font-weight:400;line-height:.78;letter-spacing:0;color:var(--accent)}
.material-story-copy h2{font-size:clamp(44px,5.2vw,82px);margin:52px 0 42px}
.material-story-copy p{max-width:42ch;margin:0 0 20px;font-size:16px;line-height:1.65}
.home-process{border-bottom:var(--thin) solid var(--line)}
.home-process-head{display:grid;grid-template-columns:1fr 2fr auto;align-items:end;gap:35px;padding:clamp(60px,8vw,115px) var(--pad) 34px}
.home-process h2{font-family:Brushstrike,Gontserrat,Arial,sans-serif;font-weight:400;line-height:.86;letter-spacing:0}
.home-process-head .text-link{margin-top:0}
.process-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:var(--thin) solid var(--line)}
.process-grid article{min-height:260px;padding:30px var(--pad);border-right:var(--thin) solid var(--line)}
.process-grid article:last-child{border-right:0}
.process-grid span{font-size:10px;letter-spacing:.13em;color:var(--muted)}
.process-grid p{margin:55px 0 0;font-size:15px;line-height:1.6}

/* The project image now determines the desktop hero height. Extreme ratios crop intentionally. */
.detail-top{grid-template-columns:minmax(0,42fr) minmax(0,58fr);min-height:0;align-items:stretch}
.detail-cover,.detail-cover-compact{width:100%;max-width:100%;min-width:0;min-height:520px;aspect-ratio:var(--cover-ratio,1.5);display:block;overflow:hidden;background:#fff}
.detail-cover img,.detail-cover-compact img{display:block;width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;object-position:center}
.detail-copy h1{font-size:clamp(48px,5.6vw,82px)}

/* About: clarify the author-led studio and its project-specific team. */
.about-method{display:grid;grid-template-columns:55% 45%;border-bottom:var(--thin) solid var(--line)}
.about-method>div{padding:clamp(60px,7vw,110px) var(--pad)}
.about-method>div:first-child{border-right:var(--thin) solid var(--line)}
.about-method h2{font-family:Brushstrike,Gontserrat,Arial,sans-serif;font-size:clamp(48px,6vw,92px);font-weight:400;line-height:.86;letter-spacing:0;margin-top:70px}
.about-method>div:last-child{display:flex;flex-direction:column;justify-content:center}
.about-method p{max-width:48ch;margin:0 0 24px;font-size:17px;line-height:1.65}

/* Services: inline accordion, never a modal. */
.services-intro{display:grid;grid-template-columns:34% 66%;border-bottom:var(--thin) solid var(--line)}
.services-intro>span{padding:clamp(55px,7vw,105px) var(--pad);border-right:var(--thin) solid var(--line)}
.services-intro>div{padding:clamp(55px,7vw,105px) var(--pad)}
.services-intro .lead{max-width:21ch;margin:0 0 30px;font-size:clamp(28px,4vw,58px);line-height:1.12;letter-spacing:-.04em}
.services-intro p:not(.lead){max-width:62ch;margin:0;font-size:16px;line-height:1.65}
details.service{display:block;padding:0;border-bottom:var(--thin) solid var(--line);background:var(--paper)}
details.service summary{list-style:none;display:grid;grid-template-columns:85px minmax(0,1fr) auto;gap:30px;align-items:start;padding:30px var(--pad);cursor:pointer}
details.service summary::-webkit-details-marker{display:none}
details.service summary:focus-visible{outline:2px solid var(--ink);outline-offset:-2px}
.service-heading h3{font-size:clamp(25px,3vw,48px);font-weight:200;letter-spacing:-.04em;margin:0}
.service-teaser{display:block;max-width:58ch;margin-top:12px;font-size:14px;line-height:1.6}
.service-toggle{font-size:clamp(26px,3vw,42px);font-weight:200;line-height:.8;transition:transform .25s ease}
details.service[open] .service-toggle{transform:rotate(45deg)}
.service-panel{display:grid;grid-template-columns:85px minmax(0,1fr) auto;gap:30px;padding:0 var(--pad) 38px}
.service-panel p{grid-column:2;max-width:72ch;margin:0;padding-top:26px;border-top:var(--thin) solid var(--line);font-size:16px;line-height:1.7}

@media(max-width:980px){.process-grid{grid-template-columns:repeat(2,1fr)}.process-grid article:nth-child(2){border-right:0}.process-grid article:nth-child(-n+2){border-bottom:var(--thin) solid var(--line)}.home-process-head{grid-template-columns:1fr 2fr}.home-process-head .text-link{grid-column:2}}
@media(max-width:760px){
  .home-about,.material-story,.about-method,.services-intro{grid-template-columns:1fr}
  .home-about-mark{min-height:260px;border-right:0;border-bottom:var(--thin) solid var(--line)}
  .home-about-mark .brush-word{font-size:145px;align-self:flex-end}
  .home-about-copy .lead{margin-top:48px}
  .off-transition{height:145px}.off-transition>span{font-size:220px}.off-transition>small{top:18px}
  .material-story-media{min-height:0;aspect-ratio:1.2;border-right:0;border-bottom:var(--thin) solid var(--line)}
  .material-story-copy h2{margin:42px 0 34px}
  .home-process-head{grid-template-columns:1fr;align-items:start}.home-process-head .text-link{grid-column:auto}
  .process-grid{grid-template-columns:1fr}.process-grid article{min-height:0;border-right:0;border-bottom:var(--thin) solid var(--line)}.process-grid article:last-child{border-bottom:0}.process-grid p{margin-top:35px}
  .detail-top{grid-template-columns:1fr;min-height:0}
  .detail-copy{min-height:0;padding-top:34px;padding-bottom:44px}
  .detail-copy .code{margin-top:48px}
  .detail-copy h1{margin-top:22px}
  .detail-cover,.detail-cover-compact{width:100%;min-height:0;aspect-ratio:4/3!important}
  .detail-cover img,.detail-cover-compact img{width:100%;height:100%;max-height:none;object-fit:cover;object-position:center}
  .about-method>div{padding-top:55px;padding-bottom:55px}.about-method>div:first-child{border-right:0;border-bottom:var(--thin) solid var(--line)}.about-method h2{margin-top:48px}.about-method p{font-size:16px}
  .services-intro>span{border-right:0;border-bottom:var(--thin) solid var(--line);padding-top:42px;padding-bottom:42px}
  details.service summary{grid-template-columns:42px minmax(0,1fr) auto;gap:13px;padding:24px 16px}
  .service-heading h3{font-size:25px;line-height:1}
  .service-teaser{font-size:14px;margin-top:12px}
  .service-panel{grid-template-columns:42px minmax(0,1fr);gap:13px;padding:0 16px 30px}
  .service-panel p{grid-column:2;font-size:15px;padding-top:22px}
}
.home-approach{min-height:65vh;padding:var(--pad);display:flex;flex-direction:column;border-top:var(--thin) solid var(--line);border-bottom:var(--thin) solid var(--line);background-color:var(--paper);background-image:linear-gradient(90deg,rgba(244,243,240,.95) 0%,rgba(244,243,240,.78) 42%,rgba(244,243,240,.12) 78%),var(--approach-image);background-position:center;background-size:cover;background-repeat:no-repeat}
.home-approach-text{display:flex;flex:1;flex-direction:column;justify-content:center;width:100%}
.home-approach h2{max-width:none;margin:64px 0 38px;font-family:Brushstrike,Gontserrat,Arial,sans-serif;font-size:clamp(64px,10vw,156px);font-weight:400;line-height:.78;letter-spacing:0;color:var(--accent)}
.home-approach h2 span{font-family:inherit;font-size:inherit;color:inherit}
.home-approach-copy{display:grid;gap:20px;width:100%;max-width:none}
.home-approach-copy p{max-width:60ch;margin:0;font-size:clamp(16px,1.35vw,21px);line-height:1.55}
@media(max-width:760px){.home-approach{min-height:620px;background-image:linear-gradient(180deg,rgba(244,243,240,.96) 0%,rgba(244,243,240,.86) 54%,rgba(244,243,240,.18) 100%),var(--approach-image);background-position:center;background-size:auto 100%;}.home-approach-text{display:block}.home-approach h2{margin:90px 0 32px;font-size:clamp(58px,19vw,92px)}.home-approach-copy{gap:18px}.home-approach-copy p{max-width:34ch}}