/* Demo overview V2: keep V4 visual concept, remove oversized typography/empty space. */
.demo-v4-hero{padding-block:clamp(46px,6vw,76px);min-height:0}
.demo-v4-hero h1{max-width:15ch;font-size:clamp(2.7rem,5.2vw,4.8rem);line-height:1.03;letter-spacing:-.052em;overflow-wrap:normal;word-break:normal}
.demo-v4-hero .lead{margin-top:18px;max-width:64ch}
.demo-v4-showcase{padding-block:clamp(48px,6vw,78px)}
.demo-v4-showcase .section-head{margin-bottom:28px;max-width:64ch}
.demo-v4-showcase .section-head h2{font-size:clamp(2.1rem,4vw,3.6rem);line-height:1.04;letter-spacing:-.045em;max-width:15ch}
.demo-v4-card{min-height:520px;border-radius:28px;overflow:hidden}
.demo-v4-card-content{padding:clamp(22px,3vw,34px)}
.demo-v4-card h3{font-size:clamp(3rem,5vw,5rem);line-height:.98;letter-spacing:-.055em;margin-bottom:8px}
.demo-v4-card p{max-width:48ch;line-height:1.5}
.demo-v4-card-media img{width:100%;height:100%;object-fit:cover}
.demo-v4-grid{gap:18px}
.demo-v4-card--premium{min-height:560px}
.demo-v4-card-top{gap:10px;flex-wrap:wrap}
.demo-v4-card-top b{white-space:normal;text-align:right}
@media(max-width:760px){.demo-v4-hero h1{font-size:2.8rem}.demo-v4-showcase .section-head h2{font-size:2.4rem}.demo-v4-card{min-height:440px}.demo-v4-card h3{font-size:3.2rem}.demo-v4-card--premium{min-height:480px}}