/* Coming-soon offices (Daniel 2026-10-13: Salt Lake City, listed for the Draper office, then Denver). Claude lane. */
.loc-soon-hero{position:relative;isolation:isolate;overflow:hidden;border-radius:4px;padding:clamp(30px,4vw,56px);margin-bottom:24px;color:#dbe5ea}
.loc-soon-hero .kicker{margin:14px 0 6px;font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#dce6ec}
.loc-soon-hero h2{margin:0 0 10px;font-size:clamp(28px,3vw,42px);line-height:1.1;color:#fff}
.loc-soon-hero p{margin:0;max-width:640px;font-size:17px;line-height:1.55}
.loc-soon-badge{display:inline-block;padding:6px 14px;border-radius:999px;background:#ed873c;color:#1C2E3A;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.dio-footer-offices .soon,.location-route-list .soon{display:inline-block;margin-left:6px;padding:2px 8px;border-radius:999px;background:#ed873c;color:#1C2E3A;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;vertical-align:middle}
.location-route-list .loc-thumb-soon{display:grid;place-items:center;background:#1b3140;color:#f4a165;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
/* five offices: on narrow screens the switch scrolls sideways instead of squeezing the names */
@media(max-width:700px){
 .loc-switch-row{overflow:hidden}
 .loc-switch{max-width:100%;overflow-x:auto;scrollbar-width:none;flex-wrap:nowrap}
 .loc-switch::-webkit-scrollbar{display:none}
 .loc-switch>button{flex:0 0 auto;white-space:nowrap;padding-inline:16px}
 /* 2026-11-11 audit: the strip was cut mid-word with nothing to show it scrolls. The cut edge now fades while more offices lie
    that way (offices-v2.js sets data-more on the row); with no script the strip is as before. */
 .loc-switch-row[data-more="right"]{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 64px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 64px),transparent)}
 .loc-switch-row[data-more="left"]{-webkit-mask-image:linear-gradient(270deg,#000 calc(100% - 64px),transparent);mask-image:linear-gradient(270deg,#000 calc(100% - 64px),transparent)}
 .loc-switch-row[data-more="left right"]{-webkit-mask-image:linear-gradient(90deg,transparent,#000 64px,#000 calc(100% - 64px),transparent);mask-image:linear-gradient(90deg,transparent,#000 64px,#000 calc(100% - 64px),transparent)}
}
.location-route-list .loc-thumb-soon{font-size:10px!important;line-height:1;letter-spacing:.12em;overflow:hidden}
/* 2026-11-11 audit: on an office's own page the "now open" badge and its sentence sit in the page hero (build_launch.py
   city_page), instead of a second navy block under it */
.offices-hero .loc-soon-flag{margin:0 0 12px}
.offices-hero .loc-soon-line{margin-top:6px}