/*! Vaporex Design · vx-media-text */

.vx-media-text.problem{padding:var(--vx-sp) 0 0}
.vx-media-text .problem__grid{display:grid;grid-template-columns:7fr 5fr;gap:clamp(32px,5vw,80px);align-items:center;margin-top:8px}
.vx-media-text .problem__fig{aspect-ratio:4/3;margin:0}
.vx-media-text .problem__copy p{color:var(--vx-muted);max-width:46ch;font-size:var(--vx-fz)}
.vx-media-text .problem__copy .btn{margin-top:6px}
.vx-media-text .problem__copy p strong{color:var(--vx-ink);font-weight:600}
.vx-media-text .problem__copy .h2{margin-bottom:24px}
@media (max-width:860px){
  .vx-media-text .problem__grid{grid-template-columns:minmax(0,1fr)}
  .vx-media-text .problem__fig{aspect-ratio:16/11}
}
.vx-media-text.why{padding:var(--vx-sp) 0 0}
.vx-media-text .why__grid{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:clamp(32px,5vw,80px);align-items:center}
.vx-media-text .why__fig{margin:0;aspect-ratio:4/3}
.vx-media-text .why__copy p{color:var(--vx-muted);max-width:52ch}
.vx-media-text .why__copy p strong{color:var(--vx-ink)}
.vx-media-text .why__copy .marks{margin:22px 0}
.vx-media-text .why__copy .marks strong{color:var(--vx-ink)}
@media (max-width:860px){
  .vx-media-text .why__grid{grid-template-columns:minmax(0,1fr)}
  .vx-media-text .why__fig{aspect-ratio:16/11}
}
.vx-media-text .stats{border-top:1px solid var(--vx-line);display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:8px}
.vx-media-text .stats__item{padding-top:22px}
.vx-media-text .stats__n{display:block;font-family:var(--vx-f-display);font-weight:600;font-size:clamp(2rem,3.4vw,2.8rem);color:var(--vx-blue);letter-spacing:-.02em;line-height:1}
.vx-media-text .stats__l{display:block;margin-top:8px;color:var(--vx-muted);font-size:14.5px;line-height:1.4}
@media (max-width:1100px){
  .vx-media-text .stats{grid-template-columns:repeat(2,1fr);row-gap:28px}
}
@media (max-width:860px){
  .vx-media-text .stats{grid-template-columns:repeat(2,1fr)}
}