/* TEST — segments (3).zip on contact. Natural aspect; mirrored vs About.
   REVERT: cp contact.html.bak-pre-segments-bg contact.html && rm -f css/bg-segments-contact.css
*/
@import url("bg-segments-test.css?v=172");

body.bg-segments-contact .seg-sky {
  left: 50%; top: 50%;
  width: min(120vw, 1600px);
  transform: translate(-50%, -50%) scaleX(-1);
  opacity: 0.95; z-index: 1;
  position: absolute;
}
body.bg-segments-contact .seg-moon {
  left: 7%; top: 9%;
  width: min(8vw, 100px); opacity: 0.95; z-index: 4;
  position: absolute;
  filter: drop-shadow(0 0 16px rgba(200,220,255,0.35));
}
body.bg-segments-contact .seg-cliff {
  left: 0; bottom: 0;
  width: min(28vw, 400px); opacity: 0.76; z-index: 5;
  position: absolute; transform: scaleX(-1);
}
body.bg-segments-contact .seg-cypress {
  right: 3%; bottom: 5%;
  width: min(12vw, 160px); opacity: 0.83; z-index: 7;
}
body.bg-segments-contact .seg-lonetree {
  right: 15%; bottom: 2%;
  width: min(11vw, 145px); opacity: 0.78; z-index: 7;
}
body.bg-segments-contact .seg-clock {
  left: 2%; top: 20%;
  width: min(16vw, 240px); opacity: 0.90; z-index: 12;
  filter: drop-shadow(0 0 28px rgba(80,255,140,0.28));
}
body.bg-segments-contact .seg-liquid {
  right: 5%; top: -2%;
  width: min(13vw, 190px); opacity: 0.64; z-index: 6;
  position: absolute;
}
body.bg-segments-contact .seg-logo {
  left: 6%; bottom: 8%;
  width: min(8vw, 100px); opacity: 0.63; z-index: 8;
  position: absolute;
}
body.bg-segments-contact .page-hero,
body.bg-segments-contact .hero { background: transparent; }
body.bg-segments-contact .form-card,
body.bg-segments-contact .note-card {
  background: rgba(18, 21, 30, 0.88);
  backdrop-filter: blur(8px);
}

/* Wholes — single images from parts folders */
body.bg-segments-contact .seg.seg-cypress,
body.bg-segments-contact .seg.seg-lonetree,
body.bg-segments-contact .seg.seg-clock {
  position: absolute;
}
body.bg-segments-contact .seg.seg-clock {
  /* full clock PNG includes baked hands — static art */
  filter: drop-shadow(0 0 28px rgba(80,255,140,0.28));
}

body.bg-segments-contact .seg.seg-backd {
  position: absolute;
  left: 10%;
  top: 12%;
  width: min(40vw, 520px);
  opacity: 0.95;
  z-index: 3;
}


/* Contact text — bright white (page + footer + admin chrome) */
body.bg-segments-contact,
body.bg-segments-contact main,
body.bg-segments-contact .page-hero,
body.bg-segments-contact .page-hero .kicker,
body.bg-segments-contact .page-hero h1,
body.bg-segments-contact .page-hero .page-intro,
body.bg-segments-contact .prose,
body.bg-segments-contact .prose p,
body.bg-segments-contact .prose h1,
body.bg-segments-contact .prose h2,
body.bg-segments-contact .prose h3,
body.bg-segments-contact .section,
body.bg-segments-contact .form-card,
body.bg-segments-contact .note-card,
body.bg-segments-contact .note-card h3,
body.bg-segments-contact .note-card p,
body.bg-segments-contact .site-footer,
body.bg-segments-contact .site-footer p,
body.bg-segments-contact .footer-brand,
body.bg-segments-contact .footer-disclosure,
body.bg-segments-contact .footer-meta,
body.bg-segments-contact .footer-meta p,
body.bg-segments-contact .footer-admin,
body.bg-segments-contact .footer-admin *,
body.bg-segments-contact .admin-bar,
body.bg-segments-contact .admin-bar *,
body.bg-segments-contact .admin-top,
body.bg-segments-contact .admin-top *,
body.bg-segments-contact [class*="admin"],
body.bg-segments-contact .count-line {
  color: #ffffff !important;
}
body.bg-segments-contact .page-hero .wrap,
body.bg-segments-contact .prose,
body.bg-segments-contact .site-footer .wrap {
  color: #ffffff !important;
}
body.bg-segments-contact .site-footer a,
body.bg-segments-contact .footer-meta a,
body.bg-segments-contact .footer-disclosure a,
body.bg-segments-contact a:not(.btn):not(.brand) {
  color: #ffffff !important;
  text-decoration-color: rgba(255,255,255,0.55);
}
body.bg-segments-contact .nav-links a {
  color: #ffffff !important;
}
body.bg-segments-contact .nav-links a.active {
  color: #ffffff !important;
  opacity: 1;
}
body.bg-segments-contact .brand,
body.bg-segments-contact .site-header,
body.bg-segments-contact .site-header a {
  color: #ffffff !important;
}
body.bg-segments-contact .btn,
body.bg-segments-contact .btn-ghost,
body.bg-segments-contact .btn-primary,
body.bg-segments-contact .footer-admin button,
body.bg-segments-contact .admin-bar button,
body.bg-segments-contact .admin-top button,
body.bg-segments-contact .footer-admin a,
body.bg-segments-contact [class*="admin"] button {
  color: #ffffff !important;
  border-color: rgba(255,255,255,0.55) !important;
}
body.bg-segments-contact .footer-admin button,
body.bg-segments-contact .admin-bar button,
body.bg-segments-contact .admin-top button {
  background: rgba(255,255,255,0.12) !important;
}

/* Disclosure — theone.jpg centered */
body[data-page="disclosure"] .disclosure-hero-art {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto 1.5rem;
  max-width: min(92vw, 520px);
}
body[data-page="disclosure"] .disclosure-hero-art img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 8px;
  box-shadow: 0 0 32px rgba(125, 255, 154, 0.25);
}
body[data-page="disclosure"] .seg.seg-theone {
  position: absolute;
  left: 50%;
  top: 18%;
  transform: translateX(-50%);
  width: min(36vw, 420px);
  opacity: 0.92;
  z-index: 9;
}