/* Mobile: matching landscape photos finish each function list. */
@media (max-width: 768px) {
  html body.subpage .fi-visual-blend .fi-vblend-mobile-media {
    width: auto !important;
    height: auto;
    aspect-ratio: 16 / 9;
    margin: 24px -24px 0 !important;
    background-size: cover;
    background-position: center 55%;
    border-radius: 0;
  }

  html body.subpage .fi-basic-section .fi-vblend-mobile-media {
    --photo-surface: #fff;
  }

  html body.subpage .fi-option-section .fi-vblend-mobile-media {
    --photo-surface: #1a2b5c;
  }

  html body.subpage .fi-visual-blend .fi-vblend-mobile-media::after {
    background:
      linear-gradient(180deg, var(--photo-surface) 0%, transparent 18%, transparent 82%, var(--photo-surface) 100%),
      linear-gradient(90deg, var(--photo-surface) 0%, transparent 7%, transparent 93%, var(--photo-surface) 100%) !important;
  }

  html body.subpage .fi-basic-section .fi-basic-note {
    margin-top: 20px;
    padding: 0;
    font-size: clamp(11px, 3.3vw, 13px) !important;
    line-height: 1.6;
    letter-spacing: 0;
    white-space: nowrap;
  }
}