:root{
  --font-ui:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --font-display:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}

html,body,button,input,select{font-family:var(--font-ui)}
.brand,.hero h1,.catalog-hero h1,.movie-copy h1,.section-head h2,.detail-body article h2,.related h2,.quote{
  font-family:var(--font-display);
  font-synthesis:none;
}
.brand{
  font-weight:800;
  line-height:1;
  letter-spacing:-.055em;
  white-space:nowrap;
}
.hero h1{
  font-size:clamp(48px,6vw,88px);
  font-weight:800;
  line-height:1.03;
  letter-spacing:-.055em;
  text-wrap:balance;
}
.catalog-hero h1{
  font-size:clamp(44px,6.5vw,86px);
  font-weight:800;
  line-height:1.04;
  letter-spacing:-.055em;
  text-wrap:balance;
}
.movie-copy h1{
  max-width:15ch;
  font-size:clamp(42px,5.2vw,76px);
  font-weight:800;
  line-height:1.04;
  letter-spacing:-.05em;
  overflow-wrap:break-word;
  text-wrap:balance;
}
.section-head h2,.detail-body article h2,.related h2{
  font-size:clamp(32px,4vw,56px);
  font-weight:750;
  line-height:1.08;
  letter-spacing:-.045em;
  text-wrap:balance;
}
.quote{
  font-size:clamp(25px,3vw,40px);
  font-weight:650;
  line-height:1.3;
  letter-spacing:-.025em;
}
.eyebrow{line-height:1.45}
.card-info h3{line-height:1.3}
.poster-mark{line-height:1}

@media(max-width:680px){
  .hero h1{font-size:clamp(44px,13vw,66px);line-height:1.02;letter-spacing:-.05em}
  .catalog-hero h1{font-size:clamp(42px,12vw,62px);line-height:1.04;letter-spacing:-.05em}
  .movie-copy h1{max-width:none;font-size:clamp(38px,11vw,58px);line-height:1.06;letter-spacing:-.045em}
  .section-head h2,.detail-body article h2,.related h2{line-height:1.1;letter-spacing:-.035em}
}