/* GENERATED by _rig/build_pages.py from _rig/plate.json: the plate's side per screen. Do not edit by hand. */
.hero { --P: 256px; }
@media (min-width: 900px) and (min-height: 525px), (max-width: 899.98px) and (min-width: 322px) and (min-height: 524px) { .hero { --P: 272px; } }
@media (min-width: 900px) and (min-height: 548px), (max-width: 899.98px) and (min-width: 340px) and (min-height: 554px) { .hero { --P: 288px; } }
@media (min-width: 900px) and (min-height: 571px), (max-width: 899.98px) and (min-width: 356px) and (min-height: 585px) { .hero { --P: 304px; } }
@media (min-width: 900px) and (min-height: 594px), (max-width: 899.98px) and (min-width: 374px) and (min-height: 616px) { .hero { --P: 320px; } }
@media (min-width: 900px) and (min-height: 616px), (max-width: 899.98px) and (min-width: 390px) and (min-height: 647px) { .hero { --P: 336px; } }
@media (min-width: 925px) and (min-height: 639px), (max-width: 899.98px) and (min-width: 408px) and (min-height: 677px) { .hero { --P: 352px; } }
@media (min-width: 965px) and (min-height: 662px), (max-width: 899.98px) and (min-width: 424px) and (min-height: 708px) { .hero { --P: 368px; } }
@media (min-width: 1007px) and (min-height: 685px), (max-width: 899.98px) and (min-width: 442px) and (min-height: 739px) { .hero { --P: 384px; } }
@media (min-width: 1047px) and (min-height: 708px), (max-width: 899.98px) and (min-width: 458px) and (min-height: 770px) { .hero { --P: 400px; } }
@media (min-width: 1087px) and (min-height: 731px), (max-width: 899.98px) and (min-width: 476px) and (min-height: 800px) { .hero { --P: 416px; } }
@media (min-width: 1127px) and (min-height: 754px), (max-width: 899.98px) and (min-width: 492px) and (min-height: 831px) { .hero { --P: 432px; } }
@media (min-width: 1169px) and (min-height: 776px), (max-width: 899.98px) and (min-width: 510px) and (min-height: 862px) { .hero { --P: 448px; } }
@media (min-width: 1249px) and (min-height: 822px), (max-width: 899.98px) and (min-width: 544px) and (min-height: 924px) { .hero { --P: 480px; } }
@media (min-width: 1330px) and (min-height: 868px), (max-width: 899.98px) and (min-width: 578px) and (min-height: 985px) { .hero { --P: 512px; } }
@media (min-width: 1408px) and (min-height: 914px), (max-width: 899.98px) and (min-width: 612px) and (min-height: 1047px) { .hero { --P: 544px; } }
@media (max-width: 899.98px) and (min-width: 646px) and (min-height: 1108px) { .hero { --P: 576px; } }
@media (max-width: 899.98px) and (min-width: 680px) and (min-height: 1170px) { .hero { --P: 608px; } }
@media (max-width: 899.98px) and (min-width: 714px) and (min-height: 1231px) { .hero { --P: 640px; } }