@font-face{font-family:NorrisWhyRaleway;font-style:normal;font-weight:100 900;font-display:swap;src:url(https://fonts.gstatic.com/s/raleway/v28/1Ptug8zYS_SKggPNyC0IT4ttDfA.woff2) format('woff2')}
@font-face{font-family:NorrisWhyOpenSans;font-style:normal;font-weight:400 700;font-display:swap;src:url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-mu0SC55I.woff2) format('woff2')}
.norris-why{max-width:1140px;width:90%;margin:0 auto;padding:15px 0 65px}
.norris-why>.wrap{width:100%;max-width:none;background:#ff6633;margin-bottom:70px}
.norris-why h2{font-family:NorrisWhyRaleway,Arial,sans-serif;color:#fff;font-size:30px;line-height:1.2;margin:0;font-weight:900}
.norris-why h2 span{font-weight:200}
.norris-why .feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:70px 10px}
.why-card{min-width:0;text-align:center}
.why-card h3{font-family:NorrisWhyRaleway,Arial,sans-serif;font-size:18px;line-height:1.35;text-transform:none;font-weight:700;color:#ff6633;margin:20px 0 0}
.why-flip{display:block;width:100%;height:245px;border:0;border-radius:0;background:transparent;padding:0;margin:0;cursor:pointer;perspective:1200px;color:#fff;font-family:NorrisWhyOpenSans,Arial,sans-serif;font-size:14px;line-height:1.6;text-align:center}
.why-flip-inner{position:relative;display:block;width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s ease}
.why-flip[aria-expanded=true] .why-flip-inner{transform:rotateY(180deg)}
.why-front,.why-back{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.why-front{background-size:cover;background-position:center}
.why-back{background:#3597d3;transform:rotateY(180deg);padding:20px;color:#fff}
.why-flip[aria-expanded=false] .why-back{visibility:hidden}
.why-flip[aria-expanded=true] .why-front{visibility:hidden}
.why-flip:focus-visible{outline:3px solid #ff6633;outline-offset:5px}
@media(max-width:900px){.norris-why .feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 15px}.why-flip{height:270px}}
@media(max-width:600px){.norris-why{width:calc(100% - 40px);padding:0 0 45px}.norris-why>.wrap{margin-bottom:35px}.norris-why .feature-grid{grid-template-columns:1fr;gap:35px}.why-flip{height:260px}.why-card h3{margin-top:18px}.norris-why h2{font-size:28px}}
@media(prefers-reduced-motion:reduce){.why-flip-inner{transition:none}}
