/* 한-아세안 문화혁신포럼 소개와 일정 스타일시트 */
/* ===== Speakers ===== */
.section-speakers,
.section-speakers.section.is-visible {
  position: relative;
  min-height: unset;
  padding: var(--section-padding) 0;
  background: radial-gradient(
    circle at 50% 30%,
    rgba(47, 107, 255, 0.07) 0%,
    rgba(14, 17, 24, 1) 75%
  );
  border-top: 1px solid var(--section-divider, rgba(255, 255, 255, 0.18));
  color: var(--color-white);
  overflow: hidden;
  opacity: 1 !important;
  transform: none !important;
  transition: opacity 0.3s ease !important;
  backface-visibility: hidden;
}
.section-speakers > .container {
  width: 100%;
  overflow: visible;
}
.section-speakers__deco {
  position: absolute;
  inset: 0;
  pointer-events: none;
}
.section-speakers__image {
  position: absolute;
  inset: 0;
  background: url("./images/sec2-bg.jpg") center / cover no-repeat;
  opacity: 0.42;
  mask-image: linear-gradient(
    to top left,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.85) 55%,
    #000 100%
  );
  -webkit-mask-image: linear-gradient(
    to top left,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.85) 55%,
    #000 100%
  );
}
.section-speakers__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to top left,
    rgba(0, 0, 0, 0.82) 0%,
    rgba(0, 0, 0, 0.42) 42%,
    transparent 72%
  );
}
.section-speakers__deco::before {
  display: none;
}
.section-speakers .container {
  position: relative;
  z-index: 1;
}
.section-speakers .section-header {
  margin-bottom: 28px;
}
.section-speakers__forum {
  --forum-accent: #45b2cf;
  --forum-accent-rgb: 69, 178, 207;
  margin-bottom: clamp(48px, 5.5vw, 72px);
  padding-bottom: clamp(36px, 4vw, 56px);
}
.section-speakers__forum-intro {
  position: relative;
  margin-bottom: clamp(48px, 6vw, 90px);
  padding: 0;
}
.section-speakers__forum-eyebrow {
  font-family: "Chakra Petch", sans-serif;
  margin-bottom: 16px;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.28em;
  color: var(--color-point);
}
.section-speakers__forum-title {
  font-family: "Chakra Petch", sans-serif;
  margin: 0 0 40px;
  font-size: 58px;
  font-weight: 700;
  line-height: 1.12;
  letter-spacing: -0.02em;
  color: var(--color-white);
}
.section-speakers__forum-dot {
  color: var(--forum-accent);
}

.section-speakers__forum-desc {
  display: flex;
  flex-direction: column;
  gap: 14px;
  font-family: "Oswald", "Chakra Petch", sans-serif;
  font-size: clamp(28px, 2.7vw, 42px);
  font-weight: 700;
  line-height: 1.32;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  color: #ffffff;
  word-break: keep-all;
}

.speakers-intro__line {
  display: block;
  width: 100%;
}

.speakers-intro__line--right {
  text-align: right;
}

.speakers-intro__line--full,
.speakers-intro__line--left {
  text-align: left;
}

/* index3.php (v3-intro__highlight) 스타일과 동일한 밑줄 하이라이트 효과 */
.v3-intro__highlight,
.text-highlight {
  display: inline;
  font-weight: 700;
  color: #ffffff;
  background-image: linear-gradient(
    transparent calc(100% - 0.22em),
    var(--v3-highlight-color, var(--text-highlight-color, #dfff00))
      calc(100% - 0.22em)
  );
  background-size: 100% 100%;
  background-repeat: no-repeat;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}

.v3-intro__highlight--lime,
.text-highlight--lime {
  --v3-highlight-color: #dfff00;
  --text-highlight-color: #dfff00;
}
.v3-intro__highlight--mint,
.text-highlight--mint {
  --v3-highlight-color: #6ee7c4;
  --text-highlight-color: #6ee7c4;
}
.v3-intro__highlight--yellow,
.text-highlight--yellow {
  --v3-highlight-color: #f2d400;
  --text-highlight-color: #f2d400;
}
.v3-intro__highlight--blue,
.text-highlight--blue {
  --v3-highlight-color: #2f6bff;
  --text-highlight-color: #2f6bff;
}
.section-speakers__forum-content {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: clamp(36px, 4vw, 60px);
}
.section-speakers__forum-block {
  display: grid;
  grid-template-columns: max-content minmax(0, 1fr);
  align-items: flex-start;
  gap: 20px;
  min-width: 0;
}

.section-speakers__forum-label-col {
  display: flex;
  flex-direction: column;
  flex: 0 0 auto;
  gap: 6px;
  padding-top: 6px;
}
.section-speakers__forum-topic,
.section-speakers__forum-schedule {
  min-width: 0;
  margin-top: 35px;
}
.section-speakers__forum-kicker {
  font-family: "Chakra Petch", sans-serif;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.06em;
  color: rgba(255, 255, 255, 0.72);
}
.section-speakers__forum-year {
  font-family: "Chakra Petch", sans-serif;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -0.01em;
  color: rgba(255, 255, 255, 0.88);
}
.section-speakers__forum-year em {
  font-style: normal;
  color: var(--forum-accent);
}
.section-speakers__forum-topic {
  font-size: 36px;
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: -0.03em;
  color: var(--color-white);
  word-break: keep-all;
}
.section-speakers__forum-schedule {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}
.section-speakers__forum-event {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 24px;
  padding: 22px 24px;
  background: rgba(255, 255, 255, 0.045);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 14px;
}
.section-speakers__forum-event-info {
  flex: 0 1 auto;
  min-width: 0;
}
.section-speakers__forum-event-title {
  margin: 0 0 10px;
  font-family: "Chakra Petch", sans-serif;
  font-size: 22px;
  font-weight: 700;
  letter-spacing: 0.03em;
  color: var(--color-white);
}
.section-speakers__forum-event-meta {
  margin: 0;
  font-size: 17px;
  line-height: 1.75;
  color: rgba(255, 255, 255, 0.82);
}
@media (max-width: 768px) {
  .section-speakers__forum-intro {
    margin-bottom: 36px;
  }
  .section-speakers__forum-desc {
    gap: 10px !important;
    font-size: clamp(19px, 4.5vw, 23px) !important;
    line-height: 1.35 !important;
  }
  .speakers-intro__line--right,
  .speakers-intro__line--left {
    text-align: left;
  }
  .section-speakers__forum-schedule {
    grid-template-columns: minmax(0, 1fr);
  }
  .section-speakers__forum-event {
    padding: 18px 18px;
  }
}