/* French uses the same Cormorant Garamond / Jost pairing as the English design. */
html[lang=fr] h1,html[lang=fr] h2{letter-spacing:-.02em;line-height:1.08}
html[lang=fr] .eyebrow{letter-spacing:1.25px;line-height:1.65}
html[lang=fr] .wordmark span{font-size:6px;letter-spacing:1.6px}
html[lang=fr] .act h1{font-size:clamp(62px,7vw,108px)}
html[lang=fr] .act h2{font-size:clamp(48px,5vw,78px)}
html[lang=fr] .film-copy h1,html[lang=fr] .film-copy h2{font-size:clamp(48px,5vw,78px);line-height:1.12}
html[lang=fr] .film-copy{max-width:76%}
html[lang=fr] .act .intro,html[lang=fr] .film-copy>p:not(.eyebrow){font-size:15px;line-height:1.8}
html[lang=fr] .act .support{font-size:13px;line-height:1.8}
html[lang=fr] .film-note,html[lang=fr] .art-note{line-height:1.6}
html[lang=fr] .text-cta,html[lang=fr] .text-link{letter-spacing:.5px}
html[lang=fr] .film-controls button{max-width:130px}
html[lang=fr] .footer nav{flex-wrap:wrap;gap:20px}
html[lang=fr] .legal-hero h1{font-size:clamp(52px,6vw,86px)}
html[lang=fr] .legal-copy h3{font-size:32px}
html[lang=fr] .legal-copy p,html[lang=fr] .answers details p{font-size:15px;line-height:1.85}
@media(min-width:701px) and (max-height:760px){
 html[lang=fr] .act h1{font-size:72px}html[lang=fr] .act h2,html[lang=fr] .film-copy h1,html[lang=fr] .film-copy h2{font-size:52px}
 html[lang=fr] .act .intro,html[lang=fr] .film-copy>p:not(.eyebrow){font-size:13px}
}
@media(max-width:700px){
 html[lang=fr] .wordmark{letter-spacing:2px}
 html[lang=fr] .wordmark span{font-size:5px;letter-spacing:.5px}
 html[lang=fr] .header-actions .header-cta,html[lang=fr] .header-actions .enquire{font-size:10px}
 html[lang=fr] .act .words{max-width:86%}
 html[lang=fr] .act h1{font-size:51px;margin-bottom:20px}
 html[lang=fr] .act h2{font-size:38px;margin-bottom:18px}
 html[lang=fr] .act .intro{font-size:14px;line-height:1.7}
 html[lang=fr] .act .support{font-size:12px;line-height:1.7;margin-top:16px}
 html[lang=fr] .act .eyebrow,html[lang=fr] .film-copy .eyebrow{font-size:9px;letter-spacing:.7px;line-height:1.65;margin-bottom:16px}
 html[lang=fr] .film-copy{max-width:86%;width:86%;left:7%}
 html[lang=fr] .film-copy h1,html[lang=fr] .film-copy h2{font-size:38px;line-height:1.12}
 html[lang=fr] .film-copy>p:not(.eyebrow){font-size:14px;line-height:1.7;margin-top:18px}
 html[lang=fr] .film-chapters{left:7%;width:86%;gap:16px;overflow-x:auto}
 html[lang=fr] .film-chapters button{font-size:9px;letter-spacing:0;white-space:nowrap}
 html[lang=fr] .film-controls{gap:14px}
 html[lang=fr] .film-controls button,html[lang=fr] .story-nav button{font-size:9px;max-width:78px;letter-spacing:0;white-space:normal}
 html[lang=fr] .film-progress span,html[lang=fr] .timeline>span{font-size:8px;max-width:120px;letter-spacing:0}
 html[lang=fr] .film-note,html[lang=fr] .art-note{font-size:7px;max-width:86%}
 html[lang=fr] .text-cta,html[lang=fr] .film-copy .text-link{font-size:11px;margin-top:20px}
 html[lang=fr] .programme-thread{font-size:7px;letter-spacing:0;gap:10px}
 html[lang=fr] .programme-thread span{margin-right:4px}
 html[lang=fr] .programme-thread i{width:15px}
 html[lang=fr] .chapter-nav{font-size:10px;letter-spacing:0;gap:20px;justify-content:flex-start}
 html[lang=fr] .legal-hero h1{font-size:38px;overflow-wrap:break-word}
 html[lang=fr] .topic-title h2,html[lang=fr] .intro-copy h2{font-size:39px}
 html[lang=fr] .answers summary{font-size:15px;line-height:1.7}
 html[lang=fr] .year-mark i{font-size:10px;letter-spacing:2px}
 html[lang=fr] .footer nav{font-size:11px}
}
@media(max-width:700px) and (max-height:700px){
 html[lang=fr] .act h1{font-size:44px}html[lang=fr] .act h2{font-size:33px;margin-bottom:14px}
 html[lang=fr] .act .intro{font-size:13px;line-height:1.65}
 html[lang=fr] .act .support{font-size:11.5px;line-height:1.65;margin-top:12px}
 html[lang=fr] .film-copy h1,html[lang=fr] .film-copy h2{font-size:33px;line-height:1.1}
 html[lang=fr] .film-copy>p:not(.eyebrow){font-size:13px;line-height:1.65;margin-top:14px}
 html[lang=fr] .act .eyebrow,html[lang=fr] .film-copy .eyebrow{margin-bottom:12px}
 html[lang=fr] .text-cta,html[lang=fr] .film-copy .text-link{margin-top:16px}
}