/* Benefits pair (template-parts/benefits-pair.php): centred stacked head, then two large photo cards side by side, each a
   real photo under a navy gradient rising from the bottom, a white h3 and bullets with gold dots. Light band (white, or
   .sv2-ground) so the dark cards keep the page's light / dark alternation. Tokens: --ss-navy-deep(-rgb) / --ss-gold.
   Reveal policy: nothing hidden, no entrances; hover = image scale 1.03 in 180 ms. Printed by the part (below the fold). */
.ss-bp__head{margin-bottom:48px}
.ss-bp__head .sv2-h2 .hl{display:block;width:fit-content;margin-inline:auto}
.ss-bp__head .sv2-lede{max-width:62ch;margin-inline:auto}
.ss-bp__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;max-width:1200px;margin-inline:auto}
.ss-bp__card{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:flex-end;width:100%;aspect-ratio:16/10;border-radius:24px;overflow:hidden;background:var(--ss-navy-deep);box-shadow:0 24px 48px -28px rgba(var(--ss-navy-deep-rgb),.55)}
.ss-bp__img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:center 30%;transition:transform .18s ease}
.ss-bp__card::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(0deg,rgba(var(--ss-navy-deep-rgb),.96) 0%,rgba(var(--ss-navy-deep-rgb),.88) 34%,rgba(var(--ss-navy-deep-rgb),.45) 62%,rgba(var(--ss-navy-deep-rgb),.12) 100%)}
.ss-bp__card:hover .ss-bp__img{transform:scale(1.03)}
.ss-bp__body{padding:36px 40px 38px;color:#fff}
.ss-bp__t{margin:0 0 16px;font-size:clamp(24px,2.2vw,30px);font-weight:700;line-height:1.15;color:#fff}
.ss-bp__list{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.ss-bp__list li{position:relative;margin:0;padding-left:24px;font-size:17px;line-height:1.5;color:rgba(255,255,255,.92)}
.ss-bp__list li::before{content:"";position:absolute;left:0;top:.5em;width:10px;height:10px;border-radius:50%;background:var(--ss-gold);box-shadow:0 0 0 4px rgba(var(--ss-gold-rgb),.22)}
@media (prefers-reduced-motion:reduce){.ss-bp__img{transition:none}.ss-bp__card:hover .ss-bp__img{transform:none}}
@media (max-width:1100px){.ss-bp__grid{gap:24px}.ss-bp__card{aspect-ratio:auto;min-height:400px}.ss-bp__body{padding:28px 28px 30px}.ss-bp__list li{font-size:16px}}
/* <= 900px: the cards stack; the photo fills the top 320px, the text sits over its lower gradient and runs on navy */
@media (max-width:900px){
  .ss-bp__head{margin-bottom:32px}
  .ss-bp__grid{grid-template-columns:minmax(0,1fr);gap:20px}
  .ss-bp__card{aspect-ratio:auto;min-height:360px;border-radius:20px}
  .ss-bp__img,.ss-bp__card::before{inset:0 0 auto 0;height:320px}
  .ss-bp__card::before{background:linear-gradient(0deg,rgba(var(--ss-navy-deep-rgb),1) 0%,rgba(var(--ss-navy-deep-rgb),.75) 22%,rgba(var(--ss-navy-deep-rgb),.1) 60%,rgba(var(--ss-navy-deep-rgb),0) 100%)}
  .ss-bp__body{padding:262px 22px 26px}
  .ss-bp__t{font-size:24px;margin-bottom:14px}
}