:root{--ink:#19465d;--teal:#0076a5;--dark:#005278;--paper:#f7f9fb;--line:#dbe3e9;--muted:#72848e}p{color:#637985}.topbar{background:#004568}.logo{width:260px}header{padding-left:3.5%;padding-right:3.5%}nav{gap:23px;font-size:15px}.nav-contact{white-space:nowrap}.nav-hr{white-space:nowrap}.hero{background:#004d75}.hero-shade{background:linear-gradient(90deg,#004c73 0%,#004c73f5 22%,#004c73c9 38%,#004c7352 59%,#004c7300 78%),linear-gradient(0deg,#00334f7a,transparent 30%)}.hero-copy .eyebrow{color:#c3e6f4}.dot{background:#41b6e6}.hero h1>span{color:#e0edf5}.hero-copy>p:not(.eyebrow):not(.hero-overline){color:#c3dbe9}.hero-overline{color:#d9eaf4}.hero-location{color:#d3e5f1}.hero-location span{border-color:#79a3ba}.button:hover{background:#007ca8}.button.light{background:#f5f9fc}.button.light:hover{background:#deedf5}.trust-strip{background:#edf3f7}.trust-strip>div{border-color:#cfdee8}.trust-strip span{color:#617c8b}.about-section{background:#edf3f7}.principles article{background:#edf3f8}.reason-top>span{color:#7a98a9}.contact-band{background:#e8f1f7}.contact-band .button{border-color:#b5cddc}.media-banner{background:#005278}.media-banner .eyebrow{color:#c2e5f4}.year-mark{background:#005278}.text-link{border-color:#a3bece}.filters a,.filters button{border-color:#bfd4e1}.filters .selected{border-color:var(--dark)}.badge{color:#005278}.no-image{background:#e7eff4;color:#63849a}.mega-menu{border-top-color:#008ab8}.mega-menu,.submenu{box-shadow:0 18px 35px #05354e26}.footer-logo{width:265px;filter:none;background:white;padding:9px}.footer-main{grid-template-columns:1.5fr 1fr 1fr 1.2fr}footer{background:#003d5b}footer p,footer h4,.footer-bottom{color:#b2c9d7}#lightbox{background:#06334c}.quick-contact{position:fixed;right:22px;bottom:24px;z-index:40;display:flex;flex-direction:column;gap:8px;filter:drop-shadow(0 3px 8px #00344b25)}.quick-contact a{display:flex;align-items:center;gap:11px;min-width:145px;padding:12px 16px;background:#005d88;color:white;border-radius:5px;font-size:12px;transition:transform .2s,background .2s}.quick-contact a:hover{transform:translateX(-4px);background:#0077a8}.quick-contact svg{height:21px;width:21px;flex:none}.quick-contact a.quick-direction{background:#f6f9fc;color:#075377;border:1px solid #c8dce8}.quick-contact a.quick-whatsapp{background:#16845c}.quick-contact a.quick-whatsapp:hover{background:#11704d}.whatsapp-button{background:#08769b}.contact-form select{display:block;width:100%;border:1px solid #c7d9e4;background:white;padding:12px;margin:8px 0 20px}.contact-form label>span{font-size:10px;color:#718897}.hr-note{border-left:3px solid #0087b8;background:#edf4f9;padding:22px;margin-top:28px}.hr-note a,.hr-note small{display:block}.hr-note a{font-size:23px;margin:10px 0}.hr-note small{font-size:11px;line-height:1.8;color:#6e8490}.hr-layout>div>p{line-height:1.9}.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{outline:2px solid #0086b9;outline-offset:2px}.footer-bottom{padding-right:150px}
@media(max-width:1200px){.logo{width:220px}nav{gap:17px;font-size:14px}nav .nav-contact{padding-left:15px}.nav-contact span{margin-left:7px}.quick-contact{right:16px}}
@media(max-width:1050px) and (min-width:761px){.logo{width:190px}nav{gap:13px;font-size:13px}.nav-contact span{display:none}nav .nav-contact{padding-left:12px}.topbar{font-size:9px}}
@media(max-width:900px) and (min-width:761px){header{padding-left:25px;padding-right:25px}.logo{width:165px}nav{gap:12px;font-size:12px}.nav-hr{max-width:72px;white-space:normal;line-height:1.4}}
@media(max-width:760px){.logo{width:220px}nav{font-size:17px;gap:14px}.hero-shade{background:linear-gradient(90deg,#004c73f2,#004c73a1 55%,#004c7320),linear-gradient(0deg,#004c73,transparent 60%)}.topbar{font-size:7px}.footer-main{grid-template-columns:1fr 1fr}.quick-contact{right:12px;bottom:12px;gap:7px}.quick-contact a{min-width:0;width:44px;height:44px;padding:11px;border-radius:50%;justify-content:center}.quick-contact a span{display:none}.quick-contact svg{height:21px;width:21px}.footer-bottom{padding-right:50px}.hr-note a{font-size:22px}.contact-form{padding-right:8px}.contact-band .button{max-width:calc(100% - 36px)}.footer-logo{width:240px}}
@media(min-width:761px) and (max-width:1100px){.quick-contact a{min-width:0;width:44px;height:44px;padding:11px;border-radius:50%;justify-content:center}.quick-contact a span{display:none}}
@media(min-width:761px) and (max-width:950px){header{height:90px}.logo{width:240px}.menu-toggle{display:block;font-size:26px}nav{display:none;position:absolute;top:90px;left:0;right:0;background:white;padding:25px;gap:15px;align-items:stretch;max-height:calc(100dvh - 125px);overflow:auto;box-shadow:0 12px 20px #003c5820;font-size:17px}nav.open{display:flex;flex-direction:column}nav .dropdown>button{padding:8px 0}.nav-hr{max-width:none;white-space:nowrap}.submenu{position:static;box-shadow:none;width:100%;background:#f1f6f9}.projects-dropdown{position:relative}.projects-dropdown.open>.mega-menu{position:static;grid-template-columns:220px 1fr;width:100%;padding:18px;box-shadow:none}.mega-projects{gap:15px}.mega-card img{height:130px}.mega-intro h3{font-size:22px}nav .nav-contact{padding:0;border:0}}
/* Show every edge of the main project image; never crop the building. */
.detail-cover{display:block;width:100%;height:clamp(260px,72vh,780px);max-height:none;object-fit:contain;object-position:center;background:#eaf0f4}
@media(max-width:760px){.detail-cover{height:auto;max-height:none;object-fit:contain}}