/* Solar Cool Chain hero migration · page-local authority · 2026-09-01 */
body.theme-solar .solar-hero-v2 {
  --solar-probe-x: 72%;
  --solar-probe-y: 50%;
  position: relative;
  isolation: isolate;
  height: 100svh;
  min-height: 680px;
  overflow: hidden;
  background: #35170e;
  color: #f8f6ef;
}

body.theme-solar .solar-hero-v2__media,
body.theme-solar .solar-hero-v2__media picture,
body.theme-solar .solar-hero-v2__media img {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
}

body.theme-solar .solar-hero-v2__media { z-index: 0; }
body.theme-solar .solar-hero-v2__media img {
  object-fit: cover;
  object-position: 50% 50%;
  transform: scale(1.018);
  filter: saturate(.9) contrast(1.04);
}

body.theme-solar .solar-hero-v2__scrim {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(22,8,3,.88) 0%, rgba(22,8,3,.56) 34%, rgba(22,8,3,.16) 66%, rgba(22,8,3,.04) 100%),
    linear-gradient(180deg, rgba(5,8,7,.38), transparent 22%, transparent 72%, rgba(5,8,7,.38));
}

body.theme-solar .solar-hero-v2__heat {
  position: absolute;
  inset: -8%;
  z-index: 2;
  pointer-events: none;
  opacity: .58;
  background:
    radial-gradient(circle at 78% 22%, rgba(255,208,102,.38), transparent 26%),
    linear-gradient(110deg, rgba(255,120,28,.45), rgba(205,27,12,.16) 45%, rgba(255,184,74,.18));
  mix-blend-mode: screen;
  filter: blur(22px);
  animation: solarHeroHeatDrift 8s ease-in-out infinite alternate;
  transition: opacity .45s ease, filter .45s ease;
}

