/* Real stock photography enriches the existing desktop composition. */
.banner-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;opacity:.82;pointer-events:none}
.market-banner:has(.banner-photo):after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(5,18,47,.96),rgba(5,18,47,.62) 52%,rgba(5,18,47,.1));pointer-events:none}
.banner-main .banner-photo{object-position:60% center}.banner-main:has(.banner-photo) .banner-device,.banner-office:has(.banner-photo) .office-art,.banner-security:has(.banner-photo) .security-art{display:none}
.banner-office:has(.banner-photo):after{background:linear-gradient(180deg,#a52e13d9,#7d281354 65%,#7d2813c9)}
.banner-security:has(.banner-photo):after{background:linear-gradient(180deg,#194432ed,#18362b77 65%,#10241ceb)}
.banner-service:has(.banner-photo):after{background:linear-gradient(90deg,#322449e8,#28173355)}
.banner-service .banner-photo{object-position:center 45%}.banner-copy p{color:#e2ebfa}
.service-image{background-position:center;background-size:cover}.service-card .service-image:after{background:linear-gradient(0deg,#070f1dcf,#0c152308 70%)}
.page-hero-card.has-stock-photo{position:relative;isolation:isolate;overflow:hidden;min-height:265px;padding:24px;border-radius:14px;background:#13223a;display:flex;align-items:flex-end;justify-content:flex-start;text-align:left;color:#fff}
.page-hero-photo{position:absolute;inset:0;height:100%;width:100%;object-fit:cover;z-index:-2}
.has-stock-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#071222df,transparent 70%);z-index:-1}
.has-stock-photo h2{color:#fff;margin:0;font-size:23px;font-weight:750;line-height:1.2}
.subhero:has(.subhero-photo) .subhero-inner{max-width:none;width:100%;display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:48px;align-items:center}
.subhero-photo{margin:0;width:100%;height:220px;overflow:hidden;border-radius:12px;background:#dfe4ea}
.section-photo{height:100%;width:100%;object-fit:cover}
.subhero-copy{min-width:0}.subhero:has(.subhero-photo):after{display:none}
.promo-img{background-position:center;background-size:cover}
.catalog-intro-row.has-catalog-photo{display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:32px;align-items:center}.catalog-intro-copy .catalog-advice{display:inline-flex;margin-top:12px}.catalog-intro-photo{margin:0;height:138px;border-radius:10px;overflow:hidden;background:#dfe4ea}.catalog-intro-photo .section-photo{object-position:center 62%}
@media(max-width:767px){
 .banner-photo{opacity:1}.market-banner:has(.banner-photo):after{background:linear-gradient(90deg,#06152ded,#05142a85 65%,#08182d15)}
 .banner-office:has(.banner-photo):after{background:linear-gradient(90deg,#6e2115e8,#7c331649 75%)}
 .banner-security:has(.banner-photo):after{background:linear-gradient(90deg,#123528f0,#173b2770 75%)}
 .banner-copy p{color:#e3ebf5}.banner-main .banner-photo{object-position:center}
 .subhero:has(.subhero-photo) .subhero-inner{grid-template-columns:1fr;gap:18px}
 .subhero-photo{height:166px;border-radius:9px}.page-hero-card.has-stock-photo{min-height:205px;padding:18px;border-radius:10px}.has-stock-photo h2{font-size:20px}
 .subhero-photo .section-photo{aspect-ratio:auto;margin:0}.catalog-intro-row.has-catalog-photo{grid-template-columns:minmax(0,1fr);gap:12px}.catalog-intro-photo{height:90px}.catalog-intro-photo .section-photo{aspect-ratio:auto;margin:0}
}