.banner-and-swiper .hero{position:relative;height:160vw;max-height:800px;overflow:hidden}.banner-and-swiper .hero .bg-image{position:absolute;width:100%;height:auto;bottom:0;left:0;z-index:1;object-fit:cover}.banner-and-swiper .hero .content{width:100%;height:50%;padding:30px;display:flex;justify-content:center;position:absolute;top:10vw;left:50%;transform:translate(-50%);z-index:2}.banner-and-swiper .hero .content *{text-align:left;color:#fff;padding:10px 0}.banner-and-swiper .hero .content h1,.banner-and-swiper .hero .content h2,.banner-and-swiper .hero .content h3{font-size:5rem;line-height:.8;font-family:Bebas,Impact,Helvetica,sans-serif}.banner-and-swiper .hero .content p{font-family:Karla,Arial,Helvetica,sans-serif;font-weight:200;font-size:2rem}.banner-and-swiper .hero .content .btn{background:#fff}@media(min-width:480px){.banner-and-swiper .hero{max-height:700px}.banner-and-swiper .hero .content{top:5vw}}@media(min-width:570px){.banner-and-swiper .hero{max-height:800px}.banner-and-swiper .hero .content{top:5vw;padding:0 30px 30px}}@media(min-width:780px){.banner-and-swiper .hero{max-height:900px}.banner-and-swiper .hero .content{top:5vw}}@media(min-width:900px){.banner-and-swiper .hero{max-height:80vw}.banner-and-swiper .hero .content{transform:unset;left:unset;right:5vw;bottom:0;height:unset;align-items:center;width:30vw;max-width:unset}.banner-and-swiper .hero .content h1,.banner-and-swiper .hero .content h2,.banner-and-swiper .hero .content h3{font-size:clamp(3rem,4vw,7rem);line-height:1}.banner-and-swiper .hero .content p{font-size:clamp(1.8rem,1.5vw,2.6rem)}.banner-and-swiper .hero .bg-image{height:100%}}.banner-and-swiper .swiper .container{display:flex;gap:1rem;margin:1rem;flex-direction:column}.banner-and-swiper .swiper .container .item{position:relative;width:100%;height:120vw;border-radius:2px;background:#0077ae;padding:20px 40px 20px 20px;text-decoration:none;display:flex;align-items:center;overflow:hidden}.banner-and-swiper .swiper .container .item *{color:#fff;text-align:left;padding:0 0 10px}.banner-and-swiper .swiper .container .item h1,.banner-and-swiper .swiper .container .item h2,.banner-and-swiper .swiper .container .item h3{font-size:5rem;line-height:1;font-family:Bebas,Impact,Helvetica,sans-serif}.banner-and-swiper .swiper .container .item p{font-family:Karla,Arial,Helvetica,sans-serif;font-weight:200;font-size:2rem}.banner-and-swiper .swiper .container .item img{display:block;width:100%;height:110%;position:absolute;top:0;left:0;z-index:1;object-fit:cover}.banner-and-swiper .swiper .container .item .btn{background:#fff;color:#1c2226;border:none;padding:5px 20px 0;line-height:3}.banner-and-swiper .swiper .container .item .video-background{position:absolute;left:0;top:0;width:100%;height:110%;object-fit:cover;z-index:1;background-size:cover;-webkit-transition:opacity .2s ease-in;-ms-transition:opacity .2s ease-in;transition:opacity .2s ease-in}.banner-and-swiper .hero.hero--kids{height:auto;aspect-ratio:16 / 9;max-height:none;background:#f7f7f5}.banner-and-swiper .hero.hero--kids .bg-image{position:absolute;left:0;top:50%;bottom:auto;transform:translateY(-50%);width:68%;height:auto;object-fit:contain;object-position:center center}.banner-and-swiper .hero.hero--kids .content{left:auto;top:40%;bottom:auto;right:6%;transform:translateY(-50%);width:27%;height:auto;background:none;border:0;border-radius:0;padding:30px 0;display:flex;flex-direction:column;align-items:flex-start}.banner-and-swiper .hero.hero--kids .content *{text-align:left;color:#1c2226;padding:0 0 16px}.banner-and-swiper .hero.hero--kids .content h1,.banner-and-swiper .hero.hero--kids .content h2,.banner-and-swiper .hero.hero--kids .content h3{font-family:Exalted,Arial,Helvetica,sans-serif;font-size:2.7rem;line-height:.95;font-stretch:condensed;font-weight:800}.banner-and-swiper .hero.hero--kids .content p{font-family:inherit;font-size:clamp(1.4rem,1.2vw,1.9rem);line-height:1.25}.banner-and-swiper .hero.hero--kids .content .btn{background:#eba900;color:#1c2226;border:0;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;padding:2rem 2rem 1.5rem;line-height:1;margin-top:10px}.banner-and-swiper .swiper .container .item.item--crafted{background:#eba900;align-items:center;padding:4rem 5rem;height:auto;min-height:320px}.banner-and-swiper .swiper .container .item.item--crafted .text-content{padding-bottom:0;padding-top:.5rem}.banner-and-swiper .swiper .container .item.item--crafted *{color:#fff}.banner-and-swiper .swiper .container .item.item--crafted h1,.banner-and-swiper .swiper .container .item.item--crafted h2,.banner-and-swiper .swiper .container .item.item--crafted h3{font-family:Exalted,Arial,Helvetica,sans-serif;color:#000;font-size:2.8rem;font-weight:700}.banner-and-swiper .swiper .container .item.item--crafted p{margin-bottom:3rem;color:#000;font-weight:400;line-height:1.25;font-family:inherit}.banner-and-swiper .swiper .container .item.item--crafted .btn{background:#fff;color:#1c2226}.banner-and-swiper .swiper .container .item.item--external-image{padding:0;background:#111}.banner-and-swiper .swiper .container button.item{border:0;font:inherit;cursor:pointer}.banner-and-swiper .swiper .container .item.item--external-image .text-content{display:none}.banner-and-swiper .swiper .container .item.item--external-image .banner-image{width:100%;height:100%;object-fit:cover}.banner-and-swiper .swiper .container .item.item-2 .banner-image{object-position:center center}.banner-and-swiper .swiper .container .item.item-3 .banner-image{object-position:30% center}.vimeo-modal[hidden]{display:none}.vimeo-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:grid;place-items:center;padding:24px}.vimeo-modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000d1}.vimeo-modal__dialog{position:relative;z-index:1;width:min(960px,100%);background:#000;box-shadow:0 20px 60px #00000059}.vimeo-modal__frame{aspect-ratio:16 / 9}.vimeo-modal__frame iframe{display:block;width:100%;height:100%;border:0}.vimeo-modal__close{position:absolute;top:8px;right:8px;z-index:2;width:36px;height:36px;border:0;border-radius:50%;background:#fff;color:#1c2226;font-size:24px;display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer}.vimeo-modal__close .icon-close{width:16px;height:16px;display:block}body.vimeo-modal-open{overflow:hidden}@media(min-width:1200px){.banner-and-swiper .swiper .container{display:flex;gap:2.5rem;margin:2.5rem;flex-direction:row}.banner-and-swiper .swiper .container .item.item--crafted{min-height:600px}.banner-and-swiper .swiper .container .item{width:33%;height:600px}}@media(min-width:820px)and (max-width:1199px){.banner-and-swiper .swiper .container{display:flex;gap:clamp(0rem,.5vw,1rem);margin:clamp(0rem,.25vw,1rem);flex-direction:row}.banner-and-swiper .swiper .container .item{width:33%;height:600px}.banner-and-swiper .swiper .container .item.item--crafted{min-height:600px;padding:3rem 4rem}.banner-and-swiper .swiper .container .item.item--crafted h2{font-size:2.8rem}.banner-and-swiper .swiper .container .item.item--crafted p{font-size:clamp(1.4rem,1.2vw,1.9rem)}}@media(max-width:819px){.banner-and-swiper .hero.hero--kids{height:auto;aspect-ratio:auto;overflow:visible;display:flex;flex-direction:column}.banner-and-swiper .hero.hero--kids .bg-image{position:relative;left:auto;top:auto;bottom:auto;transform:none;width:100%;height:auto}.banner-and-swiper .hero.hero--kids .content{position:relative;left:auto;right:auto;top:auto;bottom:auto;width:auto;max-width:none;padding:24px 20px 32px;transform:none;display:flex;flex-direction:column;align-items:flex-start}.banner-and-swiper .hero.hero--kids .content h1,.banner-and-swiper .hero.hero--kids .content h2,.banner-and-swiper .hero.hero--kids .content h3{font-size:clamp(2rem,8vw,3.2rem)}.banner-and-swiper .hero.hero--kids .content p{font-size:clamp(1.25rem,4.2vw,1.7rem)}.banner-and-swiper .swiper .container .item.item--crafted{min-height:280px}.banner-and-swiper .swiper .container .item.item--external-image{height:clamp(300px,96vw,420px)}.vimeo-modal{padding:0}.vimeo-modal__dialog{width:100%;height:100%}.vimeo-modal__frame{width:100%;height:100%;aspect-ratio:auto}}
/*# sourceMappingURL=/cdn/shop/t/103/assets/ocs-banner-and-swiper.css.map */