/* Generated by assets-src/hero/build_hero.py. Do not edit by hand. */

/* Phones: the 9:16 garden. */
.hero { --hero-r: 0.5628; --w-l: 22%; --w-r: 78%; --w-t: 15.4%; --w-b: 31.6%; --hero-shape: "phone"; }
.hero .h-garden { background-image: url(scene.webp), url(data:image/webp;base64,UklGRlYBAABXRUJQVlA4IEoBAACwBwCdASoYACsAPu1srVIppaQipWsxMB2JZACzoXsEA5GNZh/JD2l+fIFTH3wNIfF9dC5Ue/qvHwqOHFVB1Yb2rEKWxFSAAP4Up13VQXmG1B2o5hrrZb8C7ObK3uWYIA65MAWF5OVMjfsLY4JHWtqP6PxaQLm8Hz0cPOxR4U1MsDzokOzlZ9qmvtdhSYbIug2zUVCcTFu3taNB7p5ULBwZrA9Cu1T9MgaAPYomWf2q1OK75IR2u0nAp7a0f1msplUm5CcqOV497T605TvmN7qNt/P5rV6VqPcf8Xu5F4oqcY1u5wiP93FTNLhae5igQ4aV6cwzn4teXzoCfatUd/ItaNpqSzoXwMunUhNdSU8V0bU6tP+2maLMqTU+QBlQ62D/6mrh2Yv9O4lYfFcPRp3yL0bCI5ceE5S3bCmmIcIn2ouk7E4CQYCHAAA=); }

/* Tablets upright, and the laptop column: the 3:4 garden. */
@media (min-aspect-ratio: 5/8) {
  html:root .hero { --hero-r: 0.75; --w-l: 29%; --w-r: 71%; --w-t: 15.6%; --w-b: 31.4%; --hero-shape: "tab"; }
  html:root .hero .h-garden { background-image: url(scene-tab.webp), url(data:image/webp;base64,UklGRuYAAABXRUJQVlA4INoAAACQBQCdASoYACAAPu1osFAppaSiqAqpMB2JYgC1GzMB+0gmcG1xOkKe/yptIUc6ziqHDn01gAD52EfhquZ9AfFwAyClSdYYASKRvzBiNLOSqu5zrGpLKy0jDyO+PfZHPPeKANgNPBVi5ZbeGMpP//vq8HXN6EJ2TmmmcLnitDquMq1hoOYMFPIOhgZxVstuOGguA/5BfB/EfkpSC5WwNQBA4382HY4mS7/WCBYKX8yUNp0cI0psI6T7UvzKMYvVlmbtbjwS1gNv7KY20qLhVOcZHVBhzdmQY9pkAA==); }
}

/* Tablets sideways: the 4:3 garden. */
@media (min-aspect-ratio: 6/5) {
  html.is-tablet .hero { --hero-r: 1.33333; --w-l: 32%; --w-r: 68%; --w-t: 19.6%; --w-b: 34.6%; --hero-shape: "land"; }
  html.is-tablet .hero .h-garden { background-image: url(scene-land.webp), url(data:image/webp;base64,UklGRrgAAABXRUJQVlA4IKwAAADwBACdASoYABIAPu1sq1EppaOiqAqpMB2JQBbZAezFRE916RQrW0QTMEYe7i3Me+AA8de9lG61GPACRfxvI3cvmMHEcaKK/X0PsmyYT0S6s6jl6Er6BdsHeaXvLJkW346aKRyL9bKIlq5udPc0OEE+HE/Frnem77+13grzIo3ZMZE3fhGmcILCFo6pxUX6HnkbStx4WKmjMhlXSHfeT2nnbQ9BjDJ6a6RaAAAA); }
}