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

/* Phones: the 9:16 courtyard. */
.hero { --hero-r: 0.5628; --w-l: 18%; --w-r: 82%; --w-t: 18.4%; --w-b: 39.8%; --hero-shape: "phone"; }
.hero .h-court { background-image: url(scene.webp), url(data:image/webp;base64,UklGRnABAABXRUJQVlA4IGQBAACwCACdASoYACsAPu1usVKppiSipWmZMB2JZACdMoMyQRjFMDXrDzyz6quc/fUKdUD5/+TuefcvrLVl2XX+ePvYyWBo9mlsQbarZwlSIAAA/oapju7eNMCnzBSd0zJSAs2xDPOx3XkTxXCHKXuxH1llEy+GOioWBw7xlxUaPUZ7xUJ0ZKyK7hriaMPfQkLHVBGWdotgJZ5lXzdAXibBUD+o9lKlavoPoG2raVY4r0EKZamYiJqfbdXtRmFEVhkw9dqBmzkXt6ei0DD0tG7t9l8gTIWhU56H7BT0VPTuswuRVBUwfURsbxiSfhOVBzLuDfRWUvQrX9WZxfQh6MXqAPdi3OEJ0yM8yA7UkmaqadNvmK11HZ3A7nqYmwYTcNSxeaCfqL40FEB56qYg4T/hWFTfUkbD+/QrVSSmFwHFXZzcyp807sauEADn41rwo/o1ayd4Q6wv2HV9qkcMv03+4+nJoegAAA==); }
.hero .h-birds { -webkit-mask-image: url(opening.webp); mask-image: url(opening.webp); }

/* Tablets upright, and the laptop column: the 3:4 courtyard. */
@media (min-aspect-ratio: 5/8) {
  html:root .hero { --hero-r: 0.75; --w-l: 26%; --w-r: 74%; --w-t: 18.4%; --w-b: 39.4%; --hero-shape: "tab"; }
  html:root .hero .h-court { background-image: url(scene-tab.webp), url(data:image/webp;base64,UklGRhQBAABXRUJQVlA4IAgBAAAQBwCdASoYACAAPu1kp02ppaOiMAgBMB2JZgCsL15GRrA2gVr3v2MotjF2I/AGELcBKTtGaDlErtCxRLeMLXPLAAD+QgqywmjwbqoFHvGpZSa6Aqc/Q9/IuSz/ygp0cGtiFW+bfn5TRv83xVXg1A4MMeKWAe3DPmMYlYyRzbX9Htn9inA1JvqPQ/b1e2kP+Lk85kE5SrF+oXa+dFj51xSSJ/Gr/GQKf0YVh8AC5E6L65dZgGBx2UuXc2QzSijimhsX02Ec7eRckOf1xQCCOiA/jUb8vYviTAEGa5ZwG2oGUi7uwEmh/wyp26a7j/QBUtAtRWQ4KJq/eCiUix+SrO+v+AreK2pIAAA=); }
  html:root .hero .h-birds { -webkit-mask-image: url(opening-tab.webp); mask-image: url(opening-tab.webp); }
}

/* Tablets sideways: the 4:3 courtyard. */
@media (min-aspect-ratio: 6/5) {
  html.is-tablet .hero { --hero-r: 1.33333; --w-l: 31%; --w-r: 69%; --w-t: 17.2%; --w-b: 37.4%; --hero-shape: "land"; }
  html.is-tablet .hero .h-court { background-image: url(scene-land.webp), url(data:image/webp;base64,UklGRsAAAABXRUJQVlA4ILQAAABwBQCdASoYABIAPu1ur1KppiQiqAgBMB2JYgCxH0xBBpXNKNa1+3ajb7/xLfCcapbAqeOAAP7APzFgbndx+U+nSXlTHgMx3GereQnPSrtM/+qRO5g1C+jvjDJm7JQmgKs0FKiVcJ+vR4vjwoIsBqevqc2XAEGfovEE9dBQFdzwGxYjnnDcHqyfbcz0g3gWy+iCG2ArWGDoOx5cxlKMZTm9h27Tl4eAj6+ODbKcNAlLJBRckAA=); }
  html.is-tablet .hero .h-birds { -webkit-mask-image: url(opening-land.webp); mask-image: url(opening-land.webp); }
}