@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+KR:wght@400;700&family=Noto+Sans+KR:wght@400;500;700&display=swap');

:root {
  --bg: #1D1730;
  --text: #EDE7F5;
  --primary: #8B6BC7;
  --secondary: #3A2F55;
  --font-display: 'IBM Plex Sans KR', serif;
  --font-body: 'Noto Sans KR', sans-serif;
}

.bleed {
  position: relative;
  width: 100vw;
  margin-left: calc(50% - 50vw);
  height: 34vh;
  min-height: 220px;
  overflow: hidden;
}
.bleed img { width: 100%; height: 100%; object-fit: cover; }
.bleed::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0,0,0,0.1) 0%, #1D1730 92%);
}
.pair-grid {
  max-width: 900px;
  margin: 8px auto 56px;
  padding: 0 20px;
}
.pair-grid article + article { margin-top: 32px; }
.pair-grid h2 { font-family: var(--font-display); font-size: 1.15rem; color: var(--primary); margin-bottom: 8px; }
.pair-grid p { font-size: 0.95rem; }