/* 0.6.2.6 — shared small-screen layout, loaded after page styles. */
.new-look-reference{display:block}
@media(max-width:900px){
  .wrap{width:calc(100% - 40px)}
  .home-page .showcase-hero{min-height:0;padding:132px 0 64px}
  .home-page .showcase-hero-copy{width:calc(100% - 40px)}
  .new-look-reference{width:calc(100% - 40px);max-width:420px;margin:32px 20px 0}
  .home-page .sis-actions{align-items:stretch;gap:16px}
  .home-intro-grid,.international-heading{grid-template-columns:minmax(0,1fr);gap:32px}
  .service-tiles,.country-grid{grid-template-columns:minmax(0,1fr)}
  .service-tile{min-height:320px;aspect-ratio:16/11}
  .country-card{min-height:360px}
  .country-detail{grid-template-columns:minmax(0,1fr);gap:28px}
  .contact-box{grid-template-columns:minmax(0,1fr)}
  .team-reference .team-simple-footer nav{flex-wrap:wrap;gap:12px 20px;max-width:100%}
  .mobile-nav.open{padding-bottom:100px;padding-bottom:calc(100px + env(safe-area-inset-bottom));overscroll-behavior:contain}
}
@media(max-width:620px){
  body{padding-bottom:calc(84px + env(safe-area-inset-bottom))}
  .wrap,.site-header .nav{width:calc(100% - 32px)}
  .site-header .nav{gap:16px}
  .home-page .showcase-hero-copy{width:calc(100% - 32px)}
  .home-page .showcase-hero{min-height:0;padding:124px 0 48px}
  .home-page .showcase-hero h1{font-size:clamp(2.2rem,9vw,3.4rem);line-height:1.12;margin:24px 0;overflow-wrap:anywhere}
  .home-page .sis-actions{display:flex;flex-direction:column;align-items:stretch;gap:14px}
  .home-page .sis-actions>.btn,.home-page .hero-project-link{display:flex;align-items:center;justify-content:center;width:100%;min-height:52px;padding:14px 18px;text-align:center;line-height:1.5;white-space:normal}
  .home-page .hero-project-link{border:1px solid #ffffff80;border-radius:999px;text-decoration:none}
  .new-look-reference{width:calc(100% - 32px);max-width:none;margin:28px 16px 0;padding:24px}
  .reference-facts{flex-wrap:wrap;gap:8px 16px}
  .service-tile{min-height:280px;aspect-ratio:4/3;padding:24px}
  .service-tile h3{font-size:clamp(1.45rem,6.5vw,1.85rem)}
  .country-card{min-height:340px}
  .country-caption{left:24px;right:24px;bottom:24px}
  .country-caption h3{font-size:clamp(1.75rem,7vw,2rem)}
  .home-intro-photo{min-height:300px}
  .home-intro-photo>span{left:20px;right:20px;bottom:20px}
  main h1,main h2,main h3{overflow-wrap:anywhere}
  .page-intro h1{font-size:clamp(2rem,8.5vw,2.5rem);line-height:1.15}
  .eyebrow{max-width:100%;letter-spacing:.06em;line-height:1.6}
  .eyebrow:before{flex-shrink:0}
  .btn{max-width:100%;min-width:0;white-space:normal;overflow-wrap:anywhere;text-align:center;line-height:1.5}
  .page-cta .btn,.mounting-card .btn{width:100%;flex-shrink:1}
  .page-cta>div,.footer-grid>div,.contact-box>*,.form-grid>*,.about-strengths>*,.country-detail>*,.home-intro-grid>*{min-width:0}
  .contact-copy{padding:28px 20px}
  .contact-copy h2{font-size:clamp(1.75rem,7vw,2.25rem);overflow-wrap:anywhere}
  .project-form-panel{padding:28px 20px;margin:10px;max-width:calc(100% - 20px)}
  .project-form-heading h2{font-size:clamp(1.65rem,7vw,2rem)}
  .project-form label,.form-consent span{min-width:0;overflow-wrap:anywhere}
  .project-form input,.project-form select,.project-form textarea{min-width:0;font-size:1rem}
  .form-consent input{width:19px;min-width:19px}
  .form-noscript,.form-status{overflow-wrap:anywhere}
  .team-reference .team-list .person{min-height:0;grid-template-columns:88px minmax(0,1fr);column-gap:18px;row-gap:20px}
  .team-reference .team-list .person-photo.person-photo-example{width:88px;height:88px;grid-row:1;margin:0;align-self:start}
  .team-reference .person-photo>span.team-photo-pending{font-size:.875rem;letter-spacing:0;padding:8px}
  .team-reference .team-list .person-info h3{font-size:1.125rem;overflow-wrap:anywhere}
  .team-reference .team-list .person-info .person-phone-number{font-size:.875rem;overflow-wrap:anywhere}
  .team-reference .team-list .person-actions{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:12px}
  .team-reference .team-list .person-actions .person-contact{flex:1;min-width:0;min-height:48px;padding:10px 14px}
  .team-reference .team-simple-footer .wrap{gap:16px;align-items:flex-start}
  .team-reference .team-simple-footer nav{width:100%;margin:0;gap:12px 20px}
  .team-reference .team-simple-footer .wrap>span{flex:1;min-width:0}
  .about-fusion .about-statement{min-height:0;display:block}
  .about-statement-content{padding-top:160px;padding-bottom:28px}
  .about-project-caption{position:relative;left:auto;right:auto;bottom:auto;display:block;width:fit-content;max-width:calc(100% - 32px);margin:0 16px 64px}
  .about-statement-content h1{font-size:clamp(2rem,8.5vw,3.3rem)}
  .about-strengths{grid-template-columns:minmax(0,1fr)}
  .process-feature-steps{padding:8px 20px}
  .legal{padding:48px 0}
  .legal h1{font-size:clamp(2rem,8vw,3rem)}
  .legal p,.legal li,.legal a,.footer-grid a,.footer-grid address{overflow-wrap:anywhere}
  .legal ul{padding-left:24px}
  .quick-contact{left:16px;right:16px;bottom:calc(10px + env(safe-area-inset-bottom));width:auto;max-width:none;padding:5px;border-radius:18px}
  .quick-contact a{flex:1;min-width:0;min-height:48px;padding:10px 12px;font-size:.875rem;border-radius:13px}
  .site-footer,.team-reference .team-simple-footer{padding-bottom:32px}
  .footer-bottom{padding-bottom:0}
}
@media(max-width:380px){
  .footer-grid{grid-template-columns:minmax(0,1fr);gap:24px}
  .facts-grid{grid-template-columns:minmax(0,1fr);gap:24px}
  .team-reference .team-list .person{grid-template-columns:76px minmax(0,1fr);gap:16px}
  .team-reference .team-list .person-photo.person-photo-example{width:76px;height:76px}
}
