:root{--hero-inset: 16px}[data-page=home] .site-header{position:absolute;top:var(--hero-inset);left:0;right:0}[data-page=home] .hero{--panel-h: max(760px, calc(100svh - 2 * var(--hero-inset)));position:relative;isolation:isolate;display:grid;grid-template-rows:auto auto;align-content:start;justify-items:center;width:calc(100% - 2 * var(--hero-inset));min-height:var(--panel-h);margin:var(--hero-inset);padding:128px 32px 0}:is(.garden,.park){--sky-top: #83c3fd}[data-theme=dark] :is(.garden,.park){--sky-top: #04154a}.garden{position:absolute;top:0;left:0;right:0;height:var(--panel-h);z-index:-1;overflow:hidden;border-radius:16px;box-shadow:0 1px 2px rgb(var(--shadow-rgb) / calc(var(--shadow-a) * .6)),0 24px 44px -28px rgb(var(--shadow-rgb) / calc(var(--shadow-a) * 1.6));container:garden / size;background:var(--sky-top)}.garden:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgb(var(--shadow-rgb) / calc(var(--shadow-a) * .5)),inset 0 2px 22px rgb(var(--shadow-rgb) / calc(var(--shadow-a) * .9));pointer-events:none}.g-scene{--m: 24px;--horizon: .68;--c: max(calc((100cqw + 2 * var(--m)) / 2400), calc((100cqh * (1 - var(--horizon)) + var(--m)) / 790));--pl: calc(var(--cx, 1200) * var(--c) - 50cqw);--pt: calc(560 * var(--c) - 100cqh * var(--horizon));position:absolute;left:calc(50cqw - var(--cx, 1200) * var(--c));top:calc(100cqh * var(--horizon) - 560 * var(--c));width:calc(2400 * var(--c));height:calc(1350 * var(--c))}.g-layer,.g-free{position:absolute;background:var(--day) 0 0 / 100% 100% no-repeat}[data-theme=dark] :is(.g-layer,.g-free){background-image:var(--night)}.g-layer{left:0;width:100%;transform-origin:50% 100%}:root:not([data-theme=dark]) .g-night,[data-theme=dark] .g-day{display:none}.is-live :is([data-depth],[data-drift],[data-twinkle],.g-halo,.g-sun,.g-bf,.g-bf>i){will-change:transform,opacity}.g-sky:before{content:"";position:absolute;bottom:100%;left:0;width:100%;height:200%;background:var(--sky-top)}.g-clouds{width:300%;background-size:66.6667% 100%;background-repeat:repeat-x}.g-sun{position:absolute;left:calc(var(--pl, 0px) + 46cqw);top:calc(var(--pt, 0px) - 58cqw);width:100cqw;aspect-ratio:1;border-radius:50%;background:radial-gradient(closest-side,rgb(255 251 234 / .55),rgb(255 248 226 / .22) 42%,transparent)}.g-stars{left:calc(var(--pl, 0px) + 14cqw);top:calc(var(--pt, 0px) + 11cqh);width:68cqw}.g-stars-2{left:calc(var(--pl, 0px) + 31cqw);top:calc(var(--pt, 0px) + 7cqh);width:52cqw}.g-moon{left:calc(var(--pl, 0px) + 79cqw);top:calc(var(--pt, 0px) + max(92px,12cqh));width:clamp(70px,7cqw,116px);background-size:contain}.g-halo{position:absolute;inset:-60%;border-radius:50%;background:radial-gradient(closest-side,rgb(246 227 180 / .2),rgb(246 227 180 / .07) 55%,transparent)}.g-flock{position:absolute;inset:0;pointer-events:none}.g-bf{position:absolute;left:0;top:0;aspect-ratio:var(--ar, 1.3);opacity:var(--fade, .94);filter:saturate(.82)}[data-theme=dark] .g-bf{filter:brightness(.8) saturate(.75)}[data-theme=dark] .g-bf.lit{filter:brightness(.94) sepia(.15)}.g-bf>i{position:absolute;top:0;width:50%;height:100%;background:var(--bf) 0 0 / 200% 100% no-repeat;transform-origin:100% 50%}.g-bf>i+i{left:50%;background-position:100% 0;transform-origin:0 50%}.g-companion{--bf: url(/scrapbook/fly/small-blue-plain.webp);--ar: 208 / 161;left:93%;top:82%;width:30px;translate:-50% -50%}.g-sky{top:-69.6296%;height:177.7778%;--day: url(/scrapbook/garden/sky-day.webp);--night: url(/scrapbook/garden/sky-night.webp)}.g-stars{aspect-ratio:1376 / 236;--day: none;--night: url(/scrapbook/garden/stars-1-night.webp)}.g-stars-2{aspect-ratio:1056 / 364;--day: none;--night: url(/scrapbook/garden/stars-2-night.webp)}.g-moon{aspect-ratio:240 / 240;--day: none;--night: url(/scrapbook/garden/moon-night.webp)}.g-far{top:29.037%;height:16.8889%;--day: url(/scrapbook/garden/far-day.webp);--night: url(/scrapbook/garden/far-night.webp)}.g-lawn{top:37.6296%;height:62.3704%;--day: url(/scrapbook/garden/lawn-day.webp);--night: url(/scrapbook/garden/lawn-night.webp)}.g-tree{left:-5.7396%;width:30.625%;top:-23.1852%;height:87.1111%;--day: url(/scrapbook/garden/tree-day.webp);--night: url(/scrapbook/garden/tree-night.webp)}.g-lavender{top:44.7407%;height:55.2593%;--day: url(/scrapbook/garden/lavender-day.webp);--night: url(/scrapbook/garden/lavender-night.webp)}.g-bench{left:10.8333%;width:20.6667%;top:53.9259%;height:24%;--day: url(/scrapbook/garden/bench-day.webp);--night: url(/scrapbook/garden/bench-night.webp)}.g-lamp{left:89.1854%;width:4.425%;top:21.7741%;height:52.5333%;--day: url(/scrapbook/garden/lamp-day.webp);--night: url(/scrapbook/garden/lamp-night.webp)}.g-glow{left:75%;width:24.1667%;top:29.6296%;height:66.0741%;--day: none;--night: url(/scrapbook/garden/glow-night.webp)}.g-clouds-far{top:22.5185%;height:35.5556%;--day: url(/scrapbook/garden/clouds-far-day.webp);--night: url(/scrapbook/garden/clouds-far-night.webp)}.g-clouds-mid{top:11.8519%;height:52.1481%;--day: url(/scrapbook/garden/clouds-mid-day.webp);--night: url(/scrapbook/garden/clouds-mid-night.webp)}.g-clouds-near{top:4.7407%;height:40.2963%;--day: url(/scrapbook/garden/clouds-near-day.webp);--night: url(/scrapbook/garden/clouds-near-night.webp)}[data-sky] .g-clouds-far{top:calc(88% - 10.667cqw);height:20cqw}[data-sky] .g-clouds-mid{top:calc(88% - 16.667cqw);height:29.333cqw}[data-sky] .g-clouds-near{top:calc(88% - 20.667cqw);height:22.667cqw}@container garden (aspect-ratio < .55){.g-layer:not(.g-clouds,.g-free){left:20%;width:60%}.g-sky{--day: url(/scrapbook/garden/sky-day-s.webp);--night: url(/scrapbook/garden/sky-night-s.webp)}.g-far{--day: url(/scrapbook/garden/far-day-s.webp);--night: url(/scrapbook/garden/far-night-s.webp)}.g-lawn{--day: url(/scrapbook/garden/lawn-day-s.webp);--night: url(/scrapbook/garden/lawn-night-s.webp)}.g-tree{display:none}.g-lavender{--day: url(/scrapbook/garden/lavender-day-s.webp);--night: url(/scrapbook/garden/lavender-night-s.webp)}.g-bench,.g-lamp,.g-glow{display:none}.g-clouds-far{--day: url(/scrapbook/garden/clouds-far-day-s.webp);--night: url(/scrapbook/garden/clouds-far-night-s.webp)}.g-clouds-mid{--day: url(/scrapbook/garden/clouds-mid-day-s.webp);--night: url(/scrapbook/garden/clouds-mid-night-s.webp)}.g-clouds-near{--day: url(/scrapbook/garden/clouds-near-day-s.webp);--night: url(/scrapbook/garden/clouds-near-night-s.webp)}}.garden .g-far{translate:0 calc(20 * var(--c))}.g-tree{top:auto;bottom:36.0741%;left:calc(190 * var(--c));width:auto;height:min(87.1111%,calc(303 * var(--c) + 100cqh * var(--horizon) - 96px));aspect-ratio:735 / 1176;translate:-44.59% 0}@container garden (aspect-ratio < .55){.g-companion{left:52%;top:86%}.g-moon{display:none}}.park{position:absolute;inset:0;z-index:-1;overflow:hidden;border-radius:inherit;container-type:size;background:var(--sky-top)}.park-horizon .g-scene{--horizon: 1}@media(max-width:600px){.park-horizon .g-scene{--cx: 1220;--horizon: 1;--c: calc(100cqw / 980)}.park-horizon .g-lamp{left:63%}.park-horizon .g-glow{left:48.8%}.park-horizon .g-moon{display:none}.park :is(.g-sky,.g-far){left:20%;width:60%}.park .g-sky{--day: url(/scrapbook/garden/sky-day-s.webp);--night: url(/scrapbook/garden/sky-night-s.webp)}.park .g-far{--day: url(/scrapbook/garden/far-day-s.webp);--night: url(/scrapbook/garden/far-night-s.webp)}.park .g-clouds-far{--day: url(/scrapbook/garden/clouds-far-day-s.webp);--night: url(/scrapbook/garden/clouds-far-night-s.webp)}.park .g-clouds-mid{--day: url(/scrapbook/garden/clouds-mid-day-s.webp);--night: url(/scrapbook/garden/clouds-mid-night-s.webp)}.park .g-clouds-near{--day: url(/scrapbook/garden/clouds-near-day-s.webp);--night: url(/scrapbook/garden/clouds-near-night-s.webp)}}.hero .demo-print{align-self:start;width:min(1000px,74%);aspect-ratio:16 / 10;margin-top:28px;min-width:0}.hero .demo{height:100%}@media(max-width:1024px){[data-page=home] .hero{--panel-h: calc(100svh - 2 * var(--hero-inset))}.hero .demo-print{width:min(900px,74%);aspect-ratio:900 / 520}}@media(max-width:720px){:root{--hero-inset: 10px}[data-page=home] .hero{padding:100px 12px 0}.garden{border-radius:12px}.hero .demo-print{width:100%;margin-top:30px}}