/* Full-width company features, using the supplied original photographs. */
#warum.why-reference{padding:0;margin:0;width:100%;max-width:none;background:#f2f8fc;color:#061b37}
#warum.why-reference,#warum.why-reference *{box-sizing:border-box}
#warum .why-reference-heading{padding:36px 22px 20px;text-align:center;background:linear-gradient(120deg,#f5fbff,#eaf5fc)}
#warum .why-reference-heading h2{font-size:clamp(32px,4vw,72px);line-height:1.15;font-weight:800;letter-spacing:-.035em;color:#03152e;margin:22px 0 8px}
#warum .why-reference-heading>p:last-child{font-size:clamp(17px,1.65vw,28px);line-height:1.5;color:#484e55;margin:0}
#warum .why-eyebrow{display:flex;align-items:center;gap:18px;margin:0 0 14px;text-transform:uppercase;letter-spacing:.3em;font-size:clamp(12px,.95vw,17px);line-height:1.5;font-weight:500;color:inherit}
#warum .why-eyebrow::after{content:'';display:block;width:70px;height:2px;background:#00a9ef;flex-shrink:0}
#warum .why-reference-heading .why-eyebrow{justify-content:center;color:#555;font-weight:600}
#warum .why-feature{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:flex-start;min-height:clamp(470px,32vw,760px);padding:clamp(24px,2.7vw,54px) 5.3%;border-bottom:5px solid #fff;overflow:hidden}
#warum .why-feature:nth-of-type(even){justify-content:flex-end}
#warum .why-feature-photo{position:absolute;inset:0;z-index:-1;display:block;width:100%;height:100%;object-fit:cover;object-position:center}
#warum .why-feature-4{background:#001d31}
#warum .why-feature-4 .why-feature-photo{width:74%;object-position:center 42%;mask-image:linear-gradient(90deg,#000 0%,#000 80%,transparent 100%)}
#warum .why-feature-panel{width:36%;max-width:670px;padding:clamp(26px,2.8vw,52px);background:rgba(0,25,43,.95);color:#f5f8fc;border:1px solid #24465d;text-align:left}
#warum .why-feature-panel h3{margin:0 0 22px;font-size:clamp(28px,2.8vw,53px);font-weight:650;letter-spacing:-.02em;line-height:1.07;color:#f5f8fc;text-align:left}
#warum .why-feature-description{margin:0;color:#f1f4f8;font-size:clamp(17px,1.38vw,25px);line-height:1.4;font-weight:400;text-align:left}
#warum .why-feature-link{display:flex;align-items:center;gap:clamp(18px,2vw,34px);margin-top:18px;color:#f5f8fc;font-size:clamp(16px,1.3vw,23px);font-weight:600;line-height:1.3;text-decoration:none}
#warum .why-arrow{display:grid;place-items:center;width:clamp(50px,4vw,72px);height:clamp(50px,4vw,72px);flex-shrink:0;border:2px solid #00aeff;border-radius:50%;color:#00aeff}
#warum .why-arrow svg{width:50%;height:50%}
#warum .why-feature-link:hover .why-arrow{background:#007fbd;color:#fff}
#warum .why-feature-link:focus-visible{outline:2px solid #54cdff;outline-offset:6px}
@media(min-width:2400px){#warum .why-feature{padding-left:max(5.3%,calc((100% - 2400px)/2));padding-right:max(5.3%,calc((100% - 2400px)/2))}#warum .why-feature-panel{width:670px}}
@media(max-width:1100px){#warum .why-feature-panel{width:46%}#warum .why-feature{padding:28px 4%;min-height:480px}}
@media(max-width:700px){#warum .why-reference-heading{padding:32px 20px 26px}#warum .why-reference-heading h2{margin-top:15px}#warum .why-feature{display:flex;flex-direction:column;align-items:stretch;min-height:0;padding:0;border-bottom-width:8px}#warum .why-feature-photo{position:relative;inset:auto;z-index:0;height:auto;aspect-ratio:16/9;object-fit:cover}#warum .why-feature-4 .why-feature-photo{aspect-ratio:4/3}#warum .why-feature-panel{position:relative;width:100%;max-width:none;padding:28px 24px;border:0;background:#001d31}#warum .why-feature-panel h3{font-size:32px}#warum .why-feature-description{font-size:17px}#warum .why-feature-link{margin-top:22px}#warum .why-eyebrow{font-size:12px}}

@media(min-width:701px) and (max-width:1100px){#warum .why-feature-4 .why-feature-photo{width:60%;object-position:center 43%}}
@media(max-width:700px){#warum .why-feature-4 .why-feature-photo{width:100%;object-position:center 42%;mask-image:none}}