/* Hero — recreated from the RevSlider 'event_poolparty' geometry.
   11 layers, positioned as percentages of a scaling grid. No JS. */

.hero{position:relative;display:grid;place-items:center;overflow:hidden;
  background:var(--red)}
.hero__grid{position:relative;width:100%;max-width:2000px;margin:0 auto;
  aspect-ratio:1400/868}
.hero__layer{position:absolute;display:block;width:100%;height:100%;object-fit:fill;
  animation:heroIn .6s ease-out both}

/* stacking order */
.hl-28{z-index:5}
.hl-24{z-index:6}
.hl-30{z-index:7}
.hl-39{z-index:8}
.hl-31{z-index:9}
.hl-25{z-index:11}
.hl-35{z-index:12}
.hl-26{z-index:13}
.hl-32{z-index:14}
.hl-37{z-index:15}
.hl-38{z-index:16}

@keyframes heroIn{from{opacity:0}to{opacity:1}}
@keyframes heroInScale{from{opacity:0;transform:scale(.9)}to{opacity:1;transform:none}}
.hl-37{animation-name:heroInScale}
.hl-38{animation-name:heroInScale}

@media (prefers-reduced-motion: reduce){.hero__layer{animation:none}}

/* --- d: 1400x868 grid --- */
.hl-28{left:46.786%;top:85.369%;width:78.429%;height:27.419%}
.hl-24{left:-24.143%;top:85.369%;width:78.429%;height:27.419%}
.hl-30{left:74.214%;top:-21.659%;width:29.714%;height:55.76%}
.hl-39{left:19.5%;top:12.442%;width:59.857%;height:83.065%}
.hl-31{left:-0.429%;top:-21.774%;width:23.071%;height:57.834%}
.hl-25{left:28.643%;top:9.677%;width:42.714%;height:32.488%}
.hl-35{left:27.071%;top:12.442%;width:51.714%;height:90.092%}
.hl-26{left:32.286%;top:47.12%;width:35.429%;height:21.544%}
.hl-32{left:82.357%;top:79.724%;width:8.143%;height:14.977%}
.hl-37{left:17.5%;top:79.263%;width:21.357%;height:17.396%}
.hl-38{left:59.286%;top:76.498%;width:18.071%;height:19.355%}

/* --- n: 1240x768 grid --- */
@media (max-width: 1240px){
  .hero__grid{aspect-ratio:1240/768}
  .hl-28{left:56.935%;top:81.51%;width:88.548%;height:30.99%}
  .hl-24{left:-23.145%;top:81.51%;width:88.548%;height:30.99%}
  .hl-30{left:65.565%;top:-36.198%;width:33.548%;height:63.021%}
  .hl-39{left:23.75%;top:18.88%;width:52.5%;height:72.917%}
  .hl-31{left:4.274%;top:-24.74%;width:26.048%;height:65.365%}
  .hl-25{left:28.024%;top:11.328%;width:43.952%;height:33.464%}
  .hl-35{left:30.565%;top:18.75%;width:45.726%;height:79.688%}
  .hl-26{left:32.984%;top:47.786%;width:34.032%;height:20.703%}
  .hl-32{left:84.516%;top:75.651%;width:9.355%;height:17.188%}
  .hl-37{left:17.177%;top:75.391%;width:24.113%;height:19.661%}
  .hl-38{left:55.403%;top:73.177%;width:20.403%;height:21.875%}
}

/* --- t: 778x960 grid --- */
@media (max-width: 778px){
  .hero__grid{aspect-ratio:778/960}
  .hl-28{left:52.185%;top:85.521%;width:141.131%;height:24.792%}
  .hl-24{left:-75.578%;top:85.521%;width:141.131%;height:24.792%}
  .hl-30{left:56.427%;top:-21.146%;width:53.47%;height:50.417%}
  .hl-39{left:8.162%;top:35.729%;width:83.676%;height:58.333%}
  .hl-31{left:-6.555%;top:-18.75%;width:41.517%;height:52.292%}
  .hl-25{left:15.553%;top:11.458%;width:68.38%;height:26.146%}
  .hl-35{left:20.566%;top:35.521%;width:72.879%;height:63.75%}
  .hl-26{left:25%;top:41.562%;width:49.486%;height:15.104%}
  .hl-32{left:71.337%;top:79.375%;width:16.838%;height:15.521%}
  .hl-37{left:10.283%;top:59.062%;width:38.432%;height:15.729%}
  .hl-38{left:58.74%;top:56.875%;width:32.519%;height:17.5%}
}

/* --- m: 480x720 grid --- */
@media (max-width: 480px){
  .hero__grid{aspect-ratio:480/720}
  .hl-28{left:-87.917%;top:84.306%;width:165.417%;height:23.889%}
  .hl-24{left:61.667%;top:84.236%;width:166.25%;height:24.028%}
  .hl-30{left:36.042%;top:-23.056%;width:66.875%;height:51.944%}
  .hl-39{left:7.708%;top:44.861%;width:84.583%;height:48.472%}
  .hl-31{left:-7.917%;top:-17.917%;width:52.5%;height:54.306%}
  .hl-25{left:15.208%;top:24.583%;width:69.583%;height:21.944%}
  .hl-35{left:18.542%;top:44.722%;width:73.542%;height:53.056%}
  .hl-26{left:23.542%;top:49.306%;width:52.917%;height:13.333%}
  .hl-32{left:75%;top:80.972%;width:15.417%;height:11.667%}
  .hl-37{left:10.208%;top:65.417%;width:35.417%;height:11.944%}
  .hl-38{left:58.542%;top:62.917%;width:35%;height:14.306%}
}