/* Only used by the six regional drafts. Existing website styles are unchanged. */
.city-page .detail-hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.city-page .detail-copy{min-width:0;padding-top:42px;padding-bottom:42px}
.city-page .detail-copy h1{font-size:clamp(34px,3.3vw,50px);overflow-wrap:normal;hyphens:manual}
.city-page .city-tagline{font:500 clamp(24px,2.1vw,30px)/1.3 var(--font-heading);color:#50c3ed;margin:20px 0}
.city-page .city-figure{display:flex;flex-direction:column;justify-content:center;padding:32px;gap:14px}
.city-page .city-figure img{aspect-ratio:3/2;object-fit:cover;border-radius:3px}
.city-page .city-figure figcaption{position:static;background:none;padding:0;color:#c1dfec;font-size:13px;line-height:1.6;align-self:flex-start}
.city-page .city-figure figcaption a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.city-page .city-section-head{max-width:800px;margin-bottom:30px}
.city-page .city-section-head h2{margin:0 0 18px;line-height:1.2}
.city-page .city-section-head p{margin:0}
.city-page .city-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.city-page .city-service-grid>a{display:flex;flex-direction:column;border:1px solid #dce5eb;border-top:3px solid #079aca;padding:26px;background:#fff;min-width:0;text-decoration:none;transition:background .15s}
.city-page .city-service-grid>a:hover{background:#f1f6f8}
.city-page h3{font:500 24px/1.3 var(--font-heading);color:var(--color-heading);margin:0 0 14px;overflow-wrap:anywhere}
.city-page .city-service-grid p{margin:0 0 20px;font-size:17px}
.city-page .city-service-grid span{margin-top:auto;color:#087da7;font:500 16px/1.5 var(--font-heading)}
.city-page .city-focus{background:#f1f6f8}
.city-page .city-focus-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.city-page .city-focus-grid article{min-width:0;border-top:1px solid #9dbbc9;padding-top:24px}
.city-page .city-focus-grid p{margin:0}
.city-page .city-local{display:grid;grid-template-columns:1fr 1.15fr;gap:55px}
.city-page .city-local h2{margin:0;line-height:1.2}
.city-page .city-local p:first-child{margin-top:0}
.city-page .city-origin{border-left:3px solid #079aca;padding-left:20px;margin-top:24px}
.city-page .city-origin p{font-size:16px;margin:0}
.city-page .city-process{background:#293239;color:#fff}
.city-page .city-process h2,.city-page .city-process h3{color:#fff}
.city-page .city-process .eyebrow{color:#c1dfec}
.city-page .city-process p{color:#e0e9ee}
.city-page .city-steps{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;padding:0;margin:32px 0 0;counter-reset:step}
.city-page .city-steps li{counter-increment:step;min-width:0}
.city-page .city-steps li:before{content:'0' counter(step);display:block;font:500 32px/1.3 var(--font-heading);color:#50c3ed;margin-bottom:18px}
.city-page .city-steps p{margin:0}
.city-page .city-contact-note{margin-top:25px;padding-top:20px;border-top:1px solid #ffffff33}
.city-page .city-contact-note a{color:#fff;text-decoration:underline;overflow-wrap:anywhere}
.city-page .city-local a,.city-page .detail-faq a{color:#087da7;text-decoration:underline}
.city-page .city-mail{display:inline-block;margin-top:22px;color:#fff;text-decoration:underline;overflow-wrap:anywhere}
.city-page .contact-compact p{color:#e0e9ee}
.city-page .contact-compact .eyebrow{color:#c1dfec}
.city-page .contact-message{display:block}
.city-page .contact-message>p{max-width:760px}
.city-page a:focus-visible,.city-page button:focus-visible,.city-page summary:focus-visible{outline:3px solid #079aca;outline-offset:5px}
@media(max-width:1000px){.city-page .city-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.city-page .city-focus-grid,.city-page .city-local{gap:25px}}
@media(max-width:900px){.city-page .detail-hero,.city-page .city-local{grid-template-columns:minmax(0,1fr)}.city-page .city-figure{padding:0 30px 30px}.city-page .city-figure img{max-height:360px}.city-page .city-focus-grid,.city-page .city-steps{grid-template-columns:minmax(0,1fr)}.city-page .city-steps{gap:28px}.city-page .city-focus-grid article{padding-top:20px}}
@media(max-width:600px){.city-page .detail-copy{padding:30px 22px}.city-page .detail-copy h1{font-size:32px;letter-spacing:-.7px}.city-page .city-service-grid{grid-template-columns:minmax(0,1fr)}.city-page .city-figure{padding:0 22px 26px}.city-page .city-figure img{max-height:230px}.city-page h3{font-size:23px}.city-page .city-service-grid>a{padding:23px}.city-page .city-local{gap:22px}.city-page .city-section-head{margin-bottom:25px}}