.photo-band{display:grid;grid-template-columns:1.08fr 1fr 1fr 1fr;gap:20px;padding:0 32px 0 0;background:#fff;border:0}
.photo-band .experience{padding:35px clamp(28px,4vw,72px);background:linear-gradient(125deg,#a8243c,#770f24);min-height:245px}
.photo-band .experience h2{font-size:clamp(30px,3vw,46px);line-height:1.1}
.photo-band .experience p{font-size:30px;line-height:1.12;margin-top:8px}
.photo-band figure{margin:18px 0 0;min-width:0}
.photo-band figure img{display:block;width:100%;height:180px;object-fit:cover;object-position:center;border-radius:3px}
.photo-band figure .cargo-photo{object-position:15% 50%}
.photo-band figcaption{font-size:19px;line-height:1.2;color:#8b1029;display:flex;align-items:center;gap:13px;margin:0;padding:14px 0 18px;font-weight:700}
.photo-band figcaption svg{width:29px;height:29px;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linejoin:round;stroke-linecap:round}
@media(min-width:1700px){.photo-band figure img{height:210px}.photo-band .experience{min-height:278px}}
@media(max-width:760px){.photo-band{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:0 14px}.photo-band .experience{grid-column:1/-1;min-height:0;flex-direction:row;align-items:center;justify-content:space-between;padding:24px;margin:0 -14px}.photo-band .experience h2{font-size:32px}.photo-band .experience p{font-size:22px;margin:0}.photo-band figure{margin:6px 0 0}.photo-band figure img{height:115px}.photo-band figcaption{font-size:12px;gap:5px;padding:12px 0 16px}.photo-band figcaption svg{width:21px;height:21px}}
@media(max-width:360px){.photo-band figcaption{font-size:11px;gap:4px}.photo-band figcaption svg{width:17px;height:17px}.photo-band figure img{height:95px}}

/* Scale by composition width, not by available viewport height. */
@media(min-width:761px){
 header .wrap{max-width:1800px;padding-left:4.5%;padding-right:4.5%}
 .utility .wrap{min-height:38px;font-size:13px}
 .masthead .wrap{min-height:122px;grid-template-columns:1fr 170px 1fr}
 .brand img{width:145px}
 .callback button{font-size:15px;padding:15px 28px;border-radius:24px}
 .contacts .phone{font-size:26px}
 .header-email{font-size:14px}
 .contacts .social a{font-size:13px;min-height:37px;padding:6px 12px}
 .contacts .social img{width:24px;height:24px}
 .nav .wrap{min-height:52px;font-size:16px;gap:54px}
 .hero{height:auto;min-height:0;max-height:none;padding-top:214px}
 .hero-copy{max-width:1350px;padding:clamp(42px,4vw,70px) 28px 38px}
 .hero h1{font-size:clamp(44px,4.85vw,86px);font-weight:900;letter-spacing:-1.8px;line-height:1.04}
 .intro{font-size:clamp(19px,1.7vw,28px);margin:20px 0 32px}
 .actions{gap:24px}
 .actions .btn,.actions .btn.secondary{min-width:310px;min-height:60px;padding:14px 28px;font-size:18px}
 .proof{margin-top:26px;font-size:15px}
 .route{max-width:580px;margin-top:26px;font-size:12px}
 .route svg{width:410px;height:36px}
 .photo-band{height:auto;grid-template-columns:1.08fr 1fr 1fr 1fr;gap:20px;padding-right:24px}
 .photo-band .experience{min-height:0;padding:28px clamp(28px,4vw,78px)}
 .photo-band .experience h2{font-size:clamp(32px,3.15vw,54px)}
 .photo-band .experience p{font-size:clamp(26px,2.35vw,38px)}
 .photo-band figure{margin:18px 0 0;display:block;min-height:0}
 .photo-band figure img{height:auto;aspect-ratio:1.8;object-fit:cover}
 .photo-band figcaption{font-size:21px;padding:15px 0 19px;gap:12px}
 .photo-band figcaption svg{width:29px;height:29px}
 .preview-note{height:30px;padding:5px 16px;font-size:10px}
}
@media(min-width:761px) and (max-width:1050px){
 .masthead .wrap{grid-template-columns:1fr 120px 1fr;gap:12px;min-height:112px}
 .brand img{width:116px}.contacts .phone{font-size:21px}
 .contacts .social a{font-size:11px;padding:5px 7px}.contacts .social img{width:20px;height:20px}
 .callback button{font-size:13px;padding:13px 18px}
 .hero{padding-top:204px}.actions .btn,.actions .btn.secondary{min-width:270px;font-size:16px}
 .photo-band{gap:12px;padding-right:14px}.photo-band figcaption{font-size:16px;gap:7px}
}
