video-banner{display:grid;grid-template-areas:"banner";grid-template-columns:1fr;height:100svh}video-banner .video-banner__video{display:grid;grid-area:banner;grid-template-areas:"img";grid-template-columns:1fr;min-height:100svh;overflow:hidden}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__headline{align-items:flex-start;display:flex;grid-area:banner;justify-content:flex-start;margin-left:0;margin-right:auto;margin-top:72px;padding:0 16px;transition:padding .24s ease;width:100%;z-index:1}@media (min-width:576px){video-banner .video-banner__headline{align-items:flex-end;max-height:100svh;padding:0 24px 32px;width:64%}}@media (min-width:768px){video-banner .video-banner__headline{width:55%}}@media (min-width:992px){video-banner .video-banner__headline{padding:0 32px 32px;width:48%}}video-banner .video-banner__headline h2{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:inherit;font-family:Sanomat-LightItalic,sans-serif;font-size:clamp(2.25rem,5cqi,3.25rem);font-style:normal;font-weight:400;line-height:1.04;margin:0}video-banner .video-banner__headline a{color:#fff;display:block;height:56px;margin-top:24px;position:relative;width:100%}video-banner .video-banner__headline a:after,video-banner .video-banner__headline a:before{border-radius:4px;height:100%;left:0;position:absolute;top:0;width:100%}video-banner .video-banner__headline a:before{background-blend-mode:multiply;background-color:#c03;background-image:url(img-ht.png);background-repeat:repeat;background-size:40%;border:1px dashed #66001a;content:"";z-index:0}video-banner .video-banner__headline a:after{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;background-color:#f36;border:1px solid #231f20;color:#fff;content:attr(data-content);display:flex;font-family:SanomatSans-Medium,sans-serif;font-size:1.32em;font-style:normal;font-weight:400;justify-content:center;letter-spacing:.72px;line-height:1;transform:translate(-4px,-4px);transition:all .24s ease,transform .12s ease;z-index:1}@media (hover:hover){video-banner .video-banner__headline a:hover:after{background-color:#ff1a53}}video-banner .video-banner__headline a:active:after{transform:translate(0)}@media (max-width:575px){video-banner .video-banner__headline a{margin-bottom:24px;margin-top:auto}}@media (min-width:576px){video-banner .video-banner__headline a{max-width:320px}}@media (max-width:575px){video-banner .video-banner__headline-box{display:flex;flex-direction:column;height:100%}}video-banner[mobile-ar]{height:auto}video-banner[mobile-ar] .video-banner__video{aspect-ratio:16/9;height:auto}