/* Hyde Park v2: /international/, for buyers. Lead thread. */
.i-intro { padding-top: calc(var(--top) + 18vh); padding-bottom: clamp(48px, 8vh, 96px); }
.i-intro__label { margin-bottom: clamp(24px, 3vw, 44px); }
.i-intro__title { max-width: 11ch; font-size: min(var(--t-mega), calc((100vw - var(--g) * 2) / 5.7)); } /* "International" fits a 320px phone */
.i-intro__text { margin-top: clamp(28px, 3.4vw, 48px); max-width: 32ch; margin-left: calc(var(--col) * 6 + var(--gap) * 6); }
.i-screen { margin: 0; aspect-ratio: var(--scope); overflow: hidden; background: #111; }
.i-screen video { width: 100%; height: 100%; object-fit: cover; }

.i-year { padding-top: var(--section); padding-bottom: calc(var(--section) * .7); }
.i-year__cal { position: relative; display: grid; grid-template-columns: repeat(12, 1fr); margin: clamp(48px, 8vh, 96px) 0 28px; padding-top: 14px; }
.i-year__rule { position: absolute; left: 0; right: 0; top: 0; height: 1px; background: var(--line-2); }
.i-year__mo { color: var(--fg-3); }
.i-year__mo.is-market { color: var(--fg); }
.i-year__mo.is-market::before { content: ""; position: absolute; top: -4px; width: 1px; height: 9px; background: var(--fg); }
.i-year__markets { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--gap); }
.i-market__name { margin: 10px 0 22px; font-size: clamp(22px, 2vw, 32px); font-weight: 600; line-height: 1.05; letter-spacing: -.03em; max-width: 12ch; }
.i-market__film { display: flex; flex-direction: column; gap: 6px; padding: 14px 0; border-top: 1px solid var(--line); }
.i-market__film-title b { font-weight: 600; }
.i-market__film:hover .i-market__film-title b { text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; }

.i-slate { padding-top: var(--section); padding-bottom: var(--section); }
.i-slate__sub { margin: clamp(56px, 9vh, 110px) 0 22px; }
.i-slate .sec + .i-slate__sub { margin-top: 0; }
.i-latest { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(40px, 6vh, 72px) var(--gap); }
.i-card__img { margin: 0 0 14px; aspect-ratio: 16 / 9; overflow: hidden; background: #111; }
.i-card__img video, .i-card__img picture, .i-card__img img { width: 100%; height: 100%; object-fit: cover; }
.i-card__img video, .i-card__img img { transition: transform 1.4s var(--ease-out); }
.i-card a:hover .i-card__img video, .i-card a:hover .i-card__img img { transform: scale(1.04); }
.i-card__cap { display: flex; gap: .7em; align-items: baseline; font-size: clamp(19px, 1.5vw, 23px); letter-spacing: -.02em; }
.i-card__cap b { font-weight: 600; }
.i-card__line { margin-top: 6px; max-width: 40ch; }
.i-card__by { margin-top: 6px; }
.i-list li { border-top: 1px solid var(--line); }
.i-list__row { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--gap); align-items: baseline; padding: 20px 0; }
.i-list__title { grid-column: 1 / 6; font-size: clamp(22px, 2.2vw, 36px); font-weight: 600; letter-spacing: -.03em; }
.i-list__row span { grid-column: 6 / 13; }
.i-index { columns: 3; column-gap: var(--gap); margin-bottom: clamp(36px, 5vw, 64px); }
.i-index li { break-inside: avoid; }
.i-index__row { display: grid; grid-template-columns: 4.2em 1fr; padding: 9px 0; border-top: 1px solid var(--line); font-size: 15px; transition: padding .6s var(--ease); }
.i-index__row:hover { padding-left: 8px; }

.i-carl { padding-top: calc(var(--section) * .6); padding-bottom: var(--section); }
.i-carl__before { margin: 0 0 clamp(28px, 4vw, 48px); }
.i-carl__slates { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--gap); margin-bottom: clamp(28px, 4vw, 48px); }
.i-carl__slate { border-top: 1px solid var(--line); padding-top: 14px; }
.i-carl__films { margin: 10px 0 0; font-size: clamp(20px, 1.8vw, 28px); font-weight: 560; line-height: 1.18; letter-spacing: -.025em; }

.i-buy { padding-top: var(--section); padding-bottom: var(--section); }
.i-buy .sec { margin-bottom: 0; }

@media (max-width: 860px) {
  .i-intro__text { margin-left: 0; }
  .i-year__markets { grid-template-columns: 1fr 1fr; row-gap: 40px; }
  .i-latest { grid-template-columns: 1fr; }
  .i-list__row { grid-template-columns: 1fr; row-gap: 6px; }
  .i-list__title, .i-list__row span { grid-column: 1; }
  .i-index { columns: 1; }
  .i-index li:nth-child(n+17) { display: none; }
  .i-carl__slates { grid-template-columns: 1fr; row-gap: 24px; }
}