@charset "UTF-8";
.recap-2024 .recap-hero {
  position: relative;
  color: #fff;
  height: 100dvh;
  min-height: 50vw;
  clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 0);
  clip: rect(0, auto, auto, 0); }
  @media (min-width: 1200px) {
    .recap-2024 .recap-hero {
      background-image: url(../images/KV_2024.jpg);
      background-position: left 0 bottom -100px;
      background-repeat: no-repeat;
      background-size: 121%; } }
  @media (max-width: 1199.98px) {
    .recap-2024 .recap-hero {
      height: 85dvh; } }
  @media (max-width: 767.98px) {
    .recap-2024 .recap-hero {
      height: 100vh;
      min-height: 75vw;
      max-height: 177.7777777778vw; } }
  .recap-2024 .recap-hero.js-inview:not(.viewed):before {
    opacity: 0; }
  .recap-2024 .recap-hero__row {
    padding-top: 6.25em; }
    @media (min-width: 768px) {
      .recap-2024 .recap-hero__row {
        display: flex;
        justify-content: center;
        align-items: center;
        padding-top: 12%; } }
  .recap-2024 .recap-hero__holder {
    position: fixed;
    inset: 0 0 auto;
    height: 100vh;
    max-height: 75vw;
    min-height: 50vw; }
    @media (max-width: 767.98px) {
      .recap-2024 .recap-hero__holder {
        height: 100vh;
        min-height: 75vw;
        max-height: 177.7777777778vw; } }
  .recap-2024 .recap-hero__body {
    position: absolute;
    display: flex;
    justify-content: center;
    inset: 5.25em 0 auto;
    z-index: 5;
    flex-direction: column;
    align-items: flex-start;
    height: 80%; }
    @media (max-width: 1599.98px) {
      .recap-2024 .recap-hero__body {
        width: calc(100% - 5.625rem);
        margin: 0 auto; } }
    @media (max-width: 767.98px) {
      .recap-2024 .recap-hero__body {
        inset: unset;
        justify-content: flex-start;
        width: calc(100% - 2.5rem); } }
    @media screen and (max-height: 500px) {
      .recap-2024 .recap-hero__body {
        justify-content: flex-start; } }
  .recap-2024 .recap-hero__title {
    font-size: 4.1666666667vw;
    font-weight: bold;
    margin-bottom: 1.6666666667vw;
    letter-spacing: 0.1875rem;
    line-height: 1;
    text-shadow: 0 0 1rem rgba(0, 0, 0, 0.3);
    width: 100%;
    max-width: 49.5rem;
    font-family: "dunbar-tall", "Poppins", "Microsoft JhengHei", 微軟正黑體, 微軟雅黑體, 細明體_HKSCS, Arial, sans-serif; }
    @media (max-width: 1599.98px) {
      .recap-2024 .recap-hero__title {
        padding: 0; } }
    @media (max-width: 991.98px) {
      .recap-2024 .recap-hero__title {
        max-width: 18rem; } }
    @media (max-width: 767.98px) {
      .recap-2024 .recap-hero__title {
        font-size: 2.5em; } }
    @media (max-width: 575.98px) {
      .recap-2024 .recap-hero__title {
        margin-bottom: 0.9375rem; } }
    .recap-2024 .recap-hero__title sub {
      vertical-align: baseline;
      font-size: 0.3333333333em; }
  .recap-2024 .recap-hero__title-row {
    font-size: 2.5em; }
    @media (min-width: 992px) {
      .recap-2024 .recap-hero__title-row {
        font-size: 7.5em; } }
    .recap-2024 .recap-hero__title-row--1 {
      text-align: left; }
    .recap-2024 .recap-hero__title-row--2 {
      text-align: right; }
    .recap-2024 .recap-hero__title-row--3 {
      font-size: 1em; }
      @media (min-width: 992px) {
        .recap-2024 .recap-hero__title-row--3 {
          font-size: 2.5em;
          text-align: center;
          padding-right: 20%; } }
      @media (max-width: 991.98px) {
        .recap-2024 .recap-hero__title-row--3 {
          max-width: 140px;
          text-align: right; } }
  .recap-2024 .recap-hero__object {
    position: absolute;
    inset: 0;
    display: flex; }
    @media (max-width: 1199.98px) {
      .recap-2024 .recap-hero__object:before {
        content: "";
        position: absolute;
        inset: 0 -38%;
        background-image: url(../images/KV_bg.jpg);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center bottom;
        transition: 0.8s ease; } }
    @media (max-width: 767.98px) {
      .recap-2024 .recap-hero__object:before {
        background-image: url(../images/KV_2024.jpg); } }
  .recap-2024 .recap-hero__key-object {
    position: relative;
    z-index: 2;
    transition: 1.5s cubic-bezier(0, 0, 0.1, 1.01), opacity 0.8s ease-out;
    transition-delay: 300ms;
    margin: 21% 19.5% 0 auto; }
    @media (min-width: 768px) {
      .recap-2024 .recap-hero__key-object {
        width: 26.5%; } }
    @media (max-width: 767.98px) {
      .recap-2024 .recap-hero__key-object {
        display: flex;
        align-items: flex-end;
        width: 12.875rem;
        margin: 31% auto 0; } }
    .recap-2024 .recap-hero__key-object img {
      display: block;
      width: 100%; }
      @media (min-width: 768px) {
        .recap-2024 .recap-hero__key-object img {
          translate: 0; } }
      @media (max-width: 767.98px) {
        .recap-2024 .recap-hero__key-object img {
          translate: 12% 0;
          position: absolute;
          bottom: 11%; } }
  .recap-2024 .recap-hero__object-layer {
    position: absolute;
    transition: 1.3s ease-out;
    transition-property: transform opacity; }
    @media (min-width: 768px) {
      .recap-2024 .recap-hero__object-layer {
        top: 0; } }
    @media (max-width: 767.98px) {
      .recap-2024 .recap-hero__object-layer {
        bottom: 0; } }
    .recap-2024 .recap-hero__object-layer img {
      width: 100%; }
    .recap-2024 .recap-hero__object-layer--1 {
      transition-delay: 500ms; }
      @media (min-width: 768px) {
        .recap-2024 .recap-hero__object-layer--1 {
          width: 7.4285714286%;
          margin-top: 18%;
          left: 42%; } }
      @media (max-width: 767.98px) {
        .recap-2024 .recap-hero__object-layer--1 {
          width: 22.7848101266%;
          max-width: 90px;
          bottom: 40%;
          left: 12%; } }
      .recap-2024 .recap-hero__object-layer--1 img {
        animation: imageWiggle2 20s ease-in-out infinite 3s; }
    .recap-2024 .recap-hero__object-layer--2 {
      z-index: 5;
      transition-delay: 700ms; }
      @media (min-width: 768px) {
        .recap-2024 .recap-hero__object-layer--2 {
          width: 9.1428571429%;
          margin-top: 14%;
          right: 15%; } }
      @media (max-width: 767.98px) {
        .recap-2024 .recap-hero__object-layer--2 {
          width: 21.7721518987%;
          max-width: 86px;
          right: 2%;
          bottom: 45%;
          z-index: 4; } }
      .recap-2024 .recap-hero__object-layer--2 img {
        animation: imageWiggle3 20s ease-in-out infinite 2s; }
    .recap-2024 .recap-hero__object-layer--3 {
      transition-delay: 800ms; }
      @media (min-width: 768px) {
        .recap-2024 .recap-hero__object-layer--3 {
          width: 26.2142857143%;
          margin-top: 14%;
          left: -10%; } }
      @media (max-width: 767.98px) {
        .recap-2024 .recap-hero__object-layer--3 {
          display: none; } }
      .recap-2024 .recap-hero__object-layer--3 img {
        animation: imageWiggle 20s ease-in-out infinite; }
    .recap-2024 .recap-hero__object-layer--4 {
      z-index: 3;
      transition-delay: 1000ms; }
      @media (min-width: 768px) {
        .recap-2024 .recap-hero__object-layer--4 {
          width: 16.5714285714%;
          margin-top: 40%;
          left: 45%; } }
      @media (max-width: 767.98px) {
        .recap-2024 .recap-hero__object-layer--4 {
          max-width: 146px;
          left: 2%;
          bottom: 10%;
          width: 40%; } }
      .recap-2024 .recap-hero__object-layer--4 img {
        animation: imageWiggle2 20s ease-in-out infinite 3s; }
    .recap-2024 .recap-hero__object-layer--5 {
      z-index: 1;
      transition-delay: 1200ms; }
      @media (min-width: 768px) {
        .recap-2024 .recap-hero__object-layer--5 {
          width: 11.3020833333%;
          margin-top: 29%;
          right: 11%; } }
      @media (max-width: 767.98px) {
        .recap-2024 .recap-hero__object-layer--5 {
          max-width: 132px;
          bottom: 21%;
          right: -2%;
          width: 35%; } }
      .recap-2024 .recap-hero__object-layer--5 img {
        animation: imageWiggle3 20s ease-in-out infinite 2s; }
    .recap-2024 .recap-hero__object-layer--6 {
      transition-delay: 1400ms; }
      @media (min-width: 768px) {
        .recap-2024 .recap-hero__object-layer--6 {
          width: 11.6666666667%;
          margin-top: 36%;
          right: -7%; } }
      @media (max-width: 767.98px) {
        .recap-2024 .recap-hero__object-layer--6 {
          display: none; } }
      .recap-2024 .recap-hero__object-layer--6 img {
        animation: imageWiggle 20s ease-in-out infinite; }
  .recap-2024 .recap-hero .container {
    position: relative;
    height: 100%;
    width: 75%;
    max-width: 75%;
    margin: auto; }
    @media (max-width: 575.98px) {
      .recap-2024 .recap-hero .container {
        width: 100%;
        max-width: unset; } }
  .recap-2024 .recap-hero .js-text-fading > span {
    letter-spacing: 0.05em; }
  @media (min-width: 1600px) {
    .recap-2024 .recap-hero--detail {
      height: 720px;
      min-height: 720px;
      max-height: 720px;
      margin-top: -70px; }
      .recap-2024 .recap-hero--detail .recap-2024 .recap-hero__object {
        inset: auto 0 0; } }
  @media (min-width: 992px) and (max-width: 1599.98px) {
    .recap-2024 .recap-hero--detail {
      width: 100%;
      height: auto;
      aspect-ratio: 21/9; } }
  @media (max-width: 991.98px) {
    .recap-2024 .recap-hero--detail {
      height: 420px;
      min-height: 420px;
      max-height: 420px; } }
  @media (max-width: 991.98px) {
    .recap-2024 .recap-hero--detail .recap-2024 .recap-hero__key-object {
      width: 8.125rem; } }
  .recap-2024 .recap-hero__btn span:first-child {
    font-weight: bold; }
  @media (max-width: 575.98px) {
    .recap-2024 .recap-hero__btn {
      width: 100%; } }
  .recap-2024 .recap-hero__headline {
    font-size: 2.0833333333vw;
    font-weight: bold;
    margin-bottom: 1.6666666667vw;
    max-width: 60%; }
    @media (max-width: 1199.98px) {
      .recap-2024 .recap-hero__headline {
        max-width: 100%; } }
    @media (max-width: 767.98px) {
      .recap-2024 .recap-hero__headline {
        font-size: 1.625em;
        line-height: 1.3; } }
  .recap-2024 .recap-hero .js-text-fading > span {
    letter-spacing: 0.05em; }
  .recap-2024 .recap-hero.js-inview:not(.viewed) .recap-hero__key-object {
    opacity: 0;
    transform: translate(-20%, -3%) scale(0.7); }
  .recap-2024 .recap-hero.js-inview:not(.viewed) .recap-hero__object-layer {
    opacity: 0; }
    .recap-2024 .recap-hero.js-inview:not(.viewed) .recap-hero__object-layer--1 {
      transform: scale(1.2) translate(20%, 20%); }
    .recap-2024 .recap-hero.js-inview:not(.viewed) .recap-hero__object-layer--2, .recap-2024 .recap-hero.js-inview:not(.viewed) .recap-hero__object-layer--6 {
      transform: scale(1.2) translate(-20%, 0%); }
    .recap-2024 .recap-hero.js-inview:not(.viewed) .recap-hero__object-layer--3 {
      transform: scale(1.2) translate(20%, 10%); }
    .recap-2024 .recap-hero.js-inview:not(.viewed) .recap-hero__object-layer--4 {
      transform: scale(1.2) translate(20%, 5%); }
    .recap-2024 .recap-hero.js-inview:not(.viewed) .recap-hero__object-layer--5 {
      transform: scale(1.2) translate(-20%, 20%); }

