@charset "UTF-8";
/* =============================================================================
   event-overview — "EVENT OVERVIEW / 오래 달릴수록, 명확해지는 퍼포먼스 차이." (W2)
   Figma: 모바일 6350:4812 (375×518) / PC 6350:5179 (1140×512)
   ============================================================================= */

.event-overview {
  padding-block: var(--s-40) 60px;
  background-color: var(--c-black);
  color: var(--c-text-inverse);
  text-align: center;
  word-break: keep-all; /* 한국어 단어 중간에서 줄바꿈되지 않도록 (320px 대응) */
}

.event-overview__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--s-32);
}

/* --- 헤더 --- */
.event-overview__header {
  display: flex;
  flex-direction: column;
  gap: var(--s-16);
  width: 100%;
  max-width: 450px;
}

.event-overview__eyebrow {
  color: var(--c-michelin-yellow);
  font-family: var(--ff-display);
  font-size: 26px;
  font-weight: var(--fw-bold);
  line-height: normal;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.event-overview__headline {
  font-size: 22px;
  font-weight: var(--fw-extrabold);
  line-height: var(--lh-base);
  letter-spacing: -0.02em;
}

/* --- 본문 --- */
.event-overview__body {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--s-32);
  width: 100%;
  max-width: 530px;
}

.event-overview__quote {
  display: flex;
  flex-direction: column;
  gap: 2px;
  color: rgba(255, 255, 255, 0.52);
  font-size: 18px;
  font-weight: var(--fw-medium);
  line-height: 1.5;
}

.event-overview__quote strong {
  color: var(--c-white);
  font-weight: var(--fw-bold);
}

.event-overview__lead {
  max-width: 306px;
  font-size: 16px; /* 모바일·PC 동일 (스케일과 다름) */
  font-weight: var(--fw-medium);
  line-height: var(--lh-relaxed);
}

/* --- WEC 파트너 --- */
.event-overview__partner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--s-4);
}

.event-overview__partner-logo {
  width: 77px;
  height: auto;
}

.event-overview__partner-note {
  max-width: 320px;
  color: var(--c-text-inverse-muted);
  font-size: var(--fs-body);
  line-height: 1.5;
}

.event-overview__partner-note strong {
  color: var(--c-white);
  font-weight: var(--fw-bold);
}

/* -----------------------------------------------------------------------------
   PC (1024 이상)
   -------------------------------------------------------------------------- */
@media (min-width: 1024px) {
  .event-overview { padding-block: 67px 64px; }

  .event-overview__eyebrow { font-size: 34px; }

  .event-overview__headline {
    font-size: 26px;
    line-height: var(--lh-snug);
    letter-spacing: var(--ls-normal);
  }

  .event-overview__body { gap: var(--s-24); }

  .event-overview__quote { font-size: 20px; }

  .event-overview__lead {
    max-width: none;
    font-weight: var(--fw-regular);
  }

  .event-overview__partner { gap: var(--s-8); }

  .event-overview__partner-logo { width: 100px; }

  .event-overview__partner-note { max-width: 244px; }
}