/* The original remains the default. Comparison choices use installed fonts. */
:root[data-font=original]{--typeface:'IBM Plex Mono';--mono:'IBM Plex Mono',monospace}
:root[data-font=sans]{--typeface:-apple-system,BlinkMacSystemFont,'Helvetica Neue',Arial,sans-serif;--mono:var(--typeface)}
:root[data-font=serif]{--typeface:Georgia,'Times New Roman',serif;--mono:var(--typeface)}
html[data-font] body{font-family:var(--typeface),monospace}
[data-type-preview]{background:none;color:#afa5a0;padding:10px 0;font:inherit;text-decoration:underline;text-underline-offset:5px}
#type-dialog{width:min(560px,calc(100% - 32px));padding:38px 32px;background:var(--paper,#0a0909);color:var(--ink,#e8e6e6);border:1px solid var(--border,#413638)}
#type-dialog h2{font-size:clamp(24px,4vw,32px);letter-spacing:-.035em;margin:12px 0 18px}
#type-dialog p{font-size:14px;line-height:1.7;color:#b2a9aa}
.type-options{display:grid;gap:10px;margin:24px 0 16px}
.type-options label{display:flex;align-items:center;gap:12px;padding:15px;border:1px solid #514448;cursor:pointer;font-size:15px}
.type-options input{margin:0;accent-color:var(--accent-line)}
.type-options small{display:block;margin-top:5px;font-size:12px;color:#b2a9aa;font-weight:400}
.type-options label:has(input:checked){border-color:var(--accent-line);background:var(--accent-wash)}
.type-options label:has(input:focus-visible){outline:2px solid var(--accent-line);outline-offset:3px}
/* Reading copy grows on desktop; the approved title scale is retained. */
@media(min-width:901px){
 body{font-size:16px}
 .header nav{font-size:14px}.header .contact-link{font-size:13px}
 .eyebrow,.small-label{font-size:12px}.landing-headline .eyebrow{font-size:11px}
 .intro-bottom p{font-size:17px}.studio-copy>p,.service-content p,.live-heading p{font-size:16px}
 .founders strong{font-size:14px}.founders span,.studio-location,.gear-line{font-size:13px}
 .filters button,.preview-toggle,.film-play,.text-link,.project-detail-link{font-size:14px}
 .project-caption>span,.project-credit{font-size:12px}.project-location{font-size:14px}
 .work-inquiry span,.live-footnote,.planner-footer>p{font-size:13px}
 .angle-tabs button,.planner-settings>summary,.planner-controls label{font-size:14px}
 .planner-settings summary small,.preview-topline,.preview-bottomline{font-size:11px}
 .planner-controls select,.planner-controls input,.planner-fine label{font-size:14px}
 dialog p,.brief-intro{font-size:16px}dialog label,dialog legend,dialog li{font-size:14px}
 dialog input:not([type=radio]),dialog textarea,dialog select{font-size:16px}
 .brief-types span,.pill-button,.rig-film-play{font-size:14px}
 .rig-stage,.rig-film-credits>span{font-size:12px}.rig-study-link{font-size:13px}
 footer>p,.footer-links,.service-breadcrumbs{font-size:13px}
 .service-hero-copy p,.service-faq details p,.inquiry-intro{font-size:17px}
 .film-page-description,.film-page-meta{font-size:16px}
}