/* The campaign belongs to the hero artwork, so the copy does not push it below the first screen. */
.message-hero .illustrated-hero{height:550px;position:relative}.message-hero .hero-illustration{bottom:145px}.message-hero .illustrated-hero>.campaign-ticket{position:absolute;bottom:5px;left:12px;right:12px;width:auto;max-width:440px;margin:0;z-index:3}.message-hero .illustrated-hero .hero-result{bottom:150px}.message-hero .hero-copy{padding-bottom:0}
@media(min-width:721px) and (max-height:850px){.message-hero>.wrap{padding-top:25px;padding-bottom:25px;min-height:0}.message-hero .illustrated-hero{height:510px}.message-hero .eyebrow{margin-bottom:15px}}
@media(max-width:720px){.message-hero .visual-hero{min-height:0}.message-hero .hero-question{order:5}.message-hero .hero-copy>.intro{order:6}.message-hero .hero-copy>.empathy-tags{order:7}.message-hero .hero-copy>.btn{order:8}.message-hero .hero-copy>.micro{order:9}.message-hero .illustrated-hero{height:365px;order:4;margin:10px 0 5px;width:100%}.message-hero .hero-illustration{inset:0 -5px 125px}.message-hero .illustrated-hero .hero-result{bottom:125px}.message-hero .illustrated-hero>.campaign-ticket{bottom:6px;left:4px;right:8px;max-width:400px;width:auto;margin:0 auto}.message-hero .ticket-heading{padding:6px 10px}.message-hero .ticket-offer{padding:9px 11px}.message-hero .ticket-offer b{font-size:46px}.message-hero .hero-question{margin-top:14px}}