/* Creative editorial spread: existing paper, type and photography tokens. */
.discover-opening { padding-block: 64px 40px; }
.discover-opening h1 { white-space: pre-line; font-size: clamp(38px, 5vw, 64px); line-height: 1.2; letter-spacing: -.025em; margin: 20px 0; }
.discover-opening .standfirst { max-width: 44ch; }
.discover-spread { display: grid; grid-template-columns: 1.1fr 1fr; gap: 64px; align-items: start; padding-bottom: 64px; }
.discover-photo { margin: 0; }
.discover-photo img { display: block; width: 100%; height: 640px; object-fit: cover; }
.discover-photo figcaption, .film-note { font-size: 12px; color: var(--ink-faint); margin-top: 12px; }
.discover-stories article { padding: 28px 0 36px; border-top: 1px solid var(--rule-strong); }
.discover-stories h2 { font-size: 30px; line-height: 1.3; }
.discover-stories p:not(.kicker) { color: var(--ink-soft); }
.discover-links { display: flex; flex-direction: column; gap: 12px; align-items: start; }
.discover-film { display: grid; grid-template-columns: .7fr 1.3fr; gap: 64px; padding: 40px; background: var(--paper-deep); border-top: 4px solid var(--clear); }
.creator-identity { display: flex; align-items: center; gap: 20px; }
.creator-identity img { width: 112px; height: 112px; object-fit: cover; border-radius: 50%; flex-shrink: 0; }
.film-preview { display: block; position: relative; align-self: center; background: var(--ink); }
.film-preview img { display: block; width: 100%; height: auto; }
.film-preview span { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: var(--paper-card); color: var(--ink); padding: 12px 20px; border-radius: 30px; box-shadow: 0 2px 12px #0006; }
.film-preview:hover span { background: var(--clear-bg); }
.discover-film h2 { font-size: 30px; line-height: 1.3; }
.discover-return, .brand-bridge { display: flex; justify-content: space-between; align-items: center; gap: 32px; padding-block: 48px; }
.discover-return h2, .brand-bridge h2 { font-size: 24px; line-height: 1.4; }
.discover-return p, .brand-bridge p { color: var(--ink-soft); max-width: 62ch; }
.brand-bridge { border-top: 1px solid var(--rule-strong); }
.brand-bridge > a { flex-shrink: 0; }
.discover-seongsu { grid-template-columns: 1.3fr .7fr; margin-top: 28px; }
@media (max-width: 760px) {
  .discover-opening { padding-block: 36px 24px; }
  .discover-spread { grid-template-columns: 1fr; gap: 28px; padding-bottom: 28px; }
  .discover-photo img { height: 360px; }
  .discover-film { grid-template-columns: 1fr; gap: 24px; padding: 24px; }
  .creator-identity img { width: 88px; height: 88px; }
  .discover-return, .brand-bridge { flex-direction: column; align-items: start; gap: 12px; padding-block: 32px; }
  .brand-bridge > a { flex-shrink: 1; }
}
