/* Block: Offices. */
.ab-loc__grid { margin-top: 48px; display: grid; grid-template-columns: 1fr 1fr; gap: 26px; }
.ab-loc { position: relative; border-radius: 22px; overflow: hidden; border: 1px solid var(--border); background: var(--surface); aspect-ratio: 4/3; }
.ab-loc img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s; }
.ab-loc:hover img { transform: scale(1.04); }
.ab-loc__grad { position: absolute; inset: 0; background: linear-gradient(0deg, rgba(4,8,18,.86) 0%, rgba(4,8,18,.12) 55%, transparent 100%); }
.ab-loc__body { position: absolute; left: 30px; bottom: 28px; right: 30px; }
.ab-loc__city { margin: 0; font-family: "Fraunces", serif; font-weight: 500; font-size: 30px; letter-spacing: -.5px; color: #eef4fc; }
.ab-loc__cap { margin: 6px 0 0; font-family: var(--mono); font-size: 12px; letter-spacing: .4px; color: #b7c7dd; }
.ab-loc__cap::before { content: "// "; color: var(--accent); }
@media (max-width: 960px) { .ab-loc__grid { grid-template-columns: 1fr; } }