.snooky-home-hero { position: relative; isolation: isolate; overflow: hidden; background: #242629; color: #fff; }
.snooky-home-hero__background, .snooky-home-hero::after { position: absolute; inset: 0; width: 100%; height: 100%; }
.snooky-home-hero__background { object-fit: cover; z-index: -2; }
.snooky-home-hero::after { content: ""; z-index: -1; background: rgba(0, 0, 0, 0.81); pointer-events: none; }
.snooky-home-hero__canvas { position: relative; container-type: inline-size; margin-inline: auto; }
.snooky-home-hero [data-layer] { position: absolute; transform: translateY(-50%); margin: 0; white-space: nowrap; font-family: Poppins, Arial, sans-serif; color: #fff; }
.snooky-home-hero [data-layer="1"] { object-fit: contain; }
.snooky-home-hero [data-layer="13"] { display: inline-block; background: #e5097f; border-radius: 3px; text-decoration: none; }
.snooky-home-hero__canvas { width: min(100%, 480px); height: min(620px, 129.16667vw); }
.snooky-home-hero [data-layer="1"] { left: 19.79167cqw; top: calc(50% + (-45.41667cqw)); width: 72.08333cqw; height: 49.37500cqw; }
.snooky-home-hero [data-layer="2"] { left: 12.50000cqw; top: calc(50% + (-12.50000cqw)); font-size: 5.00000cqw; line-height: 6.25000cqw; font-weight: 700; }
.snooky-home-hero [data-layer="3"] { left: 12.50000cqw; top: calc(50% + (-2.08333cqw)); font-size: 3.33333cqw; line-height: 5.00000cqw; font-weight: 400; }
.snooky-home-hero [data-layer="4"] { left: 12.50000cqw; top: calc(50% + (3.33333cqw)); font-size: 3.33333cqw; line-height: 5.00000cqw; font-weight: 400; }
.snooky-home-hero [data-layer="5"] { left: 12.50000cqw; top: calc(50% + (8.95833cqw)); font-size: 3.33333cqw; line-height: 5.00000cqw; font-weight: 400; }
.snooky-home-hero [data-layer="7"] { left: 12.50000cqw; top: calc(50% + (13.75000cqw)); font-size: 3.33333cqw; line-height: 5.00000cqw; font-weight: 400; }
.snooky-home-hero [data-layer="8"] { left: 12.50000cqw; top: calc(50% + (18.95833cqw)); font-size: 3.33333cqw; line-height: 5.00000cqw; font-weight: 400; }
.snooky-home-hero [data-layer="9"] { left: 12.50000cqw; top: calc(50% + (24.37500cqw)); font-size: 3.33333cqw; line-height: 5.00000cqw; font-weight: 400; }
.snooky-home-hero [data-layer="11"] { left: 12.50000cqw; top: calc(50% + (35.83333cqw)); font-size: 3.33333cqw; line-height: 5.00000cqw; font-weight: 400; }
.snooky-home-hero [data-layer="12"] { left: 12.50000cqw; top: calc(50% + (29.58333cqw)); font-size: 3.33333cqw; line-height: 5.00000cqw; font-weight: 400; }
.snooky-home-hero [data-layer="13"] { left: 12.50000cqw; top: calc(50% + (50.83333cqw)); font-size: 3.33333cqw; line-height: 8.33333cqw; font-weight: 500; padding-inline: 3.12500cqw; }
@media (min-width: 778px) {
  .snooky-home-hero__canvas { width: min(100%, 778px); height: min(583px, 74.93573vw); }
  .snooky-home-hero [data-layer="1"] { left: 0.00000cqw; top: calc(50% + (0.00000cqw)); width: 49.10026cqw; height: 33.54756cqw; }
  .snooky-home-hero [data-layer="2"] { left: 56.42674cqw; top: calc(50% + (-16.06684cqw)); font-size: 3.98458cqw; line-height: 4.37018cqw; font-weight: 700; }
  .snooky-home-hero [data-layer="3"] { left: 56.42674cqw; top: calc(50% + (-9.25450cqw)); font-size: 1.54242cqw; line-height: 1.92802cqw; font-weight: 400; }
  .snooky-home-hero [data-layer="4"] { left: 56.42674cqw; top: calc(50% + (-6.42674cqw)); font-size: 1.54242cqw; line-height: 1.92802cqw; font-weight: 400; }
  .snooky-home-hero [data-layer="5"] { left: 56.42674cqw; top: calc(50% + (-3.59897cqw)); font-size: 1.54242cqw; line-height: 1.92802cqw; font-weight: 400; }
  .snooky-home-hero [data-layer="7"] { left: 56.42674cqw; top: calc(50% + (-0.64267cqw)); font-size: 1.54242cqw; line-height: 1.92802cqw; font-weight: 400; }
  .snooky-home-hero [data-layer="8"] { left: 56.42674cqw; top: calc(50% + (2.18509cqw)); font-size: 1.54242cqw; line-height: 1.92802cqw; font-weight: 400; }
  .snooky-home-hero [data-layer="9"] { left: 56.42674cqw; top: calc(50% + (5.01285cqw)); font-size: 1.54242cqw; line-height: 1.92802cqw; font-weight: 400; }
  .snooky-home-hero [data-layer="11"] { left: 56.42674cqw; top: calc(50% + (8.09769cqw)); font-size: 1.54242cqw; line-height: 1.92802cqw; font-weight: 400; }
  .snooky-home-hero [data-layer="12"] { left: 56.42674cqw; top: calc(50% + (11.31105cqw)); font-size: 1.54242cqw; line-height: 1.92802cqw; font-weight: 400; }
  .snooky-home-hero [data-layer="13"] { left: 56.42674cqw; top: calc(50% + (17.99486cqw)); font-size: 1.28535cqw; line-height: 3.98458cqw; font-weight: 500; padding-inline: 3.21337cqw; }
}
@media (min-width: 1024px) {
  .snooky-home-hero__canvas { width: min(100%, 1024px); height: min(568px, 55.46875vw); }
  .snooky-home-hero [data-layer="1"] { left: 0.00000cqw; top: calc(50% + (0.00000cqw)); width: 49.12109cqw; height: 33.59375cqw; }
  .snooky-home-hero [data-layer="2"] { left: 56.44531cqw; top: calc(50% + (-16.11328cqw)); font-size: 4.00391cqw; line-height: 4.49219cqw; font-weight: 700; }
  .snooky-home-hero [data-layer="3"] { left: 56.44531cqw; top: calc(50% + (-9.27734cqw)); font-size: 1.56250cqw; line-height: 1.95312cqw; font-weight: 400; }
  .snooky-home-hero [data-layer="4"] { left: 56.44531cqw; top: calc(50% + (-6.44531cqw)); font-size: 1.56250cqw; line-height: 1.95312cqw; font-weight: 400; }
  .snooky-home-hero [data-layer="5"] { left: 56.44531cqw; top: calc(50% + (-3.61328cqw)); font-size: 1.56250cqw; line-height: 1.95312cqw; font-weight: 400; }
  .snooky-home-hero [data-layer="7"] { left: 56.44531cqw; top: calc(50% + (-0.68359cqw)); font-size: 1.56250cqw; line-height: 1.95312cqw; font-weight: 400; }
  .snooky-home-hero [data-layer="8"] { left: 56.44531cqw; top: calc(50% + (2.24609cqw)); font-size: 1.56250cqw; line-height: 1.95312cqw; font-weight: 400; }
  .snooky-home-hero [data-layer="9"] { left: 56.44531cqw; top: calc(50% + (5.07812cqw)); font-size: 1.56250cqw; line-height: 1.95312cqw; font-weight: 400; }
  .snooky-home-hero [data-layer="11"] { left: 56.44531cqw; top: calc(50% + (8.20312cqw)); font-size: 1.56250cqw; line-height: 1.95312cqw; font-weight: 400; }
  .snooky-home-hero [data-layer="12"] { left: 56.44531cqw; top: calc(50% + (11.32812cqw)); font-size: 1.56250cqw; line-height: 1.95312cqw; font-weight: 400; }
  .snooky-home-hero [data-layer="13"] { left: 56.44531cqw; top: calc(50% + (18.06641cqw)); font-size: 1.36719cqw; line-height: 4.00391cqw; font-weight: 500; padding-inline: 3.22266cqw; }
}
@media (min-width: 1240px) {
  .snooky-home-hero__canvas { width: min(100%, 1240px); height: min(650px, 52.41935vw); }
  .snooky-home-hero [data-layer="1"] { left: 0.00000cqw; top: calc(50% + (0.00000cqw)); width: 49.19355cqw; height: 33.62903cqw; }
  .snooky-home-hero [data-layer="2"] { left: 56.45161cqw; top: calc(50% + (-16.12903cqw)); font-size: 4.03226cqw; line-height: 4.51613cqw; font-weight: 700; }
  .snooky-home-hero [data-layer="3"] { left: 56.45161cqw; top: calc(50% + (-9.35484cqw)); font-size: 1.61290cqw; line-height: 2.25806cqw; font-weight: 400; }
  .snooky-home-hero [data-layer="4"] { left: 56.45161cqw; top: calc(50% + (-6.45161cqw)); font-size: 1.61290cqw; line-height: 2.25806cqw; font-weight: 400; }
  .snooky-home-hero [data-layer="5"] { left: 56.45161cqw; top: calc(50% + (-3.62903cqw)); font-size: 1.61290cqw; line-height: 2.25806cqw; font-weight: 400; }
  .snooky-home-hero [data-layer="7"] { left: 56.45161cqw; top: calc(50% + (-0.72581cqw)); font-size: 1.61290cqw; line-height: 2.25806cqw; font-weight: 400; }
  .snooky-home-hero [data-layer="8"] { left: 56.45161cqw; top: calc(50% + (2.33871cqw)); font-size: 1.61290cqw; line-height: 2.25806cqw; font-weight: 400; }
  .snooky-home-hero [data-layer="9"] { left: 56.45161cqw; top: calc(50% + (5.16129cqw)); font-size: 1.61290cqw; line-height: 2.25806cqw; font-weight: 400; }
  .snooky-home-hero [data-layer="11"] { left: 56.45161cqw; top: calc(50% + (8.22581cqw)); font-size: 1.61290cqw; line-height: 2.25806cqw; font-weight: 400; }
  .snooky-home-hero [data-layer="12"] { left: 56.45161cqw; top: calc(50% + (11.37097cqw)); font-size: 1.61290cqw; line-height: 2.25806cqw; font-weight: 400; }
  .snooky-home-hero [data-layer="13"] { left: 56.45161cqw; top: calc(50% + (18.14516cqw)); font-size: 1.45161cqw; line-height: 4.03226cqw; font-weight: 500; padding-inline: 3.22581cqw; }
}
