/* TOP only: keep copy and art close, without stretching to screen height. */
.cn-home .hero{max-width:1080px;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:32px;padding-block:24px;min-height:0}
.cn-home .hero .eyebrow{margin-bottom:12px}
.cn-home .hero h1{margin-bottom:12px;line-height:1.4}
.cn-home .hero-lead{margin-bottom:8px}
.cn-home .hero-text{line-height:1.8}
.cn-home .hero .area-note{margin-top:10px}
.cn-home .hero-actions{margin-top:16px;margin-bottom:10px;gap:12px}
.cn-home .hero-art{margin:0;max-width:none;width:100%}
.cn-home .hero-art>img{max-width:380px;margin-inline:auto}
.cn-home .hero-art figcaption{margin:8px 0 0;justify-content:center;flex-wrap:wrap;gap:2px 12px;font-size:11px}
@media(min-width:801px) and (max-width:1100px){.cn-home .hero{gap:24px}.cn-home .hero-actions{gap:6px}.cn-home .hero .action-note br{display:none}.cn-home .hero h1 em{font-size:40px}.cn-home .hero h1 .hero-context{font-size:28px}}
@media(max-width:800px){.cn-home .hero{grid-template-columns:1fr;gap:16px;padding-block:22px}.cn-home .hero-art>img{max-width:280px;max-height:280px}.cn-home .hero-art figcaption{margin-top:6px}}
@media(max-width:580px){.cn-home .hero{gap:12px;padding-block:18px}.cn-home .hero .eyebrow{margin-bottom:10px}.cn-home .hero h1{margin-bottom:10px}.cn-home .hero-actions{margin-top:12px;margin-bottom:8px;gap:6px}.cn-home .hero-art>img{max-width:230px;max-height:230px}.cn-home .hero-art figcaption{font-size:10px}.cn-home .hero .area-note{margin-top:8px}}