/* One photographic horizon carries the story between chapters. */
.page-masthead,.next-chapter,.site-footer,.page-impact .legacy-section{
  position:relative;isolation:isolate;overflow:hidden;background-color:#05131f
}
.orbit-atmosphere{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden;background:#05131f}
.orbit-atmosphere::before{
  /* The vertical overscan grows with viewport width so the tilted photo always covers wide chapters. */
  content:"";position:absolute;inset:calc(-12% - 18vw) -18%;background-image:url("assets/img/earth-orbit-horizon.webp");
  background-size:cover;background-position:var(--orbit-position,62% 46%);
  opacity:var(--orbit-earth-opacity,.66);transform:translate3d(0,0,0) rotate(var(--orbit-angle,-9deg)) scale(1.07);
  animation:orbital-perspective 28s ease-in-out -7s infinite alternate;animation-play-state:paused
}
.orbit-atmosphere::after{
  content:"";position:absolute;inset:0;background:
    linear-gradient(90deg,#05131f 2%,rgba(5,19,31,.93) 22%,rgba(5,19,31,.62) 48%,rgba(5,19,31,.08) 85%),
    linear-gradient(180deg,rgba(5,19,31,.15),transparent 65%,rgba(5,19,31,.2))
}
.orbit-stars{position:absolute;inset:0;opacity:.56;background-image:
  radial-gradient(circle at 12% 21%,rgba(214,234,245,.7) 0 .6px,transparent 1.2px),
  radial-gradient(circle at 33% 9%,rgba(214,234,245,.9) 0 .7px,transparent 1.4px),
  radial-gradient(circle at 56% 14%,rgba(214,234,245,.5) 0 .6px,transparent 1.2px),
  radial-gradient(circle at 88% 16%,rgba(214,234,245,.9) 0 .8px,transparent 1.6px),
  radial-gradient(circle at 74% 41%,rgba(214,234,245,.5) 0 .5px,transparent 1px),
  radial-gradient(circle at 8% 72%,rgba(214,234,245,.5) 0 .6px,transparent 1.2px);
  background-size:710px 380px;mask-image:linear-gradient(#000,rgba(0,0,0,.5) 65%,transparent)
}
.page-masthead>.col,.next-chapter>.col,.site-footer>.col,.page-impact .legacy-section>.col{position:relative;z-index:1}
.page-masthead h1{max-width:20ch;text-shadow:0 2px 28px rgba(0,0,0,.18)}
.page-masthead .page-deck{color:#dae3e8;text-shadow:0 1px 10px #05131f}
.orbit-kicker{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:30px}
.page-masthead .orbit-kicker>.eyebrow{margin:0;color:#c3dbe8}
.orbit-toggle{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:rgba(6,21,33,.72);border:1px solid rgba(202,222,232,.28);padding:0 12px;color:#d3e1e9;font:400 13px/1.4 var(--text);cursor:pointer;min-height:44px;white-space:nowrap}
#motion-toggle{display:inline-flex;align-items:center;gap:10px}#motion-toggle[hidden]{display:none}
/* Drawn icons: two bars to pause, a triangle to resume. */
.orbit-toggle::before,#motion-toggle::before{content:"";flex:none;box-sizing:border-box;width:8px;height:10px;border-left:2px solid currentColor;border-right:2px solid currentColor}
.orbit-toggle[aria-pressed=true]::before,#motion-toggle[aria-pressed=true]::before{border:solid transparent;border-width:5px 0 5px 8px;border-left-color:currentColor}
.orbit-toggle:hover{color:#fff;border-color:#fff}
.orbit-toggle:focus-visible{outline:2px solid #c5dfed;outline-offset:5px}
.orbit-toggle[hidden]{display:none!important}
.page-story .page-masthead{--orbit-angle:-13deg;--orbit-position:64% 30%;--orbit-earth-opacity:.61}
.page-leadership .page-masthead{--orbit-angle:-4deg;--orbit-position:66% 52%;--orbit-earth-opacity:.73}
.page-impact .page-masthead{--orbit-angle:-17deg;--orbit-position:68% 70%;--orbit-earth-opacity:.82}
.page-speaking .page-masthead{--orbit-angle:2deg;--orbit-position:73% 56%;--orbit-earth-opacity:.66}
.page-perspectives .page-masthead{--orbit-angle:-7deg;--orbit-position:58% 43%;--orbit-earth-opacity:.7}
.page-connect .page-masthead{--orbit-angle:-18deg;--orbit-position:65% 69%;--orbit-earth-opacity:.78}
.next-chapter{--orbit-angle:-15deg;--orbit-position:75% 82%;--orbit-earth-opacity:.56}
.next-chapter .orbit-atmosphere::after{background:linear-gradient(90deg,#05131f 6%,rgba(5,19,31,.88) 35%,rgba(5,19,31,.46) 70%,rgba(5,19,31,.35))}
.next-chapter h2{max-width:19ch}.next-chapter p{color:#d4e1e8}
.site-footer{--orbit-angle:-19deg;--orbit-position:56% 96%;--orbit-earth-opacity:.35;border-top-color:rgba(210,230,239,.13)}
.site-footer .orbit-atmosphere::after{background:linear-gradient(180deg,rgba(5,19,31,.9),rgba(5,19,31,.58)),linear-gradient(90deg,rgba(5,19,31,.2),rgba(5,19,31,.66))}
.site-footer .orbit-toggle{margin:0 0 30px;color:#c1d3df}
.page-impact .legacy-section{--orbit-angle:-22deg;--orbit-position:70% 84%;--orbit-earth-opacity:.32}
.page-impact .legacy-section .orbit-atmosphere::after{background:linear-gradient(90deg,rgba(5,19,31,.96),rgba(5,19,31,.77) 50%,rgba(5,19,31,.5))}
html[data-orbit-motion=running] .orbit-atmosphere[data-orbit-visible=true]::before{animation-play-state:running;will-change:transform}
@keyframes orbital-perspective{
  from{transform:translate3d(-2.5%,1.8%,0) rotate(var(--orbit-angle,-9deg)) scale(1.075)}
  to{transform:translate3d(2.5%,-1.8%,0) rotate(calc(var(--orbit-angle,-9deg) + 1.6deg)) scale(1.115)}
}
@media(max-width:700px){
  .orbit-kicker{gap:8px 12px;margin-bottom:24px;align-items:center;flex-wrap:wrap}
  .page-masthead{--orbit-earth-opacity:.68}
  .page-masthead .orbit-atmosphere::before{inset:calc(-14% - 10vw) -60%;background-position:64% 45%}
  .page-masthead .orbit-atmosphere::after{background:linear-gradient(90deg,rgba(5,19,31,.93),rgba(5,19,31,.76) 52%,rgba(5,19,31,.35)),linear-gradient(180deg,rgba(5,19,31,.2),transparent 55%,rgba(5,19,31,.05))}
  .page-masthead .page-deck{color:#e0e8ed}
  .next-chapter .orbit-atmosphere::before,.site-footer .orbit-atmosphere::before{inset:calc(-14% - 10vw) -30%}
  .next-chapter .orbit-atmosphere::after{background:linear-gradient(90deg,rgba(5,19,31,.94),rgba(5,19,31,.7) 60%,rgba(5,19,31,.4))}
  .site-footer .orbit-toggle{margin-bottom:25px}
}
@media(prefers-reduced-motion:reduce){.orbit-atmosphere::before{animation:none!important}.orbit-toggle{display:none!important}}
@media print{.orbit-atmosphere,.orbit-toggle{display:none!important}}
