video-banner{display:grid;grid-template-areas:"banner";grid-template-columns:1fr;height:100svh;max-width:100%}video-banner .video-banner__video{display:grid;grid-area:banner;grid-template-areas:"img";grid-template-columns:1fr;max-width:100%;min-height:100svh;overflow:hidden;position:relative}video-banner .video-banner__video img,video-banner .video-banner__video video{grid-area:img;height:100%;-o-object-fit:cover;object-fit:cover;position:relative;width:100%}video-banner .video-banner__video video{z-index:1}video-banner .video-banner__video img{z-index:0}video-banner .video-banner__video:after{background-color:hsl(from var(--color-gunmetal) h s calc(l - 20)/.15);content:"";inset:0;pointer-events:none;position:absolute;z-index:2}video-banner .video-banner__content{align-items:var(--mv_align);display:flex;grid-area:banner;justify-content:var(--mh_align);margin-left:0;margin-right:auto;margin-top:72px;padding:0 16px 32px;position:relative;transition:padding .24s ease;width:100%;z-index:1;z-index:3}@media (min-width:576px){video-banner .video-banner__content{align-items:var(--dv_align);justify-content:var(--dh_align);max-height:100svh;padding:0 24px 32px}}@media (min-width:992px){video-banner .video-banner__content{padding:0 32px 32px}}video-banner .video-banner__content-box{text-align:center}video-banner .video-banner__headline h1{font-family:Sanomat-LightItalic,sans-serif;font-size:1.75rem;line-height:1.04;margin:0}video-banner .video-banner__headline h1,video-banner .video-banner__headline-caption{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:inherit;font-style:normal;font-weight:400;text-shadow:1px 2px 3px rgb(from var(--color-gunmetal) r g b/.32)}video-banner .video-banner__headline-caption{font-family:SanomatSans-Light,sans-serif;font-size:.875rem;margin-top:8px}video-banner .video-banner__subheadline h2{color:inherit;font-family:Sanomat-LightItalic,sans-serif;font-size:1.125rem;margin:16px 0 0;text-shadow:1px 2px 3px rgb(from var(--color-gunmetal) r g b/.32)}video-banner .video-banner__btn a,video-banner .video-banner__subheadline h2{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-style:normal;font-weight:400}video-banner .video-banner__btn a{background-color:var(--color-offwhite);border:1px solid var(--color-offwhite);display:inline-block;font-family:SanomatSans-Light,sans-serif;font-size:1rem;letter-spacing:1.5px;margin-top:24px;outline:none;overflow:hidden;position:relative;text-transform:uppercase;z-index:1}video-banner .video-banner__btn a span,video-banner .video-banner__btn a:after{color:var(--color-gunmetal);display:grid;height:40px;padding-inline:40px;place-content:center;transition:transform .48s;transition-timing-function:cubic-bezier(.19,1,.22,1)}video-banner .video-banner__btn a:after{content:attr(data-content);height:100%;left:0;position:absolute;top:0;transform:translate3d(0,100%,0);width:100%}video-banner .video-banner__btn a:focus-visible span,video-banner .video-banner__btn a:hover span{transform:translate3d(0,-100%,0)}video-banner .video-banner__btn a:focus-visible:after,video-banner .video-banner__btn a:hover:after{transform:translateZ(0)}video-banner .video-banner__btn-caption{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:inherit;font-family:SanomatSans-Regular,sans-serif;font-size:.875rem;font-style:normal;font-weight:400;margin-top:16px;text-shadow:1px 2px 3px rgb(from var(--color-gunmetal) r g b/.4)}video-banner .video-banner__btn-caption:has(a>svg){align-items:flex-end;display:inline-flex;gap:8px;line-height:20px}video-banner .video-banner__btn-caption>a svg{display:block;position:relative;top:-5px}video-banner[mobile-ar]{height:auto}video-banner[mobile-ar] .video-banner__video{aspect-ratio:16/9;height:auto}