/* Supporting type scale: body, controls, labels. Display titles retain their own scale. */
:root{--type-body:19px;--type-support:18px;--type-control:16px;--type-label:14px;--copy-muted:#c4c7c5}
body{font-size:var(--type-support)}
.card-role{font-size:var(--type-support);line-height:1.65;color:#e4e6e1;font-weight:500}
.card-meta{font-size:var(--type-label);line-height:1.55;letter-spacing:.45px;flex-wrap:wrap}
.section-heading p,.about-grid p{font-size:var(--type-body);line-height:1.75;color:var(--copy-muted)}
.detail-copy p{font-size:21px;line-height:1.7}
.detail-role{font-size:20px;line-height:1.6}
.detail-copy li{font-size:var(--type-support);line-height:1.75}
.section-meta,.stage-top,.stage-bottom,.stage-title>p,.reel-trigger small,.about-visual figcaption,.disciplines,.footer-bottom,.eyebrow,.next-project small,.detail-copy h2,.brand-strip-heading p{font-size:var(--type-label);line-height:1.55;letter-spacing:.8px}
.stage-title>p,.reel-trigger small,.stage-top,.stage-bottom,.about-visual figcaption,.footer-bottom,.next-project small,.detail-copy h2{color:var(--copy-muted)}
.header .brand span{font-size:12px;letter-spacing:1px}
.filters button,.text-link,.back,.motion-toggle,.stage-top button,.menu-toggle,.language-switch button,.navigation-panel .language-switch button,.brand-strip-heading button{font-size:var(--type-control);line-height:1.5}
.filters button{color:#c4c7c5}
.filters small,.card-number{font-size:var(--type-label);opacity:1}
.footer-links,.placeholder-note{font-size:var(--type-support);line-height:1.65}
.video-note,.lightbox figcaption{font-size:var(--type-control);line-height:1.65;color:var(--copy-muted)}
.reel-trigger{font-size:20px}
.section-meta{flex-wrap:wrap;gap:12px 24px}
.brand-strip-heading{gap:16px;flex-wrap:wrap}
.brand-strip-heading p{max-width:none}
@media(min-width:761px){.header nav{font-size:var(--type-control);gap:24px}}
@media(max-width:600px){
:root{--type-body:18px;--type-support:16px;--type-control:15px;--type-label:13px}
.card-role{max-width:85%;line-height:1.65}
.card-meta{max-width:86%;gap:6px 12px}
.about-grid .about-lead{font-size:22px;line-height:1.55}
.detail-copy p{font-size:19px}
.detail-role{font-size:18px}
.stage-top{flex-wrap:wrap;gap:10px}
.stage-title>p{letter-spacing:.7px;max-width:28ch}
.stage-bottom{flex-wrap:wrap;gap:12px 18px}
.stage-bottom a{gap:12px}
.reel-trigger{font-size:18px;max-width:100%}
.reel-trigger small{letter-spacing:.5px}
.brand-strip-heading p{max-width:24ch}
.footer-links{overflow-wrap:anywhere}
.footer-bottom{letter-spacing:.4px;gap:16px}
}