/* QUADRILLE PAGE */

.quadrille-page {
  --quadrille-torn-top: url("data:image/svg+xml,%3Csvg id='comp-lms5bfr8-bottom' preserveAspectRatio='xMidYMax slice' data-bbox='0 221.3 1920 78.7' viewBox='0 221.3 1920 78.7' height='100%25' width='100%25' xmlns='http://www.w3.org/2000/svg' data-type='color'%3E%3Cdefs%3E%3Cstyle%3E%23comp-lms5bfr8-bottom, %23comp-lms5bfr8-bottom %5Bdata-color='1'%5D %7B fill: %23FFFFFF; %7D%3C/style%3E%3C/defs%3E%3Cg%3E%3Cpath d='M1920 300v-24.9c-5.3-1.1-11-2.8-16.7-3.2-17.8 2.7-35-5.1-52.4-2.3-9.7-3.4-18.5-2.6-28.4-4.6-2.1-1.3-4.3-2.7-6.5-4-3.1-.5-5.9-1-9.2-.2-1.5.2-2.1 1.6-4.3 1.5l-4.9-2.4c-10.5 1.7-21.3 1.2-31.8 2.4-6.4-1.3-9.3-5.3-14.1-7.3-9.8-2.4-18.1-2.4-28.4-1-5.9.2-12.3-.6-19.6.4-1.8-.6-3.4-1.1-5.3-1.6-4.9.1-9.8.2-14.9.4-1.5-1.1-2.7-2.2-4.2-3.4-2.1.1-4 .2-5.9.2-2.2-.7-4.3-1.5-6.2-2.1-11.1 3.7-23.5 2.1-33.9 2-11.1 2.1-18.6.5-28-2.1-1.7-.4-4.2-.9-5.6-.5-4 .9-6.8-1-10.4-.6-4.4.4-7.2-1.2-10.4-2-1.5.2-2.7.4-3.1.5-8.1-2.3-16.5-3.1-21.1-7-7.8 1.1-12.6 2.4-19.2 5-3.2-1.1-6.5-.4-9.7.2-4.4-.6-8.6-1.2-12.8-1.8-2-1-3.9-2.1-6-3.1-4.6-.1-9.2-1-13.8-.4-1.2.6-4.6 2-5.5 2.3-6 1-8.2-1.5-11.4-1.7-13 1.8-24.9 3.7-34.5 8.3-7.7-.4-15.6.2-23.8-.6-4.6 2.7-11.1 4.4-17.5 6.2-2-.1-3.9-.1-5.7-.2-2.7-1.1-5.3-2.1-7.8-3.2-13-.1-21.4 6-32.8 8.1-6.2-.4-12.1-1-18-.7-.9.9-1.6 1.6-2.3 2.2-7.2.1-14.3 1.6-21 .1-5.6.9-7.6 3.1-12.2 4-2-.5-4.3-1-6.6-1.6-15.6 2.4-24.8 10.8-41.5 12.1-1.1-.2-2.3-.5-2.9-.7-1.8.1-3.2.2-4.4.4-3.4-.9-6.6-1.6-9.9-2.4-1.2.1-2.6.2-4 .4 1 1.3 2 2.4 2.8 3.7-1.2.2-2.1.5-2.8.6-8.9-3.4-19.7-4.9-30.2-4.4-1-.4-2.3-.7-3.4-1.1-8.9 1.8-21.3 10.8-31.2 9.2-1.7-1.1-3.5-2.3-5.4-3.5-4.8 0-9.4-.1-13-1.6-8.4-.4-11.9 2.8-18.3 2.9-.2-.5-.4-.7-.6-1.1-4.6.9-9.7 1.6-13.1 3.7-9.4-.5-15.6-2.3-22-3.7-.4.5-.7.9-1.3 1.5-14.1-2.8-24.4 6.4-37.8 7.7-7.3-.1-13-1.2-18.5-2.9-2.8.7-5.1 1.3-7.5 1.8-1-.2-1.8-.4-2.6-.5.9-1 1.7-1.7 2.4-2.6-7.7-2.1-13.2 1.7-17.6 4-7.8-.6-17.5.9-19.2-4-4.6-.9-7.6-2.7-10.4-4.8-3.2.2-4.3-1.2-5.3-1.5-5.9-.2-10.4-.5-14.7-.6-.2-.6-.4-1.1-.5-1.7-3.8 0-7.1-.2-9.9-1.6-1.6.4-3.1.6-4.5.9-6.7-1.8-13.3-.2-20.9-.9-1.7.7-3.7 1.6-5.6 2.4-7.7-1.6-14.5.6-18.7 3.1-6.2-.2-6.6-2.7-8.8-3.5-6.1-1-8.2-3.4-13.8-3.7-1 .4-2.1.7-3.4 1.2-1.3-.7-2.6-1.5-4-2.2-2.3 1-4.3 1.7-6.4 2.6-2.3-.6-4.3-1.2-6.5-1.7-5.3 1-8.8-1.3-13.6-2.4-7.8 2.8-17.1.7-25.8 1.7-4-1.5-9-1.5-13.7-1.7-1.3-.9-2.6-1.6-3.9-2.3-1.8.5-3.4 1-5.3 1.5-8.4-2.6-15.4-5.9-20.9-10h-4c-4-2.7-10.6-3.9-15.3-5.9-2.2-.1-3.9-.2-5.1-.4-2.7-1.5-5.3-2.7-7.7-4-2.3-.1-4.6-.1-6.8-.2-4.3-2.3-8.6-3.2-14.8-3.7-2.3.4-8.2.2-7.9 2.2 1.8.2 3.5-1.2 5.6.1-.7.6-1.6 1.2-2.3 1.8-4.6-.9-7.6 0-12.5.6-5.5-2.7-14.5-2.8-20.9-4.2-1.8.6-3.2 1.1-4.8 1.6-5.7-1.3-10.8-3.5-16-3.7-3.3-.9-3.8-2.4-6.6-1-1.3-1.1-2.7-2.1-3.8-3.1-8.8.7-17.8.2-26.6.9l-3.4 3.4c-3.1.5-3.8-.9-5-1-3.1.1-5.6.4-8.1.5l-3.1-3.1c-.7.7-1.2 1.1-1.7 1.6-1.5-.7-2.8-1.6-4.4-2.4-7.8-.7-13.4.9-21.3-1 .1-2.6-2.6 0-3.9.6-8.8-2.8-10.5-7.9-17.8-11.1-2.7.6-4 .4-7.3 0-5.1 5.5-30.1 3.7-39.7 3.1-12.8 1.8-22.5-.5-34.5 1.5 4.8 6.6-6.5 2.4-11.7.7-2.1.2-4 .4-5.6.6-1.5 1.1-2.8 2-4 2.8-2.6.2-4.8.5-6.4.7-2.8 1.7-5.3 3.2-7.6 4.6-1.3.1-2.3.1-3.3.2-2.1-.7-4.2-1.6-6.1-2.2-1.1.5-1.8.9-2.7 1.1-5.5-.7-11.4 1-16.7 1.3-4-1.8-7.8-3.5-11.4-5-5.1 1.1-1.5 3.1-9.2 2.8-2.9-2.6-5-5.1-11.5-6.4-6.1 1.2-12.1.1-17.7.4-4.2 1.1-8.4 2.2-12.5 3.4-6.8-2.1-13-4.5-21-4.9-1.2-.6-2.3-1.2-3.3-1.7-1.6 0-2.9.1-4.4.1-4.9-2-8.9-4.4-14.4-5.9-1.5.1-3.1.2-4.5.4-3.1 1.5-4 3.5-7.9 4.4-1.3-.1-2.6-.1-3.7-.2-1.3.6-2.6 1.2-3.7 1.7-1.8-.4-3.3-.7-4.5-1.1-2.4.2-4.6.5-6.7.6-13.6-3.2-24.6 1.7-37.6.1-.9.9-1.5 1.6-2.2 2.4-7.2.5-14.5.9-20.3 2.6-1.6-.1-2.6-.2-3.5-.4-1.2.7-2.4 1.5-3.2 2-2.9.1-5.1.1-7.2.2-2.6 1.2-3.8 2.9-7 3.5-1.6-.1-3.2-.2-4.5-.2-1.7.6-3.3 1.2-3.9 1.5-6.4-.1-11.6-.2-17-.4-3.8 1.2-7.7 2.4-11.6 3.8-1.3-.5-2.9-1.1-4.2-1.6-2.7.1-4.9.1-7.2.2-2.2-1.1-4.2-2.2-6.2-3.3-1.7.2-3.3.4-4.8.5.2.9.4 1.5.5 2.1-4.4 1.2-7.7-1.8-11.7-.9-.7 1.2-1.3 2.2-2.1 3.3-3.5-.6-5 1-8.2 1.5-3.1 0-6.8-.1-10.5-.2-.5.4-.9.6-1.2.9-3.9-.7-8.1-.7-12.2-.5-2.3 3.7-9.2 3.4-14.7 4.6-3.2-.7-3.8 4-6.7 3.4-.6.4-1 .6-1.3.7-2-.7-3.2-1.7-5.7-1.7-1.1.4-2.1.7-3.5 1.1-5.7-1.2-5.7 3.2-11.6 2.3-2.4 1-9.9 7.8-11.5 8.4l-4.4 2.3-6.2.2-1.9 4.4-4.5-.1-3.1 4.1-1.9.4-4.7 1.1-5-.6-2.8.3V300h1920z' fill='%23020203' data-color='1'/%3E%3C/g%3E%3C/svg%3E");
  --quadrille-torn-bottom: url("data:image/svg+xml,%3Csvg id='comp-m8tauaxe-top' preserveAspectRatio='xMidYMax slice' data-bbox='0 221.3 1920 78.7' viewBox='0 221.3 1920 78.7' height='100%25' width='100%25' xmlns='http://www.w3.org/2000/svg' data-type='color'%3E%3Cdefs%3E%3Cstyle%3E%23comp-m8tauaxe-top, %23comp-m8tauaxe-top %5Bdata-color='1'%5D %7B fill: %23FFFFFF; %7D%3C/style%3E%3C/defs%3E%3Cg%3E%3Cpath d='M1920 300v-24.9c-5.3-1.1-11-2.8-16.7-3.2-17.8 2.7-35-5.1-52.4-2.3-9.7-3.4-18.5-2.6-28.4-4.6-2.1-1.3-4.3-2.7-6.5-4-3.1-.5-5.9-1-9.2-.2-1.5.2-2.1 1.6-4.3 1.5l-4.9-2.4c-10.5 1.7-21.3 1.2-31.8 2.4-6.4-1.3-9.3-5.3-14.1-7.3-9.8-2.4-18.1-2.4-28.4-1-5.9.2-12.3-.6-19.6.4-1.8-.6-3.4-1.1-5.3-1.6-4.9.1-9.8.2-14.9.4-1.5-1.1-2.7-2.2-4.2-3.4-2.1.1-4 .2-5.9.2-2.2-.7-4.3-1.5-6.2-2.1-11.1 3.7-23.5 2.1-33.9 2-11.1 2.1-18.6.5-28-2.1-1.7-.4-4.2-.9-5.6-.5-4 .9-6.8-1-10.4-.6-4.4.4-7.2-1.2-10.4-2-1.5.2-2.7.4-3.1.5-8.1-2.3-16.5-3.1-21.1-7-7.8 1.1-12.6 2.4-19.2 5-3.2-1.1-6.5-.4-9.7.2-4.4-.6-8.6-1.2-12.8-1.8-2-1-3.9-2.1-6-3.1-4.6-.1-9.2-1-13.8-.4-1.2.6-4.6 2-5.5 2.3-6 1-8.2-1.5-11.4-1.7-13 1.8-24.9 3.7-34.5 8.3-7.7-.4-15.6.2-23.8-.6-4.6 2.7-11.1 4.4-17.5 6.2-2-.1-3.9-.1-5.7-.2-2.7-1.1-5.3-2.1-7.8-3.2-13-.1-21.4 6-32.8 8.1-6.2-.4-12.1-1-18-.7-.9.9-1.6 1.6-2.3 2.2-7.2.1-14.3 1.6-21 .1-5.6.9-7.6 3.1-12.2 4-2-.5-4.3-1-6.6-1.6-15.6 2.4-24.8 10.8-41.5 12.1-1.1-.2-2.3-.5-2.9-.7-1.8.1-3.2.2-4.4.4-3.4-.9-6.6-1.6-9.9-2.4-1.2.1-2.6.2-4 .4 1 1.3 2 2.4 2.8 3.7-1.2.2-2.1.5-2.8.6-8.9-3.4-19.7-4.9-30.2-4.4-1-.4-2.3-.7-3.4-1.1-8.9 1.8-21.3 10.8-31.2 9.2-1.7-1.1-3.5-2.3-5.4-3.5-4.8 0-9.4-.1-13-1.6-8.4-.4-11.9 2.8-18.3 2.9-.2-.5-.4-.7-.6-1.1-4.6.9-9.7 1.6-13.1 3.7-9.4-.5-15.6-2.3-22-3.7-.4.5-.7.9-1.3 1.5-14.1-2.8-24.4 6.4-37.8 7.7-7.3-.1-13-1.2-18.5-2.9-2.8.7-5.1 1.3-7.5 1.8-1-.2-1.8-.4-2.6-.5.9-1 1.7-1.7 2.4-2.6-7.7-2.1-13.2 1.7-17.6 4-7.8-.6-17.5.9-19.2-4-4.6-.9-7.6-2.7-10.4-4.8-3.2.2-4.3-1.2-5.3-1.5-5.9-.2-10.4-.5-14.7-.6-.2-.6-.4-1.1-.5-1.7-3.8 0-7.1-.2-9.9-1.6-1.6.4-3.1.6-4.5.9-6.7-1.8-13.3-.2-20.9-.9-1.7.7-3.7 1.6-5.6 2.4-7.7-1.6-14.5.6-18.7 3.1-6.2-.2-6.6-2.7-8.8-3.5-6.1-1-8.2-3.4-13.8-3.7-1 .4-2.1.7-3.4 1.2-1.3-.7-2.6-1.5-4-2.2-2.3 1-4.3 1.7-6.4 2.6-2.3-.6-4.3-1.2-6.5-1.7-5.3 1-8.8-1.3-13.6-2.4-7.8 2.8-17.1.7-25.8 1.7-4-1.5-9-1.5-13.7-1.7-1.3-.9-2.6-1.6-3.9-2.3-1.8.5-3.4 1-5.3 1.5-8.4-2.6-15.4-5.9-20.9-10h-4c-4-2.7-10.6-3.9-15.3-5.9-2.2-.1-3.9-.2-5.1-.4-2.7-1.5-5.3-2.7-7.7-4-2.3-.1-4.6-.1-6.8-.2-4.3-2.3-8.6-3.2-14.8-3.7-2.3.4-8.2.2-7.9 2.2 1.8.2 3.5-1.2 5.6.1-.7.6-1.6 1.2-2.3 1.8-4.6-.9-7.6 0-12.5.6-5.5-2.7-14.5-2.8-20.9-4.2-1.8.6-3.2 1.1-4.8 1.6-5.7-1.3-10.8-3.5-16-3.7-3.3-.9-3.8-2.4-6.6-1-1.3-1.1-2.7-2.1-3.8-3.1-8.8.7-17.8.2-26.6.9l-3.4 3.4c-3.1.5-3.8-.9-5-1-3.1.1-5.6.4-8.1.5l-3.1-3.1c-.7.7-1.2 1.1-1.7 1.6-1.5-.7-2.8-1.6-4.4-2.4-7.8-.7-13.4.9-21.3-1 .1-2.6-2.6 0-3.9.6-8.8-2.8-10.5-7.9-17.8-11.1-2.7.6-4 .4-7.3 0-5.1 5.5-30.1 3.7-39.7 3.1-12.8 1.8-22.5-.5-34.5 1.5 4.8 6.6-6.5 2.4-11.7.7-2.1.2-4 .4-5.6.6-1.5 1.1-2.8 2-4 2.8-2.6.2-4.8.5-6.4.7-2.8 1.7-5.3 3.2-7.6 4.6-1.3.1-2.3.1-3.3.2-2.1-.7-4.2-1.6-6.1-2.2-1.1.5-1.8.9-2.7 1.1-5.5-.7-11.4 1-16.7 1.3-4-1.8-7.8-3.5-11.4-5-5.1 1.1-1.5 3.1-9.2 2.8-2.9-2.6-5-5.1-11.5-6.4-6.1 1.2-12.1.1-17.7.4-4.2 1.1-8.4 2.2-12.5 3.4-6.8-2.1-13-4.5-21-4.9-1.2-.6-2.3-1.2-3.3-1.7-1.6 0-2.9.1-4.4.1-4.9-2-8.9-4.4-14.4-5.9-1.5.1-3.1.2-4.5.4-3.1 1.5-4 3.5-7.9 4.4-1.3-.1-2.6-.1-3.7-.2-1.3.6-2.6 1.2-3.7 1.7-1.8-.4-3.3-.7-4.5-1.1-2.4.2-4.6.5-6.7.6-13.6-3.2-24.6 1.7-37.6.1-.9.9-1.5 1.6-2.2 2.4-7.2.5-14.5.9-20.3 2.6-1.6-.1-2.6-.2-3.5-.4-1.2.7-2.4 1.5-3.2 2-2.9.1-5.1.1-7.2.2-2.6 1.2-3.8 2.9-7 3.5-1.6-.1-3.2-.2-4.5-.2-1.7.6-3.3 1.2-3.9 1.5-6.4-.1-11.6-.2-17-.4-3.8 1.2-7.7 2.4-11.6 3.8-1.3-.5-2.9-1.1-4.2-1.6-2.7.1-4.9.1-7.2.2-2.2-1.1-4.2-2.2-6.2-3.3-1.7.2-3.3.4-4.8.5.2.9.4 1.5.5 2.1-4.4 1.2-7.7-1.8-11.7-.9-.7 1.2-1.3 2.2-2.1 3.3-3.5-.6-5 1-8.2 1.5-3.1 0-6.8-.1-10.5-.2-.5.4-.9.6-1.2.9-3.9-.7-8.1-.7-12.2-.5-2.3 3.7-9.2 3.4-14.7 4.6-3.2-.7-3.8 4-6.7 3.4-.6.4-1 .6-1.3.7-2-.7-3.2-1.7-5.7-1.7-1.1.4-2.1.7-3.5 1.1-5.7-1.2-5.7 3.2-11.6 2.3-2.4 1-9.9 7.8-11.5 8.4l-4.4 2.3-6.2.2-1.9 4.4-4.5-.1-3.1 4.1-1.9.4-4.7 1.1-5-.6-2.8.3V300h1920z' fill='%23020203' data-color='1'/%3E%3C/g%3E%3C/svg%3E");
  overflow: hidden;
  background: #fff;
}

