/* Text + large image (Figma "See a recent issue") */
.lp-feature { background: var(--lp-tint); }
.lp-feature__grid { display: flex; align-items: center; gap: 36px; }
.lp-feature__text { flex: 0 0 453px; display: flex; flex-direction: column; align-items: flex-start; gap: 24px; padding: 48px 0; }
.lp-page .lp-feature__text .lp-h2 { font-size: 48px; line-height: 1.4; margin: 0; }
.lp-feature .lp-feature__btn { padding: 8px 8px 8px 18px; font-size: 0.9375rem; }
.lp-feature .lp-feature__btn:after { width: 30px; }
.lp-feature__img { position: relative; flex: 1 1 0; min-width: 0; aspect-ratio: 888 / 936; }
.lp-feature__img img { display: block; width: 100%; height: 100%; object-fit: contain; }
.lp-feature__img::after { content: ""; position: absolute; inset: 0; pointer-events: none; background-image: linear-gradient(-71.57deg, rgba(255, 255, 255, 0.4) 3.98%, rgba(255, 255, 255, 0) 12.9%); }

@media (max-width: 980px) {
  .lp-feature__grid { flex-direction: column; align-items: stretch; gap: 8px; }
  .lp-feature__text { flex: none; padding: 36px 0 0; }
  .lp-page .lp-feature__text .lp-h2 { font-size: 34px; }
  .lp-feature__img { width: 100%; max-width: 640px; margin: 0 auto; }
}
@media (max-width: 720px) { .lp-page .lp-feature__text .lp-h2 { font-size: 28px; } }
