/* Comfortable reading sizes on desktop and phones. */
:root{--muted:#53564e}
body{font-size:17px}
header nav{font-size:16px;gap:30px}header nav a{min-height:44px;display:flex;align-items:center}
.contact-link,.pill,.text-link{font-size:16px}.brand-sub{font-size:10px;letter-spacing:3px}
.eyebrow,.section-label,.tag,.scroll-hint,.flight-top,.flight-bottom>span{font-size:13px;line-height:1.6;letter-spacing:1px}
main p,main li,.new-hero-bottom p,.manifesto-bottom p,.delivery-grid p,.delivery-heading>p,.project-practicalities p,.preparation-list li,.service-detail-body p,.home-questions details p,.contact-section p,.modal-details p{font-size:17px;line-height:1.75}
.project-meta p,.cinema-project .project-meta p{font-size:17px;line-height:1.65}
.project-meta h3,.cinema-project .project-meta h3{line-height:1.3;overflow-wrap:anywhere}
.project-tags span,.work-note,.form-notice,.scope-note,.price-from,.price small,.service-detail-body small,.service-detail summary small,.delivery-grid article>small,.checks li,.offer .checks li{font-size:14px!important;line-height:1.7}
.field label,.field input,.field textarea,.field select,.inquiry-consent,.form-status{font-size:16px}
.foot-bottom span,.footer-contact a{font-size:16px;line-height:1.7}
/* Keep text in the example pictures readable; remove decorative mini menus. */
.industry-nav small,.mock-nav small{display:none}
.industry-nav>span{font-size:20px}.industry-kicker{font-size:13px;line-height:1.6;letter-spacing:.6px}
.industry-copy p{font-size:17px!important}.industry-cta{font-size:14px;line-height:1.5}
.industry-scene{grid-template-columns:1fr 1.35fr}
.business-world{min-height:440px;margin:25px 28px 24px 0}
.business-symbol>span{font-size:14px;line-height:1.3;width:max-content;max-width:100px}
.symbol-0{left:24%;top:0}.symbol-1{left:61%;top:6%}.symbol-2{left:71%;top:34%}.symbol-3{left:62%;top:66%}.symbol-4{left:29%;top:79%}.symbol-5{left:0;top:65%}.symbol-6{left:-9%;top:34%}.symbol-7{left:-5%;top:5%;transform:none}
.industry-strip{font-size:13px;line-height:1.6;letter-spacing:0}
:is(.project,dialog) .mock-logo{font-size:20px!important}
:is(.project,dialog) .mock-hero p{font-size:16px!important;line-height:1.65;max-width:70%;position:relative;z-index:2}
:is(.project,dialog) .mini-button{font-size:14px!important;line-height:1.5;padding:12px 15px}
:is(.project,dialog) .mock-strip{font-size:13px!important;line-height:1.6;gap:15px;flex-wrap:wrap}
:is(.project,dialog) .mock-hero{min-height:325px!important}
.cinema-project:not(:first-child) .project-art,.work-grid .project:not(:first-child) .project-art{height:auto;min-height:510px}
dialog .project-art{height:auto!important;min-height:0;padding:28px 18px}
dialog .mock-browser{width:100%}
@media(max-width:1000px){
 .cinematic-work{grid-template-columns:1fr}.cinema-project:nth-child(3){margin-top:0}
 .work-grid{grid-template-columns:1fr}.project:first-child{grid-column:auto}
}
@media(max-width:650px){
 header{height:auto;min-height:120px;flex-wrap:wrap;padding-top:17px;padding-bottom:8px;gap:5px}
 header nav{width:100%;justify-content:space-between;gap:15px;font-size:16px}
 .brand-sub{font-size:9px;letter-spacing:2.5px}
 .eyebrow,.section-label,.tag,.flight-top,.flight-bottom>span{font-size:12px;letter-spacing:.5px}
 .section-label{gap:15px;align-items:flex-start}.section-label .num{margin-right:10px}
 .section-label .text-link{font-size:15px}.text-link{font-size:16px}
 .project-tags span{font-size:13px!important}.project-meta p,.cinema-project .project-meta p{font-size:16px}
 .project-meta h3,.cinema-project .project-meta h3{font-size:23px}
 .flight-bottom>span{max-width:110px}
 .industry-art,.cinema-project .industry-art{padding:30px 12px!important}
 .industry-nav{padding:16px}.industry-nav>span{font-size:17px}
 .industry-scene{grid-template-columns:1fr}.industry-copy{padding:24px 18px 0}
 .industry-kicker{font-size:12px;margin-bottom:15px}.industry-copy p{font-size:16px!important}
 .industry-cta{font-size:14px;padding:12px 14px}
 .business-world{min-height:370px;margin:24px 17px 24px}
 .business-symbol>span{font-size:13px;width:max-content;max-width:84px}.business-symbol>svg{width:45px;height:45px}
 .industry-strip{font-size:12px;padding:15px;display:block}.industry-strip>span{display:block}
 .industry-strip>span:last-child{max-width:none;text-align:left;margin-top:8px}
 :is(.project,dialog) .mock-logo{font-size:19px!important}
 :is(.project,dialog) .mock-hero{min-height:350px!important}
 :is(.project,dialog) .mock-hero p{font-size:16px!important;max-width:100%!important;margin-top:22px}
 :is(.project,dialog) .mock-hero h4{font-size:34px!important;max-width:100%!important}
 :is(.project,dialog) .arch,:is(.project,dialog) .sculpture{opacity:.23;right:5px}
 :is(.project,dialog) .mock-strip{font-size:13px;display:block}
 :is(.project,dialog) .mock-strip>span{display:block;margin-top:5px}
 .cinema-project:not(:first-child) .project-art,.work-grid .project:not(:first-child) .project-art{min-height:0;height:auto;padding:25px 14px}
}