.landscape{--landscape-min-height:max(640px, min(100svh, 1100px));--landscape-scene-height:min(calc(var(--landscape-min-height) * .63), calc(16rem + 30vw));--landscape-sky:#c8e2ef;--landscape-horizon:oklab(91.6714% .0225744 .0221698);--landscape-land:color-mix(in srgb, hsl(var(--primary)) 7%, hsl(var(--background)));--landscape-sun:#e8dfcf;--landscape-sun-ring:#ded2ba8c;--landscape-cloud:color-mix(in oklab, white 55%, var(--landscape-sky));--landscape-city:color-mix(in oklab, hsl(var(--secondary)) 16%, var(--landscape-horizon));--landscape-window:#f5bb47;--landscape-window-opacity:0;--landscape-far:color-mix(in oklab, hsl(var(--secondary)) 26%, var(--landscape-land));--landscape-mid:color-mix(in oklab, hsl(var(--secondary)) 46%, var(--landscape-land));--landscape-mid-shade:color-mix(in oklab, hsl(var(--secondary)) 62%, hsl(var(--foreground)) 8%);--landscape-near:color-mix(in oklab, hsl(var(--primary)) 52%, var(--landscape-land));--landscape-front:color-mix(in oklab, hsl(var(--primary)) 70%, hsl(var(--foreground)));--landscape-rim:oklab(100% 0 5.96046e-8/.55);--landscape-bird:color-mix(in oklab, hsl(var(--foreground)) 70%, transparent);--landscape-grain:.32;--landscape-stars:0;isolation:isolate;grid-template-rows:auto minmax(calc(var(--landscape-scene-height) * var(--landscape-ground-share)), 1fr);min-height:var(--landscape-min-height);view-timeline:--landscape block;background:linear-gradient(in oklab to top, var(--landscape-horizon) calc(var(--landscape-scene-height) * .1), color-mix(in oklab, var(--landscape-sky) 55%, var(--landscape-horizon)) calc(var(--landscape-scene-height) * .3), var(--landscape-sky) calc(var(--landscape-scene-height) * .6));display:grid;position:relative;overflow:clip}@media (width<48rem){.landscape{--landscape-min-height:max(560px, min(calc(100svh - 4rem), 1100px))}}.dark .landscape{--landscape-sky:#101219;--landscape-horizon:#3c2520;--landscape-sun-ring:#e8dfcf38;--landscape-cloud:#303441;--landscape-city:#242a33;--landscape-window-opacity:.9;--landscape-far:#1d282a;--landscape-mid:#182522;--landscape-mid-shade:#101916;--landscape-near:#311c1c;--landscape-front:#160d0d;--landscape-rim:#e0d3b82e;--landscape-bird:#d6cfc299;--landscape-grain:.28;--landscape-stars:1}.landscape:before{content:"";z-index:0;opacity:var(--landscape-stars);pointer-events:none;background-image:radial-gradient(1.2px 1.2px at 12% 18%,#fff8 50%,#0000 51%),radial-gradient(1px 1px at 27% 32%,#fff6 50%,#0000 51%),radial-gradient(1.4px 1.4px at 41% 12%,#fff9 50%,#0000 51%),radial-gradient(1px 1px at 58% 26%,#fff6 50%,#0000 51%),radial-gradient(1.2px 1.2px at 71% 9%,#fff8 50%,#0000 51%),radial-gradient(1px 1px at 84% 30%,#fff5 50%,#0000 51%),radial-gradient(1.3px 1.3px at 92% 16%,#fff8 50%,#0000 51%),radial-gradient(1px 1px at 6% 40%,#fff5 50%,#0000 51%),radial-gradient(1px 1px at 35% 46%,#fff4 50%,#0000 51%),radial-gradient(1.1px 1.1px at 66% 44%,#fff6 50%,#0000 51%);position:absolute;inset:0 0 45%}.landscape-copy{z-index:3;position:relative}html:not(.dark) .landscape-copy{--primary:0 50% 39%;--muted-foreground:25 12% 32%}.landscape-scene{z-index:1;height:var(--landscape-scene-height);pointer-events:none;position:absolute;inset:auto 0 0}.landscape-grain{z-index:2;pointer-events:none;opacity:var(--landscape-grain);mix-blend-mode:soft-light;position:absolute;inset:0;mask-image:linear-gradient(#0000 38%,#000 72%)}.landscape .layer{shape-rendering:geometricprecision;width:100%;height:100%;display:block;position:absolute;inset:0;overflow:visible}.landscape .sun-disc{fill:var(--landscape-sun)}.landscape .sun-ring{fill:none;stroke:var(--landscape-sun-ring)}.landscape .cloud{fill:var(--landscape-cloud)}.landscape .skyline{fill:var(--landscape-city)}.landscape .window{fill:var(--landscape-window);opacity:var(--landscape-window-opacity)}.landscape .rim{fill:none;stroke:var(--landscape-rim);stroke-width:1.2px;stroke-linecap:round;opacity:.7}.landscape .silhouette{fill:var(--landscape-mid-shade)}.landscape .silhouette-line,.landscape .blades line{fill:none;stroke:var(--landscape-mid-shade);stroke-width:3px;stroke-linecap:round}.landscape .blades{transform-box:fill-box;transform-origin:50%}.landscape .post{fill:var(--landscape-front)}.landscape .wire{fill:none;stroke:var(--landscape-front);stroke-width:1.4px}.landscape .tuft{fill:none;stroke:color-mix(in oklab, var(--landscape-front) 70%, var(--landscape-near));stroke-width:2.4px;stroke-linecap:round}.landscape .bird{fill:none;stroke:var(--landscape-bird);stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.landscape .moving,.landscape .blades,.landscape-copy{animation:var(--landscape-motion) linear both;animation-timeline:--landscape;animation-range:exit}.landscape .sun{--landscape-motion:landscape-sunset}.landscape .clouds{--landscape-motion:landscape-drift}.landscape .city{--landscape-motion:landscape-sink-half}.landscape .far{--landscape-motion:landscape-sink-far}.landscape .mid{--landscape-motion:landscape-sink-mid}.landscape .near{--landscape-motion:landscape-sink-near}.landscape .birds{--landscape-motion:landscape-fly}.landscape .blades{--landscape-motion:landscape-turn}.landscape-copy{--landscape-motion:landscape-rise-fade}}}@keyframes landscape-sunset{to{transform:translateY(62%)scale(.92)}}@keyframes landscape-drift{to{transform:translate(-14%,18%)}}@keyframes landscape-sink-half{to{transform:translateY(50%)}}@keyframes landscape-sink-far{to{transform:translateY(38%)}}@keyframes landscape-sink-mid{to{transform:translateY(24%)}}@keyframes landscape-sink-near{to{transform:translateY(12%)}}@keyframes landscape-fly{to{transform:translate(-38%,-22%)}}@keyframes landscape-turn{to{rotate:540deg}}@keyframes landscape-rise-fade{to{opacity:0;transform:translateY(-14%)}}