body.theme-solar .solar-hero-v2__heatlines {
  position: absolute;
  inset: 0;
  z-index: 3;
  pointer-events: none;
  opacity: .14;
  background: repeating-radial-gradient(ellipse at 82% 46%, rgba(255,224,181,.58) 0 1px, transparent 1px 24px);
  -webkit-mask-image: linear-gradient(90deg, transparent 12%, #000 44%, #000);
  mask-image: linear-gradient(90deg, transparent 12%, #000 44%, #000);
  transition: opacity .35s ease;
}

body.theme-solar .solar-hero-v2__cool {
  position: absolute;
  inset: 0;
  z-index: 4;
  pointer-events: none;
  opacity: .13;
  background: radial-gradient(circle 240px at var(--solar-probe-x) var(--solar-probe-y), rgba(160,226,255,0) 0 28%, rgba(156,225,255,.52) 46%, rgba(88,188,237,.17) 62%, transparent 72%);
  mix-blend-mode: screen;
  transition: opacity .38s ease, filter .38s ease;
}

body.theme-solar .solar-hero-v2__lens {
  position: absolute;
  z-index: 5;
  left: var(--solar-probe-x);
  top: var(--solar-probe-y);
  width: 300px;
  height: 300px;
  transform: translate(-50%,-50%) scale(.84);
  border-radius: 50%;
  pointer-events: none;
  opacity: 0;
  transition: opacity .3s ease, transform .48s cubic-bezier(.22,1,.36,1);
  box-shadow: 0 0 0 1px rgba(191,235,255,.56), 0 0 0 16px rgba(105,200,242,.05), 0 0 76px rgba(105,200,242,.2);
  background: radial-gradient(circle, rgba(172,226,247,.07) 0 38%, rgba(95,183,224,.1) 39% 40%, transparent 41%);
}
body.theme-solar .solar-hero-v2__lens::before,
body.theme-solar .solar-hero-v2__lens::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  background: rgba(214,244,255,.5);
}
body.theme-solar .solar-hero-v2__lens::before { width: 64%; height: 1px; }
body.theme-solar .solar-hero-v2__lens::after { height: 64%; width: 1px; }
body.theme-solar .solar-hero-v2__ring {
  position: absolute;
  inset: 14%;
  border: 1px dashed rgba(204,240,255,.52);
  border-radius: 50%;
  animation: solarHeroProbeTurn 12s linear infinite;
}

body.theme-solar .solar-hero-v2__readout {
  position: absolute;
  z-index: 8;
  left: var(--solar-probe-x);
  top: var(--solar-probe-y);
  transform: translate(170px,-18px);
  pointer-events: none;
  opacity: 0;
  min-width: 220px;
  padding: 11px 13px;
  border-left: 1px solid rgba(205,239,255,.6);
  background: linear-gradient(90deg, rgba(4,18,25,.58), transparent);
  font: 600 9px/1.45 "JetBrains Mono", ui-monospace, monospace;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: rgba(225,246,255,.78);
  transition: opacity .28s ease;
}
body.theme-solar .solar-hero-v2__readout strong {
  display: block;
  color: #eefaff;
  font-size: 10px;
  margin-bottom: 4px;
}

body.theme-solar .solar-hero-v2.is-probing .solar-hero-v2__cool { opacity: 1; filter: saturate(1.16); }
body.theme-solar .solar-hero-v2.is-probing .solar-hero-v2__heat { opacity: .17; filter: blur(28px) saturate(.72); }
body.theme-solar .solar-hero-v2.is-probing .solar-hero-v2__heatlines { opacity: .05; }
body.theme-solar .solar-hero-v2.is-probing .solar-hero-v2__lens { opacity: 1; transform: translate(-50%,-50%) scale(1); }
body.theme-solar .solar-hero-v2.is-probing .solar-hero-v2__readout { opacity: 1; }

body.theme-solar .solar-hero-v2__inner {
  position: relative;
  z-index: 7;
  height: 100%;
  min-height: inherit;
  display: flex;
  align-items: center;
  padding-top: 72px;
  padding-bottom: 78px;
}
body.theme-solar .solar-hero-v2__copy { width: min(690px, 64vw); }
body.theme-solar .solar-hero-v2__meta {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 18px;
  font-size: 10px;
  line-height: 1.2;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: rgba(255,255,255,.7);
}
body.theme-solar .solar-hero-v2__status {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  color: #b7e58a;
}
body.theme-solar .solar-hero-v2__status::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: currentColor;
  box-shadow: 0 0 0 4px rgba(183,229,138,.08);
}
body.theme-solar .solar-hero-v2 h1 {
  margin: 0;
  max-width: 12.5ch;
  font-family: "Playfair Display", Georgia, serif;
  font-size: clamp(64px, 6vw, 92px);
  font-weight: 400;
  line-height: .93;
  letter-spacing: -.047em;
  text-wrap: balance;
  color: #f8f6ef;
}
body.theme-solar .solar-hero-v2 h1 span { display: block; white-space: nowrap; }
body.theme-solar .solar-hero-v2__lead {
  max-width: 39ch;
  margin: 22px 0 0;
  font-size: clamp(16px, 1.2vw, 19px);
  line-height: 1.52;
  color: rgba(255,255,255,.82);
}
body.theme-solar .solar-hero-v2__actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 28px;
}
body.theme-solar .solar-hero-v2__probe,
body.theme-solar .solar-hero-v2__primary {
  min-height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  padding: 0 18px;
  font: 600 11px/1 "Inter", system-ui, sans-serif;
  text-decoration: none;
  cursor: pointer;
}
body.theme-solar .solar-hero-v2__probe {
  appearance: none;
  border: 1px solid rgba(255,255,255,.42);
  background: rgba(10,21,18,.24);
  color: #fff;
  backdrop-filter: blur(8px);
}
body.theme-solar .solar-hero-v2__primary {
  border: 1px solid rgba(248,246,239,.92);
  background: #f8f6ef;
  color: #10261a;
  font-weight: 700;
}
body.theme-solar .solar-hero-v2__probe:focus-visible,
body.theme-solar .solar-hero-v2__primary:focus-visible {
  outline: 2px solid #b7e58a;
  outline-offset: 3px;
}
body.theme-solar .solar-hero-v2__sequence {
  position: absolute;
  z-index: 7;
  right: clamp(30px,5vw,78px);
  bottom: 76px;
  display: flex;
  align-items: center;
  gap: 14px;
  font: 600 10px/1 "JetBrains Mono", ui-monospace, monospace;
  letter-spacing: .13em;
  text-transform: uppercase;
  color: rgba(255,255,255,.76);
}
body.theme-solar .solar-hero-v2__sequence i {
  width: 42px;
  height: 1px;
  overflow: hidden;
  position: relative;
  background: rgba(255,255,255,.3);
}
body.theme-solar .solar-hero-v2__sequence i::after {
  content: "";
  position: absolute;
  inset: 0;
  background: #9ed265;
  transform: translateX(-100%);
  animation: solarHeroSequence 4.5s ease-in-out infinite;
}
body.theme-solar .solar-hero-v2__sequence i:nth-of-type(2)::after { animation-delay: 1.4s; }

