/* Shared light, open typography across the website. */
body{font-family:Arial,Helvetica,sans-serif;font-weight:400;letter-spacing:.025em}
body h1,body h2,body h3,body h4{font-family:"Segoe UI",Arial,Helvetica,sans-serif;font-weight:300!important;letter-spacing:.10em!important;line-height:1.2}
body p,body li,body label,body .film-subtitle{font-family:Arial,Helvetica,sans-serif;font-weight:400;letter-spacing:.025em}
body button,body input,body select,body textarea,body .btn,body .btn-outline,body .links a{font-family:Arial,Helvetica,sans-serif;font-weight:400;letter-spacing:.04em}

/* More compact light headings and a larger brand. */
body h1{font-size:clamp(29px,4vw,50px)!important}
body h2{font-size:clamp(24px,2.8vw,36px)!important}
body h3{font-size:clamp(22px,2.4vw,32px)!important}
body h4{font-size:16px!important}
header .brand img{height:76px;width:auto;max-width:100%;object-fit:contain}
header .nav{min-height:104px}
body .hero .eyebrow{font-family:"Segoe UI",Arial,sans-serif;font-size:clamp(17px,1.7vw,23px);font-weight:400;letter-spacing:.12em}
@media(max-width:760px){header .brand{max-width:75%}header .brand img{height:62px}header .nav{min-height:88px}}

/* Slightly smaller website copy with comfortable reading spacing. */
body p,body li{font-size:15px!important;line-height:1.7}
body .film-subtitle{font-size:15px!important}
body label,body input,body select,body textarea{font-size:14px}