.quadrille-arena,
.quadrille-next-section {
  background-image: url("../../assets/images/quadrille/background.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

.quadrille-arena {
  position: relative;
  height: 470px;
}

.quadrille-intro {
  position: relative;
  z-index: 2;
  min-height: 860px;
  margin-top: -42px;
  padding: 190px 0 155px;
  background: #fff;
}

/* TOP TORN EDGE */
.quadrille-intro::before {
  content: "";
  position: absolute;
  z-index: 3;
  top: -62px;
  left: 0;
  width: 100%;
  height: 78px;
  background-image: var(--quadrille-torn-top);
  background-position: center bottom;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  pointer-events: none;
}

/* BOTTOM TORN EDGE */
.quadrille-intro::after {
  content: "";
  position: absolute;
  z-index: 4;
  bottom: -70px;
  left: 0;
  width: 100%;
  height: 78px;
  background-image: var(--quadrille-torn-bottom);
  background-position: center bottom;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  transform: rotate(180deg);
  pointer-events: none;
}

/* CONTINUOUS GOLD RIBBON */
.quadrille-ribbon-row {
  position: absolute;
  z-index: 5;
  top: 20px;
  left: 50%;
  width: 100%;
  height: 220px;
  transform: translateX(-50%);
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 0;
  overflow: visible;
  pointer-events: none;
}

.quadrille-bow {
  position: static;
  flex: 0 0 33.34%;
  width: 33.34%;
  max-width: none;
  height: auto;
  margin: 0;
  display: block;
  transform: none;
}

.quadrille-bow-center,
.quadrille-bow-right {
  margin-left: -2px;
}

.quadrille-bow-left,
.quadrille-bow-center,
.quadrille-bow-right {
  left: auto;
  transform: none;
}

.quadrille-intro-inner {
  width: min(1810px, 96vw);
  margin: 0 auto;
}

.quadrille-heading {
  position: relative;
  width: max-content;
  margin: 105px auto 76px;
  text-align: center;
}

.quadrille-heading h1 {
  margin: 0;
  color: #759b8c;
  font-family: "Playfair Display", serif;
  font-size: 45px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 3px;
}

.quadrille-heading span {
  position: absolute;
  top: 28px;
  left: 52px;
  color: #d9ae54;
  font-family: "Dancing Script", cursive;
  font-size: 39px;
  font-weight: 400;
  line-height: 1;
  white-space: nowrap;
}

.quadrille-layout {
  display: grid;
  grid-template-columns: 330px minmax(390px, 500px) minmax(390px, 500px) 330px;
  justify-content: space-between;
  align-items: start;
  column-gap: 28px;
}

.quadrille-copy {
  padding-top: 3px;
  color: #151515;
  font-family: "Quicksand", sans-serif;
  font-size: 17px;
  font-weight: 500;
  line-height: 1.38;
  text-align: center;
}

.quadrille-copy p {
  margin: 0 0 23px;
}

.quadrille-copy strong {
  font-weight: 700;
}

.quadrille-picture {
  position: relative;
  width: 330px;
  height: 330px;
  margin-top: 8px;
}

.quadrille-photo {
  position: absolute;
  top: 19px;
  left: 19px;
  width: 292px;
  height: 292px;
  border-radius: 50%;
  object-fit: cover;
}

.quadrille-photo-mask {
  position: absolute;
  top: 19px;
  left: 19px;
  width: 292px;
  height: 292px;
  border-radius: 50%;
  overflow: hidden;
}

.quadrille-picture-left .quadrille-photo {
  position: static;
  width: 100%;
  height: 100%;
  border-radius: 0;
  object-fit: cover;
  transform: scale(1.15);
  transform-origin: center center;
  display: block;
}

.quadrille-frame {
  position: absolute;
  inset: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  object-fit: contain;
  pointer-events: none;
}

.quadrille-next-section {
  position: relative;
  z-index: 1;
  height: 220px;
  margin-top: 0;
}

/* QUADRILLE OUTFIT */
.quadrille-outfit {
  height: 1200px;
  overflow: hidden;
  color: #fff;
  text-align: center;
}

.quadrille-outfit::before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 275px;
  background: linear-gradient(
    to bottom,
    rgba(214, 183, 130, 0) 0%,
    rgba(214, 183, 130, 0.12) 25%,
    rgba(214, 183, 130, 0.38) 55%,
    rgba(214, 183, 130, 0.68) 78%,
    rgba(214, 183, 130, 0.9) 100%
  );
  pointer-events: none;
}

.quadrille-outfit-heading {
  position: absolute;
  z-index: 4;
  top: 108px;
  left: 50%;
  width: max-content;
  transform: translateX(-50%);
}

.quadrille-outfit-heading h2 {
  margin: 0;
  font-family: "Playfair Display", serif;
  font-size: 47px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 2px;
}

.quadrille-outfit-heading p {
  margin: 8px 0 0;
  font-family: "Quicksand", sans-serif;
  font-size: 20px;
  font-style: italic;
  font-weight: 500;
  letter-spacing: 1px;
  line-height: 1.2;
}

.quadrille-outfit-gold-frame {
  position: absolute;
  z-index: 2;
  top: 255px;
  left: 0;
  width: 100%;
  height: 40px;
  object-fit: fill;
  pointer-events: none;
}

.quadrille-outfit-bow {
  position: absolute;
  z-index: 3;
  top: 166px;
  width: 220px;
  height: auto;
  pointer-events: none;
}

.quadrille-outfit-bow-left {
  left: 18.5%;
  transform: translateX(-50%);
}

.quadrille-outfit-bow-right {
  right: 18.5%;
  transform: translateX(50%);
}

.quadrille-outfit-display {
  position: absolute;
  z-index: 5;
  top: 450px;
  left: 50%;
  width: 1260px;
  height: 620px;
  transform: translateX(-50%);
}

.quadrille-outfit-horse-wrap {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 60px;
  width: 790px;
  background-image: url("../../assets/images/quadrille/horse.png");
  background-size: 100% auto;
  background-position: top left;
  background-repeat: no-repeat;
}

.quadrille-outfit-horse-image {
  width: 100%;
  height: auto;
  display: block;
  object-fit: contain;
  pointer-events: none;
  user-select: none;
}

.quadrille-outfit-human-wrap {
  position: absolute;
  z-index: 1;
  top: 55px;
  left: 755px;
  width: 320px;
}

.quadrille-outfit-human-image {
  width: 100%;
  height: auto;
  display: block;
  object-fit: contain;
  pointer-events: none;
  user-select: none;
}

.quadrille-outfit-hotspot {
  position: absolute;
  z-index: 20;
  display: block;
  background: transparent;
  cursor: pointer;
}

.qhorse-hotspot-head-bow {
  top: 20px;
  left: 675px;
  width: 85px;
  height: 80px;
}

.qhorse-hotspot-bridle {
  top: 80px;
  left: 680px;
  width: 115px;
  height: 150px;
}

.qhorse-hotspot-saddle {
  top: 100px;
  left: 295px;
  width: 185px;
  height: 145px;
}

.qhorse-hotspot-saddlepad {
  top: 155px;
  left: 285px;
  width: 220px;
  height: 90px;
}

.qhorse-hotspot-front-legs {
  top: 465px;
  left: 490px;
  width: 110px;
  height: 155px;
}

.qhorse-hotspot-back-legs {
  top: 440px;
  left: 90px;
  width: 120px;
  height: 145px;
}

.qhorse-hotspot-tail-bow {
  top: 140px;
  left: 75px;
  width: 85px;
  height: 85px;
}

.qhuman-hotspot-hat {
  top: 30px;
  left: 114px;
  width: 155px;
  height: 90px;
}

.qhuman-hotspot-jacket {
  top: 115px;
  left: 115px;
  width: 160px;
  height: 170px;
}

.qhuman-hotspot-gloves {
  top: 275px;
  left: 260px;
  width: 55px;
  height: 100px;
}

.qhuman-hotspot-pants {
  top: 290px;
  left: 125px;
  width: 130px;
  height: 175px;
}

.qhuman-hotspot-boots {
  top: 445px;
  left: 115px;
  width: 145px;
  height: 125px;
}

.quadrille-outfit-tooltip {
  position: absolute;
  z-index: 50;
  width: 215px;
  padding: 13px 16px;
  border-radius: 14px;
  background: #fff;
  color: #4b4541;
  font-family: "Quicksand", sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.45;
  text-align: center;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  opacity: 0;
  visibility: hidden;
  filter: blur(3px);
  pointer-events: none;
  transform: translateY(7px);
  transition:
    opacity 220ms ease,
    visibility 220ms ease,
    transform 220ms ease,
    filter 220ms ease;
}

.quadrille-outfit-tooltip strong,
.quadrille-outfit-tooltip span {
  display: block;
}

.quadrille-outfit-tooltip strong {
  font-weight: 400;
}

.quadrille-outfit-hotspot:hover .quadrille-outfit-tooltip {
  opacity: 1;
  visibility: visible;
  filter: blur(0);
  transform: translateY(0);
}

.quadrille-outfit-tooltip.tooltip-top {
  left: 50%;
  bottom: calc(100% + 14px);
  transform: translateX(-50%) translateY(5px);
}

.quadrille-outfit-hotspot:hover .quadrille-outfit-tooltip.tooltip-top {
  transform: translateX(-50%) translateY(0);
}

.quadrille-outfit-tooltip.tooltip-bottom {
  top: calc(100% + 14px);
  left: 50%;
  transform: translateX(-50%) translateY(-5px);
}

.quadrille-outfit-hotspot:hover .quadrille-outfit-tooltip.tooltip-bottom {
  transform: translateX(-50%) translateY(0);
}

.quadrille-outfit-tooltip.tooltip-left {
  top: 50%;
  right: calc(100% + 14px);
  transform: translateY(-50%) translateX(5px);
}

.quadrille-outfit-hotspot:hover .quadrille-outfit-tooltip.tooltip-left {
  transform: translateY(-50%) translateX(0);
}

.quadrille-outfit-tooltip.tooltip-right {
  top: 50%;
  left: calc(100% + 14px);
  transform: translateY(-50%) translateX(-5px);
}

.quadrille-outfit-hotspot:hover .quadrille-outfit-tooltip.tooltip-right {
  transform: translateY(-50%) translateX(0);
}

.quadrille-outfit-tooltip::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
}

