@font-face{font-family:'Bricolage Grotesque';src:url('/films/fonts/BricolageGrotesque.ttf') format('truetype');font-weight:100 900;font-style:normal;font-display:block}
body.films-v2,body.films-v2 *{font-family:'Bricolage Grotesque' !important;font-optical-sizing:auto;font-variation-settings:"opsz" 12, "wdth" 100;font-synthesis:none}
body.films-v2 .page-intro h1,body.films-v2 .centered-selection .discipline-heading{font-weight:600;letter-spacing:-.035em}
body.films-v2 .page-intro .filmmaker-name{font-weight:100;letter-spacing:.08em}
body.films-v2 .page-intro p:last-child{font-weight:100;letter-spacing:.06em;text-transform:uppercase}
body.films-v2 .centered-selection .film-title,body.films-v2 .site-header nav a,body.films-v2 .site-header .header-right a,body.films-v2 .site-header .header-right button{font-weight:500;letter-spacing:.025em}
body.films-v2 .centered-selection .film-card .credit,body.films-v2 .centered-selection .film-card .detail,body.films-v2 footer{font-weight:400;letter-spacing:0}

/* Genuine weight-100 Inter for the two light intro lines only. */
@font-face{font-family:'Inter';src:url('/films/fonts/Inter.ttf') format('truetype');font-weight:100 900;font-style:normal;font-display:block}
body.films-v2 .page-intro .filmmaker-name,body.films-v2 .page-intro p:last-child{font-family:'Inter',sans-serif !important;font-variation-settings:normal}

/* Video title captions use the same genuine Inter Thin as the intro. */
body.films-v2 .centered-selection .film-title{font-family:'Inter',sans-serif !important;font-weight:100 !important;font-variation-settings:normal}

/* Keep the shared Motion / Production navigation clear on narrow phones. */
@media(max-width:480px){
  body.films-v2 .site-header{height:164px;flex-direction:column;align-items:center;justify-content:flex-end;gap:10px;padding-bottom:14px}
  body.films-v2 .site-header nav{justify-content:center}
  body.films-v2 .site-header .header-right{gap:16px}
}