.contact-shell { width: 1140px; margin: 0 auto; }
.contact-hero { width: 100%; height: 254px; margin: 24px auto 0; display: grid; place-items: center;
    background: url("../assets/contact/hero-background.png") center / cover no-repeat; }
.contact-hero h1 { margin: 0; color: #111714;
    font-size: 46px;
    font-weight: 500;
    line-height: 1.25;}
.contact-team { padding: 100px 0 126px; background: #fff; text-align: center; }
.contact-team h2 { margin: 0 0 78px; color: #161817; font-size: 40px; font-weight: 500;}
.contact-options { display: grid; grid-template-columns: repeat(4, 1fr); gap: 120px; }
.contact-option { text-align: center; }
.contact-icon { width: 72px; height: 72px; margin: 0 auto 22px; display: grid; place-items: center; background: #f5f7f8; border-radius: 50%; }
.contact-option:hover .contact-icon { background: #d7f0dd; }
.contact-icon img { grid-area: 1 / 1; width: 32px; height: 32px; object-fit: contain; }
.contact-icon .mail-dark { display: none; }
.contact-option:hover .mail-green { display: none; }
.contact-option:hover .mail-dark { display: block; }
.contact-option h3 { margin: 0 0 16px; color: #38413d; font-size: 20px; }
.contact-option p { margin: 0; color: #818b86; font-size: 16px; line-height: 1.7; }
.contact-offices { padding: 97px 0 106px; background: #f3f6f8; text-align: center; }
.office-kicker { margin: 0 0 18px; color: #7B7B7B; font-size: 16px; font-weight: 500;}
.contact-offices h2 { margin: 0 0 68px; color: #202824; font-size: 40px;
    font-weight: 500;
    line-height: 1.25; }
.office-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 25px 24px; }
.office-grid article { position: relative; height: 180px; overflow: hidden; border-radius: 11px; text-align: left; }
.office-grid article > img { display: block; width: 100%; height: 100%; object-fit: cover; }
.office-grid article > img.landmark { position: absolute; z-index: 2; top: 50%; right: 26px; width: 74px; height: 102px; object-fit: contain; transform: translateY(-50%); }
.office-grid article > div { position: absolute; inset: 0; padding: 24px 26px; color: #fff; background: linear-gradient(90deg, rgba(4,23,21,.55), rgba(4,23,21,.05)); }
.office-grid article > div > img { display: inline-block; width: 24px; height: 16px; margin-right: 8px; vertical-align: middle; object-fit: contain; }
.office-grid strong { font-size: 18px; font-weight: 700; vertical-align: middle; }
.office-grid p { max-width: 400px; color: rgba(255,255,255,.9); font-size: 13px; line-height: 1; }
.landmark-box .landmark-box-title{
    display: flex; flex-direction: row; align-items: center;margin-bottom:40px;
}
.landmark-box .landmark-box-title img{
    margin-right: 10px;
}

.contact-cta { padding: 95px 0 105px; background: #fff; }
.contact-cta-inner { width: min(1140px, calc(100% - 48px)); height: 407px; margin: 0 auto; display: flex; flex-direction: column; align-items: center; justify-content: center; color: #18201c; background: url("../assets/contact/cta-background.png") center / cover no-repeat; text-align: center; }
.contact-cta h2 { margin: 0 0 16px; font-size: 40px; color: #161817; font-weight: 700;}
.contact-cta p { margin: 0 0 27px; color: #7B7B7B; font-size: 20px; font-weight: 500;}
.contact-cta a { display: inline-flex; width: 180px; height: 56px; align-items: center; justify-content: center; color: #fff;
    background: #050806; border-radius: 999px; font-size: 20px; font-weight: 500; text-decoration: none; }
@media(max-width:900px){.contact-shell{width:calc(100% - 48px)}.contact-options{gap:25px}}
@media(max-width:720px){.contact-hero{height:200px;margin-top: 0;background-size:auto 200px}
    .contact-hero h1{font-size:22px;font-weight: 500;}
    .contact-team{padding:65px 0 75px}
    .contact-team h2{margin:0 auto 45px;max-width:330px;font-size:22px;font-weight: 500;line-height:1.45}
    .contact-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:42px 18px}
    .contact-icon{width:50px;height:50px;margin-bottom:17px}
    .contact-option h3{font-size:16px;font-weight: 400;}
    .contact-option p{font-size:14px;font-weight:400; line-height:1.7}
    .contact-offices{padding:65px 0 70px}
    .contact-offices h2{margin-bottom:40px;font-size:22px;font-weight: 500;}
    .office-grid p{font-size:14px;font-weight:400;}
    .office-grid strong{font-size: 18px; font-weight: 500;}
    .office-grid{grid-template-columns:1fr;gap:18px}.office-grid article{height:180px}.office-grid article > div{padding:22px 20px}
    .office-grid article > img.landmark{right:18px;width:64px;height:88px}.contact-cta{padding:60px 0 70px}.contact-cta-inner{width:calc(100% - 32px);height:300px;background-size:auto 300px}.contact-cta h2{font-size:27px}.contact-cta p{padding:0 25px;font-size:12px;line-height:1.7}}
@media(max-width:390px){.contact-shell{width:calc(100% - 32px)}
    .contact-option p{max-width:230px;margin-right:auto;margin-left:auto}
    .contact-cta-inner{width:calc(100% - 24px);height:260px;background-size:auto 260px}.contact-cta h2{padding:0 20px;font-size:24px}.contact-cta p{padding:0 20px}}