.quadrille-outfit-tooltip.tooltip-top::after {
  top: 100%;
  left: 50%;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  border-top: 9px solid #fff;
  transform: translateX(-50%);
}

.quadrille-outfit-tooltip.tooltip-bottom::after {
  bottom: 100%;
  left: 50%;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  border-bottom: 9px solid #fff;
  transform: translateX(-50%);
}

.quadrille-outfit-tooltip.tooltip-left::after {
  top: 50%;
  left: 100%;
  border-top: 9px solid transparent;
  border-bottom: 9px solid transparent;
  border-left: 9px solid #fff;
  transform: translateY(-50%);
}

.quadrille-outfit-tooltip.tooltip-right::after {
  top: 50%;
  right: 100%;
  border-top: 9px solid transparent;
  border-bottom: 9px solid transparent;
  border-right: 9px solid #fff;
  transform: translateY(-50%);
}

/* QUADRILLE TEAM */
.quadrille-team {
  position: relative;
  z-index: 3;
  min-height: 1510px;
  padding: 165px 0 190px;
  background: #fff;
  color: #111;
}

.quadrille-team::before {
  content: "";
  position: absolute;
  z-index: 4;
  top: -62px;
  left: 0;
  width: 100%;
  height: 78px;
  background-image: var(--quadrille-torn-top);
  background-position: center bottom;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  pointer-events: none;
}

