section.okd-intro{padding:0 6rem}section.okd-intro .okd-intro__wrapper{position:relative}section.okd-intro .okd-intro__wrapper .okd-intro__inner{width:100%;height:calc(100vh - 100px);min-height:950px;position:relative;background:#f1f2f4}section.okd-intro .okd-intro__wrapper .okd-intro__inner>img,section.okd-intro .okd-intro__wrapper .okd-intro__inner>svg,section.okd-intro .okd-intro__wrapper .okd-intro__inner>picture,section.okd-intro .okd-intro__wrapper .okd-intro__inner>video{display:block;width:100%;height:100%;position:absolute;top:0;left:0;z-index:1;object-fit:cover;object-position:center}section.okd-intro .okd-intro__wrapper .okd-intro__inner:after{display:block;content:"";width:100%;height:100%;position:absolute;top:0;left:0;z-index:2;background:#031030;background:-moz-linear-gradient(90deg, rgba(3, 16, 48, 0.5116421569) 0%, rgba(3, 16, 48, 0) 50%);background:-webkit-linear-gradient(90deg, rgba(3, 16, 48, 0.5116421569) 0%, rgba(3, 16, 48, 0) 50%);background:linear-gradient(90deg, rgba(3, 16, 48, 0.5116421569) 0%, rgba(3, 16, 48, 0) 50%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#031030",endColorstr="#031030",GradientType=1)}section.okd-intro .okd-intro__wrapper .okd-intro__inner .okd-intro__text{display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;width:100%;height:100%;position:absolute;top:0;left:0;z-index:3;padding:6rem 6rem 32.5rem}section.okd-intro .okd-intro__wrapper .okd-intro__inner .okd-intro__text .text .claim{font-size:6.5rem;font-weight:700;line-height:.9;color:#fff;text-transform:uppercase;text-indent:-2px;margin:0 0 3.2rem}section.okd-intro .okd-intro__wrapper .okd-intro__inner .okd-intro__text .text p{font-size:1.8rem;color:#fff}section.okd-intro .okd-intro__wrapper .okd-intro__inner .okd-intro__text .text .buttons{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:wrap;gap:6rem;margin:8rem 0 0}section.okd-intro .okd-intro__wrapper .okd-intro__inner .okd-intro__text .text .buttons.buttons-with-highlight{gap:1.6rem}section.okd-intro .okd-intro__wrapper .okd-intro__inner .okd-intro__text .text .buttons .btn{margin:0}section.okd-intro .okd-intro__highlights{display:flex;flex-direction:row;justify-content:flex-start;align-items:stretch;position:absolute;bottom:0;left:0;transform:translateY(12.5rem);z-index:4;padding:0 6rem}section.okd-intro .okd-intro__highlights>div{display:flex;flex-direction:column;width:100%;max-width:59rem;height:25rem;padding:3.2rem}section.okd-intro .okd-intro__highlights>div *{color:#fff}section.okd-intro .okd-intro__highlights>div>p{line-height:1.4;opacity:.8}section.okd-intro .okd-intro__highlights>div>p:first-child{font-size:1.4rem;text-transform:uppercase;letter-spacing:.02em;line-height:1;opacity:1}section.okd-intro .okd-intro__highlights>div h4{font-size:2rem;line-height:1.2;margin:1.2rem 0 2.4rem}section.okd-intro .okd-intro__highlights>div a.btn-text{margin:auto auto 0 0}section.okd-intro .okd-intro__highlights>div:first-child{background:#e30613}section.okd-intro .okd-intro__highlights>div:first-child>p:first-child{color:#031030}section.okd-intro .okd-intro__highlights>div:nth-child(2){background:#031030}section.okd-intro .okd-intro__highlights>div:nth-child(2)>p:first-child{color:#e30613}@media only screen and (max-width: 1600px){section.okd-intro{padding:0 3.2rem}}@media only screen and (max-width: 1124px){section.okd-intro .okd-intro__wrapper .okd-intro__inner .okd-intro__text .text .claim{font-size:5.5rem}}@media only screen and (max-width: 1024px){section.okd-intro .okd-intro__wrapper .okd-intro__inner .okd-intro__text{justify-content:center;height:80%;top:auto;bottom:0;padding:6rem 3.2rem}section.okd-intro .okd-intro__highlights{flex-direction:column;position:relative;transform:none;padding:0}section.okd-intro .okd-intro__highlights>div{max-width:100%;height:auto}section.okd-intro .okd-intro__highlights>div a.btn-text{margin-top:2.4rem}}@media only screen and (max-width: 950px){section.okd-intro .okd-intro__wrapper .okd-intro__inner{min-height:0}section.okd-intro .okd-intro__wrapper .okd-intro__inner .okd-intro__text .text .claim{font-size:4.5rem}}@media only screen and (max-width: 680px){section.okd-intro{padding:0}section.okd-intro .okd-intro__wrapper .okd-intro__inner .okd-intro__text{padding:6rem 2.4rem}section.okd-intro .okd-intro__wrapper .okd-intro__inner .okd-intro__text .text .claim{font-size:4rem}section.okd-intro .okd-intro__highlights>div{padding:3.2rem 2.4rem}}/*# sourceMappingURL=intro-frontpage.css.map */
