/* =============================================================
   ZenithNord — the hero day cycle
   Extracted from index.html 2026-08-27 so the 56 town pages can
   share it. Inlining 35KB into each of them would have added
   about 2MB across the site for one identical block.

   LOAD ORDER MATTERS. This must come after the an-hero <style>
   block and BEFORE assets/an-mobile.css — an-mobile loads late
   and used to override the cycle on phones only, which is a
   miserable bug to find. an-light.css and an-motion.css load
   after it and both deliberately leave .chero alone.
   ============================================================= */

/* =========================================================
   ZenithNord hero - one day, morning to night. 55 seconds.

   The sun rises from behind the headline on the left, arcs
   across, and sets behind the horizon on the right.

   THE ARC is a true ellipse sampled at constant angular
   speed - 24 keyframes generated from sin/cos rather than
   picked by hand. The old one wobbled because its angular
   steps were uneven, which reads as the sun speeding up and
   slowing down on its way across.

   THE HORIZON is a real, opaque element sitting ABOVE the
   sun in the stack, so the sun is genuinely occluded as it
   sets rather than fading out in mid-air.

   NOTHING ANIMATES A GRADIENT. A gradient only interpolates
   when every keyframe has the same stops in the same
   positions; when they do not the browser hard-switches.
   One property, color, drives the disc, its corona and its
   rays together.
   ========================================================= */

/* The horizon sits BELOW the copy. At 72% it cut straight through the
   CTA buttons, which sit at 65-73% of the hero; the copy ends at 79%.
   The extra bottom padding is the ground the skyline stands on. */
.chero{background:#000106;min-height:clamp(660px,88vh,820px);padding:4.5rem 2rem 6rem;
  --cyc:55s;--hz:84%;}
.sky{position:absolute;inset:0;z-index:0;will-change:opacity;}

