.fd-stage{--fd-sink:10cqw;flex-direction:column;font-size:clamp(13px,3.7cqw,15px);line-height:1.35;display:flex;position:relative}.fd-sky{aspect-ratio:375/360;position:relative;overflow:hidden}.fd-night-move{z-index:1;width:70cqw;top:13cqw;left:28cqw}.fd-moon-move{z-index:2;--fd-moon-drop:22cqw;width:14cqw;top:41cqw;left:75cqw}.fd-sun-move{z-index:3;width:28cqw;top:33cqw;left:52cqw}.fd-horizon-box{z-index:4;width:112cqw;bottom:1cqw;left:-6cqw}.fd-clock-move{z-index:5;transform-origin:50% 92%;width:32cqw;top:27cqw;left:-3cqw}.fd-steps{z-index:6;flex-direction:column;margin-top:-10cqw;padding:0 8px 4px;display:flex;position:relative}.fd-step{flex-direction:column;display:flex;position:relative}.fd-run{pointer-events:none;align-self:flex-start;width:max-content;height:26px;margin-left:2.3em;display:block}.fd-time{font-family:var(--font-display);color:var(--color-text);font-variant-numeric:tabular-nums;font-size:1.3em;line-height:1.1}.fd-quote{text-wrap:pretty;font-size:1.12em;line-height:1.35}.fd-dots{grid-template-columns:repeat(31,minmax(0,.5em));gap:.26em;display:grid}.fd-dot{aspect-ratio:1;width:100%}.fd-fill{--i:0;--act-delay:.8s;--act-dur:.9s}.fd-foot{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:20px 16px 8px;display:flex}@media (width>=37.5rem){.fd-stage{--fd-sink:8cqw;font-size:clamp(13px,1.9cqw,14px)}.fd-sky{aspect-ratio:16/11.5}.fd-night-move{width:40cqw;top:8cqw;left:50cqw}.fd-moon-move{--fd-moon-drop:15cqw;width:8.5cqw;top:27.5cqw;left:76.5cqw}.fd-sun-move{width:16cqw;top:22cqw;left:54cqw}.fd-horizon-box{width:100cqw;bottom:1cqw;left:0}.fd-clock-move{width:22cqw;top:15cqw;left:4cqw}.fd-steps{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:12px;margin-top:-9cqw;padding:0 0 4px;display:grid}.fd-step-3{grid-column:1/-1}.fd-step>.fd-card{flex-grow:1}.fd-run{display:none}.fd-foot{text-align:left;flex-direction:row;justify-content:space-between;gap:16px;padding:20px 0 8px}}@media (width>=56.25rem){.fd-stage{--fd-sink:16cqw;grid-template-columns:minmax(0,1fr);font-size:clamp(13px,1.9cqw,15px);display:grid}.fd-sky,.fd-steps{grid-area:1/1}.fd-sky{aspect-ratio:auto;min-height:88cqw}.fd-night-move{width:52cqw;top:16cqw;left:45cqw}.fd-moon-move{--fd-moon-drop:23cqw;width:10.5cqw;top:45.5cqw;left:80cqw}.fd-sun-move{width:19cqw;top:auto;bottom:38cqw;left:60.5cqw}.fd-horizon-box{bottom:1cqw}.fd-clock-move{width:23cqw;top:auto;bottom:3cqw;left:1cqw}.fd-steps{flex-direction:column;margin:0;padding:2cqw 0 3cqw;display:flex}.fd-step-1{width:44cqw}.fd-step-2{width:44cqw;margin-left:18cqw}.fd-step-3{flex:auto;justify-content:flex-end;width:calc(53cqw - 20px);margin-left:45cqw}.fd-step>.fd-card{flex-grow:0}.fd-run{flex:none;height:3.5cqw;margin:0;display:block}.fd-run-2{margin-left:8cqw}.fd-run-3{flex:auto;min-height:3.5cqw;margin-left:7cqw}.fd-run-3>span{color:var(--color-soft-linen)}.fd-foot{grid-area:2/1;padding:16px 0 28px}}.fd-night{transform-origin:50% 100%;--idle:3.3s;--idle-delay:-600ms;--r1:.3deg;--r2:-.2deg}.fd-moon{transform-origin:40% 60%;--idle:2.5s;--idle-delay:-1400ms;--r1:3deg;--r2:-2deg}.fd-sun{transform-origin:50% 100%;--idle:2.9s;--idle-delay:-2000ms;--r1:1deg;--r2:-.6deg}.fd-horizon{transform-origin:50% 100%;--idle:3.1s;--idle-delay:-300ms;--r1:.2deg;--r2:-.15deg}.fd-clock{transform-origin:50% 100%;--idle:2.7s;--idle-delay:-1100ms;--r1:1.2deg;--r2:-.8deg}.fd-pop{--d:0s}.fd-pop-2{--d:.65s}.fd-run-2{--i:0;--act-delay:.65s}.fd-run-3{--i:0;--act-delay:2.6s}@media (prefers-reduced-motion:no-preference){:root:not([data-reduce-motion=reduce]) .fd-stage:is([data-scene=before],[data-scene=play]) .fd-moon-move{animation:1.15s step-end .65s both fd-moon}:root:not([data-reduce-motion=reduce]) .fd-stage:is([data-scene=before],[data-scene=play]) .fd-sun-move{animation:.9s step-end 1.8s both fd-sun}:root:not([data-reduce-motion=reduce]) .fd-stage:is([data-scene=before],[data-scene=play]) .fd-night-move{animation:.75s step-end 1.85s both fd-night}:root:not([data-reduce-motion=reduce]) .fd-stage:is([data-scene=before],[data-scene=play]) .fd-dawn-move{animation:.75s step-end 1.85s both fd-dawn}:root:not([data-reduce-motion=reduce]) .fd-stage:is([data-scene=before],[data-scene=play]) .fd-clock-move{animation:.3s step-end .12s fd-ring,.36s step-end 2.6s fd-ring}:root:not([data-reduce-motion=reduce]) .fd-stage:not([data-landed]):is([data-scene=before],[data-scene=play]) .fd-pop{animation:fd-pop .28s step-end var(--d) both}:root:not([data-reduce-motion=reduce]) .fd-stage:not([data-landed]):is([data-scene=before],[data-scene=play]) .fd-thump{animation:.33s step-end 2.6s both fd-thump}:root:not([data-reduce-motion=reduce]) .fd-stage:not([data-landed]):is([data-scene=before],[data-scene=play]) .fd-run{animation:fd-appear 1ms linear var(--act-delay) both}:root:not([data-reduce-motion=reduce]) .fd-stage:not([data-landed]):is([data-scene=before],[data-scene=play]) .fd-dot{animation:fd-appear 1ms linear calc(.8s + var(--i) * 30ms) both}:root:not([data-reduce-motion=reduce]) .fd-stage[data-landed][data-scene=play] .fd-thump{animation:.33s step-end 2.6s fd-settle}:root:not([data-reduce-motion=reduce]) .fd-stage[data-landed] .paper-act-fill{animation:none}:root:not([data-reduce-motion=reduce]) .fd-stage[data-scene=before] :is(.fd-pop,.fd-thump,.fd-run,.fd-dot,.fd-moon-move,.fd-sun-move,.fd-night-move,.fd-dawn-move,.fd-clock-move){animation-play-state:paused}}@keyframes fd-appear{0%{opacity:0}to{opacity:1}}@keyframes fd-pop{0%{opacity:0}10%{opacity:1;transform:translateY(-6px)scale(1.05)}50%{opacity:1;transform:translateY(1px)scale(.99)}80%,to{opacity:1;transform:none}}@keyframes fd-thump{0%{opacity:0}10%{opacity:1;transform:translateY(-14px)scale(1.08)rotate(-1.5deg)}45%{opacity:1;transform:translateY(2px)scale(.98)}75%,to{opacity:1;transform:none}}@keyframes fd-moon{0%{transform:translate(-22cqw, calc(-1 * var(--fd-moon-drop) - 5cqw)) rotate(-14deg)}20%{transform:translate(-15cqw, calc(-1 * var(--fd-moon-drop) - 6cqw)) rotate(-10deg)}40%{transform:translate(-9cqw, calc(-.8 * var(--fd-moon-drop) - 4cqw)) rotate(-6deg)}60%{transform:translate(-4cqw, calc(-.5 * var(--fd-moon-drop) - 2cqw)) rotate(-3deg)}80%,to{transform:none}}@keyframes fd-sun{0%{transform:translateY(105%)}20%{transform:translateY(68%)}40%{transform:translateY(38%)}60%{transform:translateY(14%)}80%,to{transform:none}}@keyframes fd-night{0%{transform:translateY(calc(-1 * var(--fd-sink)))}30%{transform:translateY(calc(-.66 * var(--fd-sink)))}60%{transform:translateY(calc(-.33 * var(--fd-sink)))}80%,to{transform:none}}@keyframes fd-dawn{0%{opacity:0}30%{opacity:.35}60%{opacity:.7}80%,to{opacity:1}}@keyframes fd-settle{0%{transform:translateY(-8px)scale(1.03)rotate(-1deg)}45%{transform:translateY(2px)scale(.99)}75%,to{transform:none}}@keyframes fd-ring{0%{transform:none}15%{transform:rotate(-4deg)}40%{transform:rotate(3.5deg)}65%{transform:rotate(-2deg)}85%,to{transform:none}}.fd-corner{transform-origin:100% 0;--idle:2.8s;--idle-delay:-1700ms;--r1:1.6deg;--r2:-.9deg}.fd-note{transform-origin:0 100%;--idle:2.4s;--idle-delay:-800ms;--r1:2deg;--r2:-1.4deg}.fd-moon-small{transform-origin:50% 100%;--idle:2.6s;--idle-delay:-2300ms;--r1:3deg;--r2:-2deg}@media (prefers-reduced-motion:no-preference){:root:not([data-reduce-motion=reduce]) .fd-live{animation:2.2s step-end infinite fd-live}:root:not([data-reduce-motion=reduce]) [data-paused] .fd-live{animation-play-state:paused}}@keyframes fd-live{0%,70%{transform:none}76%{transform:scale(1.7)}84%{transform:scale(.85)}90%{transform:scale(1.3)}}
