.hero { background: #075d4e; }
.hero-city-photo { position: absolute; inset: 0; z-index: 0; width: 100%; height: 100%; object-fit: cover; object-position: center 68%; }
.hero-photo-overlay { position: absolute; inset: 0; z-index: 1; background: linear-gradient(100deg, rgba(3, 68, 57, .96) 0%, rgba(3, 95, 77, .87) 48%, rgba(4, 86, 70, .65) 100%); }
.hero-grid { z-index: 2; }
.hero-orbit { z-index: 1; }
.brand-slogan { max-width: 720px; }
.hero-company { margin: .75rem 0 0; color: #c6f0d7; font-size: clamp(1.15rem, 2.2vw, 1.75rem); font-weight: 700; }
.consultation-card { min-height: 420px; margin: 0; position: relative; overflow: hidden; border-radius: var(--radius); background: var(--pine); }
.consultation-card img { width: 100%; height: 100%; position: absolute; inset: 0; object-fit: cover; object-position: center; filter: saturate(.75) contrast(.96); }
.consultation-card::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(7, 50, 42, .05) 45%, rgba(7, 50, 42, .82)); }
.consultation-card figcaption { position: absolute; z-index: 1; left: 1.35rem; right: 1.35rem; bottom: 1.25rem; color: white; font-size: .86rem; font-weight: 700; }
@media (max-width: 820px) { .consultation-card { min-height: 310px; } }