/* Generated by assets-src/hero/build_hero.py. Do not edit by hand. */
.hero { --hall-r: 0.56545; --arch-l: 22.685%; --arch-r: 77.315%; --arch-t: 33.403%; --arch-s: 51.780%; --arch-b: 80.838%; --lamp-x: 49.630%; --lamp-y: 13.141%; --hall-shape: "-phone"; }
.h-hall { background-image: url(hall.webp), url(data:image/webp;base64,UklGRk4BAABXRUJQVlA4IEIBAADQBwCdASoYACoAPtFip1AoJSMipWmZABoJZgCdL4GpIqR0H7u//jQVvpf0v0ac9vvCnFSfLka5PIn2P1LLZ3/e6OgHHOpGcAD+uw5rxI/tRGiIBOad5Y6bc16sAkvRg620gPORJFPhJ2N6eDjggn2GKl6qLhoRNFxR6+CEVhv+yEoQMQROK3TX+mV6MmTyiV/w+TMGcdR08N+xJxHJ7MifoDsHMyKmyQrdpHSRHqeqTwtxeVW87rh5ug3hzWMvZVqm4nOF89YpOgMwqelYLYg1Fkn40i6A05g/cwV8grnSL7oP61SDZcjj3t/FlUaEW1GCiBHEX+BbMXyuVlNNIuSK2lVuzSRKCHaw6avdeJpKcsWU+fJJJUbEkKw/Vq7KOa/GtHLGvJovygvtNraBkmY/9SXktrzjEGOqTWkkm23FAAAA); }
.h-glow { -webkit-mask-image: url(mirrors.webp); mask-image: url(mirrors.webp); }

/* Tablets upright, and the laptop column: the 3:4 hall. */
@media (min-aspect-ratio: 5/8) {
  html:root .hero { --hall-r: 0.74672; --arch-l: 28.060%; --arch-r: 72.005%; --arch-t: 29.460%; --arch-s: 48.809%; --arch-b: 79.776%; --lamp-x: 50.000%; --lamp-y: 9.626%; --hall-shape: "-tab"; }
  html:root .h-hall { background-image: url(hall-tab.webp), url(data:image/webp;base64,UklGRugAAABXRUJQVlA4INwAAADQBQCdASoYACAAPtFYpE0oJSOiKA1RABoJZgCdMoR45zKBbcEF3jgXS7lGWxosZ0Sk68S7hioAAP7Rq4PoiQrNsI/JvgNBPsQVJUXZyD72D7PC+ixIGMqJU2CUKE1K+mfpDjoyWseDz2Na0EJlvZP++qdYzlqVtTy3LX6H5XnywM/3yPrz46kqXoP6HrYzjeAkNispdJqpkjH6up4G9TDIjYyvtbwXkhgjqdUcJ8OzUiZDfgh4vRvNXl4Vv+3rVNh01Ccyndg7ld2dRI90AIoIXI2NZEcEoFPTOyAA); }
  html:root .h-glow { -webkit-mask-image: url(mirrors-tab.webp); mask-image: url(mirrors-tab.webp); }
}

/* Tablets sideways: the hall seen wider. */
@media (min-aspect-ratio: 6/5) {
  html.is-tablet .hero { --hall-r: 1.33944; --arch-l: 38.281%; --arch-r: 61.719%; --arch-t: 32.832%; --arch-s: 51.014%; --arch-b: 80.576%; --lamp-x: 50.000%; --lamp-y: 14.454%; --hall-shape: "-land"; }
  html.is-tablet .h-hall { background-image: url(hall-land.webp), url(data:image/webp;base64,UklGRpIAAABXRUJQVlA4IIYAAABwBACdASoYABIAPtFao02oJSMiKA1RABoJYwAAH/f2AvvKfCTJH+HHrVQGEAD+5OTW88cVQfO4SzbLuO34AsSO3iCZ29hw1zHUOl9ygNAysJdsoAbe+V4ISjcK0adkHQ7b/Dzr18+G4y1Xbbyjd57ynWbV1hKuwKN5QV2CcQThLEdPq0LwAA==); }
  html.is-tablet .h-glow { -webkit-mask-image: url(mirrors-land.webp); mask-image: url(mirrors-land.webp); }
}