/* Warm architectural studio: reference-led visual system. */
:root{--petrol:#35342e;--cream:#f4f1ea;--red:#a8977c;--red-deep:#302f29;color:#35342e;background:#f4f1ea}
body{background:var(--cream)}
.site-header{position:absolute;z-index:5;top:0;left:0;width:100%;height:105px;padding:0 5vw;background:transparent;color:#faf8f2;border-bottom:1px solid #ffffff60;gap:2.6rem}
.site-header .brand{gap:22px}.site-header .brand-mark{font-size:2.8rem}.site-header .brand-sub{border:0;padding:0;font-size:.72rem;letter-spacing:.28em;font-weight:500}.brand-dot{color:#da4e45}.site-header .nav{gap:2rem}.site-header .nav a{font-weight:400;font-size:1rem}.language-switch a{border-radius:0;padding:11px 10px}.language-switch a[aria-current=page]{background:#f4f1ea;color:#35342e}
.terrace-hero{position:relative;isolation:isolate;min-height:740px;height:min(860px,100svh);color:#faf8f2;overflow:hidden;background:#39372e}
.terrace-background{position:absolute;inset:0;z-index:-3;width:100%;height:100%;object-fit:cover;object-position:center}
.terrace-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(28,29,25,.67),rgba(28,29,25,.42) 32%,rgba(28,29,25,.03) 65%),linear-gradient(180deg,#191b1838,transparent 35%)}
.terrace-location{position:absolute;right:5vw;top:130px;font-size:.63rem;letter-spacing:.2em}.terrace-copy{padding:190px 0 70px 5vw;width:47%;max-width:740px}.terrace-eyebrow{font-size:.67rem;letter-spacing:.27em;margin:0 0 32px}.terrace-copy h1{font:400 clamp(3.7rem,5.5vw,6.5rem)/1.04 Manrope,Arial,sans-serif;letter-spacing:-.055em;margin:0 0 25px}.terrace-copy h1 em{font-style:normal;color:#c5b69f}.terrace-description{font-size:clamp(1rem,1.35vw,1.3rem);line-height:1.6;max-width:420px;margin:0}.terrace-link{display:flex;align-items:center;justify-content:space-between;width:290px;max-width:100%;padding:15px 0;border-bottom:1px solid #f4f1ea;gap:2rem;text-decoration:none;margin-top:40px;font-size:1rem}.terrace-link:hover{color:#d6c5a9}.terrace-down{position:absolute;bottom:35px;right:5vw;border:1px solid #ffffff85;border-radius:50%;width:44px;height:44px;display:grid;place-items:center;text-decoration:none;font-size:1.2rem}.terrace-hero a:focus-visible{outline-color:white}
.work{padding:45px 3.4vw 80px;background:#f4f1ea}.section-head{border:0;padding:0 0 25px;font-weight:500;font-size:.7rem;letter-spacing:.17em}.section-head h2{display:flex;gap:15px;align-items:center}.section-head h2:after{content:'';display:block;width:100px;height:1px;background:#827d72;margin-left:10px}.count{color:#787368;letter-spacing:0}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px 24px}.project-card,.card-health,.card-tiny,.card-office{grid-column:auto;margin:0;align-self:start}.project-card .card-image{aspect-ratio:1.38;background:#d7d0c3}.card-image img{filter:none}.image-note{display:none}.card-info{display:grid;grid-template-columns:28px minmax(0,1fr) 25px;position:relative;border:0;padding:13px 0 20px;gap:10px 14px;min-height:144px}.card-number{grid-column:1;grid-row:1;font-size:.8rem}.card-year{grid-column:3;grid-row:1;font-size:.67rem;text-align:right}.card-copy{grid-column:2;grid-row:2}.card-copy strong{font-size:clamp(.95rem,1.24vw,1.35rem);font-weight:600;line-height:1.28;letter-spacing:-.035em}.card-copy small{font-size:.78rem;line-height:1.6;margin-top:10px;color:#7a766e}.card-arrow{grid-column:3;grid-row:2;align-self:end;font-size:1.25rem}.project-card:hover .card-copy strong{text-decoration:underline;text-underline-offset:4px}
.studio-statement{display:grid;grid-template-columns:1fr 1fr;min-height:370px;background:#514d42;color:#f4f1ea}.statement-image{background:url('terrace-sunset.webp') 30% 50%/cover}.statement-text{display:flex;flex-direction:column;justify-content:center;padding:55px 8vw}.statement-text p{font:400 clamp(1.5rem,2.35vw,2.7rem)/1.4 Manrope,Arial,sans-serif;letter-spacing:-.04em;margin:0}.statement-text span{height:1px;width:45px;background:#cec3af;margin-top:32px}
.approach,.about{padding:85px 5vw;grid-template-columns:26% 74%;border:0}.approach{color:#35342e;background:#e7e1d6}.eyebrow{font-size:.67rem;font-weight:500;letter-spacing:.18em}.approach h2,.about h2{font-weight:400;font-size:clamp(2.4rem,4vw,4.8rem);letter-spacing:-.055em;max-width:850px}.approach p,.about p{font-size:1.05rem;line-height:1.8;color:#666156}.approach .service-list span{border-color:#bdb4a4;font-size:.9rem;font-weight:400}.services-title{font-weight:500;letter-spacing:.16em}.about{background:#f4f1ea;color:#35342e}.founders{border-color:#c6bfb2}.founder{border-color:#c6bfb2;column-gap:36px;padding:38px 0;grid-template-columns:minmax(0,1fr) minmax(0,2fr)}.founder-title h3{font-weight:500}.founder-title span,.founder-title strong{color:#827564;font-weight:500}.about .founder-copy p{font-size:.93rem;line-height:1.75}.founder-portrait{filter:sepia(.08)}.about .about-end{font-size:1.6rem;font-weight:400;letter-spacing:-.035em;color:#81725d}
.contact.contact-redesign{background:#3b3a32;color:#f4f1ea;padding:75px 5vw 55px}.contact-redesign h2{font-weight:400;letter-spacing:-.05em}.contact p,.contact-detail>span{color:#cec8ba}.contact-redesign .contact-cta{background:transparent;color:#f4f1ea;border:0;border-bottom:1px solid #b9ad98;padding:12px 0;font-weight:400}.contact-redesign .contact-cta:hover{color:#c9b99a}.contact-details h3{font-weight:400}.social-link{border-color:#8b857266;font-weight:400}.site-footer{background:#302f29;color:#c9c2b4;font-weight:400;font-size:.65rem;padding:24px 5vw;border-top:1px solid #ffffff20}.project-dialog{background:#f4f1ea;color:#35342e}.dialog-location,.dialog-image-note{color:#787064}.dialog-close{background:#f4f1ea;color:#35342e}.dialog-facts,.dialog-facts div,.project-stats td,.project-stats th{border-color:#bdb4a4}.gallery-thumb[aria-pressed=true] img{border-color:#897659}
@media(min-width:1600px){.terrace-copy{padding-top:190px}.terrace-hero{height:850px}.terrace-copy h1{font-size:6.5rem}}
@media(max-width:1000px){.site-header{padding:0 4vw;gap:1rem}.site-header .nav{gap:1.1rem}.site-header .nav a{font-size:.85rem}.site-header .brand-sub{font-size:.6rem}.site-header .brand-mark{font-size:2.3rem}.terrace-copy{width:55%;padding-left:5vw}.terrace-copy h1{font-size:4rem}.project-grid{gap:30px 18px}.card-info{gap:8px;grid-template-columns:20px minmax(0,1fr) 25px}.card-copy strong{font-size:.95rem}.approach,.about{grid-template-columns:20% 80%}.statement-text{padding:40px 6vw}}
@media(max-width:760px){.site-header{height:116px;padding:16px 5vw;display:grid;grid-template-columns:1fr auto;gap:17px}.site-header .brand{gap:14px}.site-header .brand-mark{font-size:2.1rem}.site-header .brand-sub{font-size:.6rem;padding:0}.site-header .nav{grid-row:2;grid-column:1/-1;width:100%;justify-content:space-between;margin:0;gap:12px}.site-header .nav a,.site-header .nav a:nth-child(2),.site-header .nav a:nth-child(3){display:block;font-size:.76rem}.language-switch{grid-column:2;grid-row:1;margin:0}.language-switch a{min-width:29px;padding:9px 7px}.terrace-hero{min-height:740px;height:92svh;max-height:900px}.terrace-copy{padding:190px 5vw 80px;width:88%}.terrace-copy h1{font-size:clamp(3.5rem,9vw,5rem)}.terrace-description{font-size:1rem;max-width:340px}.terrace-background{object-position:58% center}.terrace-shade{background:linear-gradient(90deg,#22251ee6,#22251e85 60%,#22251e22)}.terrace-location{top:140px;font-size:.55rem}.terrace-eyebrow{font-size:.57rem;letter-spacing:.2em}.terrace-link{margin-top:32px;width:260px}.work{padding:32px 5vw 55px}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 17px}.section-head{font-size:.6rem;letter-spacing:.1em}.section-head h2:after{width:35px;margin:0}.section-head h2{gap:8px}.project-card .card-image{aspect-ratio:1.2}.card-info{min-height:0;grid-template-columns:1fr auto;padding:11px 0 15px;gap:8px}.card-number{grid-column:1}.card-year{grid-column:2}.card-copy{grid-column:1/-1;grid-row:2}.card-copy strong{font-size:1rem}.card-copy small{font-size:.74rem}.card-arrow{display:none}.studio-statement{grid-template-columns:1fr;min-height:0}.statement-image{height:240px;background-position:center}.statement-text{padding:40px 7vw}.approach,.about{grid-template-columns:1fr;gap:28px;padding:55px 5vw}.approach h2,.about h2{font-size:2.6rem}.founder{grid-template-columns:1fr 1.4fr;gap:22px}.founder-portrait{grid-column:1;grid-row:1}.founder-title{grid-column:2;align-self:end}.founder-copy{grid-column:1/-1}.founder-title h3{font-size:1.5rem}.contact.contact-redesign{padding:50px 5vw 35px}.site-footer{flex-wrap:wrap;line-height:1.8}.site-footer>span:last-child{width:100%}}
@media(max-width:480px){.project-grid{grid-template-columns:1fr;gap:18px}.project-card .card-image{aspect-ratio:1.4}.card-info{grid-template-columns:25px minmax(0,1fr) 28px;gap:8px 12px}.card-number{grid-column:1}.card-year{grid-column:3}.card-copy{grid-column:2;grid-row:2}.card-arrow{display:block;grid-column:3}.card-copy strong{font-size:1.08rem}.terrace-copy{width:100%}.terrace-copy h1{font-size:3.65rem}.terrace-link{font-size:.95rem}.founder-title h3{font-size:1.3rem}.founder-title span{font-size:.6rem}.service-list span:nth-child(odd){margin-right:1rem}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}.card-image img{transition:none}}

@media(max-width:480px){html[lang="es"] .terrace-copy h1{font-size:3rem}}

/* Wide opening preserves the complete 2030 × 775 composition. */
@media(min-width:901px){
 .site-header{height:clamp(70px,5.5vw,112px)}
 .terrace-hero{height:auto;min-height:0;max-height:none;aspect-ratio:2030/775}
 .terrace-background{object-fit:contain;object-position:center}
 .terrace-shade{background:linear-gradient(90deg,#20211d55,transparent 38%)}
 .terrace-location{top:7vw;right:4.5vw;font-size:clamp(.5rem,.65vw,.75rem)}
 .terrace-copy{width:33.5%;max-width:none;padding:8.7vw 1.8vw 2.4vw 4.5vw}
 .terrace-eyebrow{font-size:clamp(.47rem,.66vw,.85rem);letter-spacing:.19em;margin:0 0 1.7vw;white-space:nowrap}
 .terrace-copy h1{font-size:4.05vw;line-height:1.04;letter-spacing:-.055em;margin:0 0 1.15vw}
 .terrace-description{font-size:clamp(.72rem,1.05vw,1.35rem);line-height:1.5;max-width:none}
 .terrace-link{width:100%;max-width:290px;margin-top:2vw;padding:.65vw 0;font-size:clamp(.72rem,1vw,1.2rem)}
 .terrace-down{bottom:1.7vw;width:36px;height:36px}
 html[lang="es"] .terrace-copy h1{font-size:3.5vw}
 html[lang="en"] .terrace-copy h1{font-size:3.8vw}
}
@media(min-width:761px) and (max-width:900px){
 .terrace-hero{height:550px;min-height:0}.terrace-background{object-position:left center}
 .terrace-copy{width:44%;padding:145px 3vw 40px 4vw}.terrace-copy h1{font-size:3.1rem}
 .terrace-eyebrow{font-size:.5rem;letter-spacing:.13em;margin-bottom:20px}.terrace-description{font-size:.85rem}
 .terrace-link{margin-top:24px;font-size:.85rem}.terrace-location{top:120px}
 html[lang="es"] .terrace-copy h1{font-size:2.7rem}
}
@media(max-width:760px){
 .terrace-hero{height:650px;min-height:0;max-height:none}.terrace-background{object-position:left center}
 .terrace-copy{padding:180px 6vw 45px;width:90%;max-width:410px}.terrace-copy h1{font-size:3.3rem}
 .terrace-description{font-size:.95rem}.terrace-link{margin-top:25px}.terrace-eyebrow{margin-bottom:22px}
 .terrace-shade{background:linear-gradient(90deg,#20211d66,transparent)}
 html[lang="es"] .terrace-copy h1{font-size:2.8rem}
}

/* Full-width supplied statement artwork and balanced wordmark. */
.studio-statement.statement-banner{display:block;min-height:0;background:#e7e1d6}
.statement-banner>img{display:block;width:100%;height:auto;object-fit:contain}
.site-header .brand{align-items:center;gap:22px}
.site-header .brand-sub{font-size:1rem;line-height:1;letter-spacing:.2em;font-weight:500;align-self:center;padding:0;border:0}
@media(max-width:1000px){.site-header .brand{gap:16px}.site-header .brand-sub{font-size:.82rem;letter-spacing:.16em}}
@media(max-width:760px){.site-header .brand{gap:13px}.site-header .brand-sub{font-size:.76rem;letter-spacing:.14em}}