/* Project film: full composition, user-initiated playback, no autoplay audio. */
.jp-film-spotlight { padding:64px 0 0; background:#080706; }
.jp-film-spotlight__grid { display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.5fr); column-gap:44px; grid-template-areas:"heading media" "copy media"; align-items:start; }
.jp-film-spotlight__heading { grid-area:heading; }
.jp-film-spotlight__heading .jp-eyebrow { margin:0 0 22px; color:#d79b4a; }
.jp-film-spotlight h2 { margin:0; color:#f3eadc; font-size:clamp(2.5rem,3.7vw,4rem); line-height:1.05; letter-spacing:-.04em; font-weight:700; }
.jp-lang-ko .jp-film-spotlight h2 { font-size:clamp(2.4rem,3.65vw,4rem); line-height:1.2; word-break:keep-all; }
.jp-film-spotlight__media { grid-area:media; min-width:0; }
.jp-film-spotlight__copy { grid-area:copy; padding-top:24px; }
.jp-film-spotlight__copy .jp-lead { color:#c8bcaa; font-size:17px; line-height:1.7; max-width:440px; margin:0; }
.jp-film-spotlight__actions { display:flex; flex-wrap:wrap; gap:20px; align-items:center; margin-top:28px; }
.jp-film-spotlight__actions .jp-btn { font-size:13px; padding:0 20px; }
.jp-project-film { margin:0; }
.jp-project-film__screen { position:relative; aspect-ratio:16/9; background:#13100e; border:1px solid rgba(243,234,220,.2); overflow:hidden; }
.jp-project-film video { display:block; width:100%; height:100%; object-fit:contain; }
.jp-project-film__play { position:absolute; inset:0; width:100%; border:0; border-radius:0; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:14px; color:white; background:linear-gradient(0deg,rgba(8,7,6,.4),rgba(8,7,6,.05)); font-size:14px; font-weight:600; cursor:pointer; text-shadow:0 1px 5px #000; }
.jp-project-film__play[hidden] { display:none; }
.jp-project-film__play-icon { display:grid; place-items:center; width:68px; height:68px; border:1px solid rgba(255,255,255,.8); background:rgba(8,7,6,.7); border-radius:50%; padding-left:4px; font-size:22px; }
.jp-project-film__play:hover .jp-project-film__play-icon { background:#d79b4a; color:#080706; text-shadow:none; }
.jp-project-film__play:focus-visible { outline:3px solid #d79b4a; outline-offset:-5px; }
.jp-project-film figcaption { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:start; gap:12px 24px; padding:18px 0; }
.jp-project-film__note { font-size:12px; line-height:1.6; color:#b8aa96; margin:0; max-width:360px; }
.jp-project-film__credit { margin:0; display:flex; flex-direction:column; gap:3px; font-size:12px; color:#b8aa96; }
.jp-project-film__credit a { color:#f3eadc; text-decoration:underline; text-underline-offset:4px; font-size:16px; font-weight:600; }
.jp-case-page .jp-project-film { margin-bottom:48px; }
@media (max-width:1100px) {
  .jp-film-spotlight__grid { grid-template-columns:minmax(0,.85fr) minmax(0,1.3fr); column-gap:28px; }
  .jp-film-spotlight h2 { font-size:45px; }
  .jp-lang-ko .jp-film-spotlight h2 { font-size:39px; }
}
@media (max-width:767px) {
  .jp-film-spotlight { padding-top:48px; }
  .jp-film-spotlight__grid { grid-template-columns:minmax(0,1fr); grid-template-areas:"heading" "media" "copy"; }
  .jp-film-spotlight__heading .jp-eyebrow { margin-bottom:14px; font-size:10px; }
  .jp-film-spotlight h2 { font-size:38px; line-height:1.06; }
  .jp-lang-ko .jp-film-spotlight h2 { font-size:34px; line-height:1.18; }
  .jp-film-spotlight__media { margin-top:24px; }
  .jp-film-spotlight__copy { padding-top:8px; }
  .jp-film-spotlight__copy .jp-lead { font-size:15px; }
  .jp-film-spotlight__actions { gap:20px; margin-top:22px; }
  .jp-project-film__play-icon { width:52px; height:52px; font-size:18px; }
  .jp-project-film__play { gap:9px; font-size:12px; }
  .jp-project-film figcaption { gap:12px; padding:14px 0; }
  .jp-project-film__note { max-width:100%; }
  .jp-project-film__credit { flex-direction:row; flex-wrap:wrap; align-items:baseline; gap:8px; }
}