:root{--grain-noise-fine:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n' x='0' y='0'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3CfeComponentTransfer%3E%3CfeFuncR type='linear' slope='3' intercept='-1'/%3E%3CfeFuncG type='linear' slope='3' intercept='-1'/%3E%3CfeFuncB type='linear' slope='3' intercept='-1'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url%28%23n%29'/%3E%3C/svg%3E");--grain-noise-medium:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n' x='0' y='0'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3CfeComponentTransfer%3E%3CfeFuncR type='linear' slope='3' intercept='-1'/%3E%3CfeFuncG type='linear' slope='3' intercept='-1'/%3E%3CfeFuncB type='linear' slope='3' intercept='-1'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url%28%23n%29'/%3E%3C/svg%3E");--grain-noise-coarse:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n' x='0' y='0'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.55' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3CfeComponentTransfer%3E%3CfeFuncR type='linear' slope='3' intercept='-1'/%3E%3CfeFuncG type='linear' slope='3' intercept='-1'/%3E%3CfeFuncB type='linear' slope='3' intercept='-1'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url%28%23n%29'/%3E%3C/svg%3E");--grain-opacity-subtle:.14;--grain-opacity-medium:.24;--grain-opacity-heavy:.42;--grain-tile:200px;--grain-blend:overlay;--meadow-sky:#0f4c48;--meadow-pine:#17432e;--meadow-moss:#2f6b47;--meadow-fern:#4f9466;--meadow-leaf:#8fd19e;--meadow-sage:#c6dfc9;--meadow-light:#e3f0e4;--meadow-haze:#b9cfbd;--forest-deep:#0e2f20;--forest-base:#17432e;--forest-moss:#24583e;--forest-fern:#3f7d55;--forest-ribbon:#0b261a;--forest-bark:#2b3a2f;--sage-glow:#dcecdd;--sage-base:#c6dfc9;--sage-deep:#aecfb4;--sage-mist:#eef6ef;--sage-white:#fff;--gradient-meadow:radial-gradient(55% 32% at 50% 82%, var(--meadow-light) 0%, transparent 100%), radial-gradient(60% 34% at 50% 64%, var(--meadow-sage) 0%, transparent 100%), radial-gradient(62% 30% at 50% 46%, var(--meadow-leaf) 0%, transparent 100%), radial-gradient(60% 28% at 50% 33%, var(--meadow-fern) 0%, transparent 100%), linear-gradient(180deg, var(--meadow-sky) 0%, var(--meadow-moss) 34%, var(--meadow-haze) 92%);--gradient-forest:radial-gradient(40% 30% at 10% 15%, var(--forest-deep) 0%, transparent 100%), radial-gradient(45% 25% at 5% 88%, var(--forest-deep) 0%, transparent 100%), radial-gradient(55% 22% at 20% 62%, var(--forest-ribbon) 0%, transparent 100%), radial-gradient(60% 45% at 70% 45%, var(--forest-fern) 0%, transparent 100%), linear-gradient(160deg, var(--forest-bark) 0%, var(--forest-base) 55%, var(--forest-moss) 100%);--gradient-sage:radial-gradient(120% 60% at 50% 0%, var(--sage-glow) 0%, transparent 100%), linear-gradient(180deg, var(--sage-base), var(--sage-deep));--grain-drift-duration:18s}.grain{isolation:isolate;--_grain-noise:var(--grain-noise-fine);--_grain-opacity:var(--grain-opacity-medium);position:relative}.grain:after{content:"";z-index:1;pointer-events:none;border-radius:inherit;background-image:var(--_grain-noise);background-size:var(--grain-tile);opacity:var(--_grain-opacity);mix-blend-mode:var(--grain-blend);position:absolute;inset:0}:where(.grain)>*{z-index:2;position:relative}.grain--subtle{--_grain-opacity:var(--grain-opacity-subtle)}.grain--medium{--_grain-opacity:var(--grain-opacity-medium)}.grain--heavy{--_grain-opacity:var(--grain-opacity-heavy)}.grain--fine{--_grain-noise:var(--grain-noise-fine)}.grain--medium-size{--_grain-noise:var(--grain-noise-medium)}.grain--coarse{--_grain-noise:var(--grain-noise-coarse)}.surface-meadow{background:var(--gradient-meadow);background-color:var(--meadow-haze)}.surface-forest{background:var(--gradient-forest);background-color:var(--forest-base)}.surface-sage{background:var(--gradient-sage);background-color:var(--sage-base)}.surface--drift{animation:grain-drift var(--grain-drift-duration) ease-in-out infinite alternate;background-size:140% 140%}@keyframes grain-drift{0%{background-position:30% 20%}to{background-position:70% 80%}}@media (prefers-reduced-motion:reduce){.surface--drift{background-position:50%;animation:none}}.on-grain{color:#fff;text-shadow:0 1px 12px #0000002e}.surface-night{background:#0c0c0c radial-gradient(120% 75% at 50% 0,#262626 0%,#0c0c0c 100%)}.surface-paper{background:#f2f2f2 radial-gradient(120% 70% at 50% 0,#fff 0%,#ececec 100%)}.gi :where(.gi-float,.gi-drift,.gi-sway,.gi-pulse){transform-box:fill-box;animation-delay:var(--gi-delay,0s);animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate}.gi .gi-float{animation-name:gi-float;animation-duration:7s}.gi .gi-drift{animation-name:gi-drift;animation-duration:14s}.gi .gi-sway{transform-origin:50% 100%;animation-name:gi-sway;animation-duration:3s}.gi .gi-pulse{animation-name:gi-pulse;animation-duration:2.4s}.gi.gi-calm .gi-float{animation-duration:14s}.gi.gi-calm .gi-drift{animation-duration:28s}.gi.gi-calm .gi-sway{animation-duration:6s}.gi.gi-calm .gi-pulse{animation-duration:4.8s}.gi .gi-flow{animation:1.6s linear infinite gi-flow}.gi .gi-visit{animation:gi-visit var(--gi-period,10s) linear var(--gi-delay,0s) infinite}@keyframes gi-visit{0%{opacity:.78}2%{opacity:1}7%{opacity:1}16%{opacity:.78}to{opacity:.78}}@keyframes gi-float{0%{transform:translateY(-6px)}to{transform:translateY(6px)}}@keyframes gi-drift{0%{transform:translate(-14px)}to{transform:translate(14px)}}@keyframes gi-sway{0%{transform:rotate(-3.5deg)}to{transform:rotate(3.5deg)}}@keyframes gi-pulse{0%{opacity:.55}to{opacity:1}}@keyframes gi-flow{to{stroke-dashoffset:-24px}}.gi .gi-crest{animation:var(--gi-dur,8s) linear var(--gi-delay,0s) infinite}.gi .gi-crest-0{stroke-dashoffset:.42px;animation-name:gi-run-0}.gi .gi-crest-1{stroke-dashoffset:.35px;animation-name:gi-run-1}.gi .gi-crest-2{stroke-dashoffset:.295px;animation-name:gi-run-2}@keyframes gi-run-0{0%{stroke-dashoffset:.42px}to{stroke-dashoffset:-1.08px}}@keyframes gi-run-1{0%{stroke-dashoffset:.35px}to{stroke-dashoffset:-1.15px}}@keyframes gi-run-2{0%{stroke-dashoffset:.295px}to{stroke-dashoffset:-1.205px}}.gi.gi-static *,.gi.gi-static :after{animation:none!important}.gi.gi-static .gi-traveler,.gi.gi-static .gi-crest{display:none}@media (prefers-reduced-motion:reduce){.gi *{animation:none!important}.gi .gi-traveler,.gi .gi-crest{display:none}}