.acaBg {
  z-index: 3;
}

.copBg {
  width: 100%;
  position: relative;
  z-index: 2;
  padding: 1.75rem 0 6rem;
  overflow: hidden;
}

.copBg::before {
  content: '';
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, rgba(247, 252, 249, 0.98), rgba(255, 255, 255, 0.98)),
    radial-gradient(circle at 12% 18%, rgba(31, 131, 80, 0.08), transparent 18%),
    radial-gradient(circle at 88% 78%, rgba(31, 131, 80, 0.07), transparent 20%);
}

.copBg .container-fy {
  position: relative;
  z-index: 2;
}

.copBg .aca_top_title {
  padding-top: 0;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 2rem;
  text-align: left;
}

.copBg .aca_top_meddle,
.copBg .index_area_box {
  width: auto;
  margin: 0;
  align-items: flex-start;
}

.copBg .index_area_box {
  gap: 0.45rem;
}

.cop_section_desc {
  margin: 0.3rem 0 0;
  max-width: 34rem;
  font-size: 1rem;
  line-height: 1.85;
  color: #5c685f;
  text-wrap: pretty;
}

.copBg .pc_acaMore {
  position: relative;
  right: auto;
  bottom: 0.4rem;
}

.cop_stage {
  margin-top: 3.1rem;
}

.cop_matrix {
  position: relative;
  min-height: 46rem;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-template-rows: repeat(2, minmax(0, 1fr));
  gap: 0;
  overflow: hidden;
  border-radius: 1.75rem;
  background: #dfe8e1;
  box-shadow: 0 2.4rem 5rem rgba(18, 43, 27, 0.14);
}

.cop_matrix::before,
.cop_matrix::after {
  content: '';
  position: absolute;
  pointer-events: none;
  z-index: 4;
}

.cop_matrix::before {
  inset: 0;
  background:
    linear-gradient(90deg, rgba(255, 255, 255, 0.22), rgba(255, 255, 255, 0.22)) center/1px 100% no-repeat,
    linear-gradient(rgba(255, 255, 255, 0.22), rgba(255, 255, 255, 0.22)) center/100% 1px no-repeat;
}

.cop_matrix::after {
  inset: 1.25rem;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 1.1rem;
}

.cop_club {
  position: relative;
  display: block;
  height: 100%;
  color: inherit;
  text-decoration: none;
  overflow: visible;
}

.cop_club_card {
  position: relative;
  height: 100%;
  overflow: hidden;
  background: #204631;
  transition:
    transform 420ms ease,
    filter 420ms ease,
    opacity 420ms ease;
}

.cop_matrix:hover .cop_club_card {
  filter: saturate(0.85) brightness(0.8);
}

.cop_matrix .cop_club:hover .cop_club_card,
.cop_matrix .cop_club:focus-visible .cop_club_card {
  filter: saturate(1.08) brightness(1);
  opacity: 1;
}

.cop_club:hover .cop_club_card,
.cop_club:focus-visible .cop_club_card {
  transform: scale(1.02);
}

.cop_club_media,
.cop_club_media img,
.cop_club_focus_media,
.cop_club_focus_media img {
  width: 100%;
  height: 100%;
}

.cop_club_media {
  position: absolute;
  inset: 0;
}

.cop_club_media::after {
  content: '';
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, rgba(12, 29, 20, 0.1), rgba(12, 29, 20, 0.68)),
    linear-gradient(135deg, rgba(14, 72, 44, 0.42), rgba(14, 72, 44, 0.05) 58%, rgba(255, 255, 255, 0));
}

.cop_club:nth-child(2) .cop_club_media::after,
.cop_club:nth-child(4) .cop_club_media::after {
  background:
    linear-gradient(180deg, rgba(12, 29, 20, 0.08), rgba(12, 29, 20, 0.7)),
    linear-gradient(225deg, rgba(14, 72, 44, 0.4), rgba(14, 72, 44, 0.04) 58%, rgba(255, 255, 255, 0));
}

.cop_club_media img,
.cop_club_focus_media img {
  display: block;
  object-fit: cover;
}

.cop_club_brief {
  position: absolute;
  inset: 0;
  z-index: 3;
  padding: 2.4rem 2.6rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.cop_club:nth-child(2) .cop_club_brief,
.cop_club:nth-child(4) .cop_club_brief {
  text-align: right;
}

.cop_club_head {
  color: #fff;
}

.cop_club_track {
  margin: 0 0 0.7rem;
  font-size: 0.84rem;
  line-height: 1;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.76);
}

.cop_club_head h3 {
  margin: 0;
  font-size: 2.2rem;
  line-height: 1.1;
  font-weight: 700;
  text-wrap: pretty;
}

