.eyewear-feature{position:relative;aspect-ratio:1;overflow:hidden}@media screen and (min-width: 750px){.eyewear-feature{border-radius:.8rem}}.eyewear-feature-text{position:absolute;z-index:2;bottom:0;width:100%;left:0;padding:1.6rem}.eyewear-feature .video-with-controls,.eyewear-feature .video-section__media{width:100%;height:100%;display:block}@media screen and (max-width: 749px){.eyewear-features-wrapper{display:flex;flex-direction:column;gap:1.6rem}.eyewear-feature{width:100%;aspect-ratio:1}.eyewear-feature--1{order:1}.eyewear-feature--2{order:2}.eyewear-feature--3{order:4}.eyewear-feature--4{order:3}}.eyewear-feature img{display:block;object-fit:cover;max-width:unset;width:100%;height:100%;overflow:hidden}@media screen and (min-width: 750px){.eyewear-feature{overflow:hidden;aspect-ratio:auto}.eyewear-feature--1,.eyewear-feature--4{width:calc(100% - 432px - 1.6rem);aspect-ratio:1.83333}.eyewear-feature--2,.eyewear-feature--3{width:432px;aspect-ratio:.9}.eyewear-features-wrapper{display:flex;flex-wrap:wrap;gap:1.6rem}.eyewear-feature-text{display:flex;justify-content:space-between;align-items:flex-end;gap:1.6rem;padding:3.2rem}.eyewear-feature-text-inner{flex-grow:1}}@media screen and (min-width: 750px) and (max-width: 989px){.eyewear-feature--1,.eyewear-feature--4{width:calc(50% - .8rem);aspect-ratio:1.83333}.eyewear-feature--2,.eyewear-feature--3{width:calc(50% - .8rem);aspect-ratio:.9}}.eyewear-feature{color:#fff;font-weight:400}.eyewear-feature h3{color:#fff;font-weight:500;margin-bottom:.4rem;line-height:1.33}.eyewear-feature p{margin-top:0}@media screen and (min-width: 750px) and (max-width: 1149px){.eyewear-feature-text{padding:1.6rem}.eyewear-feature-text-inner .h2{font-size:2.4rem;line-height:1.25}.eyewear-feature-description{font-size:1.6rem;line-height:1.4}}@media screen and (min-width: 1150px) and (max-width: 1399px){.eyewear-feature-text{padding:2rem}.eyewear-feature-text-inner .h2{font-size:2.8rem}.eyewear-feature-description{font-size:1.6rem;line-height:1.5;max-width:600px}}@media screen and (min-width: 1400px){.eyewear-feature-description{font-size:2rem;line-height:1.6;width:100%;max-width:400px}}.eyewear-feature p:last-of-type{margin-bottom:0}@media screen and (max-width: 749px){.eyewear-feature .modal-open-button{padding:0;border:none;background-color:transparent;color:#fff;font-size:1.4rem;text-decoration:underline;text-underline-offset:.3rem;justify-content:flex-start;min-width:unset}.eyewear-feature .modal-open-button:hover{background-color:transparent;text-decoration-thickness:.2rem}.eyewear-feature.use-dark-text .button{color:#232327}}@media screen and (min-width: 750px){.eyewear-feature .modal-open-button{padding:1.2rem 3.2rem;border:#fff solid 2px;border-radius:2px;background-color:transparent;color:#fff}.eyewear-feature.use-dark-text .button{border:#232327 solid 2px;color:#232327;font-size:1.6rem}}@media screen and (min-width: 990px) and (max-width: 1399px){.eyewear-feature .modal-open-button{font-size:1.6rem}}.eyewear-feature.use-dark-text,.eyewear-feature.use-dark-text h3{color:#232327}.eyewear-feature .hero-banner-video__video{width:100%;height:100%;object-fit:cover}.hero-banner-video__controls{top:1rem;left:1rem!important}@media screen and (min-width: 750px){.hero-banner-video__controls{left:1.2rem!important}}.eyewear-feature video{display:block}.eyewear-feature .small-hide{height:100%}.features-block-link{display:block;position:absolute;top:0;bottom:0;left:0;right:0;z-index:3;transition:all .5s ease-in-out}.features-block-link+div img,.features-block-link+div video{transition:all .5s ease-in-out}.features-block-link:hover+div img,.features-block-link:hover+div video{transform:scale(1.1)}.feature-circle-arrow{display:flex;justify-content:center;align-items:center;width:48px;height:48px;background-color:#fff;color:#232327;border-radius:50%}.features-block-link:hover~.eyewear-feature-text .feature-circle-arrow,.feature-circle-arrow:hover{background-color:#dcdad7}.feature-circle-arrow svg{width:27px;height:27px}.feature-rows-section-link{margin-top:3.2rem}@media screen and (min-width: 750px){.feature-rows-section-link{margin-top:4.8rem}}
/*# sourceMappingURL=/cdn/shop/t/513/assets/section-eyewear-features.css.map */