.home2 {
  --home2-max: 1140px;
  background:
    radial-gradient(circle at 18% 24%, rgba(98, 214, 196, 0.08), transparent 30%),
    radial-gradient(circle at 88% 8%, rgba(215, 182, 109, 0.08), transparent 26%),
    linear-gradient(rgba(232, 225, 209, 0.032) 1px, transparent 1px),
    linear-gradient(90deg, rgba(232, 225, 209, 0.024) 1px, transparent 1px),
    #050607;
  background-size: auto, auto, 64px 64px, 64px 64px, auto;
}

.home2 .site-nav a[href="index-homepage-2.html"],
.home2 .site-nav a:hover,
.home2 .site-nav a:focus-visible {
  color: var(--paper);
}

.home2-hero {
  min-height: 78vh;
}

.home2-hero .hero__image {
  background:
    linear-gradient(90deg, rgba(5, 6, 7, 0.96), rgba(5, 6, 7, 0.62) 52%, rgba(5, 6, 7, 0.98)),
    linear-gradient(180deg, rgba(5, 6, 7, 0.2), rgba(5, 6, 7, 0.96)),
    url("../artifacts/chimera-governance-layer.webp") center / cover no-repeat;
  opacity: 0.52;
}

.home2-hero .probe-flight {
  --merge-x: 55vw;
  --merge-y: 18vh;
  --patrol-x0: 66vw;
  --patrol-y0: 14vh;
  --scan-x: 68vw;
  --scan-y: 18vh;
  --scan2-x: 68vw;
  --scan2-y: 12vh;
  --black-x: 84vw;
  --black-y: 22vh;
  --white-x: 8vw;
  --white-y: 38vh;
  --exit-x: 112vw;
  --exit-y: 12vh;
  --return-x: -16vw;
  --return-y: 22vh;
}

.home2-hero .fleet-reel.is-patrolling .probe {
  animation: home2ProbeExpedition 38s linear infinite;
}

.home2-hero .fleet-reel.is-patrolling .scan-field {
  animation: home2ScanFieldExpedition 38s linear infinite;
}

.home2-hero .sampling-beam,
.home2-hero .space-anomaly {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
}

.home2-hero .sampling-beam {
  width: 210px;
  height: 260px;
  z-index: 2;
  opacity: 0;
  transform-origin: 50% 0;
  background:
    radial-gradient(circle at 50% 80%, rgba(215, 182, 109, 0.26) 0 5px, transparent 6px),
    linear-gradient(180deg, rgba(98, 214, 196, 0.34), rgba(98, 214, 196, 0.04) 74%, transparent);
  clip-path: polygon(44% 0, 56% 0, 82% 100%, 18% 100%);
  filter: blur(0.2px) drop-shadow(0 0 22px rgba(98, 214, 196, 0.24));
}

.home2-hero .fleet-reel.is-patrolling .sampling-beam {
  animation: home2SampleBeamExpedition 38s linear infinite;
}

.home2-hero .sample-particle {
  position: absolute;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: rgba(215, 182, 109, 0.9);
  box-shadow: 0 0 12px rgba(215, 182, 109, 0.72);
  animation: home2SampleParticle 1.9s ease-in-out infinite;
}

.home2-hero .sample-particle--1 { left: 45%; top: 78%; animation-delay: -0.1s; }
.home2-hero .sample-particle--2 { left: 54%; top: 70%; animation-delay: -0.4s; }
.home2-hero .sample-particle--3 { left: 41%; top: 60%; animation-delay: -0.8s; }
.home2-hero .sample-particle--4 { left: 58%; top: 52%; animation-delay: -1.2s; }
.home2-hero .sample-particle--5 { left: 48%; top: 44%; animation-delay: -1.5s; }
.home2-hero .sample-particle--6 { left: 53%; top: 36%; animation-delay: -0.6s; }
.home2-hero .sample-particle--7 { left: 44%; top: 28%; animation-delay: -1s; }
.home2-hero .sample-particle--8 { left: 56%; top: 20%; animation-delay: -1.6s; }

