@container hero-banner (max-width:1023px){[data-content-type=hero-banner][data-content-type=hero-banner] .hb-box:after{padding-top:66.6667%}[data-content-type=hero-banner][data-content-type=hero-banner] .inner{padding:40px}}@container hero-banner (max-width:479px){[data-content-type=hero-banner][data-content-type=hero-banner] .hb-box:after{padding-top:182.9268%}[data-content-type=hero-banner][data-content-type=hero-banner] .inner{padding:32px 24px}[data-content-type=hero-banner][data-content-type=hero-banner] .copy h1,[data-content-type=hero-banner][data-content-type=hero-banner] .copy h2,[data-content-type=hero-banner][data-content-type=hero-banner] .copy h3{white-space:normal}[data-content-type=hero-banner][data-content-type=hero-banner] .pill{margin-bottom:20px;font-size:12px}[data-content-type=hero-banner][data-content-type=hero-banner] .copy p{margin-top:16px}[data-content-type=hero-banner][data-content-type=hero-banner] .actions{margin-top:24px;flex-direction:column;align-items:flex-start}[data-content-type=hero-banner][data-content-type=hero-banner] .btn{flex:0 0 auto;height:40px;font-size:14px}[data-content-type=hero-banner][data-content-type=hero-banner] .hb-controls{left:24px;right:24px;bottom:20px}[data-content-type=hero-banner][data-content-type=hero-banner] .hb-controls__progress{width:auto;flex:1 1 auto}}