/* LottoLuma — About page spacing + metric strip repair, 20 Oct 2026.
   Scoped to About only. Hero stays clear of sticky navigation and
   editorial content remains responsive in both colour themes. */
html[data-theme] body.about-page.vp-site-info main#mainContent > section.about-hero {
  margin-top: clamp(22px, 2.4vw, 34px) !important;
  margin-bottom: 18px !important;
  padding: clamp(29px, 3.2vw, 48px) !important;
  min-height: 0 !important;
  gap: clamp(18px, 3vw, 46px) !important;
  grid-template-columns: minmax(0, 1.06fr) minmax(0, .94fr) !important;
  align-items: center !important;
  overflow: hidden;
  border-radius: 24px !important;
}
html[data-theme] body.about-page.vp-site-info .about-hero-copy {
  min-width:0;
}
html[data-theme] body.about-page.vp-site-info .about-hero h1 {
  font-size: clamp(36px, 3.2vw, 54px) !important;
  line-height: 1.115 !important;
  letter-spacing:-.051em !important;
  margin: 19px 0 21px !important;
  max-width: 13.5ch;
}
html[data-theme] body.about-page.vp-site-info .about-hero p {
  max-width: 57ch;
  line-height:1.7 !important;
  margin-bottom:13px !important;
}
html[data-theme] body.about-page.vp-site-info .about-hero .about-lead {
  font-size:14px !important;
}
html[data-theme] body.about-page.vp-site-info .about-hero .hero-buttons {
  margin-top: 21px !important;
}
html[data-theme] body.about-page.vp-site-info .about-hero-caption {
  margin-top: 17px !important;
}
html[data-theme] body.about-page.vp-site-info .about-orbit {
  width: min(100%, 435px);
  justify-self:center;
  max-width:100%;
}
html[data-theme] body.about-page.vp-site-info main#mainContent > section.about-stat-band {
  margin-top:0 !important;
  margin-bottom:clamp(27px,3.2vw,44px) !important;
  padding: 10px 13px !important;
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr)) !important;
  align-items:stretch;
  border-radius: 20px !important;
  border:1px solid var(--mf-edge, #dbe8ee) !important;
  overflow:hidden;
  box-shadow:0 9px 24px rgba(24,73,100,.05) !important;
}
html[data-theme] body.about-page.vp-site-info .about-stat-band > div {
  min-width:0;
  padding: 15px clamp(12px, 1.6vw, 25px) !important;
  justify-content:center;
  border-radius:0 !important;
}
html[data-theme] body.about-page.vp-site-info .about-stat-band strong {
  font-size:clamp(22px,2vw,28px) !important;
  line-height:1.2 !important;
  font-variant-numeric:tabular-nums;
  letter-spacing:-.035em !important;
  white-space:nowrap;
}
html[data-theme] body.about-page.vp-site-info .about-stat-band span {
  font-size:10px !important;
  font-weight:750 !important;
  line-height:1.55 !important;
  letter-spacing:.06em !important;
  overflow-wrap:normal;
}
@media(max-width: 980px) {
  html[data-theme] body.about-page.vp-site-info main#mainContent > section.about-hero {
    grid-template-columns: minmax(0,1fr) minmax(0,.82fr) !important;
    gap:16px !important;
  }
}
@media(max-width: 760px) {
  html[data-theme] body.about-page.vp-site-info main#mainContent > section.about-hero {
    margin-top:16px !important;
    margin-bottom:13px !important;
    padding:24px 20px !important;
    grid-template-columns:minmax(0,1fr) !important;
    gap:12px !important;
    border-radius:20px !important;
  }
  html[data-theme] body.about-page.vp-site-info .about-hero h1 {
    font-size:clamp(34px,8.4vw,47px) !important;
    margin:17px 0 18px !important;
    max-width:none;
  }
  html[data-theme] body.about-page.vp-site-info .about-orbit {
    width:min(310px,100%);
    margin:0 auto;
  }
  html[data-theme] body.about-page.vp-site-info main#mainContent > section.about-stat-band {
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:0;
    padding:8px !important;
    margin-bottom:24px !important;
  }
  html[data-theme] body.about-page.vp-site-info .about-stat-band > div {
    padding:16px 14px !important;
  }
  html[data-theme] body.about-page.vp-site-info .about-stat-band > div:nth-child(2) {border-right:0 !important;}
  html[data-theme] body.about-page.vp-site-info .about-stat-band > div:nth-child(-n+2) {border-bottom:1px solid var(--mf-edge,#dbe8ee) !important;}
}
@media(max-width: 420px) {
  html[data-theme] body.about-page.vp-site-info main#mainContent > section.about-hero {padding:21px 16px !important;}
  html[data-theme] body.about-page.vp-site-info .about-hero h1 {font-size:clamp(33px,8.6vw,39px) !important;}
  html[data-theme] body.about-page.vp-site-info .about-stat-band > div {padding:15px 10px !important;}
  html[data-theme] body.about-page.vp-site-info .about-stat-band span {font-size:9px !important;}
}
@media(prefers-reduced-motion:reduce) {
  html[data-theme] body.about-page.vp-site-info .about-orbit,
  html[data-theme] body.about-page.vp-site-info .about-orbit * {animation:none !important;}
}