.home2-hero .space-anomaly {
  width: 150px;
  height: 150px;
  z-index: 1;
  border-radius: 50%;
  opacity: 0;
  overflow: visible;
  transform-origin: center;
}

.home2-hero .space-anomaly::before,
.home2-hero .space-anomaly::after {
  content: "";
  position: absolute;
  pointer-events: none;
}

.home2-hero .space-anomaly span {
  position: absolute;
  inset: 16%;
  border-radius: 50%;
  border: 1px solid rgba(232, 225, 209, 0.2);
}

.home2-hero .space-anomaly span:nth-child(2) {
  inset: 28%;
}

.home2-hero .space-anomaly span:nth-child(3) {
  inset: 40%;
}

.home2-hero .space-anomaly--black {
  background: radial-gradient(circle at 50% 50%, #000 0 25%, rgba(0, 0, 0, 0.94) 26% 34%, transparent 35%);
  filter: drop-shadow(0 0 30px rgba(215, 182, 109, 0.26));
}

.home2-hero .space-anomaly--black::before {
  inset: 22% -18%;
  border-radius: 50%;
  background: conic-gradient(
    from 10deg,
    rgba(215, 182, 109, 0),
    rgba(215, 182, 109, 0.72),
    rgba(98, 214, 196, 0.18),
    rgba(215, 182, 109, 0.42),
    rgba(215, 182, 109, 0)
  );
  filter: blur(0.4px);
  opacity: 0.86;
  transform: rotate(-10deg) scaleY(0.34);
  animation: home2AccretionSpin 2.9s linear infinite;
}

.home2-hero .space-anomaly--black::after {
  inset: 33%;
  z-index: 2;
  border-radius: 50%;
  background: radial-gradient(circle, #000 0 58%, rgba(0, 0, 0, 0.72) 59% 72%, transparent 73%);
  box-shadow: 0 0 28px rgba(0, 0, 0, 0.9);
}

.home2-hero .space-anomaly--black span {
  border-color: rgba(215, 182, 109, 0.26);
  animation: home2AnomalySpin 5.2s linear infinite;
}

.home2-hero .space-anomaly--white {
  background: radial-gradient(circle at 50% 50%, rgba(255, 252, 242, 0.96) 0 18%, rgba(98, 214, 196, 0.22) 19% 34%, transparent 35%);
  filter: drop-shadow(0 0 34px rgba(98, 214, 196, 0.35));
}

.home2-hero .space-anomaly--white::before {
  inset: 26%;
  z-index: 2;
  border-radius: 50%;
  background: radial-gradient(circle, #fffaf0 0 42%, rgba(232, 225, 209, 0.86) 43% 62%, rgba(98, 214, 196, 0.1) 63% 100%);
  box-shadow: 0 0 34px rgba(232, 225, 209, 0.74), 0 0 70px rgba(98, 214, 196, 0.28);
}

.home2-hero .space-anomaly--white::after {
  inset: -16%;
  border-radius: 50%;
  background: conic-gradient(
    from 0deg,
    transparent 0 10deg,
    rgba(255, 255, 255, 0.86) 11deg 13deg,
    transparent 14deg 32deg,
    rgba(232, 225, 209, 0.62) 33deg 35deg,
    transparent 36deg 54deg,
    rgba(255, 255, 255, 0.72) 55deg 57deg,
    transparent 58deg 88deg,
    rgba(232, 225, 209, 0.82) 89deg 91deg,
    transparent 92deg 126deg,
    rgba(255, 255, 255, 0.64) 127deg 129deg,
    transparent 130deg 178deg,
    rgba(232, 225, 209, 0.78) 179deg 181deg,
    transparent 182deg 226deg,
    rgba(255, 255, 255, 0.66) 227deg 229deg,
    transparent 230deg 278deg,
    rgba(232, 225, 209, 0.78) 279deg 281deg,
    transparent 282deg 360deg
  );
  -webkit-mask-image: radial-gradient(circle, transparent 0 32%, black 34% 66%, transparent 70%);
  mask-image: radial-gradient(circle, transparent 0 32%, black 34% 66%, transparent 70%);
  animation: home2WhiteHairSpin 3.4s linear infinite;
}

.home2-hero .space-anomaly--white span {
  border-color: rgba(98, 214, 196, 0.34);
  animation: home2AnomalySpin 4.1s linear infinite reverse;
}

.home2-hero .fleet-reel.is-patrolling .space-anomaly--black {
  animation: home2BlackHoleWindow 38s ease-in-out infinite;
}

.home2-hero .fleet-reel.is-patrolling .space-anomaly--white {
  animation: home2WhiteHoleWindow 38s ease-in-out infinite;
}

.home2-hero__inner {
  position: relative;
  z-index: 2;
  width: min(var(--home2-max), calc(100% - 48px));
  min-height: 78vh;
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(360px, 0.62fr);
  gap: 44px;
  align-items: center;
  margin: 0 auto;
  padding: 54px 0 58px;
}

.home2-hero__copy {
  max-width: 760px;
}

.home2-hero__copy h1 {
  max-width: 13ch;
  color: #fffaf0;
  font-size: clamp(3.1rem, 5.8vw, 5.25rem);
  line-height: 0.95;
}

.home2-hero__copy p:not(.eyebrow) {
  max-width: 65ch;
  margin: 24px 0 0;
  color: var(--paper-dim);
  font-size: 1.05rem;
}

.home2-hero__actions,
.tag-row,
.tag-filter {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

.home2-hero__actions {
  margin-top: 30px;
}

.home2-btn,
.home2-read,
.tag-row a,
.tag-filter a {
  min-height: 36px;
  display: inline-flex;
  align-items: center;
  border: 1px solid rgba(232, 225, 209, 0.18);
  background: rgba(232, 225, 209, 0.035);
  color: var(--paper);
  padding: 0 12px;
  text-decoration: none;
  font: 700 0.75rem/1 var(--mono);
  text-transform: uppercase;
}

.home2-btn--primary,
.home2-read {
  border-color: rgba(215, 182, 109, 0.48);
  background: rgba(215, 182, 109, 0.11);
  color: var(--amber);
}

.home2-btn--ghost {
  color: var(--paper-soft);
}

.home2-btn:hover,
.home2-btn:focus-visible,
.home2-read:hover,
.home2-read:focus-visible,
.tag-row a:hover,
.tag-row a:focus-visible,
.tag-filter a:hover,
.tag-filter a:focus-visible,
.tag-filter a.is-active {
  border-color: var(--teal);
  color: var(--teal);
  outline: none;
}

.opening-panel {
  align-self: center;
  border: 1px solid rgba(232, 225, 209, 0.18);
  background:
    linear-gradient(180deg, rgba(98, 214, 196, 0.08), transparent 34%),
    rgba(8, 10, 12, 0.76);
  box-shadow: 0 32px 90px rgba(0, 0, 0, 0.45);
  padding: 26px;
  backdrop-filter: blur(16px);
}

.opening-panel__label,
.explains-card__state {
  margin: 0 0 14px;
  color: var(--teal);
  font: 800 0.72rem/1 var(--mono);
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.opening-panel h2 {
  margin: 0;
  color: #fffaf0;
  font-size: 2.2rem;
  line-height: 1.02;
}

.opening-panel p:not(.opening-panel__label) {
  margin: 16px 0 0;
  color: var(--paper-dim);
}

.opening-panel .tag-row {
  margin-top: 20px;
}

.opening-panel .home2-read {
  margin-top: 24px;
}

.home2-wrap {
  width: min(var(--home2-max), calc(100% - 48px));
  margin: 0 auto;
}

.home2-section {
  border-bottom: 1px solid rgba(232, 225, 209, 0.12);
  padding: 76px 0;
}

.home2-intro__grid,
.home2-section__head,
.tag-console {
  display: grid;
  grid-template-columns: minmax(280px, 0.65fr) minmax(0, 1fr);
  gap: 44px;
  align-items: end;
}

.home2-section h2 {
  max-width: 13ch;
  color: #fffaf0;
  font-size: clamp(2.1rem, 4.5vw, 4.2rem);
  line-height: 0.96;
}

.home2-intro p,
.home2-section__head > p,
.filter-status {
  max-width: 68ch;
  margin: 0;
  color: var(--paper-dim);
}

.tag-console {
  align-items: start;
}

.research-preview {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(320px, 0.48fr);
  gap: 44px;
  align-items: end;
}

.research-preview__copy p:not(.eyebrow) {
  max-width: 68ch;
  color: var(--paper-dim);
}

.research-preview__copy .home2-btn {
  margin-top: 18px;
}

.research-latest {
  border: 1px solid rgba(232, 225, 209, 0.18);
  background:
    linear-gradient(180deg, rgba(98, 214, 196, 0.08), transparent 34%),
    rgba(8, 10, 12, 0.72);
  padding: 22px;
}

.research-latest span {
  display: block;
  margin-bottom: 14px;
  color: var(--teal);
  font: 800 0.72rem/1 var(--mono);
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.research-latest h3 {
  color: var(--paper);
  font-size: 1.7rem;
  line-height: 1.05;
}

.research-latest p {
  color: var(--paper-dim);
}

.research-latest strong {
  display: block;
  color: var(--amber);
  font: 750 0.82rem/1.25 var(--mono);
}

.research-latest a {
  min-height: 34px;
  display: inline-flex;
  align-items: center;
  margin-top: 18px;
  border: 1px solid rgba(215, 182, 109, 0.42);
  color: var(--amber);
  padding: 0 10px;
  text-decoration: none;
  font: 750 0.72rem/1 var(--mono);
  text-transform: uppercase;
}

.research-latest a:hover,
.research-latest a:focus-visible {
  border-color: var(--teal);
  color: var(--teal);
  outline: none;
}

.tag-filter {
  justify-content: flex-start;
}

.tag-row a,
.tag-filter a {
  min-height: 28px;
  border-color: rgba(98, 214, 196, 0.18);
  color: rgba(232, 225, 209, 0.62);
  font-size: 0.66rem;
  letter-spacing: 0.06em;
}

.tag-row a {
  position: relative;
  z-index: 2;
}

.essay-groups {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
  margin-top: 30px;
}

.essay-group {
  border: 1px solid rgba(232, 225, 209, 0.14);
  background: rgba(8, 10, 12, 0.46);
}

.essay-group h3 {
  padding: 18px;
  border-bottom: 1px solid rgba(232, 225, 209, 0.14);
  color: var(--amber);
  font: 800 0.76rem/1 var(--mono);
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.explains-card {
  position: relative;
  min-height: 220px;
  padding: 20px;
  border-bottom: 1px solid rgba(232, 225, 209, 0.1);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.025), transparent 40%),
    rgba(11, 13, 15, 0.6);
  transition: background 180ms ease, transform 180ms ease;
}

.explains-card:last-child {
  border-bottom: 0;
}

.explains-card > a {
  position: absolute;
  inset: 0;
  z-index: 1;
}

.explains-card:hover,
.explains-card:focus-within {
  background: rgba(15, 20, 22, 0.82);
  transform: translateY(-2px);
}

.explains-card.is-planned {
  opacity: 0.62;
}

.explains-card h4 {
  margin: 0;
  color: var(--paper);
  font-family: var(--serif);
  font-size: 1.65rem;
  line-height: 1.08;
}

.explains-card p:not(.explains-card__state) {
  margin: 14px 0 0;
  color: var(--paper-dim);
}

.explains-card .tag-row {
  margin-top: 22px;
}

.explains-card[hidden],
.opening-panel[hidden],
.essay-group[hidden] {
  display: none;
}

.home2-next {
  border-bottom: 0;
}

.next-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px;
  margin-top: 26px;
  background: rgba(232, 225, 209, 0.16);
  border: 1px solid rgba(232, 225, 209, 0.16);
}

.next-grid a {
  min-height: 230px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background:
    linear-gradient(180deg, rgba(98, 214, 196, 0.05), transparent),
    #080a0c;
  padding: 20px;
  text-decoration: none;
}

.next-grid span {
  color: var(--teal);
  font: 800 0.72rem/1 var(--mono);
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.next-grid strong {
  color: var(--paper);
  font-family: var(--serif);
  font-size: 1.32rem;
  font-weight: 520;
  line-height: 1.12;
}

.next-grid a:hover strong,
.next-grid a:focus-visible strong {
  color: var(--amber);
}

@keyframes home2ProbeExpedition {
  0%,
  100% {
    opacity: 0.9;
    transform: translate(var(--patrol-x0), var(--patrol-y0)) rotate(var(--probe-r0)) scale(0.88);
  }

  8%,
  18% {
    opacity: 0.98;
    transform: translate(var(--scan-x), var(--scan-y)) rotate(var(--probe-r1)) scale(0.96);
  }

  28% {
    opacity: 0.86;
    transform: translate(var(--patrol-x1), var(--patrol-y1)) rotate(var(--probe-r2)) scale(0.88);
  }

  40% {
    opacity: 0.94;
    transform: translate(calc(var(--black-x) - 92px), calc(var(--black-y) - 36px)) rotate(10deg) scale(0.86);
  }

  47% {
    opacity: 0.92;
    transform: translate(calc(var(--black-x) - 54px), calc(var(--black-y) - 26px)) rotate(28deg) scale(0.68);
  }

  52% {
    opacity: 0.24;
    transform: translate(calc(var(--black-x) + 20px), calc(var(--black-y) + 8px)) rotate(164deg) scale(0.2);
  }

  54% {
    opacity: 0;
    transform: translate(calc(var(--black-x) + 20px), calc(var(--black-y) + 8px)) rotate(206deg) scale(0.05);
  }

  58% {
    opacity: 0;
    transform: translate(var(--white-x), var(--white-y)) rotate(-150deg) scale(0.08);
  }

  63% {
    opacity: 0.94;
    transform: translate(calc(var(--white-x) + 56px), calc(var(--white-y) - 14px)) rotate(var(--probe-r3)) scale(0.82);
  }

  74%,
  84% {
    opacity: 0.98;
    transform: translate(var(--scan2-x), var(--scan2-y)) rotate(var(--probe-r1)) scale(0.94);
  }

  92% {
    opacity: 0.88;
    transform: translate(var(--patrol-x3), var(--patrol-y3)) rotate(var(--probe-r3)) scale(0.84);
  }
}

@keyframes home2ScanFieldExpedition {
  0%,
  6%,
  20%,
  70% {
    opacity: 0;
    transform: translate(calc(var(--scan-x) - 41px), calc(var(--scan-y) - 70px)) scale(0.45);
  }

  10%,
  18% {
    opacity: 0.9;
    transform: translate(calc(var(--scan-x) - 41px), calc(var(--scan-y) - 70px)) scale(1);
  }

  74% {
    opacity: 0;
    transform: translate(calc(var(--scan2-x) - 41px), calc(var(--scan2-y) - 70px)) scale(0.45);
  }

  76%,
  84% {
    opacity: 0.92;
    transform: translate(calc(var(--scan2-x) - 41px), calc(var(--scan2-y) - 70px)) scale(1);
  }

  86%,
  100% {
    opacity: 0;
    transform: translate(calc(var(--scan2-x) - 41px), calc(var(--scan2-y) - 70px)) scale(0.45);
  }
}

@keyframes home2SampleBeamExpedition {
  0%,
  6%,
  20%,
  70% {
    opacity: 0;
    transform: translate(calc(var(--scan-x) - 41px), calc(var(--scan-y) + 42px)) scaleY(0.3);
  }

  10%,
  18% {
    opacity: 0.58;
    transform: translate(calc(var(--scan-x) - 41px), calc(var(--scan-y) + 42px)) scaleY(1);
  }

  74% {
    opacity: 0;
    transform: translate(calc(var(--scan2-x) - 41px), calc(var(--scan2-y) + 42px)) scaleY(0.3);
  }

  76%,
  84% {
    opacity: 0.62;
    transform: translate(calc(var(--scan2-x) - 41px), calc(var(--scan2-y) + 42px)) scaleY(1);
  }

  86%,
  100% {
    opacity: 0;
    transform: translate(calc(var(--scan2-x) - 41px), calc(var(--scan2-y) + 42px)) scaleY(0.3);
  }
}

@keyframes home2SampleParticle {
  0%,
  100% {
    opacity: 0.18;
    transform: translateY(0) scale(0.7);
  }

  55% {
    opacity: 1;
    transform: translateY(-68px) scale(1);
  }
}

@keyframes home2AnomalySpin {
  to {
    transform: rotate(360deg);
  }
}

@keyframes home2AccretionSpin {
  to {
    transform: rotate(350deg) scaleY(0.34);
  }
}

@keyframes home2WhiteHairSpin {
  to {
    transform: rotate(360deg);
  }
}

@keyframes home2BlackHoleWindow {
  0%,
  34%,
  64%,
  100% {
    opacity: 0;
    transform: translate(calc(var(--black-x) - 75px), calc(var(--black-y) - 75px)) scale(0.2) rotate(-60deg);
  }

  39% {
    opacity: 0.32;
    transform: translate(calc(var(--black-x) - 75px), calc(var(--black-y) - 75px)) scale(0.48) rotate(0deg);
  }

  45%,
  56% {
    opacity: 0.88;
    transform: translate(calc(var(--black-x) - 75px), calc(var(--black-y) - 75px)) scale(1) rotate(160deg);
  }

  60% {
    opacity: 0.52;
    transform: translate(calc(var(--black-x) - 75px), calc(var(--black-y) - 75px)) scale(0.82) rotate(230deg);
  }
}

@keyframes home2WhiteHoleWindow {
  0%,
  55%,
  73%,
  100% {
    opacity: 0;
    transform: translate(calc(var(--white-x) - 75px), calc(var(--white-y) - 75px)) scale(0.24) rotate(-80deg);
  }

  59% {
    opacity: 0.36;
    transform: translate(calc(var(--white-x) - 75px), calc(var(--white-y) - 75px)) scale(0.52) rotate(-20deg);
  }

  63%,
  68% {
    opacity: 0.82;
    transform: translate(calc(var(--white-x) - 75px), calc(var(--white-y) - 75px)) scale(1.04) rotate(90deg);
  }

  71% {
    opacity: 0.42;
    transform: translate(calc(var(--white-x) - 75px), calc(var(--white-y) - 75px)) scale(0.82) rotate(160deg);
  }
}

@media (prefers-reduced-motion: reduce) {
  .home2-hero .sampling-beam,
  .home2-hero .sample-particle,
  .home2-hero .space-anomaly,
  .home2-hero .space-anomaly span {
    animation: none;
  }

  .home2-hero .sampling-beam,
  .home2-hero .space-anomaly {
    display: none;
  }
}

@media (max-width: 980px) {
  .home2-hero__inner,
  .home2-intro__grid,
  .home2-section__head,
  .tag-console,
  .research-preview,
  .essay-groups,
  .next-grid {
    grid-template-columns: 1fr;
  }

  .home2-hero__inner {
    align-items: center;
    padding-top: 56px;
  }

  .opening-panel {
    max-width: 680px;
  }
}

@media (max-width: 760px) {
  .home2-wrap,
  .home2-hero__inner {
    width: min(100% - 32px, var(--home2-max));
  }

  .home2-hero__copy h1 {
    font-size: 3rem;
  }

  .home2-section {
    padding: 54px 0;
  }

  .opening-panel,
  .explains-card,
  .next-grid a {
    padding: 18px;
  }
}