/* The Global Midnight Wave: native homepage scene, aligned with Today / Timeline. */
.tfw-wave-section{
  position:relative;
  width:min(1240px,90vw);
  margin:0 auto;
  padding:clamp(94px,11vw,132px) 0 110px;
  isolation:isolate;
}
.tfw-wave-section .tfw-wave-backdrop{
  opacity:.10;
  background-image:linear-gradient(180deg,rgba(7,5,14,.7),rgba(7,5,14,.9)),
    radial-gradient(ellipse at 72% 40%,rgba(166,67,197,.44),transparent 56%);
}
.tfw-wave-section .section-head{padding-bottom:44px}
.tfw-wave-section .section-head>div{min-width:0}
.tfw-wave-section .section-head h2{max-width:1120px}
.tfw-wave-section .section-lede{max-width:700px}
.tfw-wave-feature{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);
  min-width:0;
  width:100%;
  min-height:clamp(340px,35vw,435px);
  overflow:hidden;
  border:1px solid rgba(247,149,214,.25);
  border-radius:26px;
  background:linear-gradient(112deg,#191020,#0d0c1a 53%,#21122c);
  box-shadow:0 38px 95px rgba(0,0,0,.3),inset 0 1px 0 #ffffff18;
}
.tfw-wave-feature:after{
  position:absolute;inset:0;z-index:1;content:"";pointer-events:none;
  background:linear-gradient(110deg,rgba(255,255,255,.045),transparent 30%,rgba(226,100,188,.045));
}
.tfw-wave-feature-copy{
  position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;
  justify-content:center;min-width:0;
  padding:clamp(28px,5vw,72px);
}
.tfw-wave-feature-overline{
  display:block;margin-bottom:15px;
  color:#f7abd9;font:900 10px/1.3 Arial,sans-serif;letter-spacing:.2em;
}
.tfw-wave-feature-copy h3{
  margin:0 0 17px;color:#fff;
  font:900 clamp(28px,3.5vw,49px)/1.05 "Arial Black",Impact,Arial,sans-serif;
  letter-spacing:-.055em;
}
.tfw-wave-feature-copy h3 em{color:#f2a0d6;font-style:normal}
.tfw-wave-feature-copy>p{
  max-width:485px;margin:0 0 26px;
  color:rgba(255,255,255,.68);font:14px/1.75 Arial,sans-serif;
}
.tfw-wave-feature-cta{
  display:inline-flex;justify-content:center;align-items:center;gap:13px;
  max-width:100%;min-height:48px;
  padding:13px 18px;text-decoration:none;
  font:900 10px/1.5 Arial,sans-serif;letter-spacing:.07em;
  text-align:center;white-space:normal;
}
.tfw-wave-feature-art{
  position:relative;min-width:0;min-height:310px;
  display:grid;place-items:center;
  overflow:hidden;
  background:radial-gradient(circle at 52% 50%,#864d9c30,transparent 61%);
}
.tfw-wave-feature-halo{
  position:absolute;left:50%;top:50%;
  width:min(78%,340px);aspect-ratio:1;border-radius:50%;
  transform:translate(-50%,-50%) scale(1.2);
  background:radial-gradient(circle,#ae70dd36 0%,#6d3baf13 50%,transparent 75%);
  filter:blur(18px);
}
.tfw-wave-feature-planet{
  position:relative;z-index:1;
  width:clamp(155px,25vw,315px);aspect-ratio:1;
  max-width:72%;border-radius:50%;
  overflow:hidden;isolation:isolate;
  background:
    radial-gradient(circle at 29% 24%,rgba(237,167,241,.42),transparent 39%),
    radial-gradient(circle at 65% 65%,rgba(184,91,194,.22),transparent 45%),
    url("https://cdn.jsdelivr.net/npm/three-globe@2.45.0/example/img/earth-night.jpg") center / 205% 100%,
    linear-gradient(140deg,#493171,#151c48 56%,#080c24);
  box-shadow:inset -36px -18px 43px #050713e8,inset 12px 12px 28px #f5bcff28,
    0 0 0 1px #f4b8ec7d,0 0 37px #d66ab073,0 0 85px #7a46bc44;
  animation:tfwWaveFeatureFloat 9s ease-in-out infinite;
}
.tfw-wave-feature-planet-lines{
  position:absolute;inset:4%;border:1px solid #ddacf52b;border-radius:50%;
  transform:rotate(-17deg);
}
.tfw-wave-feature-planet-shine{
  position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background:linear-gradient(120deg,rgba(251,183,235,.13),transparent 32%,transparent 60%,rgba(4,7,20,.58));
}
.tfw-wave-feature-equator{
  position:absolute;z-index:2;left:50%;top:50%;
  width:clamp(195px,30vw,380px);max-width:91%;
  aspect-ratio:2.5;border:1px solid rgba(239,149,231,.42);border-radius:50%;
  transform:translate(-50%,-50%) rotate(-19deg);pointer-events:none;
}
.tfw-wave-feature-star{position:absolute;width:3px;height:3px;border-radius:50%;background:#f1c9fb;box-shadow:0 0 10px #e3a3f4}
.tfw-wave-feature-star.one{left:14%;top:22%}
.tfw-wave-feature-star.two{right:18%;top:19%}
.tfw-wave-feature-star.three{right:12%;bottom:17%}
@keyframes tfwWaveFeatureFloat{50%{transform:translateY(-8px) rotate(1.5deg)}}
@media(max-width:800px){
 .tfw-wave-section{width:min(92vw,760px);padding:96px 0}
 .tfw-wave-section .section-head{padding-bottom:33px}
 .tfw-wave-feature{grid-template-columns:1fr}
 .tfw-wave-feature-copy{padding:30px 30px 6px}
 .tfw-wave-feature-art{min-height:260px;max-height:305px}
 .tfw-wave-feature-planet{width:min(54vw,230px);max-width:80%}
 .tfw-wave-feature-equator{width:min(64vw,275px)}
}
@media(max-width:560px){
 .tfw-wave-section{width:92vw;padding:78px 0 88px}
 .tfw-wave-section .section-head h2{font-size:clamp(32px,9vw,49px)}
 .tfw-wave-feature{border-radius:19px}
 .tfw-wave-feature-copy{padding:27px 22px 0}
 .tfw-wave-feature-copy h3{font-size:clamp(27px,8vw,38px)}
 .tfw-wave-feature-copy>p{font-size:12px;margin-bottom:21px}
 .tfw-wave-feature-cta{width:100%;font-size:9px}
 .tfw-wave-feature-art{min-height:225px}
 .tfw-wave-feature-planet{width:min(48vw,200px)}
 .tfw-wave-feature-equator{width:min(62vw,255px)}
}
@media(prefers-reduced-motion:reduce){.tfw-wave-feature-planet{animation:none}}


/* Full-bleed scenery for homepage chapters 01–03.
   The chapter sections used to be restricted to the 1240px content column,
   causing their animated background to be clipped into a vertical rectangle.
   Chapter 04 (#intel) already spans the viewport. Give all four the same
   full-width backdrop, while retaining the established centered content. */
.home-page main > #globalWavePreview,
.home-page main > #today,
.home-page main > #timeline {
 width:100%;
 max-width:none;
 margin-left:0;
 margin-right:0;
}
.home-page main > #globalWavePreview > .section-head,
.home-page main > #globalWavePreview > .tfw-wave-feature,
.home-page main > #today > .section-head,
.home-page main > #today > .newspaper-card,
.home-page main > #timeline > .section-head {
 width:min(1240px,90vw);
 margin-left:auto;
 margin-right:auto;
}
@media(max-width:900px){
 .home-page main > #globalWavePreview > .section-head,
 .home-page main > #globalWavePreview > .tfw-wave-feature,
 .home-page main > #today > .section-head,
 .home-page main > #today > .newspaper-card,
 .home-page main > #timeline > .section-head {
  width:min(92vw,760px);
 }
}
@media(max-width:560px){
 .home-page main > #globalWavePreview > .section-head,
 .home-page main > #globalWavePreview > .tfw-wave-feature,
 .home-page main > #today > .section-head,
 .home-page main > #today > .newspaper-card,
 .home-page main > #timeline > .section-head {
  width:92vw;
 }
}


/* Homepage chapter backgrounds — one shared color grade for 01–04.
   Previously chapter 04 had its own translucent light gradient while the
   other scenes inherited the page background, producing a visible tone shift.
   Keep each chapter's photographic/animated backdrop, but give the underlying
   full-bleed sections the exact same base gradient and color. */
.home-page main > #globalWavePreview,
.home-page main > #today,
.home-page main > #timeline,
.home-page main > #intel {
 background:linear-gradient(180deg,rgba(255,255,255,.018),transparent 18%),var(--bg);
}