/* Selected metrics layout; the section photograph and overlays remain in style.css. */
#impact .retention-metrics{position:relative;isolation:isolate;width:70.5%;max-width:1236px;margin:88px auto 44px;font-family:'DM Sans',Arial,sans-serif}
#impact .retention-metrics-grid{display:grid;grid-template-columns:25.1fr 24.3fr 27fr 23.6fr;margin:0;padding:0}
#impact .retention-metric{display:flex;flex-direction:column;align-items:center;min-width:0;padding:0 12px 16px;text-align:center}
#impact .retention-metric+.retention-metric{border-left:1px solid rgba(205,181,138,.25)}
#impact .retention-metric dd{order:-1;margin:0 0 clamp(10px,.8vw,14px);color:#e1bf8e;font-size:clamp(41px,3.88vw,68px);font-weight:600;line-height:1.1;letter-spacing:-.045em;font-variant-numeric:lining-nums;white-space:nowrap}
#impact .retention-metric dt{margin:0;color:#f1f0ec;font-size:clamp(12px,1.01vw,17.5px);font-weight:400;line-height:1.45;text-wrap:initial}
#impact .retention-metric dt>span{display:block}
#impact .retention-metrics-rule{position:relative;height:1px;margin-top:clamp(24px,2.2vw,38px);background:linear-gradient(90deg,rgba(187,152,99,.65),rgba(225,202,166,.7),rgba(187,152,99,.65))}
#impact .retention-metrics-rule:before{content:"";position:absolute;left:13.5%;top:-1px;width:6px;height:2px;border-radius:50%;background:#f4e1ba;box-shadow:0 0 5px 2px rgba(232,200,147,.7),0 0 15px 5px rgba(213,172,103,.22)}
@media(max-width:1000px){#impact .retention-metrics{width:90%}#impact .retention-metric{padding-inline:12px}#impact .retention-metric dd{font-size:48px}}
@media(max-width:650px){#impact .retention-metrics{width:88%;margin:42px auto 30px}#impact .retention-metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 0}#impact .retention-metric{padding:0 12px}#impact .retention-metric:nth-child(3){border-left:0}#impact .retention-metric dd{font-size:41px;margin-bottom:22px}#impact .retention-metric dt{font-size:12.5px}#impact .retention-metric dt br{display:none}#impact .retention-metrics-rule{margin-top:30px}}

/* Local shade belongs to the metrics only; preserve #impact's original photo/overlay. */
#impact .retention-metrics:before{content:"";position:absolute;inset:-36px -5% 16px;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at center,rgba(0,0,0,.48) 0%,rgba(0,0,0,.30) 46%,rgba(0,0,0,0) 74%);filter:blur(12px)}
#impact .retention-metrics+.industry-leaders{margin-top:56px;padding-top:12px}
#impact .retention-metrics+.industry-leaders .brand-selection{display:grid;grid-template-columns:minmax(0,1fr);gap:6px}
#impact .retention-metrics+.industry-leaders .brand-selection-row{display:grid}

@media(max-width:1000px){#impact .retention-metrics{width:90%}}
@media(max-width:650px){#impact .retention-metrics{width:88%;margin-top:42px}#impact .retention-metric dd{margin-bottom:22px}#impact .retention-metrics+.industry-leaders{margin-top:32px}}

/* Preserve the two-line descriptions and compact height of the approved reference. */
@media(min-width:1001px){#impact .retention-metric dt{white-space:nowrap}}

#impact .retention-metrics-caption{margin:12px 0 0;max-width:none;text-align:right;font-family:inherit;font-size:12px;font-style:italic;font-weight:400;line-height:1.5;color:#aaa}

#impact .impact-reference-bottom h2 .impact-return{font-size:1.06em}

/* Mobile: one complete metric per swipe, without changing the desktop table. */
@media(max-width:650px){
 #impact .retention-metrics-grid{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:100%;gap:0;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;padding-bottom:14px}
 #impact .retention-metric{box-sizing:border-box;scroll-snap-align:start;scroll-snap-stop:always;opacity:1!important}
 #impact .retention-metric+.retention-metric{border-left:0}
}

@media(max-width:650px){
 #impact .retention-metrics-grid::-webkit-scrollbar{display:none}
 #impact .retention-metric dd{font-size:84px}
 #impact .retention-metrics:after{content:"";position:absolute;right:14%;top:94px;width:10px;height:10px;border-top:1px solid #939393;border-right:1px solid #939393;transform:rotate(45deg);pointer-events:none}
 .closing h2 .closing-last-line{display:block;white-space:nowrap}
}

.impact-mobile-break{display:none}
@media(max-width:650px){
 #impact .impact-mobile-break{display:block}
 #impact .impact-return-pair{white-space:nowrap}
 #impact .impact-desktop-break{display:none}
 #impact .retention-metrics{margin-top:26px;margin-bottom:20px}
 #impact .retention-metric dd{margin-bottom:16px}
 #impact .retention-metric dt{font-size:14px}
 #impact .retention-metrics-rule{margin-top:18px}
 #impact .retention-metrics-grid{padding-bottom:6px}
}

#impact .impact-reference-bottom h2 .impact-return-pair{white-space:nowrap;color:#929292;font-style:italic}