.ambient{--shore:var(--scene-shore);--lake:var(--scene-lake);--horizon:calc(100% - var(--lake));z-index:-2;pointer-events:none;position:absolute;inset:0;overflow:hidden}.ambient--header .contour{opacity:calc(var(--contour-opacity) * .6)}.ambient__scene{left:0;right:0;bottom:var(--lake);height:var(--shore);position:absolute;mask-position:0 100%;mask-size:auto 100%;mask-repeat:repeat-x}.ambient__hills{height:calc(var(--shore) * 1.1);background-color:color-mix(in srgb, var(--iron-range) 82%, var(--loon-black));mask-image:url(/_astro/hills.DCJhVoT9.svg)}.ambient__shore{background-color:color-mix(in srgb, var(--iron-range) 18%, var(--loon-black));mask-image:url(/_astro/shore.I2FQCgkK.svg)}.ambient__lake{height:var(--lake);background:repeating-linear-gradient(to bottom, transparent 0 7px, color-mix(in srgb, var(--secondary) 6%, transparent) 7px 8px), repeating-linear-gradient(to bottom, transparent 0 11px, color-mix(in srgb, var(--secondary) 4%, transparent) 11px 12px), linear-gradient(to bottom, color-mix(in srgb, var(--iron-range) 88%, var(--mississippi)), color-mix(in srgb, var(--iron-range) 55%, var(--loon-black)) 45%, var(--loon-black));position:absolute;bottom:0;left:0;right:0}.ambient__reflection{bottom:calc(var(--lake) - var(--shore));background-color:var(--loon-black);opacity:.75;transform:scaleY(-1);mask-image:url(/_astro/shore.I2FQCgkK.svg),repeating-linear-gradient(#000 0 3px,#000000b3 3px 5px),linear-gradient(#0000,#000 65%);mask-size:auto 100%,100% 100%,100% 100%;mask-repeat:repeat-x,repeat,no-repeat;mask-composite:intersect}[data-sky=dawn] .ambient__lake,[data-sky=golden] .ambient__lake,[data-sky=dusk] .ambient__lake{box-shadow:inset -30vw 0 12vw -14vw color-mix(in srgb, var(--accent) 16%, transparent)}[data-sky=day] .ambient__lake{box-shadow:inset 0 3vw 6vw -3vw color-mix(in srgb, var(--secondary) 10%, transparent)}.ambient__aurora-gl{mix-blend-mode:screen;width:100%;height:100%;display:none;mask-image:radial-gradient(42% 36% at 26% 44%,#0000000a 58%,#000 100%)}[data-sky=night][data-aurora=gl] .ambient__aurora-gl{display:block}[data-aurora=gl] .ambient__aurora{display:none!important}@media (width<=47.99rem){.ambient__aurora-gl{mask-image:linear-gradient(#000 0%,#0000000d 22% 60%,#000 78%)}}.ambient__moon{width:clamp(1.75rem,1rem + 1.6vw,2.75rem);height:auto;filter:drop-shadow(0 0 .9rem color-mix(in srgb, var(--text) 30%, transparent));display:none;position:absolute;top:16%;right:24%}.ambient__moon circle{fill:color-mix(in srgb, var(--text) 7%, transparent)}.ambient__moon path{fill:var(--text)}@media (width<=47.99rem){.ambient--hero .ambient__moon{top:6%;right:10%}.ambient--hero .ambient__glade{right:calc(10% - 2vw)}}.ambient--header .ambient__moon{width:1.5rem;top:18%;right:10%}.ambient__glade{width:calc(clamp(1.75rem,1rem + 1.6vw,2.75rem) + 4vw);height:var(--lake);background:repeating-linear-gradient(to bottom, color-mix(in srgb, var(--text) 55%, transparent) 0 1px, transparent 1px 5px);opacity:calc(var(--moon-lit,.5) * .55);display:none;position:absolute;bottom:0;right:calc(24% - 2vw);mask-image:radial-gradient(50% 100% at 50% 0,#000 20%,#0000 75%)}[data-sky=night] .ambient__moon,[data-sky=night] .ambient__glade{display:block}.ambient--header .ambient__glade{width:calc(1.5rem + 3vw);right:calc(10% - 1.5vw)}.ambient__frame{height:calc(var(--scene-frame-base) + var(--shore) * 2.5);aspect-ratio:420/700;background-color:var(--loon-black);position:absolute;bottom:0;right:0;mask:url(/_astro/frame.BiqNTmao.svg) 100% 100%/contain no-repeat}@media (width<=47.99rem){.ambient__frame{height:calc(var(--scene-frame-base) + var(--shore) * 1.35)}}.ambient__snow{background-color:color-mix(in srgb, var(--text) 40%, transparent);display:none}.ambient__shore.ambient__snow{mask-image:url(/_astro/shore-snow.C0kIltli.svg)}.ambient__frame.ambient__snow{mask-image:url(/_astro/frame-snow.2l7drMII.svg)}[data-season=winter] .ambient__snow{display:block}[data-season=winter] .ambient__lake{background:repeating-linear-gradient(-7deg, transparent 0 46px, color-mix(in srgb, var(--text) 5%, transparent) 46px 47px), linear-gradient(to bottom, color-mix(in srgb, var(--iron-range) 82%, var(--loons-gray)), color-mix(in srgb, var(--iron-range) 60%, var(--loon-black)) 55%, var(--loon-black))}[data-season=winter] .ambient__reflection{display:none}[data-season=winter] .ambient__glade{background:radial-gradient(ellipse 50% 60% at 50% 0, color-mix(in srgb, var(--text) 30%, transparent), transparent 70%)}.ambient__layer{position:absolute;inset:0}.ambient__sky{opacity:0;transition:opacity 1.2s var(--ease-out)}[data-sky] .ambient__sky{opacity:1}[data-sky=day] .ambient__sky{background:linear-gradient(to bottom, color-mix(in srgb, var(--secondary) 9%, transparent), transparent 65%)}[data-sky=dawn] .ambient__sky{background:radial-gradient(ellipse 55% 80% at 92% var(--horizon), color-mix(in srgb, var(--accent) 26%, transparent), transparent 70%), linear-gradient(to bottom, color-mix(in srgb, var(--secondary) 6%, transparent), transparent 60%)}[data-sky=golden] .ambient__sky{background:radial-gradient(ellipse 60% 90% at 90% var(--horizon), color-mix(in srgb, var(--accent) 30%, transparent), transparent 72%)}[data-sky=dusk] .ambient__sky{background:radial-gradient(ellipse 50% 70% at 92% var(--horizon), color-mix(in srgb, var(--dusk) 22%, transparent), transparent 70%), radial-gradient(ellipse 70% 95% at 86% var(--horizon), color-mix(in srgb, var(--accent) 14%, transparent), transparent 75%), linear-gradient(to bottom, #0000002e, transparent 70%)}[data-sky=night] .ambient__sky{background:linear-gradient(#00000047,#0000 75%)}.ambient__stars,.ambient__aurora{display:none}[data-sky=night] .ambient__stars,[data-sky=night] .ambient__aurora{display:block}@media (width<=47.99rem){[data-sky=night] .ambient__aurora{display:none}}.ambient__stars{--star:color-mix(in srgb, var(--text) 70%, transparent);background-image:radial-gradient(1px 1px at 23px 31px, var(--star), transparent), radial-gradient(1px 1px at 97px 12px, var(--star), transparent), radial-gradient(1.4px 1.4px at 151px 77px, var(--star), transparent), radial-gradient(1px 1px at 203px 43px, var(--star), transparent), radial-gradient(1px 1px at 61px 118px, var(--star), transparent), radial-gradient(1.2px 1.2px at 177px 151px, var(--star), transparent), radial-gradient(1px 1px at 119px 189px, var(--star), transparent), radial-gradient(1px 1px at 37px 207px, var(--star), transparent);opacity:.55;background-size:240px 240px;mask-image:linear-gradient(#000 0%,#0000 75%)}.ambient__aurora{background:linear-gradient(to bottom, color-mix(in srgb, var(--dusk) 45%, transparent) 0%, color-mix(in srgb, var(--secondary) 70%, transparent) 55%, color-mix(in srgb, var(--secondary) 90%, transparent) 100%);opacity:.45;transform-origin:50% 100%;inset:0 -4% 42% 36%;mask-image:url(/_astro/aurora.DGsvF0eX.svg),radial-gradient(50% 50% at 50% 45%,#000 35%,#0000 100%);mask-size:100% 100%,100% 100%;mask-composite:intersect}.ambient__weather{display:none}[data-season=winter] .ambient__weather{display:block}[data-season=winter] .ambient__weather:before,[data-season=winter] .ambient__weather:after{--flake:color-mix(in srgb, var(--text) 85%, transparent);content:"";background-image:radial-gradient(2.2px 2.2px at 18px 26px, var(--flake), transparent), radial-gradient(1.6px 1.6px at 92px 74px, var(--flake), transparent), radial-gradient(2.6px 2.6px at 160px 30px, var(--flake), transparent), radial-gradient(1.6px 1.6px at 58px 150px, var(--flake), transparent), radial-gradient(2.2px 2.2px at 130px 190px, var(--flake), transparent), radial-gradient(1.4px 1.4px at 200px 120px, var(--flake), transparent);opacity:.7;background-size:220px 220px;position:absolute;inset:-220px 0 0}[data-season=winter] .ambient__weather:after{opacity:.4;background-size:160px 160px;inset:-160px 0 0}[data-season=spring] .ambient__weather{display:block}[data-season=spring] .ambient__weather:before{--drop:color-mix(in srgb, var(--secondary) 45%, transparent);content:"";background-image:radial-gradient(.6px 7px at 20px 30px, var(--drop), transparent), radial-gradient(.6px 6px at 75px 95px, var(--drop), transparent), radial-gradient(.6px 8px at 120px 20px, var(--drop), transparent), radial-gradient(.6px 6px at 48px 120px, var(--drop), transparent), radial-gradient(.6px 7px at 105px 65px, var(--drop), transparent);opacity:.45;background-size:140px 140px;position:absolute;inset:-140px -10% 0;rotate:8deg}[data-season=summer][data-sky=dusk] .ambient__weather,[data-season=summer][data-sky=night] .ambient__weather{display:block}.ambient__p{display:none;position:absolute}[data-season=summer] .ambient__p{left:var(--x);top:var(--y);background:var(--accent-strong);width:3px;height:3px;box-shadow:0 0 6px 2px color-mix(in srgb, var(--accent-strong) 55%, transparent);opacity:0;border-radius:50%;display:block}.ambient__p:first-child{--x:68%;--y:75%;--d:4.5s;--delay:-8.1s}.ambient__p:nth-child(2){--x:89%;--y:71%;--d:3.2s;--delay:-.4s}.ambient__p:nth-child(3){--x:49%;--y:28%;--d:4.7s;--delay:-9.5s}.ambient__p:nth-child(4){--x:90%;--y:67%;--d:4.6s;--delay:-2.5s}.ambient__p:nth-child(5){--x:57%;--y:86%;--d:5.1s;--delay:-10.8s}.ambient__p:nth-child(6){--x:83%;--y:56%;--d:4.8s;--delay:-1.4s}.ambient__p:nth-child(7){--x:33%;--y:39%;--d:5.2s;--delay:-1.8s}.ambient__p:nth-child(8){--x:82%;--y:88%;--d:3.8s;--delay:-6.3s}.ambient__p:nth-child(9){--x:94%;--y:84%;--d:3.3s;--delay:-5.1s}.ambient__p:nth-child(10){--x:63%;--y:78%;--d:5.2s;--delay:-9.1s}@media (prefers-reduced-motion:no-preference){.ambient__stars{animation:7s ease-in-out infinite alternate twinkle}.ambient__aurora{animation:38s ease-in-out infinite alternate aurora}.ambient__reflection{animation:3.2s linear infinite ripple}.ambient__glade{animation:4.5s ease-in-out infinite glint}@supports (animation-timeline:scroll()){.ambient__hills{--hills-timeline:scroll(root);animation:linear both ridge;animation-timeline:var(--hills-timeline);animation-range:0 70vh}}[data-season=winter] .ambient__weather:before{animation:26s linear infinite fall-220}[data-season=winter] .ambient__weather:after{animation:17s linear infinite fall-160}[data-season=spring] .ambient__weather:before{animation:2.6s linear infinite fall-140}[data-season=summer] .ambient__p{animation:blink var(--d) ease-in-out var(--delay) infinite, wander calc(var(--d) * 2.5) ease-in-out var(--delay) infinite alternate}}@media (prefers-reduced-motion:reduce){.ambient__weather{display:none!important}}@keyframes ridge{to{transform:translateY(14%)}}@keyframes ripple{to{mask-position:0 100%,0 5px,0 0}}@keyframes glint{50%{opacity:calc(var(--moon-lit,.5) * .4);transform:scaleX(.82)}}@keyframes twinkle{to{opacity:.35}}@keyframes aurora{0%{opacity:.38;transform:translate(-3%)scaleY(.88)skew(-4deg)}50%{opacity:.6}to{opacity:.45;transform:translate(3%)scaleY(1.08)skew(4deg)}}@keyframes fall-220{to{transform:translateY(220px)}}@keyframes fall-160{to{transform:translateY(160px)}}@keyframes fall-140{to{transform:translateY(140px)}}@keyframes blink{0%,to{opacity:0}45%,55%{opacity:.9}}@keyframes wander{to{transform:translate(14px,-10px)}}
