.scene{--gust:16.5s;--gd:2.1s;
  position:absolute;left:0;right:0;bottom:0;width:100%;z-index:1;display:block;
  --cards-right:calc(max(0px,(100vw - var(--max)) / 2) + var(--edge) + var(--cards) + 1.5rem);
  height:min(100%,calc(100vw - var(--cards-right)))}
@media (max-width:720px){
  .hero{display:flex;flex-direction:column;min-height:0}
  .hero__in{order:1;padding-bottom:0}
  .scene{order:2;position:relative;height:320px;margin-top:-1.5rem}
}
.sc-far{fill:var(--c-hill-far)}
.sc-mid{fill:var(--c-hill-mid)}
.sc-near{fill:var(--c-hill-near)}
.sc-ground{fill:var(--c-ground)}
.sc-trunk{fill:var(--c-trunk)}
.sc-wood{fill:none;stroke:var(--c-trunk);stroke-linecap:round}
.sc-snowcap{fill:none;stroke:var(--c-snow);stroke-linecap:round}
.sc-snowfill,.sc-snow rect,.sc-snow ellipse{fill:var(--c-snow)}
.sc-shade{fill:var(--c-shade)}
.c1{fill:var(--c-c1)} .c2{fill:var(--c-c2)} .c3{fill:var(--c-c3)} .c4{fill:var(--c-c4)}
.sc-st1{stop-color:var(--c-snow)} .sc-st2{stop-color:var(--c-shade)}
.sc-bird{fill:none;stroke:var(--c-bird);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.sc-swallow{fill:var(--c-bird)}
.sc-w1{fill:var(--c-wood)}
.sc-w2{fill:color-mix(in oklab,var(--c-wood) 78%,#000)}
.sc-cover{fill:color-mix(in oklab,var(--s-brand),var(--night) calc(var(--nightness) * .5))}
.sc-pg{fill:var(--c-paper);stroke:color-mix(in oklab,var(--c-paper) 80%,#000);stroke-width:.6}
.sc-water{fill:var(--c-water)}
.sc-paper{fill:var(--c-paper);stroke:color-mix(in oklab,var(--c-paper) 75%,#000);stroke-width:.8;stroke-linejoin:round}
.sc-ink{fill:none;stroke:color-mix(in oklab,var(--c-paper) 55%,#000);stroke-width:.8;stroke-linecap:round}
.sc-stem{fill:none;stroke:color-mix(in oklab,#4f8a3a,var(--night) var(--nightness));stroke-width:2;stroke-linecap:round}
.sc-fl-y{fill:color-mix(in oklab,#f6cf4e,var(--night) calc(var(--nightness) * .7))}
.sc-k-a{fill:color-mix(in oklab,var(--s-accent),var(--night) calc(var(--nightness) * .6))}
.sc-k-b{fill:var(--c-c4)}
.sc-string{fill:none;stroke:color-mix(in oklab,#5d4c3a,#fff var(--moonness));stroke-width:1;opacity:.75}
.sc-dark{fill:#22252b}
.sc-red{fill:color-mix(in oklab,#d4473a,var(--night) calc(var(--nightness) * .5))}
.sc-grey{fill:color-mix(in oklab,#5d636f,var(--night) calc(var(--nightness) * .5))}
.sc-carrot{fill:#e8772e}
.sc-scarf{fill:var(--c-c4)}
.sc-fir{fill:var(--c-c2)} .sc-fir2{fill:var(--c-c3)}
.sc-estar{fill:#2fa35a;stroke:#fff;stroke-width:1.5;stroke-linejoin:round}
.sc-estar-glow{fill:#7be3a0;opacity:.35}
.sc-hole{fill:#2a1d14}
.sc-bh{fill:color-mix(in oklab,#c98f55,var(--night) calc(var(--nightness) * .6))}
.sc-bh2{fill:color-mix(in oklab,#8a5a33,var(--night) calc(var(--nightness) * .6))}
.sc-beak{fill:#e8c547}
.sc-bw1{fill:color-mix(in oklab,var(--s-accent),var(--night) calc(var(--nightness) * .6))}
.sc-bw2{fill:var(--c-snow)}
.sc-bbody{fill:none;stroke:#2b2d33;stroke-width:1.6;stroke-linecap:round}
.sc-puff{fill:var(--c-snow);opacity:.95}
.sc-puff-rim{fill:none;stroke:color-mix(in oklab,#d9d2bd,var(--night) var(--nightness));stroke-width:2.2;stroke-dasharray:1.4 2.2}
.sc-eo-g{fill:color-mix(in oklab,#2a9a4e,var(--night) calc(var(--nightness) * .45))}
.sc-eo-g2{fill:color-mix(in oklab,#21803f,var(--night) calc(var(--nightness) * .45))}
.sc-eo-w{fill:color-mix(in oklab,#fffdf6,var(--night) calc(var(--nightness) * .4))}
.sc-gstar{fill:#5fd37f;transform-box:fill-box;transform-origin:center;animation:gstar 6.3s ease-in-out infinite alternate}
@keyframes gstar{from{opacity:.75;scale:.9}to{opacity:1;scale:1.12}}
.sc-stars{fill:#fff;opacity:var(--stars);transition:opacity .8s}
.sc-stars circle{animation:twinkle 5.1s ease-in-out infinite alternate}
.sc-stars circle:nth-child(3n){animation-delay:-1.8s;animation-duration:3.9s}
.sc-stars circle:nth-child(4n+1){animation-delay:-3.15s}
@keyframes twinkle{from{opacity:1}to{opacity:.35}}
.sc-sun{transform:translate(calc(var(--sun-x) * 1px),calc((var(--sun-y) + var(--sun-dy,0)) * 1px)) scale(var(--sun-scale,1));opacity:var(--sun-op,1);
  transition:transform 1.2s cubic-bezier(.3,.7,.2,1),opacity 1s}
.sc-sun__disc{fill:var(--c-sun)}
.sc-sun__halo{fill:var(--c-sun);opacity:.26}
.sc-rays{stroke:var(--c-sun);stroke-width:4;stroke-linecap:round;opacity:calc(.7 * var(--rays,1)); 
  transform-box:fill-box;transform-origin:center;animation:spin 105s linear infinite}
@keyframes spin{to{rotate:360deg}}
.sc-wind path{fill:none;stroke:var(--c-wind);stroke-width:3;stroke-linecap:round;
  stroke-dasharray:170 2000;stroke-dashoffset:170;opacity:0;
  animation:gust-line var(--gust) var(--gd) cubic-bezier(.4,0,.6,1) infinite}
.sc-wind path:nth-child(2){animation-delay:calc(var(--gd) + .525s)}
.sc-wind path:nth-child(3){animation-delay:calc(var(--gd) + 1.05s)}
@keyframes gust-line{0%{stroke-dashoffset:170;opacity:0}3%{opacity:1}22%{opacity:.9}28%{stroke-dashoffset:-1000;opacity:0}100%{stroke-dashoffset:-1000;opacity:0}}
.sc-tree{transform-box:view-box;transform-origin:1292px 472px;
  animation:tree-gust var(--gust) var(--gd) ease-in-out infinite}
@keyframes tree-gust{0%,6%{rotate:0deg}13%{rotate:calc(var(--sway,1) * 1.5deg)}19%{rotate:calc(var(--sway,1) * -.5deg)}25%{rotate:calc(var(--sway,1) * .45deg)}33%,100%{rotate:0deg}}
.sc-crown{transform-box:view-box;transform-origin:1292px 340px;animation:crown-idle 9.75s ease-in-out infinite alternate}
@keyframes crown-idle{from{rotate:calc(var(--sway,1) * -.7deg)}to{rotate:calc(var(--sway,1) * .7deg)}}
.sc-flip{transform-box:view-box;transform-origin:1100px 437.5px;
  animation:page var(--gust) var(--gd) ease-in-out infinite}
.sc-flip--2{animation-delay:calc(var(--gd) + .45s)}
.sc-flip--3{animation-delay:calc(var(--gd) + .93s)}
@keyframes page{0%,9%{rotate:0deg}19%,100%{rotate:-180deg}}
.sc-cranes{animation:cranes 51s linear -9s infinite}
@keyframes cranes{0%{translate:0 0}60%,100%{translate:-760px -300px}}
.sc-flap{transform-box:fill-box;transform-origin:center;animation:flap 1.125s ease-in-out infinite alternate}
.sc-cranes g:nth-child(2n) .sc-flap{animation-delay:-.45s}
.sc-cranes g:nth-child(3n) .sc-flap{animation-delay:-.825s}
@keyframes flap{from{scale:1 1}to{scale:1 .45}}
.sc-finch{transform-box:fill-box;transform-origin:50% 100%;animation:finch 13.5s ease-in-out infinite}
.sc-finch--2{animation-delay:-6.45s}
@keyframes finch{0%,38%{translate:0 0;scale:1 1}41%{translate:0 -5px}44%{translate:0 0}
  66%{scale:1 1}68%,90%{scale:-1 1}92%,100%{scale:1 1}}
.sc-scarf-end{transform-box:view-box;transform-origin:1228px 397px;
  animation:scarf var(--gust) var(--gd) ease-in-out infinite}
@keyframes scarf{0%,6%{rotate:0deg}12%{rotate:-52deg}17%{rotate:-34deg}22%{rotate:-46deg}34%,100%{rotate:0deg}}
.sc-estar{transform-box:fill-box;transform-origin:center;animation:estar 3.9s ease-in-out infinite alternate}
.sc-estar-glow{transform-box:fill-box;transform-origin:center;animation:glow 3.9s ease-in-out infinite alternate}
@keyframes estar{from{scale:.92}to{scale:1.1}}
@keyframes glow{from{scale:.8;opacity:.15}to{scale:1.25;opacity:.45}}
.sc-sw{animation:swoop 16.5s cubic-bezier(.45,.05,.55,.95) infinite}
.sc-sw--2{animation-delay:-6s;animation-duration:19.5s}
.sc-sw--3{animation-delay:-12.75s;animation-duration:18s}
@keyframes swoop{0%{translate:880px -240px}20%{translate:1010px 40px}38%{translate:1160px -28px}
  56%{translate:1320px 46px}74%{translate:1470px -12px}100%{translate:1780px -70px}}
.sc-swallow{transform-box:fill-box;transform-origin:center;animation:sflap .48s ease-in-out infinite alternate}
@keyframes sflap{from{scale:1 1}to{scale:1 .4}}
.sc-starling{transform-box:fill-box;transform-origin:50% 50%;animation:peek 13.5s ease-in-out infinite}
@keyframes peek{0%,52%{scale:0}58%,82%{scale:1}88%,100%{scale:0}}
.sc-boat{animation:boat 48s linear -16.5s infinite}
@keyframes boat{from{translate:0 0}to{translate:1040px -28px}}
.sc-boat__b{transform-box:fill-box;transform-origin:50% 85%;animation:rock 3.45s ease-in-out infinite alternate}
@keyframes rock{from{rotate:-6deg;translate:0 1px}to{rotate:5deg;translate:0 -2px}}
.sc-flow{fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;opacity:.55;
  stroke-dasharray:26 48;animation:flow 4.2s linear infinite}
@keyframes flow{to{stroke-dashoffset:-74}}
.sc-nod{transform-box:fill-box;transform-origin:50% 100%;animation:nod 5.4s ease-in-out infinite alternate}
.sc-nod:nth-child(2n){animation-delay:-2.1s}
.sc-nod:nth-child(3n){animation-delay:-3.45s}
@keyframes nod{from{rotate:-7deg}to{rotate:7deg}}
.sc-kite{transform-box:view-box;transform-origin:1158px 438px;animation:kite-sway 10.5s ease-in-out infinite alternate}
@keyframes kite-sway{from{rotate:-2.4deg}to{rotate:2.6deg}}
.sc-kite__body{transform-box:fill-box;transform-origin:50% 25%;animation:kite-tilt 4.05s ease-in-out infinite alternate}
@keyframes kite-tilt{from{rotate:-7deg}to{rotate:6deg}}
.sc-tail{transform-box:fill-box;transform-origin:50% 0;animation:tail 1.95s ease-in-out infinite alternate}
@keyframes tail{from{transform:skewX(10deg)}to{transform:skewX(-12deg)}}
.sc-bfly{animation:bfly 24s ease-in-out infinite}
.sc-bfly--2{animation:bfly2 19.5s ease-in-out -7.5s infinite}
@keyframes bfly{0%,100%{translate:0 0}20%{translate:80px -46px}40%{translate:150px 6px}60%{translate:70px 40px}80%{translate:-30px -6px}}
@keyframes bfly2{0%,100%{translate:0 0}25%{translate:-70px -30px}50%{translate:-120px 18px}75%{translate:-40px -50px}}
.sc-bw{transform-box:fill-box;animation:wing .255s ease-in-out infinite alternate}
.sc-bw--l{transform-origin:100% 50%}
.sc-bw--r{transform-origin:0 50%}
@keyframes wing{from{scale:1 1}to{scale:.22 1}}
:root.scene-off .hero *,:root.scene-off .hero *::before{animation-play-state:paused!important}