/* A shared film-credit voice, with plain sans-serif retained for longer copy. */
:root { --type-display:'DM Mono',monospace; }
.section-head h2,.work-hero h1,.info-lead h1,
.project-info h3,.row-title h2,.detail-copy h2,
.info-contact h2,.contact-link,.statement,
.menu > a,.all-work span,.work-next > a {
  font-family:var(--type-display);
  font-weight:400;
  letter-spacing:-.035em;
}
.section-head h2 i,.work-hero h1 i,.info-lead h1 i,
.statement i,.contact-link i {
  font-family:inherit;
  font-weight:inherit;
  font-style:normal;
  letter-spacing:inherit;
}
.section-head h2 { font-family:Manrope,sans-serif; font-size:clamp(38px,6.4vw,92px); font-weight:500; letter-spacing:-.055em; line-height:1.05; text-transform:none; }
.section-head h2 i::after { content:" "; white-space:pre; }
.work-hero h1 { font-family:Manrope,sans-serif; font-size:clamp(56px,8vw,112px); font-weight:500; letter-spacing:-.055em; line-height:1; text-transform:none; }
.work-hero h1 i { font-size:.58em; line-height:1.2; }
.info-lead h1 { font-size:clamp(54px,7vw,100px); line-height:1.05; }
.statement { font-size:clamp(34px,5.2vw,80px); line-height:1.15; }
.contact-link { font-size:clamp(42px,7vw,104px); line-height:1.08; }
.project-info h3 { font-size:clamp(22px,2.4vw,36px); line-height:1.2; }
.project-grid .project-info h3 { font-size:clamp(22px,2.2vw,32px); }
.row-title h2 { font-size:clamp(20px,1.8vw,28px); line-height:1.2; }
.detail-copy h2 { font-size:clamp(32px,3.8vw,56px); line-height:1.1; overflow-wrap:anywhere; }
.menu > a { font-size:clamp(40px,6.2vw,90px); line-height:1.15; }
.all-work span { font-size:clamp(18px,2vw,28px); }
.info-contact h2 { font-size:clamp(30px,3.5vw,46px); line-height:1.15; }
@media(max-width:720px) {
  .section-head h2 { font-size:clamp(30px,7.5vw,50px); }
  .work-hero h1 { font-size:17vw; }
  .contact-link { font-size:9vw; }
  .menu > a { font-size:clamp(28px,6.8vw,48px); }
}
@media(max-height:520px) { .menu > a { font-size:32px; } }
/* Keep the four-item navigation comfortably inside the viewport. */
.menu > a { font-size:clamp(28px,5.4vw,78px); padding:12px 0; }
@media(max-width:600px) { .menu > a { font-size:clamp(22px,5.3vw,32px); } }
@media(max-height:600px) { .menu > a { font-size:26px; padding:7px 0; } }