.quadrille-team::after {
  content: "";
  position: absolute;
  z-index: 4;
  bottom: -55px;
  left: 0;
  width: 100%;
  height: 78px;
  background-image: var(--quadrille-torn-bottom);
  background-position: center bottom;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  transform: rotate(180deg);
  pointer-events: none;
}

.quadrille-team-bow {
  position: absolute;
  top: 28px;
  left: 69%;
  z-index: 5;
  width: 175px;
  height: auto;
  transform: translateX(-50%);
  pointer-events: none;
}

.quadrille-team-heading {
  position: relative;
  width: max-content;
  margin: 0 auto 135px;
  text-align: center;
}

.quadrille-team-heading h2 {
  margin: 0;
  font-family: "Playfair Display", serif;
  font-size: 46px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 2px;
}

.quadrille-team-heading span {
  position: absolute;
  top: 29px;
  left: 146px;
  color: #d9ae54;
  font-family: "Dancing Script", cursive;
  font-size: 36px;
  font-weight: 400;
  line-height: 1;
  white-space: nowrap;
}

.quadrille-team-grid {
  display: grid;
  grid-template-columns: repeat(4, 230px);
  justify-content: center;
  column-gap: 78px;
  row-gap: 70px;
}

.quadrille-team-card {
  position: relative;
  width: 230px;
  text-align: center;
}

