.animate__animated{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:backwards;animation-fill-mode:backwards}.hero.blog{background-color:var(--bc-opsec);background-position:bottom;background-repeat:no-repeat;background-size:cover;display:flex;overflow:hidden;position:relative}.hero.blog .gradient-wrapper,.hero.blog .graphics-wrapper,.hero.blog .video-wrapper{-webkit-animation-delay:2s;animation-delay:2s;height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%;z-index:1}.hero.blog .graphics-wrapper{-webkit-animation-delay:2.25s;animation-delay:2.25s;height:100%;left:auto;right:0;width:50%}.hero.blog .graphics-wrapper svg{bottom:0;height:auto;max-width:100%;position:absolute;right:0;width:100%}.hero.blog .gradient-wrapper{background:linear-gradient(255.63deg,hsla(72,8%,88%,0) 53.83%,#d8d4d1);height:100%}.hero.small .video-wrapper{-webkit-animation-delay:2.1s;animation-delay:2.1s;opacity:.3}.hero.blog .video-wrapper video{height:100%;object-fit:cover;object-position:center;width:100%}.hero.blog .text-wrapper{-webkit-animation-delay:1s;animation-delay:1s;max-width:660px;position:relative;z-index:4}.hero.blog .text-wrapper *{color:inherit}.hero.blog .text-wrapper b,.hero.blog .text-wrapper strong{color:#e3bb9e;font-weight:700}.hero.blog .content-wrapper{display:grid;grid-template-columns:2fr 1fr;padding-bottom:140px;padding-top:200px;position:relative;z-index:3}.hero.blog .content-wrapper .menu-wrapper *{color:inherit}.hero.blog .content-wrapper .menu-wrapper ul{display:block}.hero.blog .content-wrapper .menu-wrapper ul li{border-bottom:1px solid #f1ddcf;display:block;transition:all .25s ease-in-out;width:100%}.hero.blog .content-wrapper .menu-wrapper ul li a{display:block;padding-left:0;padding-right:0;position:relative}.hero.blog .content-wrapper .menu-wrapper ul li a:after{content:url(https://1986139.fs1.hubspotusercontent-na1.net/hubfs/1986139/Rauhala%20Yhti%C3%B6t/2024-verkkosivuteeman-resurssit/grafiikka/nuoli-oikealle.svg);display:block;position:absolute;right:0;top:12px;transition:all .25s ease-in-out}.hero.blog .content-wrapper .menu-wrapper ul li:hover a:after{right:5px}.hero.blog .content-wrapper .form-wrapper{margin-top:40px}.hero.blog .content-wrapper .form-wrapper .form-title{color:#fff;font-size:20px;font-weight:600}@media (max-width:1200px){.hero.blog{min-height:50vh}.hero.blog .content-wrapper{align-items:flex-start;display:flex;flex-direction:column;justify-content:space-between;padding:9rem 1.25rem 3rem;position:relative}}