.office-page{background:#f2f2ed}.office-page .topbar{position:absolute}.office-page .nav-active:after{right:0}.office-hero{min-height:88svh;background:#090909;color:#fff;padding:clamp(210px,25vh,270px) var(--pad) 70px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between}.office-grid{position:absolute;inset:0;background:linear-gradient(90deg,transparent 0 24.9%,rgba(255,255,255,.06) 25%,transparent 25.1% 49.9%,rgba(255,255,255,.06) 50%,transparent 50.1% 74.9%,rgba(255,255,255,.06) 75%,transparent 75.1%),linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px);background-size:100% 100%,100% 150px;mask-image:linear-gradient(to bottom,black 0%,transparent 95%)}.office-hero h1{font:300 clamp(68px,10.5vw,160px)/.88 "Manrope";letter-spacing:-.075em;margin:25px 0 80px;position:relative}.office-hero h1 span,.office-way-head h2 span,.team-head h2 span,.office-global h2 span{color:var(--lime)}.office-hero-bottom{display:flex;justify-content:flex-end;align-items:end;gap:12vw;position:relative}.office-hero-bottom p{max-width:690px;font-size:clamp(18px,1.7vw,26px);line-height:1.45;margin:0}.office-hero-bottom span{font-size:12px;letter-spacing:.18em;color:#777}.office-story{padding:150px var(--pad);display:grid;grid-template-columns:1fr 3fr;gap:7vw}.office-story h2{font:400 clamp(48px,6.7vw,104px)/.98 "Manrope";letter-spacing:-.06em;margin:0 0 55px}.office-story div>p{font-size:20px;line-height:1.6;color:#555;max-width:790px;margin:0 0 25px}.office-numbers{background:var(--lime);padding:0 var(--pad);display:grid;grid-template-columns:repeat(4,1fr)}.office-numbers article{min-height:255px;padding:38px 28px 30px 0;border-right:1px solid rgba(0,0,0,.22);display:flex;flex-direction:column;justify-content:space-between}.office-numbers article+article{padding-left:28px}.office-numbers article:last-child{border-right:0}.office-numbers strong{font:400 clamp(58px,6vw,94px)/1 "Manrope";letter-spacing:-.07em}.office-numbers span{font-size:13px;text-transform:uppercase;letter-spacing:.09em}.office-way{background:#111;color:#fff;padding:140px var(--pad)}.office-way-head{display:grid;grid-template-columns:1fr 3fr;margin-bottom:80px}.office-way-head h2,.team-head h2,.office-global h2{font:400 clamp(48px,6.5vw,98px)/.98 "Manrope";letter-spacing:-.06em;margin:0}.principles{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid #444}.principles article{min-height:310px;padding:38px 40px 35px 0;border-bottom:1px solid #444}.principles article:nth-child(even){border-left:1px solid #444;padding-left:40px}.principles span{font-size:11px;color:var(--lime)}.principles h3{font:400 clamp(30px,3.4vw,50px)/1.07 "Manrope";letter-spacing:-.04em;margin:50px 0 22px}.principles p{font-size:17px;line-height:1.55;color:#aaa;max-width:600px}.team{padding:140px var(--pad)}.team-head{display:grid;grid-template-columns:1fr 2fr 1fr;gap:6vw;align-items:end;margin-bottom:75px}.team-head h2 span{color:#777}.team-head>p:last-child{font-size:17px;line-height:1.55;color:#555}.team-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:70px 24px}.person{display:grid;grid-template-columns:1fr auto;align-items:start;border-top:1px solid var(--line);padding-top:18px}.person-image{grid-column:1/-1;aspect-ratio:16/10;background:#ddd;overflow:hidden;margin-bottom:24px}.person-image img{width:100%;height:100%;object-fit:cover;object-position:center top;filter:grayscale(1);transition:.4s}.person:hover img{filter:grayscale(0);transform:scale(1.02)}.person>span{font-size:11px;letter-spacing:.13em;color:#777}.person h3{grid-column:1/-1;font:400 clamp(40px,5vw,73px)/.9 "Manrope";letter-spacing:-.06em;margin:40px 0 25px}.person p{font-size:16px;line-height:1.5;color:#555;max-width:500px;margin:0}.person b{font-size:13px;font-weight:400;border-bottom:1px solid;padding-bottom:5px}.office-global{padding:145px var(--pad);background:var(--lime);display:grid;grid-template-columns:1.3fr 1fr;gap:10vw}.office-global h2{margin-top:45px}.office-global div:last-child{padding-top:70px}.office-global div:last-child p{font-size:19px;line-height:1.6;margin:0 0 25px}.contact-actions{display:flex;flex-direction:column;align-items:flex-start;gap:18px}.contact-actions .whatsapp-link{font-size:clamp(16px,1.6vw,23px);border-bottom-color:#777}
@media(max-width:900px){.office-hero{min-height:760px;padding-top:170px}.office-hero h1{font-size:13vw}.office-story,.office-way-head,.team-head,.office-global{grid-template-columns:1fr}.office-story{padding-top:90px;padding-bottom:90px}.office-numbers{grid-template-columns:1fr 1fr}.office-numbers article:nth-child(2){border-right:0}.office-numbers article:nth-child(-n+2){border-bottom:1px solid rgba(0,0,0,.22)}.office-way,.team{padding-top:90px;padding-bottom:90px}.office-way-head,.team-head{gap:40px}.office-global{gap:20px;padding-top:90px;padding-bottom:90px}.office-global div:last-child{padding-top:20px}}
@media(max-width:620px){.office-hero{min-height:700px}.office-hero h1{font-size:16vw}.office-hero-bottom p{font-size:17px}.office-hero-bottom span{display:none}.office-story h2,.office-way-head h2,.team-head h2,.office-global h2{font-size:13vw}.office-story div>p{font-size:17px}.office-numbers{grid-template-columns:1fr}.office-numbers article,.office-numbers article+article{min-height:180px;padding:28px 0;border-right:0;border-bottom:1px solid rgba(0,0,0,.22)}.principles,.team-grid{grid-template-columns:1fr}.principles article,.principles article:nth-child(even){min-height:0;padding:30px 0;border-left:0}.team-grid{gap:60px}.person-image{aspect-ratio:4/3}.person{grid-template-columns:1fr}.person b{margin-top:20px;justify-self:start}}
.office-recognition{padding:145px var(--pad);display:grid;grid-template-columns:1fr 3fr;gap:7vw;background:#f2f2ed}.office-recognition h2{font:400 clamp(48px,6.3vw,96px)/.98 "Manrope";letter-spacing:-.06em;margin:18px 0 48px}.office-recognition h2 span{color:#777}.office-recognition div>p:not(.recognition-since){font-size:19px;line-height:1.62;color:#555;max-width:820px;margin:0 0 24px}.recognition-since{font-size:12px;letter-spacing:.16em;color:#777;margin:0}@media(max-width:900px){.office-recognition{grid-template-columns:1fr;padding-top:90px;padding-bottom:90px}}@media(max-width:620px){.office-recognition h2{font-size:13vw}.office-recognition div>p:not(.recognition-since){font-size:17px}}

/* Real office photography — used selectively to preserve scale and rhythm */
.office-photo-intro{padding:0 var(--pad) 140px;display:grid;grid-template-columns:minmax(0,1.65fr) minmax(260px,.65fr);gap:24px;align-items:stretch;background:#f2f2ed}
.office-photo-intro figure,.office-photo-work,.office-team-photo,.office-location figure{margin:0;overflow:hidden;background:#d5d5d0}
.office-photo-intro img,.office-photo-work img,.office-team-photo img,.office-location img{width:100%;height:100%;display:block;object-fit:cover}
.office-photo-main,.office-photo-detail{min-height:720px}.office-photo-main img,.office-photo-detail img{object-position:center}
.office-photo-work{height:min(72vw,900px);position:relative;background:#111}.office-photo-work img{object-position:center 54%;filter:saturate(.88) contrast(1.04)}
.office-photo-work:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.58))}
.office-photo-work p{position:absolute;z-index:1;left:var(--pad);bottom:42px;margin:0;color:#fff;font-size:12px;letter-spacing:.18em;text-transform:uppercase}
.office-team-photo{aspect-ratio:16/8;margin:0 0 80px}.office-team-photo img{object-position:center 40%;filter:saturate(.9) contrast(1.03)}
.office-location{padding:140px var(--pad);display:grid;grid-template-columns:minmax(280px,.85fr) minmax(300px,1fr) minmax(260px,.72fr);gap:24px;background:var(--lime);align-items:stretch}
.office-location-copy{padding-right:4vw;display:flex;flex-direction:column}.office-location h2{font:400 clamp(46px,5.5vw,86px)/.96 "Manrope";letter-spacing:-.055em;margin:55px 0}.office-location h2 span{color:#555}.office-location address{font-style:normal;font-size:17px;line-height:1.6;margin-top:auto}.office-building-photo,.office-sign-photo{min-height:620px}.office-building-photo img{object-position:center}.office-sign-photo img{object-position:64% center}
@media(max-width:900px){.office-photo-intro{padding-bottom:90px;grid-template-columns:1.35fr .65fr}.office-photo-main,.office-photo-detail{min-height:560px}.office-photo-work{height:70svh}.office-team-photo{aspect-ratio:4/3;margin-bottom:55px}.office-location{padding-top:90px;padding-bottom:90px;grid-template-columns:1fr 1fr}.office-location-copy{grid-column:1/-1;padding:0 0 35px}.office-location h2{margin:38px 0}.office-building-photo,.office-sign-photo{min-height:520px}}
@media(max-width:620px){.office-photo-intro{grid-template-columns:1fr;gap:12px}.office-photo-main{min-height:520px}.office-photo-detail{min-height:390px}.office-photo-work{height:620px}.office-photo-work p{bottom:25px}.office-team-photo{aspect-ratio:3/4}.office-team-photo img{object-position:center}.office-location{grid-template-columns:1fr;gap:12px}.office-location-copy{grid-column:auto}.office-location h2{font-size:13vw}.office-building-photo{min-height:540px}.office-sign-photo{min-height:310px}.office-sign-photo img{object-position:center}}

/* Sculptural hero artwork */
.office-hero{background-image:linear-gradient(90deg,rgba(9,9,9,.72) 0%,rgba(9,9,9,.38) 48%,rgba(9,9,9,.08) 100%),url("../escritorio-bridge-hero.webp");background-size:cover;background-position:center 52%;background-repeat:no-repeat}
@media(max-width:900px){.office-hero{background-position:58% center;background-image:linear-gradient(90deg,rgba(9,9,9,.78),rgba(9,9,9,.32)),url("../escritorio-bridge-hero.webp")}}

/* Office photographs as a compact editorial pair, not full-page panels */
.office-photo-intro{width:min(100%,1320px);margin:0 auto;padding:0 var(--pad) 110px;grid-template-columns:minmax(0,1.32fr) minmax(240px,.68fr);gap:18px;align-items:end}
.office-photo-main,.office-photo-detail{min-height:0}
.office-photo-main{height:clamp(410px,43vw,610px)}
.office-photo-detail{height:clamp(310px,32vw,455px)}
.office-photo-main img{object-position:center 46%}
.office-photo-detail img{object-position:center 42%}

@media(max-width:900px){
  .office-photo-intro{width:100%;padding-bottom:80px;grid-template-columns:minmax(0,1.25fr) minmax(190px,.75fr);gap:14px}
  .office-photo-main{height:clamp(360px,62vw,520px)}
  .office-photo-detail{height:clamp(290px,48vw,405px)}
}

@media(max-width:620px){
  .office-photo-intro{grid-template-columns:1fr 42%;gap:10px;padding-bottom:65px;align-items:end}
  .office-photo-main{height:clamp(300px,82vw,430px)}
  .office-photo-detail{height:clamp(220px,60vw,315px)}
}

/* Single office image selected for this section */
.office-photo-intro.office-photo-single{display:block;width:min(100%,1240px);padding:0 var(--pad) 110px}
.office-photo-single .office-photo-main{height:clamp(390px,40vw,590px)}
.office-photo-single .office-photo-main img{object-position:center 58%;filter:saturate(.92) contrast(1.02)}
.office-story-title-line{display:block;white-space:nowrap}

@media(max-width:900px){
  .office-photo-intro.office-photo-single{padding-bottom:80px}
  .office-photo-single .office-photo-main{height:clamp(360px,58vw,510px)}
}

@media(max-width:620px){
  .office-photo-intro.office-photo-single{padding-bottom:65px}
  .office-photo-single .office-photo-main{height:clamp(285px,75vw,390px)}
  .office-story h2{font-size:clamp(42px,11.8vw,58px)}
}

/* Keep the complete reception wordmark visible at every viewport. */
.office-sign-photo img{object-position:right top}
@media(max-width:620px){.office-sign-photo img{object-position:right top}}