.why{color:var(--muted-dark);overflow:hidden;position:relative;z-index:1}.why__parallax{inset:0;position:absolute;z-index:0}.why__layer{background-position:50%;background-size:cover;bottom:-25%;left:0;position:absolute;right:0;top:-25%}[data-parallax]{will-change:transform}.whyHero{height:300px;overflow:hidden;position:relative}.why__layer--photo{background-image:url(/img/cx-workshop-collaboration-ai-transformation.png)}.why__layer--grid{opacity:.3}.why__layer--grid,.why__layer--wash{background-image:url(/img/parallax-placeholder.svg)}.why__layer--wash{opacity:.2}.why__layer--lines{background-image:url(/img/parallax-placeholder.svg);opacity:.1}.why__container{margin:0 auto;max-width:1200px;padding:4rem 1rem}.why__head{margin-bottom:2rem;text-align:center}.why__tiles{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.why__tile{border:2px solid var(--teal);min-height:300px;overflow:hidden;position:relative;transition:border-color .3s}.why__bg{background-image:var(--img);background-position:50%;background-size:cover;inset:0;position:absolute;transition:transform .5s}.why__tile:hover{border-color:#ff6a5c}.why__tile:hover .why__bg{transform:scale(1.1)}.why__content{background:linear-gradient(0deg,rgba(0,0,0,.7),transparent);display:flex;flex-direction:column;height:100%;justify-content:flex-end;padding:2rem;position:relative}.whyDiagonal{height:220px;pointer-events:none}.whyDiagonalSVG{display:block;height:100%;width:100%}