/* Generated by assets-src/hero/build_hero.py. Do not edit by hand. */
.hero { --pav-r: 0.56545; --arch-l: 29.074%; --arch-r: 71.389%; --arch-t: 35.131%; --arch-s: 50.157%; --arch-b: 79.529%; --shape: phone; }
.h-pav { background-image: url(pavilion.webp), url(data:image/webp;base64,UklGRiIBAABXRUJQVlA4IBYBAADwBgCdASoYACoAPtFeqE8oJKOiJWsxABoJZQC9WY0WUPKiwZ4gYW/qDX2+uiUI1VEkCQDxdSc+4GhjpoMPO70AAP7hT6ghyMx/eh3fAxg4hRuL0Jplk2ykiwNaPHVmjpLpOxOsTQNB6K27F47fcYmpTaAJ8EegQILAjtsPgEsaSlzWGKl4rQ9HITi9L00O1RQA6Chntkn6Oj3NilSsmfuLIrtpi4o7TAsEIYs3q2MU4P9xV0MfwWzFmLa9wjrs7mYcY3dZFfyXAPAL7d9YSTJYCFs5BRQKZ/+uEkagtFpJeI7M1PUUCOcX4zOLImu2JvZUZooKdaH2nocQwcpsgj6fmEQSYMJF1DZxBboJqle542oxaBAgAA==); }

/* Tablets upright, and the laptop column: the 3:4 pavilion. */
@media (min-aspect-ratio: 5/8) {
  html:root .hero { --pav-r: 0.74672; --arch-l: 34.310%; --arch-r: 66.146%; --arch-t: 35.246%; --arch-s: 50.170%; --arch-b: 79.436%; --shape: tab; }
  html:root .h-pav { background-image: url(pavilion-tab.webp), url(data:image/webp;base64,UklGRuYAAABXRUJQVlA4INoAAACwBQCdASoYACAAPsVSoUunpKMhsAwA8BiJQBWAZkg2fc657Tn2fSWOksyMKF9Py7XA+w1lXoAA/tXR5RrE5Oi0/8zGTG2ssqCVLoSoO60wMy9d6xNTwkVqhZHd25BHLaVNIgQIwIaSwsCa03KXlQh9g3LnnUoVt1y5pez9XyWemyHQEnC6cTnIiBRogkCWZXy7jZ4fXqfRBxxMc/ygW26T/vDIRa+iweUgAwelgXvdUkYK2M1Xv2GAcucCrR9KPzOqB/KkaiuDatZylqNQxhhiC0mmqC35qVAAAA==); }
}

/* Tablets sideways: the pavilion in its garden. */
@media (min-aspect-ratio: 6/5) {
  html.is-tablet .hero { --pav-r: 1.33944; --arch-l: 41.772%; --arch-r: 58.594%; --arch-t: 36.037%; --arch-s: 50.425%; --arch-b: 79.071%; --shape: land; }
  html.is-tablet .h-pav { background-image: url(pavilion-land.webp), url(data:image/webp;base64,UklGRsIAAABXRUJQVlA4ILYAAADQBACdASoYABIAPtFgqU+oJSOiKAgBABoJZQCsAA3a7rFkfe1ViChGDyDczZAaAAD+6Evbl+be2HRVVq8/o6RW3uF+UCJkdvp9Q+QRNfpWFnFb3xkiBkIVbwJ2XOe3bjH96XgrGtSDBcnQnpjWWw6qGCvxSUu/LmWR2s5fRnrTBS4NR8IgT58cJyqNisWkbaHnMfI4c8a/NY4sTUi7y7z+mINLYDa1sTbwK5suislNF6yTkAgAAA==); }
}