section.okd-intro{padding-left:3.2rem!important;padding-right:3.2rem!important}section.okd-intro .intro-image{position:relative;height:90rem;background:#fff}section.okd-intro .intro-image>img{display:block;width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0;z-index:1}section.okd-intro .intro-image>.wrap_inner{display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;height:100%;position:relative;z-index:3;padding-bottom:4.8rem}section.okd-intro .intro-image>.wrap_inner .text{max-width:56rem}section.okd-intro .intro-image>.wrap_inner .text *{color:#fff}section.okd-intro .intro-image>.wrap_inner .text h1,section.okd-intro .intro-image>.wrap_inner .text h2,section.okd-intro .intro-image>.wrap_inner .text h3,section.okd-intro .intro-image>.wrap_inner .text h4,section.okd-intro .intro-image>.wrap_inner .text h5,section.okd-intro .intro-image>.wrap_inner .text h6{font-size:4.8rem;font-weight:400}section.okd-intro .intro-image>.wrap_inner .text h1 b,section.okd-intro .intro-image>.wrap_inner .text h1 strong,section.okd-intro .intro-image>.wrap_inner .text h2 b,section.okd-intro .intro-image>.wrap_inner .text h2 strong,section.okd-intro .intro-image>.wrap_inner .text h3 b,section.okd-intro .intro-image>.wrap_inner .text h3 strong,section.okd-intro .intro-image>.wrap_inner .text h4 b,section.okd-intro .intro-image>.wrap_inner .text h4 strong,section.okd-intro .intro-image>.wrap_inner .text h5 b,section.okd-intro .intro-image>.wrap_inner .text h5 strong,section.okd-intro .intro-image>.wrap_inner .text h6 b,section.okd-intro .intro-image>.wrap_inner .text h6 strong{font-weight:600}section.okd-intro .intro-image>.wrap_inner .text p{font-size:2rem;opacity:.8;margin:-.9rem 0 2.5rem}section.okd-intro .intro-image>.wrap_inner .links{display:flex;width:100%;flex-direction:row;justify-content:space-between;align-items:center;gap:3.2rem;margin:12rem 0 0}section.okd-intro .intro-image>.wrap_inner .links a{display:block;width:calc(33.33% - (3.2rem * 2 / 3));flex:1 1 0;text-align:center}section.okd-intro .intro-image:after{display:block;content:"";width:auto;height:100%;position:absolute;top:0;left:0;right:0;z-index:2;background:#3a3a3a;background:-moz-linear-gradient(180deg,rgba(58,58,58,0) 36%,#3a3a3a 100%);background:-webkit-linear-gradient(180deg,rgba(58,58,58,0) 36%,#3a3a3a 100%);background:linear-gradient(180deg,#3a3a3a00 36%,#3a3a3a);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#3a3a3a",endColorstr="#3a3a3a",GradientType=1)}section.okd-intro .intro-collection{position:relative;margin:3.2rem 0 0}section.okd-intro .intro-collection:after{display:block;width:auto;content:"";position:absolute;bottom:0;left:0;right:0;z-index:1;border-bottom:1px solid #d9d9d9}section.okd-intro .intro-collection .wrap_inner{width:100%;max-width:100%;padding:0;display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;position:relative;height:18rem}section.okd-intro .intro-collection .text{width:32.4rem;height:100%;flex:0 0 auto;padding:1.6rem 2rem 0 0;margin-left:calc((100% - 1600px)/2);position:relative;border-bottom:1px solid #d9d9d9}section.okd-intro .intro-collection .text:after{display:block;width:2rem;content:"";position:absolute;bottom:-1px;right:0;z-index:2;border-bottom:1px solid #fff}section.okd-intro .intro-collection .text .arrows{display:flex;flex-direction:row;gap:.8rem}section.okd-intro .intro-collection .text .arrows a{display:block;content:"";width:3.2rem;height:3.2rem;background:url('data:image/svg+xml;utf8,<svg width="10" height="6" viewBox="0 0 10 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9 5L5 0.999999L1 5" stroke="%23706F6F" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat center center;border:1px solid #bebebe;border-radius:9999px;transition:all .2s}section.okd-intro .intro-collection .text .arrows a[href="#prev"]{transform:rotate(-90deg)}section.okd-intro .intro-collection .text .arrows a[href="#next"]{transform:rotate(90deg)}section.okd-intro .intro-collection .text .arrows a:hover{background:url('data:image/svg+xml;utf8,<svg width="10" height="6" viewBox="0 0 10 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9 5L5 0.999999L1 5" stroke="%23FFFFFF" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat center center #5b1329;border-color:#5b1329}section.okd-intro .intro-collection .collections-wrap{width:100%;z-index:2;background:#fff;overflow-x:scroll;-ms-overflow-style:none;scrollbar-width:none}section.okd-intro .intro-collection .collections-wrap::-webkit-scrollbar{display:none}section.okd-intro .intro-collection .collections-wrap .collections{width:100%}section.okd-intro .intro-collection .collections-wrap .collections [data-flickity],section.okd-intro .intro-collection .collections-wrap .collections .flickity-viewport{width:100%}section.okd-intro .intro-collection .collections-wrap .collections .collection{flex:0 0 auto;margin-right:2rem}section.okd-intro .intro-collection .collections-wrap .collections .collection a{display:flex;flex-direction:column;justify-content:flex-end;width:30.4rem;height:18rem;position:relative;padding:0 0 1.2rem 1.6rem;background:#d9d9d9;text-decoration:none;overflow:hidden}section.okd-intro .intro-collection .collections-wrap .collections .collection a h4{font-family:DM Sans,sans-serif;font-size:1.8rem;font-weight:500;color:#f5f5f5;position:relative;z-index:3;margin:0}section.okd-intro .intro-collection .collections-wrap .collections .collection a img,section.okd-intro .intro-collection .collections-wrap .collections .collection a svg{display:block;width:100%;height:100%;position:absolute;top:0;left:0;z-index:1;transition:all .2s}section.okd-intro .intro-collection .collections-wrap .collections .collection a:after{display:block;content:"";width:auto;height:100%;position:absolute;top:0;left:0;right:0;z-index:2;background:#3a3a3a;background:-moz-linear-gradient(180deg,rgba(58,58,58,0) 36%,#3a3a3a 100%);background:-webkit-linear-gradient(180deg,rgba(58,58,58,0) 36%,#3a3a3a 100%);background:linear-gradient(180deg,#3a3a3a00 36%,#3a3a3a);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#3a3a3a",endColorstr="#3a3a3a",GradientType=1)}section.okd-intro .intro-collection .collections-wrap .collections .collection a:hover img,section.okd-intro .intro-collection .collections-wrap .collections .collection a:hover svg{transform:scale(1.05)}@media only screen and (max-width: 1700px){section.okd-intro .intro-image>.wrap_inner{padding-bottom:3.2rem}}@media only screen and (max-width: 1664px){section.okd-intro .intro-collection .text{margin-left:0}}@media only screen and (max-width: 1480px){section.okd-intro .intro-image{height:60rem}}@media only screen and (max-width: 1280px){section.okd-intro .intro-collection{margin:6rem 0 0}section.okd-intro .intro-collection .wrap_inner{flex-direction:column;height:auto}section.okd-intro .intro-collection .text{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;gap:3.2rem;width:100%;padding:0;margin:0 0 3.2rem;border-bottom:0}section.okd-intro .intro-collection .text:after{display:none}section.okd-intro .intro-collection .text h2{margin-bottom:0}section.okd-intro .intro-collection .text .arrows{margin-top:-.4rem}section.okd-intro .intro-collection:after{display:none}}@media only screen and (max-width: 1024px){section.okd-intro .intro-image>.wrap_inner .text h2{font-size:3rem}section.okd-intro .intro-image>.wrap_inner .text p{font-size:1.6rem}}@media only screen and (max-width: 950px){section.okd-intro .intro-image{height:32rem}section.okd-intro .intro-image>.wrap_inner .links{margin:1.6rem 0 0;gap:.8rem}section.okd-intro .intro-image>.wrap_inner .links a{width:calc(33.33% - (.8rem * 2 / 3))}}@media only screen and (max-width: 768px){section.okd-intro{padding-left:0!important;padding-right:0!important}section.okd-intro .intro-image>.wrap_inner{padding-bottom:1.6rem}section.okd-intro .intro-image>.wrap_inner .links a{padding-left:1.6rem;padding-right:1.6rem}section.okd-intro .intro-collection{padding:0 0 0 1.6rem}section.okd-intro .intro-collection .text{padding-right:1.6rem}}@media only screen and (max-width: 680px){section.okd-intro .intro-image>.wrap_inner .text h2{font-size:2.4rem}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-okd-intro.css.map */