.hero-with-video-section{isolation:isolate;overflow:hidden;padding-block:60px;padding-inline:1rem}.hero-with-video-bg-image{display:none}.hero-grid-container{gap:40px;grid-template-columns:1fr}.hero-heading{margin-block-end:2.25rem}.hero-subheading{font-size:1.25rem;margin-block:0 38px;&[data-line-decorator]{border-left:1px solid #062151;padding-inline-start:clamp(1.25rem,.214rem + 4.42vw,3.75rem)}}.hero-media-wrapper{animation:zoomIn 1.5s ease forwards}@keyframes zoomIn{0%{transform:scale(.85)}to{transform:scale(1)}}.hero-media-video-wrapper{border:1px solid #e5e5e5;border-radius:10px;box-shadow:3px 4px 29px rgba(0,0,0,.11);margin-inline:auto;overflow:hidden;width:min(100%,600px)}.hero-media-video{border:1px solid #e5e5e5;border-radius:10px;max-width:100%;&.playing{&+.hero-play-button{display:none}}}.hero-video-thumbnail{inset:0;position:absolute;width:100%}.hero-play-button{aspect-ratio:1;background-color:#062151;border:none;border-radius:50%;cursor:pointer;display:block;isolation:isolate;left:50%;padding:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:background-color var(--transition-speed) ease;width:clamp(3.125rem,2.258rem + 3.698vw,4.625rem);&:before{border-bottom:8px solid transparent;border-left:15px solid #fff;border-top:8px solid transparent;content:"";left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}&:hover{background-color:#062151;border:none}&:focus{background-color:#ffc128;border:none}}.hero-download-link-wrapper{align-items:center;gap:10px;margin-block-start:1.25rem}.hero-download-link{color:#062151;&:active,&:focus,&:hover{color:#062151}}@media (min-width:64rem){.hero-with-video-section{padding-block:150px 120px}.hero-with-video-bg-image{display:block;inset:0;margin-inline-start:auto;position:absolute;top:65px;width:87%;z-index:-1}.hero-grid-container{grid-template-columns:repeat(2,1fr);place-items:center}.hero-play-button{&:before{border-bottom:11px solid transparent;border-left:19px solid #fff;border-top:11px solid transparent}}}@media (min-width:80rem){.hero-with-video-section{padding-inline:0}.hero-grid-container{grid-template-columns:1fr 558px}}