.about-locations { box-sizing: border-box; padding: clamp(56px,7vw,112px) max(22px,5vw); background: #f1f2ed; color: #161616; font-family: Onest,Arial,sans-serif; }
.about-locations * { box-sizing: border-box; }
.about-locations-heading,.about-locations-grid { max-width: 1440px; margin-inline: auto; display: grid; grid-template-columns: 1fr 1fr; gap: clamp(24px,5vw,80px); }
.about-locations-heading { align-items: end; margin-bottom: 40px; }
.about-locations h2 { font-size: clamp(34px,4.5vw,64px); font-weight: 500; line-height: 1.06; letter-spacing: -.055em; margin: 0; text-transform: none; }
.about-locations-heading p { font-size: clamp(16px,1.5vw,21px); line-height: 1.55; color: #62665f; margin: 0; max-width: 48ch; }
.about-locations-grid { gap: 24px; }
.about-locations article { border: 1px solid #16161616; border-radius: 20px; padding: clamp(24px,3vw,40px); background: linear-gradient(140deg,#ebede7,#dcdfd7); }
.about-locations article:nth-child(2) { background: linear-gradient(140deg,#e4e7df,#d4d9d0); }
.about-locations article p { font-size: 14px; color: #62665f; margin: 0; }
.about-locations h3 { margin: 32px 0; font-size: clamp(30px,3.5vw,50px); font-weight: 500; letter-spacing: -.045em; line-height: 1.1; }
.about-locations article span { display: block; padding-top: 20px; border-top: 1px solid #16161620; font-size: 13px; color: #62665f; }
@media(max-width:700px) { .about-locations-heading,.about-locations-grid { grid-template-columns: 1fr; gap: 24px; } }