@keyframes solarHeroHeatDrift { to { transform: translate3d(2.5%,-1.5%,0) scale(1.04); } }
@keyframes solarHeroProbeTurn { to { transform: rotate(360deg); } }
@keyframes solarHeroSequence {
  0%,25% { transform: translateX(-100%); }
  45%,70% { transform: translateX(0); }
  100% { transform: translateX(100%); }
}

@media (max-width: 820px) {
  body.theme-solar .solar-hero-v2 {
    --solar-probe-x: 68%;
    --solar-probe-y: 35%;
    min-height: 640px;
  }
  body.theme-solar .solar-hero-v2__media img { object-position: 58% 50%; }
  body.theme-solar .solar-hero-v2__inner {
    align-items: flex-start;
    padding-top: clamp(150px, 21svh, 184px);
    padding-bottom: 120px;
  }
  body.theme-solar .solar-hero-v2__copy { width: 100%; }
  body.theme-solar .solar-hero-v2__meta { gap: 9px; font-size: 9px; margin-bottom: 13px; }
  body.theme-solar .solar-hero-v2 h1 {
    max-width: 10.7ch;
    font-size: clamp(41px, 12vw, 60px);
    line-height: .94;
  }
  body.theme-solar .solar-hero-v2 h1 span { display: block; white-space: nowrap; }
body.theme-solar .solar-hero-v2__lead { max-width: 30ch; margin-top: 17px; font-size: 15px; }
  body.theme-solar .solar-hero-v2__actions { margin-top: 20px; gap: 9px; }
  body.theme-solar .solar-hero-v2__probe,
  body.theme-solar .solar-hero-v2__primary { min-height: 46px; padding: 0 15px; font-size: 10px; }
  body.theme-solar .solar-hero-v2__sequence {
    left: 20px;
    right: 20px;
    bottom: 62px;
    justify-content: flex-start;
    gap: 9px;
    font-size: 8px;
  }
  body.theme-solar .solar-hero-v2__sequence i { width: 18px; }
  body.theme-solar .solar-hero-v2__cool {
    background: radial-gradient(circle 160px at var(--solar-probe-x) var(--solar-probe-y), rgba(155,225,255,0) 0 25%, rgba(155,225,255,.48) 48%, transparent 73%);
  }
  body.theme-solar .solar-hero-v2__lens { width: 210px; height: 210px; }
  body.theme-solar .solar-hero-v2__readout {
    left: 20px;
    right: 20px;
    top: auto;
    bottom: 106px;
    transform: none;
    min-width: 0;
    padding: 8px 0;
    border-left: 0;
    border-top: 1px solid rgba(205,239,255,.54);
    background: none;
  }
}

@media (max-width: 390px) {
  body.theme-solar .solar-hero-v2__inner { padding-top: 142px; }
  body.theme-solar .solar-hero-v2 h1 { font-size: clamp(40px, 12.2vw, 48px); }
  body.theme-solar .solar-hero-v2 h1 span { display: block; white-space: nowrap; }
body.theme-solar .solar-hero-v2__lead { max-width: 29ch; }
  body.theme-solar .solar-hero-v2__actions { max-width: 320px; }
}

@media (prefers-reduced-motion: reduce) {
  body.theme-solar .solar-hero-v2__heat,
  body.theme-solar .solar-hero-v2__ring,
  body.theme-solar .solar-hero-v2__sequence i::after { animation: none !important; }
  body.theme-solar .solar-hero-v2__heat { opacity: .42; transform: none; }
  body.theme-solar .solar-hero-v2__lens,
  body.theme-solar .solar-hero-v2__readout,
  body.theme-solar .solar-hero-v2__cool,
  body.theme-solar .solar-hero-v2__heatlines { transition: none; }
}