/* Shared mobile typography, loaded after page-specific styles. */
@media(max-width:700px){
 .site-header.ig-header,.site-header.ig-header.scrolled{grid-template-columns:minmax(0,1fr) max-content 44px;gap:8px;padding:6px 12px}
 .ig-header .ig-brand{width:100%;min-width:0;max-width:185px;height:auto}
 .ig-header .ig-brand img{display:block;width:100%;height:auto;max-height:82px;object-fit:contain}
 .ig-header .ig-contacts{min-width:0;gap:0;font-size:12px;justify-self:end}
 .ig-header .ig-contacts a{min-height:36px;gap:5px;white-space:nowrap;max-width:none;text-align:left;line-height:1.3}
 .ig-header .ig-contacts a:before{font-size:14px}
 .ig-header .menu-toggle{width:44px;height:44px;min-width:44px}
 footer.footer .footer-top{align-items:flex-start;gap:20px;flex-wrap:wrap}
 footer.footer .footer-top .logo{max-width:100%}
 footer.footer .footer-top .logo img{max-width:100%;height:auto}
 footer.footer nav a,.footer .top-link{display:flex;align-items:center;min-height:44px;line-height:1.4}
 footer.footer .footer-bottom{flex-wrap:wrap;gap:12px;line-height:1.5}
 #menu-panel.ig-menu nav a,#menu-panel.ig-menu summary{min-height:44px;box-sizing:border-box;overflow-wrap:break-word}
}
@media(max-width:360px){.ig-header .ig-contacts{font-size:11px}.ig-header .ig-contacts a:before{display:none}}
@media(max-width:700px){
 html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
 main h1{font-size:clamp(36px,9vw,48px)!important;line-height:1.12!important}
 main h2{font-size:clamp(30px,7.6vw,40px)!important;line-height:1.15!important}
 main h3{font-size:clamp(24px,6vw,30px)!important;line-height:1.23!important}
 main h1,main h2,main h3{word-break:normal;overflow-wrap:normal;hyphens:none}
 main h1 br,main h2 br,main h3 br{display:none}
 main h1 br:after,main h2 br:after,main h3 br:after{content:' '}
 main p,main li{overflow-wrap:break-word;word-break:normal}
 main p:not(.eyebrow):not(.slide-caption):not(.related-status):not(.project-status):not(.turnkey-label):not(.role){line-height:1.7}
 .editorial-step{grid-template-columns:minmax(0,1fr);gap:12px}
 .editorial-step>div{grid-column:1}.editorial-step h3{margin:0 0 4px}
 .section-heading,.intro-grid,.about-opening-copy,.case-intro,.cta-bottom{min-width:0}
 .room-item h3{margin:16px 0}.room-item{padding:26px 0}
 .button{max-width:100%;white-space:normal;text-align:center;min-height:46px;gap:16px}
 .text-link{max-width:100%;white-space:normal;line-height:1.5}
 .direct-contacts>a{font-size:clamp(23px,6.5vw,30px)}
 .direct-contacts .contact-email,.footer .email,.dialog-links .email{font-size:clamp(17px,5vw,22px);overflow-wrap:anywhere}
 .home-founder blockquote,.design-page .founder blockquote{font-size:24px;line-height:1.45;margin:24px 0}
 .project-facts{grid-template-columns:1fr!important}
 .related-caption h3{font-size:clamp(22px,5.9vw,30px)!important;line-height:1.15!important;hyphens:none;overflow-wrap:break-word}
 .related-caption{left:10%;right:10%}
 .hero-reference .slide-caption{font-size:clamp(25px,6.8vw,34px)!important;line-height:1.15!important;overflow-wrap:break-word}
 .hero-reference .hero-project-info{min-width:0;max-width:100%}
 .production-more{min-width:0}.production-more .button{font-size:12px;padding:15px 20px}
 .menu-panel{max-width:100vw;max-height:100dvh;overflow-y:auto}
}
@media(min-width:701px) and (max-width:900px){
 .editorial-step{grid-template-columns:30px minmax(0,1fr);gap:20px}.editorial-step>div{grid-column:2}
 .editorial-duo{grid-template-columns:1fr}.section-heading>*{min-width:0}
}

@media(max-width:700px){main .intro-in,main .reveal{opacity:1!important;transform:none!important;animation:none!important;transition:none!important}}