.cop_club_focus {
  position: absolute;
  z-index: 15;
  width: calc(65.125rem + 6.25rem);
  max-width: calc(100vw - 6rem);
  min-width: 38rem;
  height: 34rem;
  min-height: 22rem;
  z-index: 15;
  display: grid;
  grid-template-columns: 19rem 1fr;
  background: rgba(255, 255, 255, 0.93);
  border-radius: 1.4rem;
  overflow: hidden;
  box-shadow: 0 2.5rem 5rem rgba(13, 34, 21, 0.14);
  -webkit-backdrop-filter: blur(14px) saturate(112%);
  backdrop-filter: blur(14px) saturate(112%);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(1.6rem) scale(0.94);
  transition:
    opacity 820ms cubic-bezier(0.16, 1, 0.3, 1),
    transform 980ms cubic-bezier(0.16, 1, 0.3, 1),
    visibility 820ms ease;
}

.cop_club:nth-child(1) .cop_club_focus {
  left: 2rem;
  top: 2rem;
}

.cop_club:nth-child(2) .cop_club_focus {
  right: 2rem;
  top: 2rem;
}

.cop_club:nth-child(3) .cop_club_focus {
  left: 2rem;
  bottom: 2rem;
}

.cop_club:nth-child(4) .cop_club_focus {
  right: 2rem;
  bottom: 2rem;
}

.cop_club_focus::before {
  content: '';
  position: absolute;
  inset: 0;
  border: 1px solid rgba(255, 255, 255, 0.78);
  border-radius: 1.4rem;
  pointer-events: none;
}

.cop_club:hover .cop_club_focus,
.cop_club:focus-visible .cop_club_focus {
  opacity: 1;
  visibility: visible;
  transform: translateY(0) scale(1);
}

.cop_club_focus_media {
  position: relative;
  min-height: 100%;
}

.cop_club_focus_media::after {
  content: '';
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, rgba(13, 34, 21, 0.01), rgba(13, 34, 21, 0.12)),
    linear-gradient(135deg, rgba(14, 72, 44, 0.03), rgba(14, 72, 44, 0));
}

.cop_club_focus_body {
  position: relative;
  padding: 4rem 4.2rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 1.3rem;
}

.cop_club_focus_body::before {
  content: '';
  position: absolute;
  left: 4.2rem;
  top: 0;
  width: 8.6rem;
  height: 0.28rem;
  background: #1f8350;
}

.cop_club_focus_kicker {
  margin: 0;
  font-size: 0.82rem;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: #1f8350;
}

.cop_club_focus_body h3 {
  margin: 0;
  font-size: 3.7rem;
  line-height: 1.08;
  font-weight: 700;
  color: rgba(18, 47, 31, 1);
  opacity: 1;
  text-wrap: pretty;
  text-shadow: 0 0 0 rgba(18, 47, 31, 0);
}

.cop_club_focus_body p:last-of-type {
  margin: 0;
  max-width: 38rem;
  font-size: 1.22rem;
  line-height: 2;
  color: rgba(61, 79, 69, 1);
  opacity: 1;
  text-wrap: pretty;
  text-shadow: 0 0 0 rgba(61, 79, 69, 0);
}

@media (max-width: 992px) {
  .copBg {
    padding: 4vw 0 12vw;
  }

  .copBg .container-fy {
    padding: 0 3.7333vw;
  }

  .copBg .aca_top_title {
    display: block;
  }

  .copBg .aca_top_meddle,
  .copBg .index_area_box {
    align-items: flex-start;
  }

  .cop_section_desc {
    max-width: none;
    font-size: 3.4667vw;
    line-height: 1.8;
  }

  .cop_stage {
    margin-top: 7.4667vw;
  }

  .cop_matrix {
    min-height: auto;
    display: block;
    border-radius: 6.4vw;
  }

  .cop_matrix::before,
  .cop_matrix::after {
    display: none;
  }

  .cop_club {
    display: block;
    margin-bottom: 4.8vw;
  }

  .cop_club:last-child {
    margin-bottom: 0;
  }

  .cop_club_card {
    height: 54vw;
  }

  .cop_club_brief {
    padding: 4.8vw;
  }

  .cop_club:nth-child(2) .cop_club_brief,
  .cop_club:nth-child(4) .cop_club_brief {
    text-align: left;
  }

  .cop_club_head h3 {
    font-size: 5.3333vw;
  }

  .cop_club_track {
    font-size: 2.9333vw;
  }

  .cop_club_focus {
    position: static;
    width: auto;
    height: auto;
    display: block;
    margin-top: 3.2vw;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: none;
    border-radius: 5.3333vw;
    box-shadow: 0 5.3333vw 10.6667vw rgba(16, 44, 28, 0.12);
  }

  .cop_club_focus::before {
    border-radius: 5.3333vw;
  }

  .cop_club_focus_media {
    height: 45vw;
  }

  .cop_club_focus_body {
    padding: 5.3333vw;
    gap: 3.2vw;
  }

  .cop_club_focus_body::before {
    left: 5.3333vw;
    width: 14vw;
  }

  .cop_club_focus_kicker {
    font-size: 2.9333vw;
  }

  .cop_club_focus_body h3 {
    font-size: 6.4vw;
  }

  .cop_club_focus_body p:last-of-type {
    font-size: 3.7333vw;
    line-height: 1.8;
  }

}