/* Portfolio: mobile screen corrections only — desktop styling unaffected. */
@media screen and (max-width:820px){
 .nav-shell{padding:12px;max-width:100%}
 .nav-pill{width:min(520px,100%);max-width:100%;min-width:0;justify-content:space-between}
 .mobile-menu-panel{top:max(12px,env(safe-area-inset-top));bottom:auto;max-height:calc(100dvh - 24px - env(safe-area-inset-top));overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
 .mobile-menu nav a{font-size:clamp(17px,4vw,22px);padding:12px 8px;line-height:1.35;overflow-wrap:break-word}
 .hero-inner{min-width:0;max-width:100%}
 .hero-brand-title{max-width:100%;white-space:normal;overflow-wrap:break-word}
 .hero-description,.hero-value{max-width:100%}
 .section-inner{min-width:0;max-width:100%}
 .section-head,.subsection-head{grid-template-columns:minmax(0,1fr)}
}
@media screen and (max-width:560px){
 .hero{min-height:100svh;min-height:100dvh;height:auto}
 .hero-inner{width:calc(100% - 36px);padding:115px 0 135px}
 .hero h1{font-size:clamp(52px,15vw,78px);line-height:.9}
 .hero-eyebrow{font-size:10px;letter-spacing:.13em;line-height:1.6}
 .hero-value{font-size:clamp(16px,4.5vw,19px)}
 .hero-description{font-size:13px;line-height:1.7}
 .hero-actions{width:100%;display:flex;flex-wrap:wrap;gap:10px}
 .hero-actions .pill-button{min-width:0;flex:1 1 155px}
 .hero-actions .pill-button>span{max-width:100%;text-align:center}
 .section{padding:65px 0}
 .section-head h2,.subsection-head h2{font-size:clamp(34px,10.7vw,54px);overflow-wrap:break-word}
 .section-inner{width:calc(100% - 30px)}
 .capability-grid,.capability-grid-five,.partner-grid,.system-grid,.process-grid,.industry-grid,.team-grid{grid-template-columns:minmax(0,1fr)}
 .client-minimal-list{grid-template-columns:minmax(0,1fr)}
 .product-card,.product-info,.partner-intro,.contact-inner,.stack-panel{min-width:0}
 .mobile-menu-panel{width:calc(100% - 24px);right:12px;border-radius:22px;padding:16px}
 .mobile-menu nav a{font-size:18px;padding:11px 6px}
 .floating-whatsapp{max-width:calc(100vw - 24px)}
}
@media screen and (max-width:380px){
 .hero h1{font-size:clamp(47px,14.3vw,58px)}
 .hero-inner{width:calc(100% - 28px)}
 .nav-brand img{width:132px}
 .mobile-menu nav a{font-size:17px}
}