.locations-hero { background: var(--primary); padding: 12rem 0 8rem; color: var(--white); }.locations-hero-inner { max-width: 64rem; }.locations-hero h1 { margin: 1rem 0 1.5rem; font-family: var(--headerFont); font-size: clamp(3rem, 7vw, 6rem); line-height: .95; text-transform: uppercase; }.locations-hero h1 span { color: var(--secondaryLight); }.locations-hero p { max-width: 42rem; color: rgba(255,255,255,.78); line-height: 1.75; }.locations-hero .section-tag { color: var(--secondaryLight); }.locations-main { background: var(--white); margin-top: -8rem; padding-top: 8rem !important; position: relative; z-index: 10; }.locations-intro { max-width: 52rem; margin: 0 auto 4rem; text-align: center; }.locations-intro h2 { margin: 1rem 0 1.25rem; color: var(--primary); font-family: var(--headerFont); font-size: clamp(2rem, 5vw, 3.5rem); line-height: 1; text-transform: uppercase; }.locations-intro p { color: var(--bodyTextColor); line-height: 1.75; }.locations-grid { display: grid; grid-template-columns: 1fr; gap: 1.5rem; }.location-card { position: relative; padding: 2.5rem; border: 1px solid var(--borderColor); border-radius: 1.5rem; background: var(--borderColorLight); overflow: hidden; }.location-card::after { content: ''; position: absolute; right: -4rem; bottom: -5rem; width: 12rem; height: 12rem; border: 2rem solid var(--white); border-radius: 50%; pointer-events: none; }.location-number { color: var(--secondary); font-family: var(--headerFont); font-size: .9rem; letter-spacing: .15em; }.location-card h3 { position: relative; z-index: 1; margin: 1rem 0; color: var(--primary); font-family: var(--headerFont); font-size: 1.75rem; text-transform: uppercase; }.location-card p { position: relative; z-index: 1; color: var(--bodyTextColor); line-height: 1.7; }.location-card a { position: relative; z-index: 1; display: inline-block; margin-top: 2rem; color: var(--secondaryDark); font-family: var(--headerFont); font-size: .85rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }.location-card a span { margin-left: .4rem; font-size: 1.2rem; }@media (min-width:768px){.locations-grid{grid-template-columns:repeat(2,1fr)}.location-card:last-child{grid-column:1/-1;max-width:calc(50% - .75rem);margin:0 auto}}
.location-card:last-child { grid-column: auto; max-width: none; margin: 0; }