/* Halo · the footer's time-of-day sky (footer-sky.js) and the still marquee line.
   Shared by Home and About. The band sits inside the footer and reaches up
   behind the marquee line, fading into the page. */
/* Outranks the homepage's footer overflow:hidden, so the band can rise. */
html footer[data-orloj-footer] { overflow:visible; }
/* Outranks the homepage's `.site-footer > :not(.hero-atmosphere)` relative rule. */
footer[data-orloj-footer] > .footer-sky {
  position:absolute; left:0; right:0; bottom:0; height:calc(100% + 20svh); z-index:0;
  pointer-events:none; opacity:0; transition:opacity 900ms ease;
}
footer[data-orloj-footer] > .footer-sky[data-ready] { opacity:1; }
.footer-sky canvas { display:block; width:100%; height:100%; }
[data-orloj-footer] > :not(.footer-sky, .hero-atmosphere) { position:relative; z-index:1; }
[data-orloj-footer]:has(> .footer-sky[data-ready]) > .hero-atmosphere { display:none; }
[data-orloj-marquee] { z-index:2; }
.landing-line {
  margin:0; text-align:center; white-space:nowrap; text-transform:uppercase;
  font-size:12px; font-weight:300; letter-spacing:.2em; line-height:1.6;
}
.landing-line time { font-variant-numeric:tabular-nums; }
@media (max-width:700px) { .landing-line { font-size:9px; letter-spacing:.16em; } }
@media (prefers-reduced-motion:reduce) { .footer-sky { transition:none; } }