/* Keep scene and explanation together without text overlays or image cropping. */
.scenario-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(24px,4vw,58px);align-items:center}
.scenario-hero h1{font-size:clamp(2rem,3.3vw,3.5rem);line-height:1.1;max-width:22ch}
.scenario-hero>div{min-width:0}
.scenario-figure{margin:0;border:1px solid #d8e5dc;border-radius:20px;overflow:hidden;background:#fff;box-shadow:0 16px 40px #123b2410}
.scenario-figure img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}
.scenario-figure figcaption{padding:18px 22px;color:#173e30;font-size:1rem;line-height:1.5}
.scenario-figure figcaption span{display:block;margin-bottom:7px;font-size:.74rem;letter-spacing:.06em;text-transform:uppercase;color:#52685e}
.scenario-thumbnail{display:block;margin-bottom:20px;border-radius:12px;overflow:hidden;background:#eff4f0}
.scenario-thumbnail img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}
.scenario-card{display:flex;flex-direction:column}
.scenario-card>a:last-child{margin-top:auto}
@media(max-width:900px){.scenario-hero{grid-template-columns:1fr}.scenario-hero h1{max-width:none}.scenario-figure{max-width:720px;width:100%}}
@media(prefers-reduced-motion:no-preference){.scenario-thumbnail img{transition:transform .2s ease}.scenario-thumbnail:hover img{transform:scale(1.025)}}