/* Support copy is deliberately a little larger; display headings and the slim ticker keep their scale. */
.index-label{font-size:12px;line-height:1.5}
.tiny-label{font-size:11px;line-height:1.5}
.hero-eyebrow{font-size:14px;line-height:1.45}
.hero-coordinate{font-size:12px}
.hero-footnote{font-size:13px;line-height:1.5}
.portrait-caption{font-size:11px;line-height:1.45}
.hero-baseline{font-size:12px;line-height:1.45;gap:24px}
.hero-baseline>span:last-child{font-size:11px}
.filters button{font-size:14px}
.filters button span{font-size:11px}
.work-intro p{font-size:17px;line-height:1.5}
.carousel-live{font-size:12px;line-height:1.45;min-width:0}
.carousel-controls{flex-shrink:0}
.carousel-controls button[data-carousel-toggle]{font-size:13px}
.project-labels{min-height:20px}
.work-carousel .project-labels .project-chip{font-size:11px;line-height:1.4}
.work-carousel .project-labels .media-count{font-size:12px;line-height:1.4}
.work-carousel .project-caption p{font-size:13px;line-height:1.45}
.work-carousel .project-number{font-size:11px}
.carousel-hint,.carousel-count{font-size:13px;line-height:1.4}
.work-end{font-size:14px;line-height:1.5;gap:24px;flex-wrap:wrap}
.work-end>span:last-child{font-size:12px}
.focus-bracket small{font-size:10px}
.focus-caption{font-size:12px;line-height:1.4}
.pill-label{font-size:11px;line-height:1.2}
.studio-signature>span{font-size:15px;line-height:1.3}
.service-no,.service-tags span{font-size:13px;line-height:1.3}
.process-strip>span,.process-strip b{font-size:12px;line-height:1.4}
.contact-orb>small{font-size:14px}
.site-footer{font-size:12px;line-height:1.5}
.site-footer>span:nth-child(2){font-size:12px}
.site-footer>a:last-child{font-size:14px}
.cursor-label{font-size:12px}
.desktop-nav a sup{font-size:12px}
.menu-dialog nav sup{font-size:11px}
.lang-switch{font-size:13px}
.theme-label{font-size:12px}
.menu-foot{font-size:12px;line-height:1.5}
.case-toolbar>span{font-size:13px;line-height:1.4}
.case-description ul,.case-gallery figcaption,.case-gallery--collection figcaption{font-size:13px;line-height:1.5}
.case-media-tabs button{font-size:14px}
.case-navigation button{font-size:14px}
.brief-top>span{font-size:12px}
.form-grid label>span,.full-label>span{font-size:14px;line-height:1.4}
.form-note{font-size:13px;line-height:1.5}
.brief-edit{font-size:14px}
.preview-label{font-size:10px;letter-spacing:.35px;line-height:1.2}
.radio-brand{font-size:10px;letter-spacing:1px}
.radio-meta strong{font-size:15px}
.radio-meta small{font-size:12px}
.radio-status{font-size:11px;line-height:1.4}
.radio-panel-head>span{font-size:13px}
.radio-panel-head i{font-size:11px;margin-left:7px}
.radio-hint{font-size:14px;line-height:1.45}
.queue-number{font-size:11px}
.radio-queue b{font-size:14px}
.radio-queue small{font-size:12px}
.radio-spotify-link{font-size:12px}
@media(max-width:800px){
 .hero-eyebrow{font-size:12px}
 .portrait-caption{font-size:10px}
 .work-intro p{font-size:16px}
 .carousel-live{font-size:11px}
 .carousel-hint,.carousel-count{font-size:12px}
 .work-carousel .project-caption p{font-size:12px}
 .studio-signature>span{font-size:13px}
 .service-no,.service-tags span{font-size:12px}
 .contact-orb>small{font-size:12px}
 .radio-meta strong{font-size:14px}
}
@media(max-width:520px){
 .index-label{font-size:11px;letter-spacing:.6px}
 .tiny-label{font-size:10px;max-width:145px;line-height:1.5}
 .hero-eyebrow{font-size:11px}
 .portrait-caption{font-size:10px;letter-spacing:.25px;gap:12px}
 .hero-baseline{font-size:11px;gap:18px}
 .hero-baseline>span:first-child{max-width:180px}
 .filters button{font-size:13px}
 .filters button span{font-size:10px}
 .work-intro p{font-size:15px}
 .carousel-live{font-size:10px;max-width:135px;letter-spacing:.1px}
 .carousel-controls button[data-carousel-toggle]{font-size:12px;padding:0 10px}
 .work-carousel .project-labels .project-chip{font-size:10px;letter-spacing:.2px}
 .work-carousel .project-labels .media-count{font-size:11px}
 .work-carousel .project-caption p{font-size:12px}
 .carousel-hint{font-size:11px;gap:8px}
 .carousel-count{font-size:12px;min-width:50px}
 .work-end{font-size:13px}
 .work-end>span:last-child{font-size:11px}
 .focus-caption{font-size:11px;line-height:1.4}
 .pill-label{font-size:10px;letter-spacing:.65px}
 .studio-signature>span{font-size:14px}
 .service-no{font-size:10px}
 .service-tags span{font-size:11px}
 .process-strip>span{font-size:11px}
 .process-strip b{font-size:10px}
 .contact-orb>small{font-size:10px}
 .site-footer{font-size:11px;gap:25px 18px}
 .site-footer>span:nth-child(2){font-size:12px}
 .site-footer>a:last-child{font-size:13px}
 .menu-foot{font-size:11px}
 .case-description ul{font-size:12px}
 .case-media-tabs button{font-size:13px}
 .form-grid label>span,.full-label>span{font-size:13px}
 .radio-meta strong{font-size:14px}
 .radio-meta small{font-size:11px}
 .radio-brand{font-size:9px}
 .radio-status{font-size:10px}
}
@media(max-width:360px){.carousel-toolbar{gap:9px}.carousel-live{max-width:95px;font-size:10px}.carousel-controls{gap:4px}.carousel-controls button[data-carousel-toggle]{font-size:11px;padding:0 8px}}