/* Stage 4: traced expressionist art. Every layer is a CSS variable. Generated by art-stage1/stage3/wire.mjs. */
.trace{--a0:#072F3A;--a1:#0B4F5C;--a2:#0E7C86;--a3:#2FBF9B;--a4:#F28F32;--a5:#FFE7B0}
:root[data-mode="night"] .trace{--a0:#02101A;--a1:#06222E;--a2:#0A3A48;--a3:#12606B;--a4:#C2561F;--a5:#EBCB8C}
@media (prefers-color-scheme: dark){:root:not([data-mode="day"]) .trace{--a0:#02101A;--a1:#06222E;--a2:#0A3A48;--a3:#12606B;--a4:#C2561F;--a5:#EBCB8C}}
:root[data-season="winter"] .trace{--a0:#0A2A3A;--a1:#1C5C78;--a2:#3F8FB8;--a3:#9FE0E0;--a4:#F6A55C;--a5:#FFFDF6}
:root[data-season="winter"][data-mode="night"] .trace{--a0:#030E1A;--a1:#0A2A44;--a2:#1B5A7E;--a3:#3C8FA0;--a4:#C2561F;--a5:#E4E9E4}
@media (prefers-color-scheme: dark){:root[data-season="winter"]:not([data-mode="day"]) .trace{--a0:#030E1A;--a1:#0A2A44;--a2:#1B5A7E;--a3:#3C8FA0;--a4:#C2561F;--a5:#E4E9E4}}
html:root[data-sky="aurora"][data-sky] .trace{--a0:#02101A;--a1:#06222E;--a2:#0A3A48;--a3:#1FD6A0;--a4:#3A9BE8;--a5:#C8FFE8}
html:root[data-sky="flare"][data-sky] .trace{--a0:#0A0A1E;--a1:#14143A;--a2:#1E2A5A;--a3:#FF5A36;--a4:#FFB347;--a5:#FFE9B8}
.trace .c0{fill:var(--a0)}.trace .c1{fill:var(--a1)}.trace .c2{fill:var(--a2)}.trace .c3{fill:var(--a3)}.trace .c4{fill:var(--a4)}.trace .c5{fill:var(--a5)}
.hero .hills .hero-art{position:absolute;left:0;top:0;width:100%;height:100%;display:block}
.eyjar-art.trace{aspect-ratio:12/5}
@media (max-width:640px){.eyjar-art.trace{aspect-ratio:12/5}}
@media (prefers-reduced-motion:no-preference){.hero .hills .hero-art{animation:mountain-enter 720ms cubic-bezier(.2,.7,.3,1)}}
@media (prefers-reduced-motion:reduce){.hero .hills .hero-art,.eyjar-art.trace{animation:none}}