/* Mobile layout: intrinsic content must not enlarge grid columns. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
.hero{grid-template-columns:repeat(2,minmax(0,1fr))}
.hero>*,.intro>*,.case-teaser>*,.project-grid>*,.price-section>*,.split-feature>*,.contact-layout>*,.detail-copy>*,.content-grid>*,.footer-grid>*,.steps>*{min-width:0}
h1,h2,h3,p,a,button,summary{overflow-wrap:break-word}
.field,input,select,textarea{min-width:0;max-width:100%}
@media(max-width:850px){
 .hero{grid-template-columns:minmax(0,1fr)}
 .intro,.case-teaser,.contact-layout,.faq-section{grid-template-columns:minmax(0,1fr)}
 .hero-content.wrap{width:100%}
}
@media(max-width:600px){
 html{scroll-padding-top:90px}
 body{font-size:16px;line-height:1.85}
 .wrap,.nav-wrap{width:calc(100% - 32px)}
 .nav-wrap{min-height:80px;gap:12px}
 .brand{width:112px;height:78px;transform:none}
 .brand>.brand-crop{width:112px;height:78px}
 .brand-crop img{width:112px;height:112px;left:0;top:-17px}
 .menu-toggle{min-width:44px;min-height:44px;padding:2px 10px}
 nav{top:80px;max-height:calc(100svh - 80px);padding:16px}
 nav>a{min-height:44px}
 .hero{padding:24px 16px;gap:24px;min-height:0}
 .hero-content h1{font-size:clamp(1.55rem,7vw,2rem);line-height:1.55;margin-bottom:14px}
 .hero-content .eyebrow{font-size:.75rem;letter-spacing:.12em;margin-bottom:14px}
 .hero-category{font-size:.82rem}
 .hero-content>p:not(.eyebrow){font-size:.95rem;line-height:1.9}
 .hero-content .hero-price{margin-top:16px}
 .hero-actions{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;margin-top:18px}
 .hero-actions .button{width:100%;min-width:0;min-height:48px;justify-content:space-between;font-size:.9rem}
 .hero-image{width:100%;height:auto;aspect-ratio:3/2;max-height:280px;grid-row:2;clip-path:none;object-fit:cover}
 .hero-bottom{position:static;grid-column:1;grid-row:3;width:100%;margin:0;padding-top:14px;gap:6px;flex-direction:column;font-size:.8rem}
 .hero-bottom span,.hero-bottom span:last-child{font-size:.8rem}
 .page-heading{padding-block:28px 24px;margin-bottom:24px}
 .page-heading h1{font-size:clamp(1.5rem,6.8vw,1.9rem);line-height:1.6}
 h2,.intro h2,.section-head h2,.cta h2,.contact-aside h2{font-size:1.55rem;line-height:1.65}
 .lead{font-size:1rem}
 .intro,.case-teaser,.price-section{padding-block:40px;gap:24px;grid-template-columns:minmax(0,1fr)}
 .section,.faq-section{padding-block:32px 40px}
 .services-section,.cta{padding-block:40px}
 .project-grid,.split-feature,.detail-copy,.content-grid,.form-row,.service-grid{grid-template-columns:minmax(0,1fr)}
 .project-card:first-child{grid-column:auto}
 .project-card img,.project-card:first-child img,.split-feature>img{height:auto;aspect-ratio:3/2}
 .service-card:first-child{border-left:0;padding-left:0}
 .service-card:last-child{padding-right:0}
 .service-card h3,.case-room h3{font-size:1.4rem}
 .steps{grid-template-columns:minmax(0,1fr);gap:20px}
 .steps article{padding-top:16px}.steps h3{margin-top:10px}
 .price-panel,.contact-aside{padding:24px}.price b{font-size:2.6rem}
 .band{padding:24px;gap:18px;flex-direction:column;align-items:stretch}
 .case-download>div{min-width:0}
 .button{max-width:100%;white-space:normal;min-height:48px}
 .stage-buttons{grid-template-columns:repeat(2,minmax(0,1fr))}
 .stage-button{min-height:48px;white-space:normal}
 .radio-cards{flex-direction:column}.radio-cards label{white-space:normal}
 input:not([type=radio]),select,textarea{font-size:16px}
 .footer-grid{grid-template-columns:minmax(0,1fr);gap:26px}
 .footer-grid>div:first-child{grid-column:auto}
 .whatsapp-float{left:12px;bottom:calc(12px + env(safe-area-inset-bottom));padding:10px 14px;font-size:.8rem;min-height:48px}
 footer{padding-bottom:90px}
}