#contact .contact-city { isolation: isolate; width: min(30rem, 100%); margin: .85rem auto 1rem; }
#contact .contact-city img { aspect-ratio: 3.4 / 1; object-position: center 50%; }
#contact .contact-city figcaption { font-size: .68rem; }
.editorial-story h1 { max-width: 17ch; }
.story-date { color: var(--gold); font-weight: 700; }
.service-page { padding-block: clamp(3rem,7vw,7rem); }
.service-orbit { list-style: none; padding: 0; margin: 2rem 0; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: .65rem; }
.service-orbit li { display: grid; align-content: center; justify-items: center; text-align: center; gap: .9rem; min-height: clamp(7rem,14vw,12rem); padding: .7rem; color: #f7f4ee; border: 1px solid #cba6e144; background: radial-gradient(ellipse at 50% 18%,#3f284e,#17111e 68%); font-size: clamp(.72rem,1.4vw,1.05rem); font-weight: 700; letter-spacing: .08em; }
.service-orbit svg { width: clamp(2rem,4vw,3.25rem); fill: none; stroke: #f4d5aa; stroke-width: 1.3; stroke-linecap: round; stroke-linejoin: round; filter: drop-shadow(0 0 8px #d09df785); }
.service-secondary { grid-template-columns: repeat(2,minmax(0,1fr)); }
.example-label { color: var(--gold); font-size: .82rem; margin-bottom: .6rem; }
@media(max-width:600px) { .service-orbit { grid-template-columns: repeat(2,minmax(0,1fr)); } .service-secondary { grid-template-columns: minmax(0,1fr); } }