.quadrille-team-photo {
  position: relative;
  width: 230px;
  height: 365px;
}

.quadrille-team-portrait {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.quadrille-team-photo::before,
.quadrille-team-photo::after {
  content: "";
  position: absolute;
  left: 50%;
  z-index: 8;
  width: 68px;
  height: 30px;
  background: rgba(255, 255, 255, 0.5);
  border: 1px solid rgba(154, 154, 154, 0.14);
  box-shadow: 0 1px 4px rgba(110, 100, 86, 0.1);
  clip-path: polygon(
    4% 0,
    96% 3%,
    100% 25%,
    95% 48%,
    100% 74%,
    94% 100%,
    5% 96%,
    0 73%,
    4% 48%,
    0 22%
  );
  transform: translateX(-50%);
  pointer-events: none;
}

.quadrille-team-photo::before {
  top: -17px;
}

.quadrille-team-photo::after {
  bottom: -15px;
}

.quadrille-team-awards {
  position: absolute;
  z-index: 10;
  left: -24px;
  bottom: -28px;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  pointer-events: none;
}

.quadrille-team-award {
  display: block;
  width: 72px;
  height: auto;
  flex: 0 0 72px;
  margin-left: -20px;
}

.quadrille-team-award:first-child {
  margin-left: 0;
}

.quadrille-team-name {
  position: relative;
  z-index: 6;
  margin: 42px -40px 0;
  font-family: "Dancing Script", cursive;
  font-size: 34px;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
}

.quadrille-team-ground {
  position: relative;
  z-index: 1;
  height: 155px;
  background-image: url("../../assets/images/quadrille/background.png");
  background-size: cover;
  background-position: center bottom;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

/* QUADRILLE PODIUM + AWARD TOOLTIPS */

.quadrille-team-awards {
  pointer-events: auto;
}

.quadrille-team-award-wrap {
  position: relative;
  z-index: 1;
  width: 72px;
  flex: 0 0 72px;
  margin-left: -30px;
}

.quadrille-team-award-wrap:first-child {
  margin-left: 0;
}

.quadrille-team-award-wrap:hover {
  z-index: 30;
}

.quadrille-team-award {
  display: block;
  width: 100%;
  height: auto;
  margin-left: 0;
}

.quadrille-award-tooltip {
  position: absolute;
  z-index: 60;
  left: 50%;
  bottom: calc(100% + 14px);
  width: 255px;
  padding: 14px 18px;
  border-radius: 15px;
  background: #fff;
  color: #3f3a37;
  font-family: "Quicksand", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.45;
  text-align: center;
  box-shadow: 0 5px 16px rgba(0, 0, 0, 0.08);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateX(-50%) translateY(7px);
  transition:
    opacity 180ms ease,
    visibility 180ms ease,
    transform 180ms ease;
}

.quadrille-award-tooltip::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  width: 0;
  height: 0;
  border-left: 11px solid transparent;
  border-right: 11px solid transparent;
  border-top: 11px solid #fff;
  transform: translateX(-50%);
}

.quadrille-award-tooltip span {
  display: block;
}

.quadrille-team-award-wrap:hover .quadrille-award-tooltip,
.quadrille-podium-award:hover .quadrille-award-tooltip {
  opacity: 1;
  visibility: visible;
  transform: translateX(-50%) translateY(0);
}

.quadrille-podium-section {
  position: relative;
  z-index: 1;
  height: 820px;
  overflow: hidden;
  background-image: url("../../assets/images/quadrille/background.png");
  background-size: cover;
  background-position: center bottom;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

.quadrille-podium-section::after {
  content: "";
  position: absolute;
  z-index: 12;
  left: 0;
  bottom: -1px;
  width: 100%;
  height: 86px;
  background: #392d25;
  -webkit-mask-image: var(--quadrille-torn-top);
  mask-image: var(--quadrille-torn-top);
  -webkit-mask-position: center bottom;
  mask-position: center bottom;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  pointer-events: none;
}

.quadrille-podium-image {
  position: absolute;
  z-index: 3;
  top: 385px;
  left: 50%;
  width: min(1450px, 82vw);
  height: auto;
  transform: translateX(-50%);
  pointer-events: none;
  user-select: none;
}

.quadrille-podium-awards {
  position: absolute;
  z-index: 6;
  top: 205px;
  left: 50%;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  transform: translateX(-50%);
}

.quadrille-podium-award {
  position: relative;
  z-index: 1;
  width: 108px;
  flex: 0 0 108px;
  margin-left: -13px;
  cursor: default;
}

.quadrille-podium-award:first-child {
  margin-left: 0;
}

.quadrille-podium-award:hover {
  z-index: 30;
}

.quadrille-podium-award-image {
  display: block;
  width: 100%;
  height: auto;
}

.quadrille-podium-award .quadrille-award-tooltip {
  bottom: calc(100% + 16px);
}