/* Built to suit: one screen, until the full page is published. */
.bts-soonpage { position: relative; height: 100vh; height: 100svh; min-height: 560px; background: #000; overflow: hidden; }
.bts-soonpage picture, .bts-soonpage img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 46% 52%; }
.bts-soonpage::after { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0,0,0,.25) 0%, rgba(0,0,0,.05) 30%, rgba(0,0,0,.2) 55%, rgba(0,0,0,.78) 100%); pointer-events: none; }
.bts-soonpage .container { position: absolute; left: 0; right: 0; bottom: 0; z-index: 1; }
.bts-soonin { padding: 0 0 80px; max-width: 640px; }
.bts-soonin .v3-kicker { color: rgba(255,255,255,.72); margin-bottom: 20px; }
.bts-soonin h1 { font-family: 'Gotham-m' !important; font-weight: normal; font-size: clamp(40px, 4.4vw, 62px); line-height: 1.08; color: #fff; margin: 0; text-shadow: 0 1px 24px rgba(0,0,0,.3); }
.bts-soonin .v3-sub { color: rgba(255,255,255,.8); margin-top: 18px; max-width: 46ch; }
.bts-soonin .cp-herolinks { margin-top: 30px; }
@media (max-width: 767px) {
  .bts-soonpage img { object-position: 50% 50%; }
  .bts-soonpage::after { background: linear-gradient(180deg, rgba(0,0,0,.3) 0%, rgba(0,0,0,0) 22%, rgba(0,0,0,.15) 42%, rgba(0,0,0,.8) 76%, rgba(0,0,0,.86) 100%); }
  .bts-soonin { padding-bottom: 56px; }
  .bts-soonin h1 { font-size: 40px; }
  .bts-soonin .v3-sub { font-size: 17px; }
}