/* the horizon sits low, so the sky owns most of the hero */
.sky-night{opacity:0;animation:d-night var(--cyc) linear infinite;
 background:linear-gradient(180deg,#000106 0%,#010208 22%,#02040A 44%,#04060D 62%,#070A11 76%,#0B0D13 84%,#16181C 100%);}
.sky-dawn{opacity:0;animation:d-dawn var(--cyc) linear infinite;
 background:linear-gradient(180deg,#0A0E22 0%,#1B1A3E 18%,#3E2246 34%,#6E2A3E 50%,#A83A2A 62%,#D65A1E 72%,#F0801A 80%,#FF9A1E 84%,#16181C 100%);}
.sky-day{opacity:0;animation:d-day var(--cyc) linear infinite;
 background:linear-gradient(180deg,#06326A 0%,#0E58A8 14%,#1A7ECE 28%,#309FDE 42%,#5FBCEA 56%,#95D6F3 68%,#CDEAFA 78%,#EAF6FE 84%,#16181C 100%);}
.sky-set{opacity:0;animation:d-set var(--cyc) linear infinite;
 background:linear-gradient(180deg,#0B1026 0%,#231A44 16%,#4E2148 30%,#8C2C34 46%,#C4401C 60%,#E85E14 72%,#FF7A12 80%,#FF9520 84%,#16181C 100%);}

@keyframes d-night{0%{opacity:1}5%{opacity:.5}11%{opacity:0}76%{opacity:0}82%{opacity:.3}88%{opacity:.7}93%{opacity:1}100%{opacity:1}}
@keyframes d-dawn{0%{opacity:.22}3%{opacity:.4}7%{opacity:1}16%{opacity:.9}26%{opacity:.3}34%{opacity:0}64%{opacity:0}70%{opacity:.18}78%{opacity:.22}84%{opacity:.08}89%{opacity:0}100%{opacity:.22}}
@keyframes d-day{0%{opacity:0}14%{opacity:0}26%{opacity:.5}40%{opacity:1}58%{opacity:1}68%{opacity:.4}77%{opacity:0}100%{opacity:0}}
@keyframes d-set{0%{opacity:0}56%{opacity:0}65%{opacity:.5}76%{opacity:1}81%{opacity:.8}86%{opacity:.3}90%{opacity:.06}94%{opacity:0}100%{opacity:0}}

.chero-stars{position:absolute;left:0;right:0;top:0;height:var(--hz);z-index:1;pointer-events:none;
 opacity:0;animation:d-stars var(--cyc) linear infinite;}
.chero-stars i{position:absolute;border-radius:50%;background:#EDE7DA;display:block;}
@keyframes d-stars{0%{opacity:1}7%{opacity:.4}13%{opacity:0}78%{opacity:0}84%{opacity:.4}90%{opacity:.8}94%{opacity:1}100%{opacity:1}}
@keyframes twk{0%,100%{opacity:var(--o,.5)}50%{opacity:calc(var(--o,.5) * .25)}}

.chero-moon{position:absolute;z-index:1;width:44px;height:44px;border-radius:50%;pointer-events:none;
 left:auto;right:14%;top:15%;opacity:0;animation:d-moon var(--cyc) linear infinite;
 background:radial-gradient(circle at 38% 36%,#F3EEE2 0%,#DCD5C6 46%,#B9B1A2 72%,rgba(185,177,162,0) 82%);}
@keyframes d-moon{0%{opacity:.85}8%{opacity:0}82%{opacity:0}88%{opacity:.7}93%{opacity:.85}100%{opacity:.85}}

/* THE SUN sits at its apex position; the arc translates it from there.
   Below the ground in the stack, so the horizon can cut it. */
.chero.h-solar .chero-disc{
 left:53%;top:40px;margin-left:-49px;bottom:auto;right:auto;width:98px;height:98px;
 border-radius:50%;z-index:2;background:none;overflow:visible;opacity:1;
 /* The arc now dips deep enough that the disc AND its corona are under
    the horizon at both ends, so the sun rises THROUGH the ground rather
    than fading in above it. It breaks the horizon at about 8% of the
    cycle; the glow shows a little before that, which is the point. */
 animation:d-sun var(--cyc) linear infinite,
           d-suncol var(--cyc) ease-in-out infinite;
 opacity:1;}

/* corona first, face second - a corona painted over the face lays a
   cream veil across it and a white midday sun comes out grey */
.chero.h-solar .chero-disc::before{
 content:'';position:absolute;inset:-170%;border-radius:50%;display:block;pointer-events:none;
 opacity:.5;background:radial-gradient(circle,currentColor 0%,rgba(255,255,255,.10) 24%,rgba(255,255,255,0) 46%);}
.chero.h-solar .chero-disc::after{
 content:'';position:absolute;inset:0;border-radius:50%;display:block;
 background:radial-gradient(circle at 50% 38%,rgba(255,255,255,.92) 0%,rgba(255,255,255,.34) 42%,rgba(255,255,255,.06) 72%,rgba(255,255,255,0) 88%),currentColor;}

/* glare - strongest when the sun is low and the air is thick */
.sun-rays{position:absolute;inset:-260%;border-radius:50%;pointer-events:none;z-index:-1;
 background:conic-gradient(from 0deg,transparent -1.2deg,currentColor 0.0deg,transparent 1.2deg,transparent 18.2deg,currentColor 19.4deg,transparent 20.6deg,transparent 31.5deg,currentColor 32.7deg,transparent 33.9deg,transparent 50.9deg,currentColor 52.1deg,transparent 53.3deg,transparent 64.3deg,currentColor 65.5deg,transparent 66.7deg,transparent 83.6deg,currentColor 84.8deg,transparent 86.0deg,transparent 97.0deg,currentColor 98.2deg,transparent 99.4deg,transparent 116.3deg,currentColor 117.5deg,transparent 118.7deg,transparent 129.7deg,currentColor 130.9deg,transparent 132.1deg,transparent 149.1deg,currentColor 150.3deg,transparent 151.5deg,transparent 162.4deg,currentColor 163.6deg,transparent 164.8deg,transparent 181.8deg,currentColor 183.0deg,transparent 184.2deg,transparent 195.2deg,currentColor 196.4deg,transparent 197.6deg,transparent 214.5deg,currentColor 215.7deg,transparent 216.9deg,transparent 227.9deg,currentColor 229.1deg,transparent 230.3deg,transparent 247.3deg,currentColor 248.5deg,transparent 249.7deg,transparent 260.6deg,currentColor 261.8deg,transparent 263.0deg,transparent 280.0deg,currentColor 281.2deg,transparent 282.4deg,transparent 293.3deg,currentColor 294.5deg,transparent 295.7deg,transparent 312.7deg,currentColor 313.9deg,transparent 315.1deg,transparent 326.1deg,currentColor 327.3deg,transparent 328.5deg,transparent 345.4deg,currentColor 346.6deg,transparent 347.8deg);
 -webkit-mask-image:radial-gradient(circle,#000 6%,rgba(0,0,0,.55) 16%,rgba(0,0,0,.18) 28%,transparent 42%);
 mask-image:radial-gradient(circle,#000 6%,rgba(0,0,0,.55) 16%,rgba(0,0,0,.18) 28%,transparent 42%);
 animation:rayspin 140s linear infinite, d-rays var(--cyc) linear infinite;}
@keyframes rayspin{to{transform:rotate(360deg)}}
@keyframes d-rays{0%{opacity:0}10%{opacity:.5}25%{opacity:.3}45%{opacity:.16}55%{opacity:.16}72%{opacity:.35}77%{opacity:.5}81%{opacity:.22}84%{opacity:0}100%{opacity:0}}

@keyframes d-suncol{
 0%{color:#F2600E}10%{color:#FF7A1C}25%{color:#FFA83A}40%{color:#FFF0C0}
 50%{color:#FFFFFF}60%{color:#FFF0C0}76%{color:#FFA036}90%{color:#FA6A12}100%{color:#F2600E}}

@keyframes d-sun{
  0%{transform:translate(-37.86vw,848.0px) scale(1.280)}
  3.826%{transform:translate(-37.94vw,735.6px) scale(1.224)}
  7.652%{transform:translate(-37.23vw,624.2px) scale(1.169)}
  11.48%{transform:translate(-35.76vw,516.0px) scale(1.116)}
  15.3%{transform:translate(-33.54vw,413.3px) scale(1.065)}
  19.13%{transform:translate(-30.62vw,318.2px) scale(1.018)}
  22.96%{transform:translate(-27.07vw,232.7px) scale(0.975)}
  26.78%{transform:translate(-22.96vw,158.5px) scale(0.939)}
  30.61%{transform:translate(-18.37vw,97.2px) scale(0.908)}
  34.43%{transform:translate(-13.40vw,50.1px) scale(0.885)}
  38.26%{transform:translate(-8.15vw,18.2px) scale(0.869)}
  42.09%{transform:translate(-2.74vw,2.0px) scale(0.861)}
  45.91%{transform:translate(2.74vw,2.0px) scale(0.861)}
  49.74%{transform:translate(8.15vw,18.2px) scale(0.869)}
  53.57%{transform:translate(13.40vw,50.1px) scale(0.885)}
  57.39%{transform:translate(18.37vw,97.2px) scale(0.908)}
  61.22%{transform:translate(22.96vw,158.5px) scale(0.939)}
  65.04%{transform:translate(27.07vw,232.7px) scale(0.975)}
  68.87%{transform:translate(30.62vw,318.2px) scale(1.018)}
  72.7%{transform:translate(33.54vw,413.3px) scale(1.065)}
  76.52%{transform:translate(35.76vw,516.0px) scale(1.116)}
  80.35%{transform:translate(37.23vw,624.2px) scale(1.169)}
  84.17%{transform:translate(37.94vw,735.6px) scale(1.224)}
  88%{transform:translate(37.86vw,848.0px) scale(1.280)}
  100%{transform:translate(-37.86vw,848.0px) scale(1.280)}
}

@keyframes d-glowx{
  0%{transform:translateX(-37.86vw)}
  11.48%{transform:translateX(-35.76vw)}
  22.96%{transform:translateX(-27.07vw)}
  34.43%{transform:translateX(-13.40vw)}
  45.91%{transform:translateX(2.74vw)}
  57.39%{transform:translateX(18.37vw)}
  68.87%{transform:translateX(30.62vw)}
  80.35%{transform:translateX(37.23vw)}
  100%{transform:translateX(-37.86vw)}
}

.glow-warm{position:absolute;left:53%;top:var(--hz);bottom:auto;width:62vw;margin-left:-31vw;
 height:46vh;margin-top:-23vh;z-index:1;pointer-events:none;
 background:radial-gradient(ellipse 42% 46% at 50% 50%,rgba(255,116,24,.72) 0%,rgba(240,84,18,.32) 36%,rgba(214,64,16,.10) 58%,rgba(214,64,16,0) 76%);
 animation:d-glowx var(--cyc) linear infinite, d-glow var(--cyc) linear infinite;}
@keyframes d-glow{0%{opacity:.03}9%{opacity:1}20%{opacity:.8}34%{opacity:.22}46%{opacity:.05}60%{opacity:.2}76%{opacity:.9}79%{opacity:1}83%{opacity:.45}87%{opacity:.12}91%{opacity:.02}100%{opacity:.03}}

/* THE HORIZON - a hard line, with a skyline standing on it so the edge
   carries detail instead of reading as a ruled rule. Opaque, and above
   the sun in the stack, so the sun sets behind the rooftops. */
.chero-ground{position:absolute;left:0;right:0;top:var(--hz);bottom:0;z-index:3;
 background:#16181C;pointer-events:none;animation:d-suncol var(--cyc) ease-in-out infinite;}
.chero-ground::before{content:'';position:absolute;left:0;right:0;top:-1px;height:2px;
 background:currentColor;animation:d-rim var(--cyc) linear infinite;}
@keyframes d-rim{0%{opacity:.06}10%{opacity:.5}30%{opacity:.2}50%{opacity:.12}70%{opacity:.28}78%{opacity:.5}84%{opacity:.16}90%{opacity:.06}100%{opacity:.06}}

/* A single 4000px stretch of country, nothing repeated: hills and
   hedgerow, houses with arrays on their roofs, a wood, a terrace, an
   arched viaduct, a church, a farm with barn and silo, pylons carrying
   wires between them, a works with its chimney, wind turbines, a water
   tower and cottages. Drawn in the page colour so it reads as
   silhouette against every sky the cycle throws behind it, and centred
   so narrow screens get the middle of the scene rather than one end. */
.chero-skyline{position:absolute;left:0;right:0;top:calc(var(--hz) - 110px);height:112px;z-index:3;
 pointer-events:none;background-repeat:no-repeat;background-position:center bottom;background-size:auto 112px;
 background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%224200%22%20height%3D%22152%22%20viewBox%3D%220%20-12%204200%20152%22%20fill%3D%22%2316181C%22%3E%3Crect%20x%3D%220%22%20y%3D%22132%22%20width%3D%224200%22%20height%3D%2210%22%2F%3E%3Cpath%20d%3D%22M-60%20140%20Q130%2098%20320%20140Z%22%2F%3E%3Ccircle%20cx%3D%2287%22%20cy%3D%22114%22%20r%3D%2217%22%2F%3E%3Cellipse%20cx%3D%2277%22%20cy%3D%22121%22%20rx%3D%2211%22%20ry%3D%229%22%2F%3E%3Cellipse%20cx%3D%2297%22%20cy%3D%22120%22%20rx%3D%2210%22%20ry%3D%228%22%2F%3E%3Crect%20x%3D%2285%22%20y%3D%22124%22%20width%3D%224%22%20height%3D%2216%22%2F%3E%3Ccircle%20cx%3D%22150%22%20cy%3D%22126%22%20r%3D%2210%22%2F%3E%3Ccircle%20cx%3D%22165%22%20cy%3D%22126%22%20r%3D%2211%22%2F%3E%3Ccircle%20cx%3D%22180%22%20cy%3D%22126%22%20r%3D%2211%22%2F%3E%3Ccircle%20cx%3D%22196%22%20cy%3D%22126%22%20r%3D%228%22%2F%3E%3Ccircle%20cx%3D%22209%22%20cy%3D%22126%22%20r%3D%2212%22%2F%3E%3Ccircle%20cx%3D%22224%22%20cy%3D%22126%22%20r%3D%2212%22%2F%3E%3Ccircle%20cx%3D%22235%22%20cy%3D%22126%22%20r%3D%2210%22%2F%3E%3Cpath%20d%3D%22M267%2090%20L275%20118%20L271%20117%20L279%20134%20L255%20134%20L263%20117%20L259%20118Z%22%2F%3E%3Cpath%20d%3D%22M310%20140%20L310%2098%20L358%2066%20L406%2098%20L406%20140Z%22%2F%3E%3Crect%20x%3D%22355%22%20y%3D%2260%22%20width%3D%227%22%20height%3D%2240%22%2F%3E%3Cpath%20d%3D%22M362%2072%20L400%20101%20L400%2094%20L362%2065Z%22%2F%3E%3Crect%20x%3D%22357%22%20y%3D%2298%22%20width%3D%222%22%20height%3D%2242%22%2F%3E%3Ccircle%20cx%3D%22444%22%20cy%3D%22112%22%20r%3D%2219%22%2F%3E%3Cellipse%20cx%3D%22433%22%20cy%3D%22119%22%20rx%3D%2212%22%20ry%3D%2210%22%2F%3E%3Cellipse%20cx%3D%22455%22%20cy%3D%22118%22%20rx%3D%2211%22%20ry%3D%2210%22%2F%3E%3Crect%20x%3D%22442%22%20y%3D%22123%22%20width%3D%224%22%20height%3D%2217%22%2F%3E%3Cpath%20d%3D%22M470%20140%20L470%20114%20L507%2096%20L544%20114%20L544%20140Z%22%2F%3E%3Crect%20x%3D%22530%22%20y%3D%2292%22%20width%3D%226%22%20height%3D%2224%22%2F%3E%3Cpath%20d%3D%22M511%20102%20L538%20117%20L538%20110%20L511%2095Z%22%2F%3E%3Cpath%20d%3D%22M573%2088%20L582%20117%20L578%20116%20L586%20134%20L560%20134%20L568%20116%20L564%20117Z%22%2F%3E%3Cpath%20d%3D%22M600%20140%20L600%2096%20L642%2062%20L684%2096%20L684%20140Z%22%2F%3E%3Crect%20x%3D%22668%22%20y%3D%2256%22%20width%3D%227%22%20height%3D%2242%22%2F%3E%3Cpath%20d%3D%22M646%2068%20L678%2099%20L678%2092%20L646%2061Z%22%2F%3E%3Cpath%20d%3D%22M618%2090%20L625%2076%20L635%2090Z%22%2F%3E%3Ccircle%20cx%3D%22700%22%20cy%3D%22126%22%20r%3D%2210%22%2F%3E%3Ccircle%20cx%3D%22714%22%20cy%3D%22126%22%20r%3D%228%22%2F%3E%3Ccircle%20cx%3D%22726%22%20cy%3D%22126%22%20r%3D%229%22%2F%3E%3Ccircle%20cx%3D%22742%22%20cy%3D%22126%22%20r%3D%2211%22%2F%3E%3Ccircle%20cx%3D%22753%22%20cy%3D%22126%22%20r%3D%2211%22%2F%3E%3Ccircle%20cx%3D%22765%22%20cy%3D%22126%22%20r%3D%2210%22%2F%3E%3Cpath%20d%3D%22M790%20140%20L790%20100%20L825%2070%20L860%20100%20L860%20140Z%22%2F%3E%3Crect%20x%3D%22842%22%20y%3D%2263%22%20width%3D%227%22%20height%3D%2239%22%2F%3E%3Cpath%20d%3D%22M829%2076%20L854%20103%20L854%2096%20L829%2069Z%22%2F%3E%3Ccircle%20cx%3D%22901%22%20cy%3D%22109%22%20r%3D%2221%22%2F%3E%3Cellipse%20cx%3D%22888%22%20cy%3D%22118%22%20rx%3D%2213%22%20ry%3D%2211%22%2F%3E%3Cellipse%20cx%3D%22914%22%20cy%3D%22117%22%20rx%3D%2212%22%20ry%3D%2210%22%2F%3E%3Crect%20x%3D%22899%22%20y%3D%22122%22%20width%3D%224%22%20height%3D%2218%22%2F%3E%3Ccircle%20cx%3D%22930%22%20cy%3D%22113%22%20r%3D%2225%22%2F%3E%3Cpath%20d%3D%22M931%2074%20L938%20111%20L935%20110%20L941%20134%20L921%20134%20L927%20110%20L924%20111Z%22%2F%3E%3Ccircle%20cx%3D%22947%22%20cy%3D%22112%22%20r%3D%2227%22%2F%3E%3Ccircle%20cx%3D%22966%22%20cy%3D%22112%22%20r%3D%2227%22%2F%3E%3Ccircle%20cx%3D%22990%22%20cy%3D%22119%22%20r%3D%2217%22%2F%3E%3Ccircle%20cx%3D%221014%22%20cy%3D%22112%22%20r%3D%2227%22%2F%3E%3Ccircle%20cx%3D%221033%22%20cy%3D%22117%22%20r%3D%2219%22%2F%3E%3Cpath%20d%3D%22M1034%2090%20L1040%20118%20L1037%20117%20L1044%20134%20L1024%20134%20L1030%20117%20L1027%20118Z%22%2F%3E%3Ccircle%20cx%3D%221049%22%20cy%3D%22120%22%20r%3D%2216%22%2F%3E%3Ccircle%20cx%3D%221072%22%20cy%3D%22121%22%20r%3D%2215%22%2F%3E%3Ccircle%20cx%3D%221091%22%20cy%3D%22118%22%20r%3D%2219%22%2F%3E%3Ccircle%20cx%3D%221112%22%20cy%3D%22118%22%20r%3D%2219%22%2F%3E%3Ccircle%20cx%3D%221137%22%20cy%3D%22120%22%20r%3D%2216%22%2F%3E%3Ccircle%20cx%3D%221151%22%20cy%3D%22114%22%20r%3D%2224%22%2F%3E%3Ccircle%20cx%3D%221165%22%20cy%3D%22114%22%20r%3D%2224%22%2F%3E%3Ccircle%20cx%3D%221188%22%20cy%3D%22121%22%20r%3D%2215%22%2F%3E%3Cpath%20d%3D%22M1189%20101%20L1196%20123%20L1193%20122%20L1199%20134%20L1179%20134%20L1185%20122%20L1182%20123Z%22%2F%3E%3Ccircle%20cx%3D%221205%22%20cy%3D%22112%22%20r%3D%2226%22%2F%3E%3Cpath%20d%3D%22M1206%2071%20L1213%20110%20L1209%20108%20L1216%20134%20L1196%20134%20L1202%20108%20L1199%20110Z%22%2F%3E%3Ccircle%20cx%3D%22954%22%20cy%3D%22107%22%20r%3D%2224%22%2F%3E%3Ccircle%20cx%3D%22973%22%20cy%3D%22111%22%20r%3D%2219%22%2F%3E%3Ccircle%20cx%3D%22989%22%20cy%3D%22109%22%20r%3D%2222%22%2F%3E%3Ccircle%20cx%3D%221016%22%20cy%3D%22115%22%20r%3D%2213%22%2F%3E%3Ccircle%20cx%3D%221031%22%20cy%3D%22112%22%20r%3D%2217%22%2F%3E%3Ccircle%20cx%3D%221059%22%20cy%3D%22112%22%20r%3D%2217%22%2F%3E%3Ccircle%20cx%3D%221081%22%20cy%3D%22112%22%20r%3D%2217%22%2F%3E%3Ccircle%20cx%3D%221098%22%20cy%3D%22115%22%20r%3D%2214%22%2F%3E%3Cpath%20d%3D%22M1099%20104%20L1106%20124%20L1103%20123%20L1109%20134%20L1089%20134%20L1095%20123%20L1092%20124Z%22%2F%3E%3Ccircle%20cx%3D%221122%22%20cy%3D%22106%22%20r%3D%2225%22%2F%3E%3Cpath%20d%3D%22M1123%2075%20L1130%20111%20L1127%20110%20L1133%20134%20L1113%20134%20L1120%20110%20L1117%20111Z%22%2F%3E%3Ccircle%20cx%3D%221137%22%20cy%3D%22106%22%20r%3D%2225%22%2F%3E%3Ccircle%20cx%3D%221157%22%20cy%3D%22113%22%20r%3D%2216%22%2F%3E%3Ccircle%20cx%3D%221184%22%20cy%3D%22111%22%20r%3D%2218%22%2F%3E%3Ccircle%20cx%3D%221198%22%20cy%3D%22107%22%20r%3D%2224%22%2F%3E%3Cpath%20d%3D%22M1199%2078%20L1206%20113%20L1203%20111%20L1209%20134%20L1189%20134%20L1196%20111%20L1193%20113Z%22%2F%3E%3Ccircle%20cx%3D%221220%22%20cy%3D%22108%22%20r%3D%2223%22%2F%3E%3Cpath%20d%3D%22M1221%2080%20L1228%20114%20L1224%20112%20L1231%20134%20L1211%20134%20L1217%20112%20L1214%20114Z%22%2F%3E%3Ccircle%20cx%3D%22955%22%20cy%3D%22104%22%20r%3D%2219%22%2F%3E%3Ccircle%20cx%3D%22970%22%20cy%3D%22106%22%20r%3D%2216%22%2F%3E%3Cpath%20d%3D%22M971%2098%20L978%20121%20L975%20121%20L981%20134%20L961%20134%20L968%20121%20L964%20121Z%22%2F%3E%3Ccircle%20cx%3D%22997%22%20cy%3D%22107%22%20r%3D%2215%22%2F%3E%3Ccircle%20cx%3D%221026%22%20cy%3D%22102%22%20r%3D%2221%22%2F%3E%3Ccircle%20cx%3D%221047%22%20cy%3D%22105%22%20r%3D%2217%22%2F%3E%3Ccircle%20cx%3D%221068%22%20cy%3D%22107%22%20r%3D%2214%22%2F%3E%3Ccircle%20cx%3D%221084%22%20cy%3D%22106%22%20r%3D%2216%22%2F%3E%3Ccircle%20cx%3D%221113%22%20cy%3D%22104%22%20r%3D%2219%22%2F%3E%3Ccircle%20cx%3D%221132%22%20cy%3D%22109%22%20r%3D%2212%22%2F%3E%3Ccircle%20cx%3D%221157%22%20cy%3D%22102%22%20r%3D%2221%22%2F%3E%3Ccircle%20cx%3D%221183%22%20cy%3D%22103%22%20r%3D%2220%22%2F%3E%3Ccircle%20cx%3D%221207%22%20cy%3D%22103%22%20r%3D%2220%22%2F%3E%3Crect%20x%3D%22930%22%20y%3D%22124%22%20width%3D%22300%22%20height%3D%2218%22%2F%3E%3Cpath%20d%3D%22M1260%20140%20L1260%20102%20L1282%2080%20L1304%20102%20L1304%20140Z%22%2F%3E%3Crect%20x%3D%221295%22%20y%3D%2275%22%20width%3D%226%22%20height%3D%2229%22%2F%3E%3Cpath%20d%3D%22M1286%2086%20L1298%20105%20L1298%2098%20L1286%2079Z%22%2F%3E%3Cpath%20d%3D%22M1304%20140%20L1304%20102%20L1326%2080%20L1348%20102%20L1348%20140Z%22%2F%3E%3Crect%20x%3D%221339%22%20y%3D%2275%22%20width%3D%226%22%20height%3D%2229%22%2F%3E%3Cpath%20d%3D%22M1348%20140%20L1348%20102%20L1370%2080%20L1392%20102%20L1392%20140Z%22%2F%3E%3Crect%20x%3D%221383%22%20y%3D%2275%22%20width%3D%226%22%20height%3D%2229%22%2F%3E%3Cpath%20d%3D%22M1374%2086%20L1386%20105%20L1386%2098%20L1374%2079Z%22%2F%3E%3Cpath%20d%3D%22M1392%20140%20L1392%20102%20L1414%2080%20L1436%20102%20L1436%20140Z%22%2F%3E%3Crect%20x%3D%221427%22%20y%3D%2275%22%20width%3D%226%22%20height%3D%2229%22%2F%3E%3Cpath%20d%3D%22M1436%20140%20L1436%20102%20L1458%2080%20L1480%20102%20L1480%20140Z%22%2F%3E%3Crect%20x%3D%221471%22%20y%3D%2275%22%20width%3D%226%22%20height%3D%2229%22%2F%3E%3Cpath%20d%3D%22M1462%2086%20L1474%20105%20L1474%2098%20L1462%2079Z%22%2F%3E%3Cpath%20d%3D%22M1480%20140%20L1480%20102%20L1502%2080%20L1524%20102%20L1524%20140Z%22%2F%3E%3Crect%20x%3D%221515%22%20y%3D%2275%22%20width%3D%226%22%20height%3D%2229%22%2F%3E%3Ccircle%20cx%3D%221558%22%20cy%3D%22114%22%20r%3D%2218%22%2F%3E%3Cellipse%20cx%3D%221547%22%20cy%3D%22121%22%20rx%3D%2211%22%20ry%3D%229%22%2F%3E%3Cellipse%20cx%3D%221569%22%20cy%3D%22120%22%20rx%3D%2210%22%20ry%3D%229%22%2F%3E%3Crect%20x%3D%221556%22%20y%3D%22124%22%20width%3D%224%22%20height%3D%2216%22%2F%3E%3Ccircle%20cx%3D%221580%22%20cy%3D%22126%22%20r%3D%229%22%2F%3E%3Ccircle%20cx%3D%221593%22%20cy%3D%22126%22%20r%3D%2211%22%2F%3E%3Ccircle%20cx%3D%221608%22%20cy%3D%22126%22%20r%3D%229%22%2F%3E%3Ccircle%20cx%3D%221624%22%20cy%3D%22126%22%20r%3D%2211%22%2F%3E%3Ccircle%20cx%3D%221638%22%20cy%3D%22126%22%20r%3D%228%22%2F%3E%3Ccircle%20cx%3D%221651%22%20cy%3D%22126%22%20r%3D%229%22%2F%3E%3Cpath%20d%3D%22M1680%20140%20L1680%2096%20L1730%2062%20L1780%2096%20L1780%20140Z%22%2F%3E%3Crect%20x%3D%221727%22%20y%3D%2256%22%20width%3D%227%22%20height%3D%2242%22%2F%3E%3Cpath%20d%3D%22M1734%2068%20L1774%2099%20L1774%2092%20L1734%2061Z%22%2F%3E%3Crect%20x%3D%221729%22%20y%3D%2296%22%20width%3D%222%22%20height%3D%2244%22%2F%3E%3Cpath%20d%3D%22M1814%2084%20L1824%20115%20L1819%20114%20L1828%20134%20L1800%20134%20L1809%20114%20L1804%20115Z%22%2F%3E%3Cpath%20d%3D%22M1846%20140%20L1846%2098%20L1884%2066%20L1922%2098%20L1922%20140Z%22%2F%3E%3Crect%20x%3D%221904%22%20y%3D%2258%22%20width%3D%228%22%20height%3D%2242%22%2F%3E%3Cpath%20d%3D%22M1888%2072%20L1916%20101%20L1916%2094%20L1888%2065Z%22%2F%3E%3Cpath%20d%3D%22M1955%20140%20L1965%2050%20L1975%2050%20L1985%20140%20L1979%20140%20L1970%2090%20L1961%20140Z%22%2F%3E%3Crect%20x%3D%221942%22%20y%3D%2259%22%20width%3D%2256%22%20height%3D%223%22%2F%3E%3Crect%20x%3D%221948%22%20y%3D%2275%22%20width%3D%2244%22%20height%3D%223%22%2F%3E%3Crect%20x%3D%221954%22%20y%3D%2290%22%20width%3D%2232%22%20height%3D%223%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%2316181C%22%20stroke-width%3D%222%22%20d%3D%22M1970%2059%20Q2070%2083%202170%2059%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%2316181C%22%20stroke-width%3D%222%22%20d%3D%22M1970%2075%20Q2070%2099%202170%2075%22%2F%3E%3Cpath%20d%3D%22M2155%20140%20L2165%2050%20L2175%2050%20L2185%20140%20L2179%20140%20L2170%2090%20L2161%20140Z%22%2F%3E%3Crect%20x%3D%222142%22%20y%3D%2259%22%20width%3D%2256%22%20height%3D%223%22%2F%3E%3Crect%20x%3D%222148%22%20y%3D%2275%22%20width%3D%2244%22%20height%3D%223%22%2F%3E%3Crect%20x%3D%222154%22%20y%3D%2290%22%20width%3D%2232%22%20height%3D%223%22%2F%3E%3Cpath%20d%3D%22M2010%20140%20L2010%20114%20L2045%2096%20L2080%20114%20L2080%20140Z%22%2F%3E%3Crect%20x%3D%222066%22%20y%3D%2292%22%20width%3D%226%22%20height%3D%2224%22%2F%3E%3Cpath%20d%3D%22M2049%20102%20L2074%20117%20L2074%20110%20L2049%2095Z%22%2F%3E%3Ccircle%20cx%3D%222116%22%20cy%3D%22116%22%20r%3D%2216%22%2F%3E%3Cellipse%20cx%3D%222106%22%20cy%3D%22123%22%20rx%3D%2210%22%20ry%3D%228%22%2F%3E%3Cellipse%20cx%3D%222126%22%20cy%3D%22122%22%20rx%3D%229%22%20ry%3D%228%22%2F%3E%3Crect%20x%3D%222114%22%20y%3D%22125%22%20width%3D%224%22%20height%3D%2215%22%2F%3E%3Crect%20x%3D%222230%22%20y%3D%2296%22%20width%3D%2272%22%20height%3D%2246%22%2F%3E%3Crect%20x%3D%222304%22%20y%3D%2254%22%20width%3D%2228%22%20height%3D%2288%22%2F%3E%3Cpath%20d%3D%22M2304%2054%20L2318%2016%20L2332%2054Z%22%2F%3E%3Ccircle%20cx%3D%222350%22%20cy%3D%22126%22%20r%3D%2210%22%2F%3E%3Ccircle%20cx%3D%222365%22%20cy%3D%22126%22%20r%3D%2211%22%2F%3E%3Ccircle%20cx%3D%222380%22%20cy%3D%22126%22%20r%3D%229%22%2F%3E%3Ccircle%20cx%3D%222394%22%20cy%3D%22126%22%20r%3D%2211%22%2F%3E%3Ccircle%20cx%3D%222409%22%20cy%3D%22126%22%20r%3D%229%22%2F%3E%3Cpath%20d%3D%22M2440%20140%20L2440%2096%20L2484%2060%20L2528%2096%20L2528%20140Z%22%2F%3E%3Crect%20x%3D%222512%22%20y%3D%2254%22%20width%3D%227%22%20height%3D%2244%22%2F%3E%3Cpath%20d%3D%22M2488%2066%20L2522%2099%20L2522%2092%20L2488%2059Z%22%2F%3E%3Cpath%20d%3D%22M2459%2090%20L2466%2076%20L2477%2090Z%22%2F%3E%3Ccircle%20cx%3D%222565%22%20cy%3D%22110%22%20r%3D%2220%22%2F%3E%3Cellipse%20cx%3D%222553%22%20cy%3D%22118%22%20rx%3D%2212%22%20ry%3D%2210%22%2F%3E%3Cellipse%20cx%3D%222577%22%20cy%3D%22117%22%20rx%3D%2212%22%20ry%3D%2210%22%2F%3E%3Crect%20x%3D%222563%22%20y%3D%22122%22%20width%3D%224%22%20height%3D%2218%22%2F%3E%3Cpath%20d%3D%22M2600%20140%20L2600%20104%20L2621%2082%20L2642%20104%20L2642%20140Z%22%2F%3E%3Crect%20x%3D%222633%22%20y%3D%2277%22%20width%3D%226%22%20height%3D%2229%22%2F%3E%3Cpath%20d%3D%22M2625%2088%20L2636%20107%20L2636%20100%20L2625%2081Z%22%2F%3E%3Cpath%20d%3D%22M2642%20140%20L2642%20104%20L2663%2082%20L2684%20104%20L2684%20140Z%22%2F%3E%3Crect%20x%3D%222675%22%20y%3D%2277%22%20width%3D%226%22%20height%3D%2229%22%2F%3E%3Cpath%20d%3D%22M2684%20140%20L2684%20104%20L2705%2082%20L2726%20104%20L2726%20140Z%22%2F%3E%3Crect%20x%3D%222717%22%20y%3D%2277%22%20width%3D%226%22%20height%3D%2229%22%2F%3E%3Cpath%20d%3D%22M2709%2088%20L2720%20107%20L2720%20100%20L2709%2081Z%22%2F%3E%3Cpath%20d%3D%22M2726%20140%20L2726%20104%20L2747%2082%20L2768%20104%20L2768%20140Z%22%2F%3E%3Crect%20x%3D%222759%22%20y%3D%2277%22%20width%3D%226%22%20height%3D%2229%22%2F%3E%3Cpath%20d%3D%22M2768%20140%20L2768%20104%20L2789%2082%20L2810%20104%20L2810%20140Z%22%2F%3E%3Crect%20x%3D%222801%22%20y%3D%2277%22%20width%3D%226%22%20height%3D%2229%22%2F%3E%3Cpath%20d%3D%22M2793%2088%20L2804%20107%20L2804%20100%20L2793%2081Z%22%2F%3E%3Cpath%20d%3D%22M2845%2080%20L2855%20114%20L2850%20112%20L2860%20134%20L2830%20134%20L2840%20112%20L2835%20114Z%22%2F%3E%3Ccircle%20cx%3D%222893%22%20cy%3D%22115%22%20r%3D%2223%22%2F%3E%3Ccircle%20cx%3D%222921%22%20cy%3D%22116%22%20r%3D%2221%22%2F%3E%3Ccircle%20cx%3D%222937%22%20cy%3D%22113%22%20r%3D%2225%22%2F%3E%3Ccircle%20cx%3D%222959%22%20cy%3D%22115%22%20r%3D%2223%22%2F%3E%3Ccircle%20cx%3D%222984%22%20cy%3D%22119%22%20r%3D%2217%22%2F%3E%3Ccircle%20cx%3D%223006%22%20cy%3D%22115%22%20r%3D%2223%22%2F%3E%3Ccircle%20cx%3D%223030%22%20cy%3D%22114%22%20r%3D%2224%22%2F%3E%3Ccircle%20cx%3D%223054%22%20cy%3D%22121%22%20r%3D%2215%22%2F%3E%3Cpath%20d%3D%22M3055%20100%20L3062%20122%20L3059%20122%20L3065%20134%20L3045%20134%20L3052%20122%20L3049%20122Z%22%2F%3E%3Ccircle%20cx%3D%223075%22%20cy%3D%22115%22%20r%3D%2223%22%2F%3E%3Cpath%20d%3D%22M3076%2081%20L3083%20114%20L3080%20113%20L3086%20134%20L3066%20134%20L3072%20113%20L3069%20114Z%22%2F%3E%3Ccircle%20cx%3D%222886%22%20cy%3D%22115%22%20r%3D%2214%22%2F%3E%3Ccircle%20cx%3D%222904%22%20cy%3D%22115%22%20r%3D%2214%22%2F%3E%3Cpath%20d%3D%22M2905%20105%20L2912%20124%20L2908%20124%20L2915%20134%20L2895%20134%20L2901%20124%20L2898%20124Z%22%2F%3E%3Ccircle%20cx%3D%222923%22%20cy%3D%22114%22%20r%3D%2215%22%2F%3E%3Cpath%20d%3D%22M2924%20101%20L2930%20123%20L2927%20122%20L2934%20134%20L2914%20134%20L2920%20122%20L2917%20123Z%22%2F%3E%3Ccircle%20cx%3D%222937%22%20cy%3D%22111%22%20r%3D%2219%22%2F%3E%3Ccircle%20cx%3D%222960%22%20cy%3D%22110%22%20r%3D%2220%22%2F%3E%3Cpath%20d%3D%22M2961%2088%20L2968%20117%20L2965%20116%20L2971%20134%20L2951%20134%20L2958%20116%20L2954%20117Z%22%2F%3E%3Ccircle%20cx%3D%222988%22%20cy%3D%22115%22%20r%3D%2213%22%2F%3E%3Ccircle%20cx%3D%223006%22%20cy%3D%22112%22%20r%3D%2218%22%2F%3E%3Cpath%20d%3D%22M3007%2093%20L3014%20119%20L3011%20119%20L3017%20134%20L2997%20134%20L3003%20119%20L3000%20119Z%22%2F%3E%3Ccircle%20cx%3D%223032%22%20cy%3D%22112%22%20r%3D%2217%22%2F%3E%3Cpath%20d%3D%22M3033%2095%20L3040%20120%20L3037%20119%20L3043%20134%20L3023%20134%20L3030%20119%20L3027%20120Z%22%2F%3E%3Ccircle%20cx%3D%223056%22%20cy%3D%22114%22%20r%3D%2214%22%2F%3E%3Ccircle%20cx%3D%223075%22%20cy%3D%22110%22%20r%3D%2220%22%2F%3E%3Crect%20x%3D%222870%22%20y%3D%22124%22%20width%3D%22220%22%20height%3D%2218%22%2F%3E%3Cpath%20d%3D%22M3120%20140%20L3120%2098%20L3167%2064%20L3214%2098%20L3214%20140Z%22%2F%3E%3Crect%20x%3D%223164%22%20y%3D%2258%22%20width%3D%227%22%20height%3D%2242%22%2F%3E%3Cpath%20d%3D%22M3171%2070%20L3208%20101%20L3208%2094%20L3171%2063Z%22%2F%3E%3Crect%20x%3D%223166%22%20y%3D%2298%22%20width%3D%222%22%20height%3D%2242%22%2F%3E%3Ccircle%20cx%3D%223253%22%20cy%3D%22114%22%20r%3D%2218%22%2F%3E%3Cellipse%20cx%3D%223242%22%20cy%3D%22121%22%20rx%3D%2211%22%20ry%3D%229%22%2F%3E%3Cellipse%20cx%3D%223264%22%20cy%3D%22120%22%20rx%3D%2210%22%20ry%3D%229%22%2F%3E%3Crect%20x%3D%223251%22%20y%3D%22124%22%20width%3D%224%22%20height%3D%2216%22%2F%3E%3Cpath%20d%3D%22M3280%20140%20L3280%20100%20L3316%2068%20L3352%20100%20L3352%20140Z%22%2F%3E%3Crect%20x%3D%223334%22%20y%3D%2261%22%20width%3D%228%22%20height%3D%2241%22%2F%3E%3Cpath%20d%3D%22M3320%2074%20L3346%20103%20L3346%2096%20L3320%2067Z%22%2F%3E%3Crect%20x%3D%223376%22%20y%3D%2276%22%20width%3D%225%22%20height%3D%2266%22%2F%3E%3Crect%20x%3D%223397%22%20y%3D%2276%22%20width%3D%225%22%20height%3D%2266%22%2F%3E%3Crect%20x%3D%223418%22%20y%3D%2276%22%20width%3D%225%22%20height%3D%2266%22%2F%3E%3Cpath%20d%3D%22M3369%2076%20L3431%2076%20L3424%2048%20L3376%2048Z%22%2F%3E%3Cpath%20d%3D%22M3472%2092%20L3480%20119%20L3476%20118%20L3484%20134%20L3460%20134%20L3468%20118%20L3464%20119Z%22%2F%3E%3Cpath%20d%3D%22M3500%20140%20L3500%20114%20L3538%2096%20L3576%20114%20L3576%20140Z%22%2F%3E%3Crect%20x%3D%223562%22%20y%3D%2292%22%20width%3D%226%22%20height%3D%2224%22%2F%3E%3Cpath%20d%3D%22M3542%20102%20L3570%20117%20L3570%20110%20L3542%2095Z%22%2F%3E%3Ccircle%20cx%3D%223600%22%20cy%3D%22126%22%20r%3D%2210%22%2F%3E%3Ccircle%20cx%3D%223615%22%20cy%3D%22126%22%20r%3D%2211%22%2F%3E%3Ccircle%20cx%3D%223628%22%20cy%3D%22126%22%20r%3D%229%22%2F%3E%3Ccircle%20cx%3D%223642%22%20cy%3D%22126%22%20r%3D%2210%22%2F%3E%3Ccircle%20cx%3D%223658%22%20cy%3D%22126%22%20r%3D%2212%22%2F%3E%3Ccircle%20cx%3D%223672%22%20cy%3D%22126%22%20r%3D%229%22%2F%3E%3Cpath%20d%3D%22M3700%20140%20L3700%20100%20L3723%2078%20L3746%20100%20L3746%20140Z%22%2F%3E%3Crect%20x%3D%223737%22%20y%3D%2273%22%20width%3D%226%22%20height%3D%2229%22%2F%3E%3Cpath%20d%3D%22M3727%2084%20L3740%20103%20L3740%2096%20L3727%2077Z%22%2F%3E%3Cpath%20d%3D%22M3746%20140%20L3746%20100%20L3769%2078%20L3792%20100%20L3792%20140Z%22%2F%3E%3Crect%20x%3D%223783%22%20y%3D%2273%22%20width%3D%226%22%20height%3D%2229%22%2F%3E%3Cpath%20d%3D%22M3792%20140%20L3792%20100%20L3815%2078%20L3838%20100%20L3838%20140Z%22%2F%3E%3Crect%20x%3D%223829%22%20y%3D%2273%22%20width%3D%226%22%20height%3D%2229%22%2F%3E%3Cpath%20d%3D%22M3819%2084%20L3832%20103%20L3832%2096%20L3819%2077Z%22%2F%3E%3Cpath%20d%3D%22M3838%20140%20L3838%20100%20L3861%2078%20L3884%20100%20L3884%20140Z%22%2F%3E%3Crect%20x%3D%223875%22%20y%3D%2273%22%20width%3D%226%22%20height%3D%2229%22%2F%3E%3Ccircle%20cx%3D%223920%22%20cy%3D%22111%22%20r%3D%2220%22%2F%3E%3Cellipse%20cx%3D%223908%22%20cy%3D%22119%22%20rx%3D%2212%22%20ry%3D%2210%22%2F%3E%3Cellipse%20cx%3D%223932%22%20cy%3D%22118%22%20rx%3D%2212%22%20ry%3D%2210%22%2F%3E%3Crect%20x%3D%223918%22%20y%3D%22123%22%20width%3D%224%22%20height%3D%2217%22%2F%3E%3Cpath%20d%3D%22M3950%20140%20L3950%2098%20L3996%2066%20L4042%2098%20L4042%20140Z%22%2F%3E%3Crect%20x%3D%223993%22%20y%3D%2260%22%20width%3D%227%22%20height%3D%2240%22%2F%3E%3Cpath%20d%3D%22M4000%2072%20L4036%20101%20L4036%2094%20L4000%2065Z%22%2F%3E%3Crect%20x%3D%223995%22%20y%3D%2298%22%20width%3D%222%22%20height%3D%2242%22%2F%3E%3Crect%20x%3D%224088%22%20y%3D%2254%22%20width%3D%224%22%20height%3D%2286%22%2F%3E%3Cpath%20d%3D%22M4090%2054%20L4090%2084%20L4089%2061Z%22%2F%3E%3Cpath%20d%3D%22M4090%2054%20L4064%2039%20L4085%2050Z%22%2F%3E%3Cpath%20d%3D%22M4090%2054%20L4116%2039%20L4097%2052Z%22%2F%3E%3Ccircle%20cx%3D%224090%22%20cy%3D%2254%22%20r%3D%223.5%22%2F%3E%3Cpath%20d%3D%22M3980%20140%20Q4120%20104%204260%20140Z%22%2F%3E%3Ccircle%20cx%3D%224155%22%20cy%3D%22118%22%20r%3D%2215%22%2F%3E%3Cellipse%20cx%3D%224146%22%20cy%3D%22124%22%20rx%3D%229%22%20ry%3D%228%22%2F%3E%3Cellipse%20cx%3D%224164%22%20cy%3D%22123%22%20rx%3D%229%22%20ry%3D%228%22%2F%3E%3Crect%20x%3D%224153%22%20y%3D%22126%22%20width%3D%224%22%20height%3D%2214%22%2F%3E%3C%2Fsvg%3E");}

.chero-rays,.chero-glow,.chero-parts,.chero-floor,.chero-horizon{display:none;}

/* The scrim is transparent where the sun arcs and only moderate where
   the copy sits - the type carries its own shadow, so the sky can stay
   open and the sun can be seen coming up from behind the words. */
/* Monotonic, no kinks. The old one stepped from .56 at 72% to .30 at 73%
   and that one-percent jump drew a visible line straight across the sky. */
.chero-scrim{z-index:4;
 background:linear-gradient(180deg,rgba(4,6,9,0) 0%,rgba(4,6,9,.04) 20%,rgba(4,6,9,.2) 34%,rgba(4,6,9,.42) 48%,rgba(4,6,9,.58) 62%,rgba(4,6,9,.66) 78%,rgba(4,6,9,.7) 100%);}
.chero-in{z-index:5;}
.chero h1,.chero .sub,.chero .land-note{
 text-shadow:0 1px 3px rgba(0,0,0,.85),0 2px 10px rgba(0,0,0,.7),0 4px 30px rgba(0,0,0,.6);}
.hero-logo{height:66px;width:auto;margin-bottom:1.25rem;opacity:0;
 animation:ch-in .9s cubic-bezier(.2,.7,.3,1) .15s forwards;}

@media(max-width:760px){
  .hero-logo{height:50px;margin-bottom:1rem;}
  /* the copy runs to 93% of a phone hero, so the ground has to be
     made rather than found - hence the deeper bottom padding */
  .chero{min-height:auto;padding:3.2rem 1.25rem 8rem;--hz:88%;}
  .chero.h-solar .chero-disc{left:52%;top:30px;margin-left:-34px;width:68px;height:68px;}
  .chero-moon{width:34px;height:34px;right:12%;top:12%;}
  @keyframes d-sun{
    0%{transform:translate(-39.85vw,782.8px) scale(1.240)}
    3.826%{transform:translate(-39.94vw,679.0px) scale(1.195)}
    7.652%{transform:translate(-39.19vw,576.2px) scale(1.150)}
    11.48%{transform:translate(-37.64vw,476.3px) scale(1.107)}
    15.3%{transform:translate(-35.30vw,381.5px) scale(1.066)}
    19.13%{transform:translate(-32.24vw,293.7px) scale(1.028)}
    22.96%{transform:translate(-28.50vw,214.8px) scale(0.993)}
    26.78%{transform:translate(-24.17vw,146.3px) scale(0.964)}
    30.61%{transform:translate(-19.34vw,89.7px) scale(0.939)}
    34.43%{transform:translate(-14.11vw,46.3px) scale(0.920)}
    38.26%{transform:translate(-8.58vw,16.8px) scale(0.907)}
    42.09%{transform:translate(-2.88vw,1.9px) scale(0.901)}
    45.91%{transform:translate(2.88vw,1.9px) scale(0.901)}
    49.74%{transform:translate(8.58vw,16.8px) scale(0.907)}
    53.57%{transform:translate(14.11vw,46.3px) scale(0.920)}
    57.39%{transform:translate(19.34vw,89.7px) scale(0.939)}
    61.22%{transform:translate(24.17vw,146.3px) scale(0.964)}
    65.04%{transform:translate(28.50vw,214.8px) scale(0.993)}
    68.87%{transform:translate(32.24vw,293.7px) scale(1.028)}
    72.7%{transform:translate(35.30vw,381.5px) scale(1.066)}
    76.52%{transform:translate(37.64vw,476.3px) scale(1.107)}
    80.35%{transform:translate(39.19vw,576.2px) scale(1.150)}
    84.17%{transform:translate(39.94vw,679.0px) scale(1.195)}
    88%{transform:translate(39.85vw,782.8px) scale(1.240)}
    100%{transform:translate(-39.85vw,782.8px) scale(1.240)}
  }
  .glow-warm{width:86vw;margin-left:-43vw;height:38vh;margin-top:-19vh;}
  .chero-skyline{top:calc(var(--hz) - 78px);height:80px;background-size:auto 80px;}
  .chero-scrim{background:linear-gradient(180deg,rgba(4,6,9,0) 0%,rgba(4,6,9,.05) 16%,rgba(4,6,9,.24) 30%,rgba(4,6,9,.48) 44%,rgba(4,6,9,.62) 58%,rgba(4,6,9,.7) 74%,rgba(4,6,9,.74) 100%);}
}

/* Reduced motion gets the best single frame of the day: full blue, sun
   at its apex, nothing moving. */
@media(prefers-reduced-motion:reduce){
  .sky,.chero-stars,.chero-stars i,.chero-moon,.chero-disc,.glow-warm,.sun-rays,.chero-ground,.chero-ground::before{animation:none !important;}
  .sky-night,.sky-dawn,.sky-set{opacity:0}
  .sky-day{opacity:1}
  .chero-stars,.chero-moon,.glow-warm{opacity:0}
  .chero.h-solar .chero-disc{opacity:1;transform:translate(0vw,1.5px) scale(.861);color:#FFFFFF;}
  @media(max-width:760px){.chero.h-solar .chero-disc{transform:translate(0vw,1.2px) scale(.9);}}
  .sun-rays{opacity:.16}
  .chero-ground{color:#FFFFFF}
  .chero-ground::before{opacity:.12}
}