/* Keep hero columns sized to their content, with a balanced illustration. */
.cn-home .hero{max-width:940px;grid-template-columns:minmax(0,490fr) minmax(0,426fr);gap:24px;padding-block:22px;align-items:center}
.cn-home .hero-copy{min-width:0}
.cn-home .hero .eyebrow{margin-bottom:12px}
.cn-home .hero h1{margin-bottom:16px}
.cn-home .hero h1 .hero-context{font-size:30px;line-height:1.35;margin-bottom:8px}
.cn-home .hero h1 em{font-size:44px;line-height:1.25}
.cn-home .hero-lead{font-size:18px;line-height:1.65;margin-bottom:10px}
.cn-home .hero-text{font-size:15px;line-height:1.8}
.cn-home .hero-actions{flex-direction:row;align-items:center;flex-wrap:wrap;gap:8px 12px;margin-top:14px;margin-bottom:10px}
.cn-home .hero-actions .button{min-height:54px;padding:12px 20px;font-size:14px;gap:12px}
.cn-home .hero .action-note{font-size:11px;line-height:1.7}
.cn-home .hero-art>img{max-width:400px;max-height:none;margin-inline:auto}
.cn-home .hero-art figcaption{gap:2px 10px;font-size:11px;line-height:1.6}
@media(min-width:801px) and (max-width:1100px){.cn-home .hero{width:calc(100% - 64px);gap:24px}.cn-home .hero h1 .hero-context{font-size:27px}.cn-home .hero h1 em{font-size:39px}.cn-home .hero .action-note br{display:none}}
@media(max-width:800px){.cn-home .hero{grid-template-columns:1fr;max-width:580px;gap:14px;padding-block:20px}.cn-home .hero-art>img{max-width:260px}.cn-home .hero h1 .hero-context{font-size:28px}.cn-home .hero h1 em{font-size:40px}}
@media(max-width:580px){.cn-home .hero{gap:12px;padding-block:18px}.cn-home .hero h1 .hero-context{font-size:24px;line-height:1.4;margin-bottom:6px}.cn-home .hero h1 em{font-size:36px}.cn-home .hero h1{margin-bottom:12px}.cn-home .hero-lead{font-size:17px}.cn-home .hero-text{font-size:14px}.cn-home .hero-actions{flex-direction:column;align-items:flex-start;gap:6px}.cn-home .hero-actions .button{font-size:15px;min-height:52px}.cn-home .hero-art>img{max-width:220px}.cn-home .hero-art figcaption{font-size:10px}}