/* Hero photograph and lower layout / DIFF petrol / 14.10.2026 */
.hero{gap:52px;padding-bottom:36px}.hero-art.diff-hero-figure{padding:0;background:#e7f0f2;border:1px solid #c5d4da;box-shadow:none;border-radius:4px;overflow:hidden;align-self:center}.diff-hero-figure .art-label{padding:17px 22px 15px;margin:0;color:#31545f;font-size:11px;letter-spacing:.1em}.hero-art.diff-hero-figure img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;border-radius:0}.hero-art.diff-hero-figure .diff-hero-caption{padding:17px 22px 18px;background:#fff;color:#31545f;letter-spacing:0;font-weight:400}.diff-hero-caption-title{display:block;font-size:13px;font-weight:600;line-height:1.6}.diff-hero-capabilities{list-style:none;padding:13px 0 0;margin:12px 0 0;border-top:1px solid #dce6ea;display:flex;gap:12px 20px;flex-wrap:wrap}.diff-hero-capabilities li{font-size:11px;color:#536777;line-height:1.6;letter-spacing:.02em}.diff-hero-capabilities li+li{border-left:1px solid #c5d4da;padding-left:20px}
.diff-nextsteps{display:grid;grid-template-columns:minmax(0,.42fr) minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:center;border-block:1px solid #c5d4da;padding:24px 0;margin:0 auto 10px}.diff-nextsteps-label{color:#536777;font-size:11px;letter-spacing:.12em;font-weight:600}.diff-nextsteps a{display:grid;grid-template-columns:minmax(0,1fr) 18px;align-items:center;gap:20px;min-height:54px}.diff-nextsteps strong{display:block;font-size:15px;font-weight:600;line-height:1.5}.diff-nextsteps small{display:block;margin-top:5px;font-size:13px;line-height:1.65;color:#536777}.diff-nextsteps a>span:last-child{font-size:22px;line-height:1;color:#31545f}.diff-nextsteps a:hover strong{color:#8e2948}.diff-nextsteps a:focus-visible{outline:3px solid #8e2948;outline-offset:6px}.diff-practice{padding-top:64px}
@media(max-width:1060px){.hero{gap:32px}.diff-nextsteps{grid-template-columns:minmax(0,.3fr) 1fr 1fr;gap:24px}.diff-hero-capabilities{gap:8px 14px}.diff-hero-capabilities li+li{padding-left:14px}}
@media(max-width:850px){.hero{padding-bottom:30px;gap:30px}.hero-art.diff-hero-figure{max-width:620px}.diff-nextsteps{grid-template-columns:1fr 1fr;gap:16px 28px;padding:22px 0}.diff-nextsteps-label{grid-column:1/-1}.diff-nextsteps a{min-height:62px}.diff-practice{padding-top:50px}}
@media(max-width:600px){.diff-nextsteps{grid-template-columns:1fr;gap:0;padding:18px 0 0}.diff-nextsteps-label{padding-bottom:6px}.diff-nextsteps a{padding:18px 0;min-height:80px}.diff-nextsteps a+a{border-top:1px solid #dce6ea}.diff-nextsteps strong{font-size:14px}.diff-nextsteps small{font-size:12px}.hero-art.diff-hero-figure .diff-hero-caption{padding:16px}.diff-hero-figure .art-label{padding:15px 16px;font-size:10px}.diff-hero-capabilities{gap:8px 12px}.diff-hero-capabilities li{font-size:10px}.diff-hero-capabilities li+li{padding-left:12px}.diff-practice{padding-top:44px}}
@media(max-width:380px){.diff-hero-capabilities{display:grid;grid-template-columns:1fr;gap:6px}.diff-hero-capabilities li+li{border:0;padding:0}.diff-nextsteps a{gap:12px}}
@media print{.diff-nextsteps{display:none!important}.hero-art.diff-hero-figure{border-color:#c5d4da}.diff-hero-figure .art-label{font-size:9px;padding:10px}.hero-art.diff-hero-figure .diff-hero-caption{padding:10px}.diff-hero-caption-title{font-size:10px}.diff-hero-capabilities{gap:6px;margin-top:6px;padding-top:6px}.diff-hero-capabilities li{font-size:8px}.diff-hero-capabilities li+li{padding-left:6px}.diff-practice{padding-top:24px}}