/* The home page without motion: under Reduce Motion or with no script (index.html loads it after home.css for both). The stage becomes an ordinary page: the mark over the headline, then the seven days as a list, each
   with a still of its screen. Nothing is pinned, nothing scrubs, every section shows in full. */

.stage { height: auto; padding: 120px 0 40px; }
.stage-pin { position: relative; height: auto; overflow: visible; display: grid; justify-items: center; }
.stage-bg { inset: 0 0 auto; height: 900px; --glow-x: 50%; --glow-y: 20%; }
.anchor, .stage-ring, .scroll-cue, .device-holder { display: none; }
.ring-holder { position: relative; left: auto; top: auto; width: 168px; height: 168px; }
.ring-still { display: block; }
.ring-still svg { width: 100%; height: 100%; }
.hero-copy { position: relative; top: auto; margin-top: 28px; }
.js .hero-copy { visibility: visible; }
.days { position: relative; inset: auto; width: 100%; height: auto; max-width: 1240px; margin-top: 110px; padding: 0 var(--gutter); }
.day-list { height: auto; display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 56px 32px; }
.day { position: relative; inset: auto; opacity: 1; transform: none; filter: none; pointer-events: auto; align-content: start; justify-items: start; text-align: left; }
.day-kicker b { color: var(--accent); }
.day-shot { display: block; order: -1; width: 100%; max-width: 260px; height: auto; margin-bottom: 14px; border-radius: 34px; box-shadow: 0 0 0 6px #1A1B20, 0 0 0 7px #34353B, 0 40px 80px -40px #000; }
.level { height: auto; }
.level-pin { position: relative; height: auto; padding-block: 120px 40px; }
.level-notes { opacity: 1; transform: none; }
.level-svg { max-height: none; }
.level-week { opacity: 1; }
.tile { opacity: 1; transform: none; }
.pattern i, .rung, .notice, .page { opacity: 1; transform: none; animation: none; }
.page { transform: rotate(-5deg); }
.page path { stroke-dashoffset: 0; animation: none; }
.plan-pro::before { animation: none; }
[data-reveal] { opacity: 1 !important; transform: none !important; }