/* ==========================================================================
   Kitchen Films — Merch, coming soon (merch.html)
   ========================================================================== */

.merch-main { background: var(--pink); color: var(--red-deep); padding: 30px var(--gutter) 26px; min-height: calc(100svh - var(--header-height) - 48px); display: flex; flex-direction: column; }
.merch-topline, .merch-bottomline { display: flex; justify-content: space-between; align-items: center; gap: 20px; }
.merch-topline { border-bottom: 1px solid rgba(169, 50, 61, 0.3); padding-bottom: 24px; }
.merch-content { padding: clamp(48px, 8vh, 96px) 0 clamp(56px, 8vh, 96px); text-align: center; margin: auto 0; }
.merch-mark { width: 38px; height: 62px; object-fit: contain; margin: 0 auto 30px; }
.merch-content h1 { margin: 0 0 28px; line-height: 0.95; letter-spacing: -0.045em; color: var(--red); }
.merch-content h1 > span { display: block; font-size: clamp(40px, 4.3vw, 68px); font-weight: 500; margin-bottom: 8px; }
.merch-content h1 > em { display: block; font-size: clamp(70px, 10vw, 160px); font-weight: 400; letter-spacing: -0.02em; }
.merch-content p { font-size: var(--text-md); line-height: 1.7; margin: 0 auto 28px; max-width: 40ch; }
.merch-bottomline { border-top: 1px solid rgba(169, 50, 61, 0.3); padding-top: 22px; font-size: 11px; font-weight: 600; letter-spacing: 0.12em; }
.merch-bottomline > span:nth-child(2) { font-size: 22px; line-height: 1; }
.merch-main :focus-visible { outline-color: var(--red); }

@media (max-width: 760px) {
  .merch-main { padding-top: 22px; padding-bottom: 22px; }
  .merch-topline .eyebrow { font-size: 10px; letter-spacing: 0.1em; }
  .merch-topline { padding-bottom: 18px; }
  .merch-mark { width: 32px; height: 53px; margin-bottom: 26px; }
  .merch-content h1 { margin-bottom: 22px; }
  .merch-content h1 > span { font-size: 38px; }
  .merch-content h1 > em { font-size: clamp(52px, 13vw, 80px); line-height: 1.05; }
  .merch-content p { font-size: var(--text-base); max-width: 30ch; }
  .merch-content p br { display: none; }
  .merch-bottomline { font-size: 9px; gap: 14px; letter-spacing: 0.06em; line-height: 1.6; }
  .merch-bottomline > span:last-child { text-align: right; }
  .merch-bottomline > span:nth-child(2) { font-size: 20px; }
}