/* Instrument typefaces. SIL Open Font License files are in assets/fonts. */
@font-face{font-family:"Instrument Serif";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/instrument-serif-regular-latin.woff2") format("woff2")}
@font-face{font-family:"Instrument Serif";font-style:italic;font-weight:400;font-display:swap;src:url("assets/fonts/instrument-serif-italic-latin.woff2") format("woff2")}
@font-face{font-family:"Instrument Sans";font-style:normal;font-weight:400 600;font-display:swap;src:url("assets/fonts/instrument-sans-latin.woff2") format("woff2")}
body[data-language="en"]{--serif:"Instrument Serif",Georgia,serif;--sans:"Instrument Sans",Arial,sans-serif;font-optical-sizing:auto;font-kerning:normal}
.wordmark strong{font-size:20px;font-weight:500;letter-spacing:-.7px}
.hero h1{font-size:clamp(62px,7.15vw,100px);line-height:1.01;letter-spacing:-.022em;margin-top:23px}
.hero h1 span:last-child{font-style:italic}
.hero-note p{font-size:14px;line-height:1.7}
.navigation{font-size:13px}
.section-head h2,.about h2{font-size:56px;line-height:1.03;letter-spacing:-.02em}
.photography .section-head h2{font-size:52px}
.section-number{font-family:var(--sans);font-size:11px;letter-spacing:.04em}
.film-card h3{font-size:36px;letter-spacing:-.015em;line-height:1.12;margin-top:9px}
.film-card>p{font-size:14px;line-height:1.65}
.film-meta{letter-spacing:.09em}
.contact h2{font-size:clamp(46px,5vw,74px);line-height:1.02;letter-spacing:-.02em}
.contact h2 span:last-child{font-style:italic}
.dialog-top h2{font-size:34px;line-height:1.12}
.photo-dialog h2{font-size:29px}
.site-footer>p{font-size:16px;font-style:italic}
@media(max-width:1100px){
 .hero h1{font-size:clamp(52px,6.9vw,76px)}
 .section-head h2,.about h2{font-size:49px}
 .photography .section-head h2{font-size:46px}
 .contact h2{font-size:58px}
}
@media(max-width:760px){
 .wordmark strong{font-size:18px;letter-spacing:-.5px}
 .hero h1{font-size:clamp(38px,12vw,78px);line-height:1.03;letter-spacing:-.018em;margin-top:19px}
 .hero-note p{font-size:13px;line-height:1.65}
 .hero-note .text-link{font-size:11px}
 .section-head h2,.about h2{font-size:44px;letter-spacing:-.02em}
 .photography .section-head h2{font-size:40px}
 .film-card h3{font-size:33px;line-height:1.12}
 .film-card>p{font-size:13px}
 .contact h2{font-size:53px}
 .dialog-top h2{font-size:30px}
 .photo-dialog h2{font-size:26px}
}
@media(max-width:359px){
 .hero-note{gap:14px}
 .hero-note p{font-size:12px;max-width:158px}
 .hero-note .text-link{gap:8px;font-size:10px}
 .section-head h2,.about h2{font-size:40px}
 .photography .section-head h2{font-size:36px}
 .contact h2{font-size:47px}
}