:root{--ink:#321c15;--paper:#f3efe9;--copper:#9b5f4d;--brown:#4a281c;--line:rgba(50,28,21,.2);--display:"Montserrat",Arial,sans-serif;--sans:"Inter",Arial,sans-serif}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{overflow-x:hidden;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{display:block;width:100%}.progress{position:fixed;top:0;left:0;z-index:30;width:var(--progress,0%);height:3px;background:var(--copper)}
.project-header{position:fixed;inset:0 0 auto;z-index:20;display:flex;height:88px;align-items:center;justify-content:space-between;padding:0 clamp(20px,4vw,64px);border-bottom:1px solid rgba(255,255,255,.25);color:#fff;transition:.35s}.project-header.scrolled{height:72px;background:rgba(49,28,21,.88);backdrop-filter:blur(14px)}.project-logo{width:clamp(170px,17vw,240px)}.back-link{font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.back-link span{display:inline-block;margin-right:12px;transition:transform .3s}.back-link:hover span{transform:translateX(-5px)}
.project-hero{position:relative;min-height:100svh;overflow:hidden;color:#fff;background:#403028}.project-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;animation:hero-in 1.5s ease both}.project-hero:after{position:absolute;inset:0;content:"";background:linear-gradient(90deg,rgba(28,17,13,.68),rgba(28,17,13,.08) 70%),linear-gradient(0deg,rgba(28,17,13,.5),transparent 55%)}.hero-content{position:relative;z-index:1;display:flex;min-height:100svh;justify-content:flex-end;flex-direction:column;padding:150px clamp(20px,7vw,115px) 80px}.eyebrow{margin-bottom:24px;font-size:10px;font-weight:600;letter-spacing:.17em;text-transform:uppercase}.hero-content h1,.intro h2,.next-project h2{font-family:var(--display);font-weight:400;letter-spacing:-.045em;text-transform:uppercase}.hero-content h1{max-width:1000px;font-size:clamp(64px,9vw,145px);line-height:.84}.hero-meta{display:flex;justify-content:space-between;gap:30px;margin-top:46px;padding-top:20px;border-top:1px solid rgba(255,255,255,.35);font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}
.embassy-project .project-hero>img{object-position:center 26%}.embassy-project .project-hero:after{background:linear-gradient(90deg,rgba(28,17,13,.62),rgba(28,17,13,.08) 70%),linear-gradient(0deg,rgba(28,17,13,.48),transparent 55%)}.embassy-project .hero-content{padding-top:190px}.embassy-project .hero-content h1{font-size:clamp(58px,7.4vw,116px);line-height:.92}.embassy-gallery{columns:2 390px}
.intro{display:grid;grid-template-columns:1.2fr .8fr;gap:8vw;padding:clamp(90px,11vw,175px) clamp(20px,7vw,115px)}.intro h2{font-size:clamp(48px,6vw,92px);line-height:.95}.intro-copy{align-self:end}.intro-copy>p{max-width:520px;color:#5d5049;font-size:15px;font-weight:500;line-height:1.75}.details{display:grid;grid-template-columns:repeat(3,1fr);margin-top:45px;border-top:1px solid var(--line)}.details div{padding:17px 15px 0 0}.details span{display:block;font-size:9px;font-weight:600;letter-spacing:.13em;text-transform:uppercase}.details b{display:block;margin-top:6px;font-weight:500}
.project-images{columns:3 300px;column-gap:clamp(12px,1.5vw,22px);padding:0 clamp(20px,4vw,65px) clamp(100px,10vw,150px)}.image-block,.image-block.portrait,.image-block:nth-child(3n),.image-block.full-space{display:inline-block;width:100%;margin:0 0 clamp(16px,1.8vw,26px);break-inside:avoid;opacity:0;transform:translateY(24px);transition:opacity .7s,transform .7s}.image-block.visible{opacity:1;transform:none}.image-block img,.image-block.full-space img{width:100%;height:auto;max-height:none;object-fit:cover;box-shadow:0 16px 34px rgba(50,28,21,.14),0 4px 12px rgba(50,28,21,.08)}.image-caption{display:flex;justify-content:space-between;gap:12px;padding:9px 2px 0;color:#5b4e47;font-size:8px;font-weight:600;letter-spacing:.11em;line-height:1.4;text-transform:uppercase}.image-caption span:last-child{text-align:right}
.next-project{display:grid;min-height:70vh;place-items:center;padding:90px 20px;color:#fff;text-align:center;background:var(--brown)}.next-project p{font-size:10px;font-weight:600;letter-spacing:.16em;text-transform:uppercase}.next-project h2{margin:28px 0;font-size:clamp(52px,8vw,120px);line-height:.9}.next-project a{display:inline-flex;padding:12px 24px;border:1px solid rgba(255,255,255,.5);border-radius:99px;font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;transition:.3s}.next-project a:hover{color:var(--brown);background:#fff;transform:translateY(-3px)}
footer{display:flex;align-items:center;justify-content:space-between;padding:42px clamp(20px,5vw,80px);font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}footer img{width:190px}
@keyframes hero-in{from{transform:scale(1.06);filter:brightness(.75)}to{transform:scale(1);filter:none}}
@media(max-width:980px){.project-images{columns:2 260px}}
@media(max-width:760px){.project-header{height:68px;padding:0 16px}.project-logo{width:136px}.back-link{font-size:8px;letter-spacing:.1em}.back-link span{margin-right:7px}.project-hero{min-height:94svh}.hero-content{min-height:94svh;padding:108px 20px 40px}.eyebrow{margin-bottom:17px;font-size:9px}.hero-content h1{font-size:clamp(46px,13.5vw,60px);line-height:.89}.hero-meta{display:block;margin-top:28px;padding-top:14px;font-size:8px;line-height:1.5}.hero-meta span{display:block;margin-top:5px}.intro{grid-template-columns:1fr;gap:45px;padding:85px 20px}.details{grid-template-columns:1fr}.project-images{columns:1;padding-inline:16px}.image-block,.image-block.portrait,.image-block:nth-child(3n),.image-block.full-space{margin-bottom:20px}.image-caption{font-size:8px}footer{align-items:flex-start;flex-direction:column;gap:24px}}
@media(max-width:760px){.embassy-project .project-hero>img{object-position:58% center}.embassy-project .hero-content{padding:108px 20px 40px}.embassy-project .hero-content h1{font-size:clamp(44px,12vw,60px)}.embassy-gallery{columns:1}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.project-hero>img{animation:none}.image-block{opacity:1;transform:none;transition:none}}