/* Synedica.io desktop hero proportions for the supplied original reveal video */
.syuk-reference-hero.syuk-has-video{min-height:495px;background:#e6f1fb}
.syuk-reference-hero.syuk-has-video .hero-grid{width:calc(100% - 32px);max-width:1320px;grid-template-columns:1fr;min-height:495px}
.syuk-reference-hero.syuk-has-video .hero-copy{box-sizing:border-box;padding:69px 0 36px;width:min(540px,50vw);max-width:540px}
.syuk-reference-hero.syuk-has-video .hero-pill{font-size:12px;letter-spacing:.025em;font-weight:650;border-radius:30px;padding:9px 14px}
.syuk-reference-hero.syuk-has-video .hero-copy h1{margin:31px 0 28px;font-size:46px;line-height:1.10;font-weight:550;letter-spacing:-.048em;white-space:nowrap}
.syuk-reference-hero.syuk-has-video .hero-copy h1 em{display:block;font-size:35px;line-height:1.14;font-weight:530;letter-spacing:-.035em;white-space:nowrap}
.syuk-reference-hero.syuk-has-video .hero-copy>p{max-width:505px;margin-bottom:30px;font-size:17px;line-height:1.7;font-weight:400;color:#2a3957}
.syuk-reference-hero.syuk-has-video .hero-ctas{gap:13px}
.syuk-reference-hero.syuk-has-video .hero-ctas .button{min-height:56px;border-radius:8px;padding:12px 18px;font-size:14px}
.syuk-reference-hero.syuk-has-video .hero-ctas .button.dark{min-width:199px}
.syuk-reference-hero.syuk-has-video .hero-ctas .button.primary{min-width:211px}
.syuk-reference-hero.syuk-has-video .watch{margin-top:16px}
.syuk-reference-hero.syuk-has-video .syuk-homepage-video{object-position:center center}
.syuk-reference-hero.syuk-has-video .syuk-video-overlay{background:linear-gradient(90deg,rgba(251,253,255,.90) 0%,rgba(251,253,255,.82) 31%,rgba(247,251,255,.23) 61%,rgba(230,241,253,.04) 100%)}
@media(max-width:970px){
.syuk-reference-hero.syuk-has-video .hero-copy{width:min(560px,63vw)}
.syuk-reference-hero.syuk-has-video .hero-copy h1{font-size:43px}
.syuk-reference-hero.syuk-has-video .hero-copy h1 em{font-size:33px}
}
@media(max-width:750px){
.syuk-reference-hero.syuk-has-video .hero-grid{min-height:625px}
.syuk-reference-hero.syuk-has-video .hero-copy{width:min(100%,510px);padding:48px 0 40px}
.syuk-reference-hero.syuk-has-video .hero-copy h1{white-space:normal}
.syuk-reference-hero.syuk-has-video .syuk-homepage-video{object-position:62% center}
.syuk-reference-hero.syuk-has-video .syuk-video-overlay{background:linear-gradient(90deg,rgba(250,252,255,.95) 0%,rgba(250,252,255,.78) 52%,rgba(250,252,255,.22) 100%)}
}
@media(max-width:560px){
.syuk-reference-hero.syuk-has-video{min-height:675px}
.syuk-reference-hero.syuk-has-video .hero-grid{min-height:675px}
.syuk-reference-hero.syuk-has-video .hero-copy{padding:39px 0 45px;width:100%}
.syuk-reference-hero.syuk-has-video .hero-copy h1{font-size:40px;line-height:1.10;margin:25px 0 22px}
.syuk-reference-hero.syuk-has-video .hero-copy h1 em{font-size:29px;line-height:1.17;white-space:normal}
.syuk-reference-hero.syuk-has-video .hero-copy>p{font-size:15px;line-height:1.6;margin-bottom:25px;max-width:390px}
.syuk-reference-hero.syuk-has-video .hero-ctas{gap:9px}
.syuk-reference-hero.syuk-has-video .hero-ctas .button{min-width:0;font-size:12px;padding:11px 12px}
.syuk-reference-hero.syuk-has-video .hero-ctas .button.dark{min-width:0}
.syuk-reference-hero.syuk-has-video .hero-ctas .button.primary{min-width:0}
.syuk-reference-hero.syuk-has-video .watch{margin-top:18px}
.syuk-reference-hero.syuk-has-video .syuk-homepage-video{object-position:63% center}
.syuk-reference-hero.syuk-has-video .syuk-video-overlay{background:linear-gradient(180deg,rgba(250,252,255,.97) 0%,rgba(250,252,255,.90) 45%,rgba(247,252,255,.50) 75%,rgba(250,252,255,.16) 100%)}
}