:root{--ink:#171713;--paper:#f4f1e8;--blue:#1237db;--lime:#d7ff45;--line:rgba(23,23,19,.22);--pad:clamp(1.25rem,4vw,4.5rem)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:400 16px/1.55 "DM Sans",sans-serif}a{color:inherit;text-decoration:none}.top{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:1rem var(--pad);border-bottom:1px solid var(--line);background:rgba(244,241,232,.92);backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:.75rem;font-weight:600}.mark{width:1.4rem;height:1.4rem;background:var(--blue);transform:rotate(45deg);border-radius:50% 0 50% 50%}.header-actions{display:flex;align-items:center;gap:.3rem}.site-nav{display:flex;align-items:center;gap:.25rem}.site-nav a{padding:.46rem .58rem;border:1px solid transparent;font-size:.72rem;text-transform:uppercase;letter-spacing:.06em}.site-nav a:hover,.site-nav a:focus-visible{color:var(--blue);border-color:var(--blue)}.lang-toggle{border:1px solid var(--ink);background:transparent;color:inherit;padding:.46rem .58rem;min-width:2.6rem;cursor:pointer;font:600 .76rem/1.2 "DM Sans",sans-serif;letter-spacing:.08em}.lang-toggle:hover,.lang-toggle:focus-visible{background:var(--blue);border-color:var(--blue);color:white}
.project-hero{padding:clamp(5rem,10vw,10rem) var(--pad) clamp(3rem,6vw,6rem);display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(2rem,8vw,9rem);border-bottom:1px solid var(--line)}.eyebrow{font-size:.74rem;text-transform:uppercase;letter-spacing:.12em}.project-hero h1{margin:.7rem 0;font:400 clamp(5rem,13vw,11rem)/.78 "Instrument Serif",serif;letter-spacing:-.05em}.lead{align-self:end;max-width:32rem;font-size:clamp(1.1rem,1.8vw,1.45rem)}
.facts{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line)}.fact{padding:1.4rem var(--pad);border-right:1px solid var(--line)}.fact:last-child{border-right:0}.fact b{display:block;margin-bottom:.35rem;font-size:.7rem;text-transform:uppercase;letter-spacing:.1em}.fact span{font-size:.94rem}
.gallery{display:grid;grid-template-columns:repeat(12,1fr);gap:4px;background:var(--ink)}.gallery figure{margin:0;overflow:hidden}.gallery figure:first-child{grid-column:span 8;grid-row:span 2}.gallery figure:nth-child(2),.gallery figure:nth-child(3){grid-column:span 4}.gallery figure:nth-child(4),.gallery figure:nth-child(5){grid-column:span 6}.gallery img{display:block;width:100%;height:100%;min-height:20rem;object-fit:cover}.gallery figure:first-child img{min-height:42rem}
.gallery-four figure:first-child,.gallery-four figure:nth-child(2),.gallery-four figure:nth-child(3),.gallery-four figure:nth-child(4){grid-column:span 6;grid-row:auto}.gallery-four figure:first-child img,.gallery-four img{min-height:26rem}
.gallery-gramam figure:nth-child(n){grid-column:span 6;grid-row:auto}.gallery-gramam figure:first-child,.gallery-gramam figure:nth-child(2){grid-column:span 12}.gallery-gramam figure:first-child img,.gallery-gramam img{min-height:26rem}.gallery-gramam figure:first-child img,.gallery-gramam figure:nth-child(2) img{min-height:34rem}
.gallery-two figure:first-child,.gallery-two figure:nth-child(2){grid-column:span 6;grid-row:auto}.gallery-two figure:first-child img,.gallery-two figure:nth-child(2) img{min-height:32rem}
.narrative{padding:clamp(5rem,10vw,9rem) var(--pad);display:grid;grid-template-columns:1fr 1fr;gap:clamp(3rem,10vw,12rem)}.narrative h2{margin:0;font:400 clamp(3.2rem,7vw,7rem)/.88 "Instrument Serif",serif}.copy{max-width:39rem}.copy p{font-size:1.08rem}.role{margin-top:2.5rem;padding:1.3rem;border-left:4px solid var(--blue);background:rgba(18,55,219,.07)}.role b{display:block;margin-bottom:.4rem;font-size:.7rem;text-transform:uppercase;letter-spacing:.1em}
.placeholder-hero{min-height:60vh;margin:0 var(--pad);padding:2rem;display:flex;align-items:flex-end;justify-content:space-between;background:var(--blue);color:white}.placeholder-hero.lime{background:var(--lime);color:var(--ink)}.placeholder-hero strong{font:400 clamp(9rem,25vw,22rem)/.65 "Instrument Serif",serif}.placeholder-hero span{text-transform:uppercase;letter-spacing:.1em;font-size:.75rem}.next{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:2rem var(--pad);border-top:1px solid var(--line);font-size:.8rem;text-transform:uppercase;letter-spacing:.08em}.next a:last-child{text-align:right}.next a:hover{color:var(--blue)}
.project-hero.long-title h1{font-size:clamp(3.8rem,9vw,8rem);line-height:.84;max-width:10ch}.concept-hero{min-height:60vh;margin:0 var(--pad);padding:clamp(1.5rem,4vw,3rem);display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;overflow:hidden}.concept-hero strong{font:400 clamp(7rem,21vw,19rem)/.62 "Instrument Serif",serif;letter-spacing:-.06em}.concept-hero div{display:flex;flex-direction:column;align-items:flex-end;gap:.35rem;text-transform:uppercase;letter-spacing:.12em;font-size:.75rem}.concept-soho{background:var(--ink);color:var(--paper)}.concept-soho strong{color:var(--lime)}.concept-digital{background:var(--lime);color:var(--ink)}.concept-digital strong{color:var(--blue)}
@media(max-width:900px){.top{align-items:flex-start;gap:1rem}.header-actions{justify-content:flex-end;flex-wrap:wrap}.site-nav{justify-content:flex-end;flex-wrap:wrap}.site-nav a{padding:.32rem .4rem;font-size:.65rem}}@media(max-width:760px){.brand{font-size:.82rem}.project-hero,.narrative{grid-template-columns:1fr}.facts{grid-template-columns:1fr 1fr}.fact{border-bottom:1px solid var(--line)}.gallery figure:nth-child(n){grid-column:span 12}.gallery figure:first-child img,.gallery img{min-height:16rem}.placeholder-hero,.concept-hero{min-height:45vh}.concept-hero{align-items:flex-start;flex-direction:column;justify-content:flex-end}.concept-hero div{align-items:flex-start}.project-hero h1{font-size:clamp(4.7rem,24vw,8rem)}.project-hero.long-title h1{font-size:clamp(3.7rem,18vw,6.8rem)}}
