/* Info page, "film opener" layout: the behind-the-scenes clip fills the first
   screen like a title sequence, then the photo and bio, then contact. */
.info-page .info-main { max-width:none; padding:0; }

.info-hero { position:relative; height:100vh; height:100svh; min-height:620px; overflow:hidden; }
.info-hero-video { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:50% 55%; pointer-events:none; background:#050709; }
.info-hero-shade { position:absolute; inset:0; background:
  linear-gradient(180deg, rgba(11,16,20,0) 72%, var(--ink) 100%),
  linear-gradient(to right, rgba(11,16,20,.6) 0%, rgba(11,16,20,0) 55%),
  linear-gradient(to top, rgba(11,16,20,.97) 0%, rgba(11,16,20,.78) 40%, rgba(11,16,20,.25) 72%, rgba(11,16,20,.55) 100%); }
.info-hero-copy { position:absolute; left:6vw; right:6vw; bottom:56px; display:flex; flex-direction:column; gap:26px; }
.info-hero .info-label { margin:0; }
.info-hero h1 { margin:0; font-size:clamp(64px,8vw,118px); line-height:.95; }
.info-credits { display:grid; grid-template-columns:repeat(4,max-content); gap:24px 64px; margin:6px 0 0; }
.info-credits dt { font:12px 'DM Mono',monospace; letter-spacing:.12em; color:var(--accent); }
.info-credits dd { margin:10px 0 0; font:13px/1.75 'DM Mono',monospace; letter-spacing:.06em; text-transform:uppercase; color:#d3d8db; }
.info-credits a { border-bottom:1px solid var(--line); }
.info-credits a:hover { color:var(--accent); }

.info-about { max-width:1440px; margin:0 auto; padding:var(--space-content,120px) 6vw; display:grid; grid-template-columns:1fr 1fr; gap:7vw; align-items:center; }
.info-photo { margin:0; width:min(100%,460px); aspect-ratio:3/4; background:#050709; overflow:hidden; }
.info-photo img { width:100%; height:100%; object-fit:cover; object-position:50% 40%; display:block; }
.info-about .info-bio { grid-column:auto; grid-row:auto; }

.info-page .info-contact { max-width:1440px; margin:0 auto; padding:var(--space-break,80px) 6vw 120px; border-top:0; position:relative; }
.info-page .info-contact::before { content:""; position:absolute; top:0; left:6vw; right:6vw; border-top:1px solid var(--line); }

@media (max-width:720px) {
  .info-hero { height:88vh; height:88svh; min-height:560px; }
  .info-hero-copy { left:20px; right:20px; bottom:32px; gap:20px; }
  .info-hero h1 { font-size:clamp(48px,14vw,64px); }
  .info-credits { grid-template-columns:1fr 1fr; gap:20px 24px; }
  .info-about { grid-template-columns:1fr; padding:56px 20px; gap:36px; }
  .info-photo { width:100%; }
  .info-page .info-contact { padding:56px 20px 60px; }
  .info-page .info-contact::before { left:20px; right:20px; }
}
@media (prefers-reduced-motion: reduce) { .info-hero-video { display:none; } .info-hero { background:#050709 url("assets/wix/info-bts.jpg") center/cover; } }