.image-banner{position:relative;min-height:clamp(34rem,56.25vw,67.5rem);overflow:hidden;background:#445438}.image-banner__bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.image-banner__glow{position:absolute;right:2%;top:38%;width:clamp(12rem,21vw,25.5rem);height:auto;pointer-events:none;transform:rotate(90deg) scaleY(-1)}.image-banner__title{position:absolute;left:clamp(1.25rem,5.81vw,4.1rem);right:var(--page-gutter);bottom:40px;font-family:var(--font-heading);font-weight:800;font-size:clamp(2.5rem,6.04vw,7.25rem);line-height:1.38;color:#f5f5f5;mix-blend-mode:overlay;pointer-events:none;margin-top:120px;z-index:10}.image-banner__card{position:absolute;background:#ffffff14;border:1px solid #ffffff29;border-radius:var(--radius-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:2.1875rem clamp(1.875rem,3.5vw,3.125rem);transition:transform var(--duration-default) var(--ease-spring),box-shadow var(--duration-default) var(--ease-spring)}.image-banner__card:hover{transform:translateY(-4px);box-shadow:0 24px 50px #4454382e}.image-banner__card--product{left:clamp(1.25rem,5.81vw,4.1rem);top:clamp(4rem,9.16vw,11rem);display:flex;flex-direction:column;align-items:center;gap:1.875rem;padding-left:clamp(2rem,5.2vw,6.25rem);padding-right:clamp(2rem,5.2vw,6.25rem)}.image-banner__card--product img{height:clamp(12rem,18.2vw,21.875rem);width:auto;object-fit:contain}.image-banner__card--text{right:clamp(1.25rem,5vw,6.25rem);top:clamp(14rem,28.28vw,33.9375rem);width:min(678px,86vw);display:flex;flex-direction:column;gap:1.875rem}.image-banner__card--text p{font-size:clamp(.9375rem,.94vw,1.125rem);color:var(--color-ink);line-height:1.4}.image-banner__card--text p+p{margin-top:1em}.image-banner__about-btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;border-radius:var(--radius-sm);background:#6a8e4e;color:var(--color-white);font-size:clamp(1rem,1.04vw,1.25rem);font-weight:500;width:fit-content;transition:background-color var(--duration-default)}.image-banner__about-btn:hover{background:var(--color-primary)}.image-banner__mobile-stack{display:none}.image-banner-swiper{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:1}.image-banner-swiper .swiper-wrapper{width:100%;height:100%}.image-banner-swiper .swiper-slide{width:100%;height:100%;position:relative;overflow:hidden}.image-banner__slide-content{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:2}.image-banner-swiper .image-banner__bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0}.image-banner-swiper .image-banner__card{z-index:2}.image-banner-pagination{position:absolute!important;bottom:24px!important;right:clamp(1.25rem,5.81vw,4.1rem)!important;left:auto!important;width:auto!important;display:flex!important;align-items:center;gap:8px;z-index:20}.image-banner-pagination .swiper-pagination-bullet{width:10px;height:10px;border-radius:50%;background:#7aa05f59;opacity:1;transition:all .4s cubic-bezier(.25,.46,.45,.94);cursor:pointer}.image-banner-pagination .swiper-pagination-bullet-active{width:28px;height:8px;border-radius:4px;background:#7aa05f}.image-banner-prev,.image-banner-next{color:#fff!important;width:44px!important;height:44px!important;transition:all .3s cubic-bezier(.25,.46,.45,.94)!important}.image-banner-prev:after,.image-banner-next:after{font-size:18px!important}.image-banner-prev:hover,.image-banner-next:hover{background:#fff3!important;border-radius:50%}@media screen and (max-width:989px){.image-banner{position:relative;min-height:0;overflow:hidden;background:#b7a185;padding-bottom:0}.image-banner-swiper{position:relative;inset:auto;width:100%;min-height:0;height:auto;aspect-ratio:unset}.image-banner-swiper .swiper-wrapper,.image-banner-swiper .swiper-slide{min-height:0;height:auto}.image-banner-swiper .swiper-slide{position:relative;overflow:hidden;padding:0}.image-banner-swiper .image-banner__bg,.image-banner__bg{display:none}.image-banner__title{position:absolute;top:1.25rem;left:var(--site-gutter);right:var(--site-gutter);bottom:auto;font-size:clamp(2rem,7vw,2.5rem);line-height:1.08;margin:0;padding:0;mix-blend-mode:normal;color:#f7efd8;z-index:10;pointer-events:none;text-align:center}.image-banner__slide-content{position:relative;inset:auto;z-index:2;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding:clamp(6.75rem,28vw,8rem) var(--site-gutter) clamp(2rem,8vw,2.75rem);box-sizing:border-box}.image-banner__card{position:relative;left:auto;right:auto;top:auto;transform:none}.image-banner__card:hover{transform:none;box-shadow:none}.image-banner__desktop-card{display:none}.image-banner__mobile-stack{display:flex;flex-direction:column;align-items:center;gap:1.25rem;width:min(100%,24.375rem);margin:0 auto}.image-banner__mobile-card{width:100%;display:flex;flex-direction:column;align-items:center;gap:1.375rem;padding:1.75rem 1.125rem 1.5rem;background:#ffffff1f;border:1px solid rgba(255,255,255,.16);border-radius:1rem;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.image-banner__mobile-product{display:flex;align-items:center;justify-content:center;width:100%;padding-top:.25rem}.image-banner__mobile-product img{display:block;width:auto;height:clamp(10.5rem,40vw,14rem);max-width:100%;object-fit:contain}.image-banner__mobile-text{width:100%;text-align:center}.image-banner__mobile-text p{margin:0;font-size:.875rem;line-height:1.45;text-align:center;color:var(--color-ink)}.image-banner__mobile-text p+p{margin-top:1.1rem}.image-banner__mobile-btn{display:inline-flex;align-items:center;justify-content:center;min-width:12.25rem;padding:.875rem 1.5rem;margin-top:.25rem;font-size:.875rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;border-radius:.375rem}.image-banner-pagination{bottom:.75rem!important;left:50%!important;right:auto!important;transform:translate(-50%);z-index:20}.image-banner-pagination .swiper-pagination-bullet{width:8px;height:8px;background:#ffffff73}.image-banner-pagination .swiper-pagination-bullet-active{width:1.75rem;height:8px;border-radius:999px;background:#7aa05f}.image-banner-prev,.image-banner-next{display:none!important}}@media screen and (min-width:990px){.image-banner__mobile-stack{display:none}.image-banner__title{position:absolute;left:clamp(1.25rem,5.81vw,4.1rem);right:var(--page-gutter);bottom:47px;top:auto;text-align:left}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/section-image-banner.css.map */