.explore-banner {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  height: 25.8333vw;
  min-height: 330px;
  background: #0075bc url('assets/explore-sky.png') center center / cover no-repeat;
  color: #fff;
  font-family: 'Geist', sans-serif;
}
.explore-copy { position: relative; z-index: 3; padding: 5.75vw 0 0 6.9444%; }
.explore-copy h2 {
  margin: 0 0 1.3vw;
  color: #fff;
  font: 500 clamp(40px, 3.8889vw, 112px)/1.1 'Schibsted Grotesk', sans-serif;
  letter-spacing: -.035em;
}
.explore-copy p { margin: 0 0 1.75vw; font-size: clamp(16px, 1.25vw, 36px); line-height: 1.5; color: #fff; }
.explore-download {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 3.3333vw;
  padding: .85vw 1.7vw;
  border: 0;
  border-radius: 999px;
  background: #1d2939;
  color: #fff;
  font: 600 clamp(16px, 1.1111vw, 32px)/1.4 'Geist', sans-serif;
  cursor: pointer;
}
.explore-download:hover { background: #2b3b50; }
.explore-download:focus-visible { outline: 2px solid #fff; outline-offset: 4px; }
.explore-phone {
  position: absolute;
  z-index: 1;
  width: 32vw;
  max-width: none;
  top: 1.25vw;
  left: 60.6%;
  transform: rotate(14deg);
  transform-origin: 50% 10%;
}
.explore-characters { position: absolute; z-index: 2; width: 23.8vw; max-width: none; left: 57.5%; bottom: -1px; }
.explore-dialog { max-width: min(440px, calc(100% - 40px)); padding: 32px; border: 0; border-radius: 20px; color: #1d2939; font-family: 'Geist', sans-serif; }
.explore-dialog::backdrop { background: #1d293980; }
.explore-dialog h2 { font: 500 28px/1.2 'Schibsted Grotesk', sans-serif; letter-spacing: -.03em; }
.explore-dialog p { font-size: 16px; line-height: 1.5; }
.explore-dialog .explore-download { min-height: 44px; padding: 10px 22px; font-size: 16px; }
@media (max-width: 900px) {
  .explore-copy { padding-top: 55px; padding-left: 24px; }
  .explore-copy h2 { font-size: 40px; margin-bottom: 20px; }
  .explore-copy p { max-width: 52%; margin-bottom: 24px; }
  .explore-line-break { display: none; }
  .explore-download { min-height: 48px; padding: 12px 24px; }
  .explore-phone { width: 43vw; left: 53%; }
  .explore-characters { width: 30vw; left: 58%; }
}
@media (max-width: 600px) {
  .explore-banner { height: 640px; background-position: 65% center; }
  .explore-copy { padding: 44px 24px 0; }
  .explore-copy h2 { font-size: clamp(36px, 9vw, 48px); }
  .explore-copy p { max-width: 100%; }
  .explore-phone { width: 95vw; left: 8%; top: 310px; }
  .explore-characters { width: 78vw; left: 5%; }
}