/* One editorial spread: the original photograph, six facts, no card chrome. */
.advantages { color: var(--ink); background: var(--paper); }
.advantages.section { min-height: 100svh; display: flex; flex-direction: column; justify-content: center; padding-block: clamp(32px, 6svh, 72px); }
.advantages-heading { margin-bottom: clamp(28px, 4svh, 48px); }
.advantages-heading .section-index { margin-bottom: 20px; }
.advantages h2 { margin: 0; font: 400 clamp(50px, 5.3vw, 82px)/1 var(--font-display); letter-spacing: -.035em; text-transform: uppercase; }
.advantages h2 em { font: italic 400 1.06em/.95 var(--font-serif); text-transform: none; letter-spacing: -.035em; }
.advantages-layout { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: clamp(36px, 5vw, 88px); align-items: center; }
.advantages-photo { min-width: 0; margin: 0; display: flex; align-items: center; flex-direction: column; gap: 20px; }
.advantages-photo img { display: block; width: min(100%, 45svh, 460px); height: auto; object-fit: contain; }
.advantages-photo figcaption { font: 400 13px/1.4 var(--font-sans); color: #5a5b5b; text-align: center; }
.advantages-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: clamp(24px, 3vw, 50px); row-gap: 0; list-style: none; margin: 0; padding: 0; }
.advantages-grid li { min-width: 0; min-height: clamp(106px, 15svh, 146px); padding-block: clamp(18px, 2.5svh, 28px); border-top: 1px solid #030a1736; display: flex; flex-direction: column; justify-content: center; }
.advantages-grid h3 { margin: 0 0 6px; font: 500 clamp(18px, 1.7vw, 26px)/1.25 var(--font-sans); letter-spacing: -.025em; text-wrap: pretty; }
.advantages-grid p, .advantage-stat span { margin: 0; font: 400 clamp(16px, 1.35vw, 20px)/1.4 var(--font-sans); color: #555960; }
.advantages-grid .advantage-stat { border-top: 0; padding-top: 0; justify-content: flex-end; }
.advantage-stat strong { font: 400 clamp(56px, 6.2vw, 88px)/1 var(--font-display); letter-spacing: -.04em; margin-bottom: 8px; }
.advantages-grid .advantage-reach { display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-end; gap: clamp(22px, 3vw, 48px); }
.advantage-reach > div { display: flex; flex-direction: column; }
@media (max-width: 1050px) and (min-width: 721px) {
  .advantages-layout { grid-template-columns: minmax(0, .76fr) minmax(0, 1.24fr); gap: 30px; }
  .advantages-grid { column-gap: 24px; }
  .advantages-grid h3 { font-size: 19px; }
  .advantages-grid p, .advantage-stat span { font-size: 16px; }
}
@media (max-width: 720px) {
  .advantages.section { padding-block: clamp(22px, 5svh, 48px); }
  .advantages-heading { margin-bottom: clamp(22px, 3.8svh, 34px); }
  .advantages-heading .section-index { margin-bottom: 12px; }
  .advantages h2 { font-size: clamp(36px, 10vw, 48px); line-height: .96; }
  .advantages h2 em { display: block; margin-top: 2px; }
  .advantages-layout { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 20px; row-gap: 0; align-items: stretch; }
  .advantages-photo { grid-column: 1; grid-row: 1 / span 2; align-self: center; gap: 12px; padding-bottom: 22px; }
  .advantages-photo img { width: 100%; max-width: 190px; }
  .advantages-photo figcaption { width: 100%; max-width: 170px; font-size: 12px; line-height: 1.25; }
  .advantages-grid { display: contents; }
  .advantages-grid li { min-height: 0; padding-block: clamp(15px, 2.8svh, 24px); justify-content: flex-start; }
  .advantages-grid .advantage-stat { grid-column: 2; padding: 0 0 16px; justify-content: center; }
  .advantages-grid .advantage-stat:first-child { grid-row: 1; }
  .advantages-grid .advantage-reach { grid-row: 2; gap: 22px; justify-content: flex-start; align-items: center; }
  .advantage-stat strong { font-size: clamp(42px, 12vw, 56px); margin-bottom: 4px; }
  .advantage-reach strong { font-size: clamp(34px, 9vw, 44px); }
  .advantages-grid h3 { font-size: 16px; line-height: 1.25; margin-bottom: 5px; }
  .advantages-grid p, .advantage-stat span { font-size: 14px; line-height: 1.35; }
}
@media (max-width: 360px) and (max-height: 640px) {
  .advantages.section { padding-block: 22px; }
  .advantages-heading { margin-bottom: 20px; }
  .advantages h2 { font-size: 34px; }
  .advantages-layout { column-gap: 16px; }
  .advantages-grid li { padding-block: 12px; }
  .advantages-photo { gap: 8px; padding-bottom: 18px; }
  .advantages-grid .advantage-reach { gap: 15px; }
}