/* Image integration only; existing content and shared styles remain unchanged. */
.homepage-hero-visual{min-width:0;display:flex;flex-direction:column;gap:20px}
.homepage-hero-illustration,.homepage-storage-illustration{margin:0;min-width:0}
.homepage-hero-illustration img,.homepage-storage-illustration img{display:block;width:100%;height:auto;object-fit:contain;border-radius:24px}
.homepage-hero-illustration figcaption,.homepage-storage-illustration figcaption{font-size:.78rem;line-height:1.45;color:#4f6578;margin:9px 3px 0}
.homepage-storage-illustration{max-width:1000px;margin:30px auto 0}
@media(max-width:720px){.homepage-hero-visual{gap:18px}.homepage-hero-illustration img,.homepage-storage-illustration img{border-radius:16px}.homepage-storage-illustration{margin-top:24px}}

.hero-grid:has(.homepage-hero-visual){align-items:start}
@media(max-width:720px){.hero-grid:has(.homepage-hero-visual){display:flex;flex-direction:column;gap:24px}.homepage-hero-visual{display:contents}.homepage-hero-illustration{order:-1;width:100%}.hero-grid:has(.homepage-hero-visual)>.hero-card,.homepage-hero-visual>.hero-card{width:100%}}