.banner-mobile{width:100%;@media screen and (min-width:960px){display: none;}}.diag-banner{position:relative;width:100%;height:40vh;display:grid;grid-template-columns:40% 60%;background:#f4f4f4;@media screen and (max-width:960px){display: none;}}.banner-right{position:relative;height:100%;overflow:hidden}.banner-photo{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.banner-left{padding:1.5rem;z-index:10}.banner-left h2{margin-top:2.5rem;font-size:1.8rem;color:#333}.diag-shapes{position:absolute;top:0;left:0;width:70%;height:100%;pointer-events:none}.stripe{position:absolute;top:0;height:100%;transform:skewX(-28deg)}.stripe1{z-index:2;width:20%;left:40%;background:var(--carbidbus-yellow-light)}.stripe2{z-index:3;width:16%;left:47%;background:var(--carbidbus-yellow-mid)}.stripe3{z-index:4;width:12%;left:54%;background:var(--carbidbus-yellow-dark)}.stripe4{width:20%;left:45%;background:var(--carbidbus-yellow-dark)}.counter-stripe{z-index:1;position:absolute;bottom:0;height:32%;transform:skewX(28deg)}