/* Generated by assets-src/cover/build_cover.py. Do not edit by hand. */
:root { --rb-r: 1.7094; --rb-knot: 0.1236; --rb-knot-y: 12.357%; --rb-bow-l: 33.557%; --rb-bow-r: 67.785%; --fly-r: 1.1583; --fly-body: 49.958%; --gate-r: 0.55814; --gate-tiny: url(data:image/webp;base64,UklGRkQBAABXRUJQVlA4IDgBAAAQBwCdASoYACsAPtFgqlAoJSOipWmZABoJYwDAabV2htwcC1x0oe2eu6yN/T6sriKt3ZDnaBcuU1UFvCP9+yVlQADOCYFrNGNgy85OpuUbS6NWuB9bg17dDHell6/+2hBIh0X2izoRPQv7ETP90cLMoTyAkjd0Hxcs7Ht+9iNMgk4zt+X1gh6i294hxjxUUePnJY/YxBKm9FWUSExLTLwy8xtafkc1sWU1W9uQ3JdfqOyPt5Txm7/GvxvuL1duslR/1In8snwjC2rggskea0ePSw0rcVBrTWOo1e1DWsJQqwUSOgd/AJkH/QauIsiJFIhu5t8vPSzvyixaYytxFDs+gN+TG2vLfcEvh2hJ1yiIgpXV5S5CKvHPzR5/st8rhqqgly54284ZA/5RDD27vjOekg+EZcBQAAA=); --lf-l-x: 19.630%; --lf-l-y: 16.021%; --lf-l-w: 30.000%; --lf-l-h: 70.543%; --lf-r-x: 49.630%; --lf-r-y: 16.021%; --lf-r-w: 30.000%; --lf-r-h: 70.543%; --seam-x: 49.630%; --open-t: 16.021%; --open-b: 86.563%; --open-cx: 49.630%; --open-cy: 47.765%; --open-mask: url(../assets/cover/opening.webp); --rb-x: 49.630%; --rb-y: 54.819%; --rb-w: 60.000%; }
.garden { --shape: phone; }
.g-beyond, .gate-backdrop::after { background-image: url(beyond.webp); }
.g-leaf-l .g-leaf-art { background-image: url(leaf-l.webp); }
.g-leaf-r .g-leaf-art { background-image: url(leaf-r.webp); }

/* Tablets upright, and the laptop column: the 3:4 gates. */
@media (min-aspect-ratio: 5/8) {
  html:root { --gate-r: 0.74672; --gate-tiny: url(data:image/webp;base64,UklGRvAAAABXRUJQVlA4IOQAAAAwBQCdASoYACAAPtFcpk4oJSOiKAqpABoJZQC2ydzrgYJt1cho9SoplCw4+1h5BqncAAD6/yYle2A692SyKEvmhEA7e/9G8xyanG2TyAuTKQkUGJdat9steVWzyzKHlOT80LJ2rPn5/ECWceknlC5CDwZpIr1VZvC05ZcwvgJsHQjN9/4UsDHyDo0MVo2htzj7ebZKDgdM6YIuZ/sIbJTtV6foh7PKCrogs5M46YWeE0VmoQCtMYQyaVQ84HKO0hsuBl3F0xI6hwIVORLX5H5tbZDXxakw9kycNsjpHACu8NEAAAA=); --lf-l-x: 19.141%; --lf-l-y: 10.938%; --lf-l-w: 29.753%; --lf-l-h: 82.888%; --lf-r-x: 48.893%; --lf-r-y: 10.938%; --lf-r-w: 29.753%; --lf-r-h: 82.888%; --seam-x: 48.893%; --open-t: 10.938%; --open-b: 93.826%; --open-cx: 48.893%; --open-cy: 48.238%; --open-mask: url(../assets/cover/opening-tab.webp); --rb-x: 48.893%; --rb-y: 56.526%; --rb-w: 59.505%; }
  html:root .garden { --shape: tab; }
  html:root .g-beyond, .gate-backdrop::after { background-image: url(beyond-tab.webp); }
  html:root .g-leaf-l .g-leaf-art { background-image: url(leaf-l-tab.webp); }
  html:root .g-leaf-r .g-leaf-art { background-image: url(leaf-r-tab.webp); }
}

/* Tablets sideways: the gates in their long garden wall. */
@media (min-aspect-ratio: 6/5) {
  html.is-tablet { --gate-r: 1.33944; --gate-tiny: url(data:image/webp;base64,UklGRs4AAABXRUJQVlA4IMIAAACwBQCdASoYABIAPtFepk6oJSMiKAqpABoJZQC7M2ROABQU2YrEz42xK3MRoiGC7gaINEtfCAAA/u5Ov6r3a+kUFnV2tHN4jqF5RFxjlIom+SivATA5Vta86pRNE0l/ilIcx+ptfsHaVs0n5ylLKP7KVl470b4yvqtEREYpZRN3+cg8JhtwipoXWgah7Yzy0z7BczrMdAeXja1RBVsW39DmhC6jYbnr0x/i04cm18qK7v1ErwvtuUs7f0emJfllgKjqAA==); --lf-l-x: 36.816%; --lf-l-y: 15.370%; --lf-l-w: 13.232%; --lf-l-h: 72.073%; --lf-r-x: 50.049%; --lf-r-y: 15.370%; --lf-r-w: 13.232%; --lf-r-h: 72.073%; --seam-x: 50.049%; --open-t: 15.370%; --open-b: 87.443%; --open-cx: 50.049%; --open-cy: 47.802%; --open-mask: url(../assets/cover/opening-land.webp); --rb-x: 50.049%; --rb-y: 55.010%; --rb-w: 26.465%; }
  html.is-tablet .garden { --shape: land; }
  html.is-tablet .g-beyond, .gate-backdrop::after { background-image: url(beyond-land.webp); }
  html.is-tablet .g-leaf-l .g-leaf-art { background-image: url(leaf-l-land.webp); }
  html.is-tablet .g-leaf-r .g-leaf-art { background-image: url(leaf-r-land.webp); }
}