.plain-sky{--sky-band:60%;--sky-rest:calc(100% - var(--sky-band));--sky-navy:var(--color-ink-deep,#556B2F);--sky-teal:color-mix(in srgb,#0E5876 80%,var(--sky-navy));--sky-mauve:color-mix(in srgb,#8C7088 85%,var(--sky-teal));--sky-rose:color-mix(in srgb,var(--sky-blush) 70%,var(--sky-mauve));--sky-blush:var(--color-motif-accent,#D4AF37);--sky-pale:var(--color-motif-cream,#EADCC6);position:absolute;inset:0;z-index:1;overflow:hidden;pointer-events:none;isolation:isolate;contain:strict;--sky-vignette:radial-gradient(130% 75% at 50% 45%,transparent 55%,color-mix(in srgb,var(--sky-navy) 18%,transparent) 100%);background:var(--sky-vignette),linear-gradient(180deg,var(--sky-stops));--sky-stops:color-mix(in srgb,var(--sky-navy) 88%,black) 0,var(--sky-navy) calc(var(--sky-band) * 0.4),color-mix(in srgb,var(--sky-navy) 60%,var(--sky-teal)) calc(var(--sky-band) * 0.65),var(--sky-teal) calc(var(--sky-band) * 0.84),color-mix(in oklch,var(--sky-teal) 50%,var(--sky-mauve)) var(--sky-band),var(--sky-rose) calc(var(--sky-band) + var(--sky-rest) * 0.1),var(--sky-blush) calc(var(--sky-band) + var(--sky-rest) * 0.25),color-mix(in srgb,var(--sky-blush) 80%,var(--sky-pale)) calc(var(--sky-band) + var(--sky-rest) * 0.55),var(--sky-pale) calc(var(--sky-band) + var(--sky-rest) * 0.85),color-mix(in srgb,var(--sky-pale) 55%,white) 100%}@supports (background:linear-gradient(in oklch,red,blue)){.plain-sky{background:var(--sky-vignette),linear-gradient(in oklch 180deg,var(--sky-stops))}}.plain-sky--fixed{position:fixed}.plain-sky>span{position:absolute;display:block}.plain-sky__haze{border-radius:46% 54% 52% 48%/55% 45% 55% 45%;animation:plain-sky-haze 28s ease-in-out infinite alternate,plain-sky-wander 47s ease-in-out infinite}.plain-sky__haze--teal{top:calc(var(--sky-band) - 24rem);left:-40%;width:130%;height:20rem;background:radial-gradient(closest-side,color-mix(in srgb,#2C7A96 50%,transparent),transparent);animation-duration:30s,52s}.plain-sky__haze--mauve{top:calc(var(--sky-band) - 6rem);left:-15%;width:80%;height:12rem;background:radial-gradient(closest-side,color-mix(in srgb,var(--sky-mauve) 50%,transparent),transparent);animation-duration:24s,43s;animation-delay:-6s,-11s}.plain-sky__haze--rose{top:calc(var(--sky-band) + 2rem);right:-35%;width:110%;height:min(calc(var(--sky-rest) * .7),24rem);background:radial-gradient(closest-side,color-mix(in srgb,#E9777A 30%,transparent),transparent);animation-duration:34s,58s;animation-delay:-12s,-30s}.plain-sky__haze--pale{top:calc(var(--sky-band) + var(--sky-rest) * .45);left:-30%;width:120%;height:min(calc(var(--sky-rest) * .9),30rem);background:radial-gradient(closest-side,color-mix(in srgb,white 40%,transparent),transparent);animation-duration:38s,66s;animation-delay:-18s,-40s}@keyframes plain-sky-haze{0%{transform:scale(1) rotate(0deg)}50%{transform:scale(1.14,1.06) rotate(4deg)}to{transform:scale(.94,1.1) rotate(-3deg)}}@keyframes plain-sky-wander{0%,to{translate:0 0}33%{translate:8% -3%}66%{translate:-5% 2%}}.plain-sky__glow{left:-10%;right:-10%;top:calc(var(--sky-band) - 9rem);height:18rem;background:radial-gradient(60% 50% at 50% 55%,color-mix(in srgb,#FFD2C4 45%,transparent),transparent 70%);animation:plain-sky-glow 14s ease-in-out infinite alternate}@keyframes plain-sky-glow{0%{opacity:.4;transform:scaleX(.92)}to{opacity:1;transform:scale(1.08,1.15)}}.plain-sky__cloud{--c:var(--sky-blush);left:0;width:calc(100% + 480px);height:clamp(6rem,22%,12rem);background:radial-gradient(closest-side,var(--c) 55%,color-mix(in srgb,var(--c) 0%,transparent)) 0 0 /var(--w1) 64% repeat-x,radial-gradient(closest-side,var(--c) 50%,color-mix(in srgb,var(--c) 0%,transparent)) var(--o2,0) 12% /var(--w2) 50% repeat-x,linear-gradient(180deg,transparent 30%,var(--c) 34%,color-mix(in srgb,var(--c) 45%,transparent) 70%,transparent);animation:plain-sky-drift var(--drift,60s) linear infinite,plain-sky-swell 12s ease-in-out infinite alternate}.plain-sky__cloud--back{--c:var(--sky-mauve);--w1:480px;--w2:240px;--o2:90px;--drift:110s;top:calc(var(--sky-band) - 4.5rem);opacity:.8;animation-direction:reverse,alternate;animation-delay:0s,-7s}.plain-sky__cloud--mid{--c:var(--sky-rose);--w1:240px;--w2:160px;--o2:50px;--drift:80s;top:calc(var(--sky-band) - 3rem);opacity:.75;animation-delay:0s,-3s}.plain-sky__cloud--front{--c:color-mix(in srgb,var(--sky-blush) 92%,white);--w1:160px;--w2:96px;--drift:60s;top:calc(var(--sky-band) - 1.5rem)}@keyframes plain-sky-drift{0%{transform:translateX(0)}to{transform:translateX(-480px)}}@keyframes plain-sky-swell{0%{translate:0 .6rem}to{translate:0 -.9rem}}.plain-sky__motes{top:0;left:0;right:0;height:var(--sky-band)}.plain-sky__mote{position:absolute;left:var(--x);top:var(--y);width:var(--s);height:var(--s);border-radius:50%;background:radial-gradient(circle,var(--sky-pale) 0,color-mix(in srgb,var(--sky-blush) 80%,transparent) 45%,transparent 72%);opacity:0;animation:plain-sky-mote var(--dur) ease-in-out var(--delay) infinite}@keyframes plain-sky-mote{0%{opacity:0;transform:translateZ(0)}25%,70%{opacity:var(--o,.7)}to{opacity:0;transform:translate3d(var(--dx),-24vh,0)}}@media (max-width:639px){.plain-sky__mote--extra{display:none}}.plain-sky:not([data-active]) span{animation-play-state:paused}.is-reduced-motion .plain-sky span{animation:none}.is-reduced-motion .plain-sky__motes{display:none}@media (prefers-reduced-motion:reduce){.plain-sky span{animation:none}.plain-sky__motes{display:none}}