/* N72 – lead forms, the contact popup's requests, and the earth opening's way through.
   Loaded after content.css (inc/setup.php). */

/* ===================== lead forms ===================== */

/* what happens after sending: one quiet line under the button */
.lead-form .form-next { margin: 0; font-size: 13px; line-height: 1.55; color: var(--mute-l); }
.lead-form .form-next b { font-weight: 700; color: inherit; }
.lead-form .fine a { color: inherit; text-decoration: underline; text-underline-offset: 2px; }
.lead-form .fine a:hover, .lead-form .fine a:focus-visible { color: var(--black); }
/* marketing consent is optional and says so */
.lead-form .chk-optional small { font-size: .9em; opacity: .75; white-space: nowrap; }
/* the search the popup was opened from */
.lead-form .form-context {
  margin: 0; padding: 10px 14px; border-radius: 10px;
  background: rgba(0, 0, 0, .045); font-size: 14px; line-height: 1.5;
}
.lead-form .form-context[hidden] { display: none; }
/* the contact form's "choose a subject" placeholder reads as a hint until a subject is chosen */
.lead-form select:has(option[value=""]:checked) { color: var(--mute-l); }
.lead-form select option { color: initial; }
.popup-side .popup-lede[hidden] { display: none; }

/* ===================== earth opening ===================== */

/* "continue to the site", on every screen while the intro plays */
.ei-skip {
  position: absolute; z-index: 6; left: 50%; bottom: calc(30px + env(safe-area-inset-bottom, 0px));
  transform: translateX(-50%);
  display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 10px 20px;
  border: 1px solid rgba(255, 255, 255, .38); border-radius: 999px;
  background: rgba(6, 8, 10, .5); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px);
  color: #fff; font-size: 14px; font-weight: 500; line-height: 1; text-decoration: none; white-space: nowrap;
  transition: background .2s ease, border-color .2s ease;
}
.ei-skip:hover, .ei-skip:focus-visible { background: rgba(6, 8, 10, .78); border-color: #fff; }
.ei-skip:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }
.ei-skip[hidden] { display: none; }
/* where the next section begins: the end of the runway, less the screen it shares */
.ei-end { position: absolute; left: 0; bottom: 100vh; bottom: 100svh; width: 1px; height: 1px; pointer-events: none; }

/* the still opening: no 3D, or reduced motion. One screen, then the page */
.s-earth.earth-still { margin-bottom: 0; }
.earth-still .ei { height: 100vh; height: 100svh; min-height: 560px; }
.earth-still .ei-stage { position: relative; height: 100%; }
.earth-still .ei-end { bottom: 0; }
.earth-still .ei-occlusion { visibility: visible; }
.earth-still .ei-intro { inset-inline-start: 8%; inset-inline-end: auto; }
.earth-still .ei-country, .earth-still .ei-logo, .earth-still .ei-credit { display: none; }
.earth-still .ei-scene canvas { display: none; }
@media (min-width: 1800px) { .earth-still .ei-intro { inset-inline-start: 10%; } }
@media (max-width: 800px), (max-aspect-ratio: 1/1) {
  .earth-still .ei-intro { left: 26px; right: 26px; width: auto; inset-inline-start: auto; transform: translateY(-24%); }
  .earth-still .ei-skip { bottom: calc(22px + env(safe-area-inset-bottom, 0px)); }
}