.recap-2023 .recap-hero {
  position: relative;
  color: #fff; }
  @media (min-width: 1200px) {
    .recap-2023 .recap-hero {
      height: 100vh;
      max-height: 75vw;
      min-height: 50vw; } }
  .recap-2023 .recap-hero:before {
    content: "";
    position: absolute;
    inset: 0 0;
    background-image: url(../images/2023/hero-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    transition: 0.8s ease; }
  .recap-2023 .recap-hero.js-inview:not(.viewed):before {
    opacity: 0; }
  .recap-2023 .recap-hero__row {
    padding-top: 6.25em; }
    @media (min-width: 768px) {
      .recap-2023 .recap-hero__row {
        display: flex;
        justify-content: center;
        align-items: center;
        padding-top: 12%; } }
  .recap-2023 .recap-hero__body {
    flex: 0 0 40rem; }
    @media (max-width: 1599.98px) {
      .recap-2023 .recap-hero__body {
        flex-basis: 55%; } }
    @media (max-width: 767.98px) {
      .recap-2023 .recap-hero__body {
        position: relative;
        z-index: 1; } }
  .recap-2023 .recap-hero__key-object-holder {
    flex: 1 0 auto;
    transition: 1.5s cubic-bezier(0, 0, 0.1, 1.01), opacity 0.8s ease-out;
    aspect-ratio: 1; }
  @media (min-width: 768px) {
    .recap-2023 .recap-hero__key-object {
      inset: -20%;
      width: 140%; } }
  .recap-2023 .recap-hero__key-object .media-holder {
    aspect-ratio: 1;
    overflow: visible; }
  .recap-2023 .recap-hero__key-object img:first-child {
    transform: scale(1.4);
    pointer-events: none; }
  .recap-2023 .recap-hero__key-object .key-object {
    right: -10%;
    bottom: -10%; }
  .recap-2023 .recap-hero.js-inview:not(.viewed) .recap-2023 .recap-hero__key-object {
    opacity: 0;
    transform: scale(0.75) translate(14%, 0); }
  .recap-2023 .recap-hero__object-layer {
    position: absolute;
    top: 0;
    transition: 1.3s ease-out; }
    .recap-2023 .recap-hero__object-layer--1 {
      transition-delay: 1s; }
      @media (min-width: 768px) {
        .recap-2023 .recap-hero__object-layer--1 {
          margin-top: 2.8571428571%;
          width: 14.7142857143%;
          left: 13.7142857143%; } }
      @media (max-width: 767.98px) {
        .recap-2023 .recap-hero__object-layer--1 {
          margin-top: 23.4666666667%;
          width: 26.1333333333%;
          left: -2.3125rem;
          max-width: 6.125rem; } }
      .recap-2023 .recap-hero__object-layer--1 img {
        animation: imageWiggle2 40s ease-in-out infinite 3s; }
    .recap-2023 .recap-hero__object-layer--2 {
      transition-delay: 1.4s; }
      @media (min-width: 768px) {
        .recap-2023 .recap-hero__object-layer--2 {
          margin-top: 48%;
          width: 26%;
          right: -32%; } }
      @media (max-width: 767.98px) {
        .recap-2023 .recap-hero__object-layer--2 {
          margin-top: 62.1333333333%;
          width: 37.0666666667%;
          right: -4.9375rem;
          max-width: 8.6875rem; } }
      .recap-2023 .recap-hero__object-layer--2 img {
        animation: imageWiggle3 40s ease-in-out infinite 2s; }
    .recap-2023 .recap-hero__object-layer--3 {
      transition-delay: 1.4s; }
      @media (min-width: 768px) {
        .recap-2023 .recap-hero__object-layer--3 {
          top: auto;
          bottom: 0;
          margin-bottom: -1.7142857143%;
          width: 24.2857142857%;
          left: -9.0714285714%; } }
      @media (max-width: 767.98px) {
        .recap-2023 .recap-hero__object-layer--3 {
          margin-bottom: 64%;
          width: 42.9333333333%;
          left: -6.25rem;
          max-width: 10.0625rem;
          top: auto;
          bottom: 0; } }
      .recap-2023 .recap-hero__object-layer--3 img {
        animation: imageWiggle 40s ease-in-out infinite; }
    .recap-2023 .recap-hero__object-layer--4 {
      transition-delay: 1.7s; }
      @media (min-width: 768px) {
        .recap-2023 .recap-hero__object-layer--4 {
          margin-top: 6.6666666667%;
          width: 17.7083333333%;
          left: -8.8541666667%; } }
      @media (max-width: 767.98px) {
        .recap-2023 .recap-hero__object-layer--4 {
          display: none; } }
      .recap-2023 .recap-hero__object-layer--4 img {
        animation: imageWiggle2 40s ease-in-out infinite; }
    .recap-2023 .recap-hero__object-layer--5 {
      transition-delay: 2s; }
      @media (min-width: 768px) {
        .recap-2023 .recap-hero__object-layer--5 {
          margin-top: -20.5729166667%;
          width: 15.7291666667%;
          right: -5%; } }
      @media (max-width: 767.98px) {
        .recap-2023 .recap-hero__object-layer--5 {
          margin-top: -27.3417721519%;
          width: 35.9493670886%;
          right: -6.0759493671%;
          max-width: 8.875rem; } }
      .recap-2023 .recap-hero__object-layer--5 img {
        animation: imageWiggle3 40s ease-in-out infinite; }
  .recap-2023 .recap-hero.js-inview:not(.viewed) .recap-2023 .recap-hero__object-layer {
    opacity: 0; }
    .recap-2023 .recap-hero.js-inview:not(.viewed) .recap-2023 .recap-hero__object-layer--1 {
      transform: scale(1.2) translate(-20%, -20%); }
    .recap-2023 .recap-hero.js-inview:not(.viewed) .recap-2023 .recap-hero__object-layer--2 {
      transform: scale(1.2) translate(20%, 0%); }
    .recap-2023 .recap-hero.js-inview:not(.viewed) .recap-2023 .recap-hero__object-layer--3 {
      transform: scale(1.2) translate(-20%, 20%); }
    .recap-2023 .recap-hero.js-inview:not(.viewed) .recap-2023 .recap-hero__object-layer--4 {
      transform: scale(1.2) translate(-20%, -5%); }
    .recap-2023 .recap-hero.js-inview:not(.viewed) .recap-2023 .recap-hero__object-layer--5 {
      transform: scale(1.2) translate(20%, -20%); }
  .recap-2023 .recap-hero__btn span:first-child {
    font-weight: bold; }
  .recap-2023 .recap-hero__title {
    font-size: 5em;
    font-weight: bold; }
    @media (max-width: 767.98px) {
      .recap-2023 .recap-hero__title {
        font-size: 2.5em; } }
  .recap-2023 .recap-hero__headline {
    font-size: 2.5em;
    font-weight: bold;
    margin-bottom: 0.8em; }
    @media (max-width: 767.98px) {
      .recap-2023 .recap-hero__headline {
        font-size: 1.625em; } }
  .recap-2023 .recap-hero .container {
    position: relative;
    height: 100%;
    max-width: 76.75em;
    margin: auto; }
  .recap-2023 .recap-hero .js-text-fading > span {
    letter-spacing: 0.05em; }
.recap-2023 .recap-gallery .media-holder {
  aspect-ratio: 1; }

.recap-gallery .media-holder {
  width: 30.46875vw;
  aspect-ratio: 878/585; }
  @media (max-width: 767.98px) {
    .recap-gallery .media-holder {
      width: 70.5128205128vw;
      max-width: 20em; } }
.recap-gallery .marquee {
  overflow: visible;
  position: relative;
  font-size: 0; }
  .recap-gallery .marquee__row {
    white-space: nowrap; }
  .recap-gallery .marquee__body {
    font-size: 1rem;
    display: inline-flex;
    line-height: 1;
    padding: 0; }

.recap-data {
  position: relative;
  min-height: 100vh; }
  @media (min-width: 1200px) {
    .recap-data {
      display: flex; } }
  .recap-data__swiper-holder {
    position: relative;
    overflow: hidden; }
    @media (min-width: 1200px) {
      .recap-data__swiper-holder {
        flex: 0 0 50%;
        width: 50%; } }
    @media (max-width: 1199.98px) {
      .recap-data__swiper-holder {
        aspect-ratio: 1; } }
  .recap-data__swiper {
    position: absolute;
    inset: 0; }
  .recap-data__swiper-control {
    position: absolute;
    inset: auto 1.875em 1.875em;
    display: flex;
    align-items: center;
    color: #D36ECD;
    z-index: 2; }
    @media (max-width: 1199.98px) {
      .recap-data__swiper-control {
        justify-content: space-between; } }
  .recap-data__swiper-pagin {
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.625em; }
    @media (max-width: 1199.98px) {
      .recap-data__swiper-pagin {
        display: none; } }
    .recap-data__swiper-pagin > .swiper-pagination-bullet {
      margin: 0 !important;
      background-color: currentColor;
      transition: all 0.3s ease;
      width: 1.25em;
      height: 0.625em;
      border-radius: 999px !important;
      opacity: 1 !important; }
      .recap-data__swiper-pagin > .swiper-pagination-bullet.swiper-pagination-bullet-active {
        background-color: #fff;
        width: 3.75em; }
  .recap-data__swiper-btn {
    flex: 0 0 3.125em;
    border-radius: 999px;
    aspect-ratio: 1;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    line-height: 1;
    background-color: currentColor;
    cursor: pointer;
    transition: transform 0.3s ease; }
    .recap-data__swiper-btn:hover {
      transform: scale(1.1); }
    .recap-data__swiper-btn--prev {
      padding-right: 0.25em; }
      .recap-data__swiper-btn--prev .icon {
        transform: rotate(90deg); }
    .recap-data__swiper-btn--next {
      padding-left: 0.25em; }
      .recap-data__swiper-btn--next .icon {
        transform: rotate(-90deg) scaleX(-100%); }
    .recap-data__swiper-btn .icon {
      font-size: 1.125em;
      color: #fff; }
  .recap-data__body {
    position: relative;
    z-index: 1; }
    @media (min-width: 1920px) {
      .recap-data__body {
        padding: 5.4166666667% 6.875%; } }
    @media (max-width: 1919.98px) {
      .recap-data__body {
        padding: 5.4166666667% 1.3541666667%;
        margin: 0 auto; } }
    @media (max-width: 1199.98px) {
      .recap-data__body {
        max-width: 480px;
        margin: auto; } }
  .recap-data__grid {
    display: flex;
    gap: 1.25em; }
    @media (min-width: 1600px) {
      .recap-data__grid {
        gap: 2em; } }
    @media (min-width: 1200px) {
      .recap-data__grid {
        flex-wrap: wrap;
        margin-bottom: 2em; } }
    @media (max-width: 1199.98px) {
      .recap-data__grid {
        flex-direction: column;
        padding-top: 2em;
        padding-top: 3em;
        align-items: center; } }
  .recap-data__grid-box {
    color: #D36ECD;
    border-radius: 1.5625em;
    border: 1px solid currentColor;
    padding: 1.625em;
    display: flex;
    flex-direction: column;
    background-color: #fff; }
    @media (min-width: 1200px) {
      .recap-data__grid-box {
        flex: 0 0 calc(50% - 16px); } }
    @media (max-width: 1599.98px) {
      .recap-data__grid-box {
        padding: 1em; } }
    @media (max-width: 1199.98px) {
      .recap-data__grid-box {
        width: 100%;
        padding: 1.625em; } }
  .recap-data__box-icon {
    width: 4em;
    margin-bottom: 2em; }
  .recap-data__box-num {
    display: flex;
    font-size: 6.25em;
    font-weight: bold;
    line-height: 1; }
    .recap-data__box-num > div {
      display: inline-block; }
    .recap-data__box-num .js-number-raise > span {
      margin: 0 -0.025em; }
  .recap-data__title {
    font-weight: bold;
    font-size: 1.5em; }
  .recap-data__btn {
    border-color: #D36ECD;
    font-weight: bold; }
  .recap-data__layer {
    position: absolute;
    inset: auto -100px 0 auto;
    width: 31.25%;
    pointer-events: none; }
  @media (min-width: 768px) {
    .recap-data__container {
      max-width: 45.25rem;
      padding: 0; } }
  .landing .recap-data {
    background-image: linear-gradient(120deg, #D36ECD 0%, #8D5489 100%); }
    @media (max-width: 767.98px) {
      .landing .recap-data__container {
        padding: 1.875rem 1.25rem; } }
    .landing .recap-data__grid {
      padding-top: 0; }
    .landing .recap-data__section-title {
      color: #fff;
      font-size: 2.125em;
      margin-bottom: 2.1875rem; }

.recap-highlight {
  margin: 8.25em auto; }
  @media (max-width: 767.98px) {
    .recap-highlight {
      margin: 2em auto 5.625em; } }
  .recap-highlight__title {
    position: relative;
    z-index: 2;
    font-weight: bold;
    color: #D36ECD;
    line-height: 1.2; }
    @media (min-width: 768px) {
      .recap-highlight__title {
        font-size: 5em;
        margin-bottom: -1.85em;
        max-width: 60rem; } }
    @media (max-width: 767.98px) {
      .recap-highlight__title {
        font-size: 1.875em;
        margin-bottom: 0.4em; } }
  .recap-highlight__box {
    position: relative;
    margin-left: auto;
    aspect-ratio: 16/9;
    border-radius: 50px;
    margin-bottom: 3.125em;
    max-width: 880px; }
    @media (max-width: 767.98px) {
      .recap-highlight__box {
        border-radius: 25px;
        margin-bottom: 1.25em; } }
    .recap-highlight__box .icon {
      position: absolute;
      inset: 0;
      z-index: 2;
      display: flex;
      align-items: center;
      justify-content: center;
      line-height: 1;
      color: #D36ECD;
      font-size: 5.25em; }
      @media (max-width: 767.98px) {
        .recap-highlight__box .icon {
          font-size: 2em; } }
    .recap-highlight__box img {
      transition: transform 0.3s ease; }
    .recap-highlight__box:hover img {
      transform: scale(1.1); }

.recap-awarded {
  position: relative;
  background-color: #D36ECD;
  padding: 12.5em 0em 8.25em; }
  .recap-awarded__marquee {
    position: absolute;
    inset: 20px 0 auto; }
  .recap-awarded__row {
    color: #fff; }
    @media (min-width: 1200px) {
      .recap-awarded__row {
        display: flex;
        justify-content: center;
        gap: 3.375em; } }
  .recap-awarded__item {
    flex: 1 0 auto;
    max-width: 33.25rem; }
    @media (max-width: 1199.98px) {
      .recap-awarded__item {
        margin: 0 auto 2.25em; } }
    .recap-awarded__item:last-child {
      margin-top: 5em; }
  .recap-awarded__item-title {
    position: relative;
    z-index: 2;
    font-size: 5em;
    padding: 0em 0.675em;
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase; }
    @media (max-width: 1199.98px) {
      .recap-awarded__item-title {
        font-size: 3.125em; } }
  .recap-awarded__item-img {
    aspect-ratio: 4/3;
    border-radius: 50px;
    margin-top: -2em;
    margin-bottom: 2em; }
    @media (max-width: 1199.98px) {
      .recap-awarded__item-img {
        margin-top: -1em;
        margin-bottom: 0.625em;
        border-radius: 30px; } }
  .recap-awarded__item-headline {
    font-size: 1.875em;
    font-weight: 600; }
  .recap-awarded__item-member {
    font-size: 1.25em;
    margin: 0.5em 0em; }
  .recap-awarded__item-collage {
    font-size: 1.25em;
    font-style: italic; }
  .recap-awarded .marquee__body {
    display: inline-block;
    text-transform: uppercase; }
  .recap-awarded .container {
    position: relative;
    z-index: 2; }

.recap-announ {
  padding: 6.25em 0em; }
  @media (max-width: 767.98px) {
    .recap-announ {
      padding: 3.125em 0em; } }
  .recap-announ__body {
    max-width: 1000px;
    margin: auto; }
    .recap-announ__body h2 {
      font-weight: 600;
      font-size: 2em;
      letter-spacing: -0;
      margin-bottom: 1em; }
    .recap-announ__body h3 {
      font-weight: 600;
      font-size: 1.5em; }

/*# sourceMappingURL=recap.css.map */