/* asymmetric — 좌측 2/3 메인, 우측 1/3 보조. */
.asym-root {
  display: flex;
  flex-direction: row;
  background: var(--primary, #0f0f0f);
  font-family: var(--font-display, "Pretendard"), "Noto Sans KR";
}
.asym-main {
  flex: 2;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 80px;
}
.asym-side {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: var(--secondary, #171717);
  padding: 64px 48px;
  gap: 24px;
}
.asym-title {
  font-size: 88px;
  line-height: 1.05;
  font-weight: 700;
  letter-spacing: -0.02em;
}
.asym-side-value {
  font-size: 96px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -0.03em;
}