/* SCROLLYTELLING SKY (homepage only). One fixed night sky sits behind the whole page; the beige page background is gone. */
html{ background:#0B1020; }
body{ background:#0B1020 !important; background-image:none !important; }
.skyfix{ position:fixed; inset:0; z-index:0; overflow:hidden; pointer-events:none; contain:strict; --u0:15vw; --u:var(--u0); }
.sf-bg{ position:absolute; inset:0; background:linear-gradient(to bottom,#080C1B 0%,#131A38 26%,#2C2450 54%,#5E3A5C 76%,#B96F52 94%,#D58F5E 100%); }
.sf-dim{ position:absolute; inset:0; background:#04060F; opacity:0; will-change:opacity; }
.sf-stars{ position:absolute; inset:0; width:100%; height:100%; fill:#F2E6C6; }
.sf-stars .tw0{ animation:sf-tw 4.6s ease-in-out infinite; } .sf-stars .tw1{ animation:sf-tw 6.2s ease-in-out -2.1s infinite; } .sf-stars .tw2{ opacity:.85; }
@keyframes sf-tw{ 0%,100%{ opacity:.95; } 50%{ opacity:.25; } }
.sf-moon{ position:absolute; left:9%; top:11vh; will-change:transform; width:clamp(52px,12vw,92px); aspect-ratio:1; border-radius:50%; background:#F3DDA0; box-shadow:0 0 0 clamp(8px,1.6vw,16px) rgba(243,221,160,.14),0 0 60px 14px rgba(243,221,160,.22); }
.sf-glow{ position:absolute; left:0; right:0; bottom:0; height:46vh; background:radial-gradient(120% 90% at 50% 100%,rgba(236,150,92,.62),rgba(236,150,92,0) 70%); }
.sf-ridge{ position:absolute; left:0; right:0; bottom:-1px; width:100%; height:clamp(54px,13vh,120px); }
.sf-beam{ position:absolute; bottom:-2vh; left:calc(var(--bx,50%) - var(--bw)/2); width:var(--bw); height:135vh; transform-origin:50% 100%; clip-path:polygon(44% 100%,56% 100%,100% 0,0 0); background:linear-gradient(to top,rgba(255,238,185,.50) 0%,rgba(255,238,185,.24) 42%,rgba(255,238,185,0) 100%); will-change:transform; }
.skyfix{ --bw:78vw; }
.sf-mid{ display:none; }
.sf-g{ position:absolute; left:0; top:0; width:0; height:0; will-change:transform; color:#060A16; }
.sf-p{ position:absolute; width:var(--u); transform:translate(-50%,-50%); line-height:0; }
.sf-p svg{ display:block; width:100%; height:auto; fill:currentColor; }
.sf-x{ display:none; }
.sf-f{ --u:calc(var(--u0)*.4); }   /* P-51 wingspan is about 0.36 of a B-17's, so escorts at the same distance are drawn about 0.4 as big */
/* page content sits above the sky, and the beige bands are see-through */
.hero,.band,.trust,footer,main{ position:relative; z-index:1; }
.hero{ background:none !important; border-bottom:0 !important; }
.hero:after{ display:none !important; }
.hero .deco{ display:none !important; }
.hero:before{ content:""; display:block; height:clamp(150px,40vw,230px); margin:0 -16px; }
.band{ background:transparent !important; }
.band h2,.sec h2{ color:#F7EBC8; text-shadow:3px 3px 0 #B0301F,-1px -1px 0 #0B1020,1px -1px 0 #0B1020,-1px 1px 0 #0B1020; }
.swipe{ color:#F2E6C6; }
.band.dark{ background:rgba(11,16,32,.62) !important; }
.about{ background:rgba(11,16,32,.66) !important; color:#F2E6C6; border-top:6px solid var(--red); border-bottom:6px solid var(--red); }
.about h2{ color:#F7EBC8 !important; text-shadow:3px 3px 0 #B0301F !important; }
.about p{ color:#F2E6C6; }
footer{ background:linear-gradient(to bottom,rgba(11,16,32,.9),#0B1020) !important; }
@media (min-width:700px){
  .skyfix{ --u0:9vw; --bw:46vw; } .sf-mid{ display:block; } .sf-x{ display:block; }
  .sf-moon{ left:auto; right:9%; }
}
@media (min-width:900px){
  .skyfix{ --u0:6.2vw; --bw:34vw; }
  .hero:before{ display:none; }
}
@media (prefers-reduced-motion:reduce){ .sf-stars .tw0,.sf-stars .tw1{ animation:none; } }