.jxs-banner-s1{--s1-progress: 0;--s1-clear-opacity: calc(1 - min(var(--s1-progress) * 1.45, 1)) ;--s1-soft-opacity: min(max((var(--s1-progress) - .18) * 1.75, 0), 1);--s1-a-opacity: calc(1 - min(max((var(--s1-progress) - .38) * 2.4, 0), 1)) ;--s1-b-opacity: min(max((var(--s1-progress) - .3) * 3, 0), 1);position:relative;display:block;min-height:0;overflow:clip;background:#050807;color:rgb(var(--banner-1-foreground))}.jxs-banner-s1 .banner-s1-visual{position:sticky;top:0;z-index:0;height:100svh;min-height:680px;overflow:hidden;background:#050807}.jxs-banner-s1 .banner-s1-visual__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center 34%;transform:scale(1.02);will-change:opacity,transform}.jxs-banner-s1 .banner-s1-visual__image--clear{opacity:var(--s1-clear-opacity);transform:scale(calc(1.015 + var(--s1-progress) * .025))}.jxs-banner-s1 .banner-s1-visual__image--soft{opacity:var(--s1-soft-opacity);transform:scale(calc(1.04 - var(--s1-progress) * .012))}.jxs-banner-s1 .banner-s1-visual__image--desktop{display:none}.jxs-banner-s1 .banner-s1-visual__image--mobile{display:block}.jxs-banner-s1 .banner-s1-visual:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:transparent}.jxs-banner-s1 .banner-s1-story{position:relative;z-index:1;margin-block-start:-100svh}.jxs-banner-s1 .banner-s1-mobile-bg,.jxs-banner-s1 .banner-s1-feature-slider{display:none}.jxs-banner-s1 .banner-s1-chapter{position:relative;display:flex;flex-direction:column;justify-content:center;min-height:clamp(940px,124svh,1240px);padding-block:clamp(92px,9vw,152px);transition:opacity .55s ease,transform .55s ease;will-change:opacity,transform}.jxs-banner-s1 .banner-s1-chapter--tracker{justify-content:flex-start;padding-block-start:clamp(104px,9.5vw,168px);opacity:var(--s1-a-opacity);transform:translateY(calc(var(--s1-progress) * -72px))}.jxs-banner-s1 .banner-s1-chapter--understand{min-height:clamp(1060px,138svh,1380px);margin-block-start:clamp(-300px,-28svh,-200px);justify-content:center;opacity:var(--s1-b-opacity);transform:translateY(calc((1 - var(--s1-b-opacity)) * 84px))}.jxs-banner-s1 .banner-s1__main-text{max-width:min(48vw,650px)}.jxs-banner-s1 .banner-s1__main-text h3{margin:0;font-size:clamp(48px,4.8vw,78px);line-height:.98;font-weight:800;color:rgb(var(--banner-1-foreground));letter-spacing:0;text-wrap:balance}.jxs-banner-s1 .banner-s1__main-text p{max-width:550px;margin:24px 0 0;font-size:clamp(16px,1.02vw,20px);line-height:1.28;color:rgb(var(--banner-1-foreground));opacity:.92;text-wrap:balance}.jxs-banner-s1 .banner-s1-features{display:grid;gap:clamp(28px,4vw,64px);width:min(100%,1120px);margin-block-start:clamp(70px,9vw,134px)}.jxs-banner-s1 .banner-s1-features--tracker{grid-template-columns:repeat(4,minmax(0,1fr))}.jxs-banner-s1 .banner-s1-features--understand{grid-template-columns:repeat(3,minmax(0,1fr));width:min(100%,1040px);margin-block-start:clamp(74px,8vw,118px)}.jxs-banner-s1 .feature-item{display:flex;flex-direction:column;align-items:flex-start;min-width:0;line-height:1.15;color:rgb(var(--banner-1-foreground))}.jxs-banner-s1 .banner-s1-features--tracker .feature-item{gap:10px}.jxs-banner-s1 .feature-item img{display:block;width:30px;height:auto;margin-block-end:20px}.jxs-banner-s1 .feature-item__content-icon{display:flex;align-items:center;gap:7px;margin-block-end:16px}.jxs-banner-s1 .feature-item__content-icon img{width:auto;height:28px;margin-block-end:0;transform:translateY(-2px)}.jxs-banner-s1 .feature-item__content-icon-text{font-size:clamp(15px,.9vw,17px);font-weight:800;color:rgb(var(--banner-1-foreground));opacity:1}.jxs-banner-s1 .feature-item__content-title{font-size:clamp(19px,1.18vw,23px);font-weight:800;line-height:1.15;color:rgb(var(--banner-1-foreground))}.jxs-banner-s1 .banner-s1-features--tracker .feature-item__content-title{font-size:clamp(20px,1.24vw,24px);line-height:1.15}.jxs-banner-s1 .feature-item__content-desc{max-width:300px;margin-block-start:12px;font-size:clamp(15px,.9vw,17px);line-height:1.2;opacity:.94}.jxs-banner-s1 .banner-s1-features--tracker .feature-item__content-desc{font-size:clamp(15px,.9vw,17px);line-height:1.2;opacity:.94}@media(min-width:768px){.jxs-banner-s1 .banner-s1-visual__image--mobile{display:none}.jxs-banner-s1 .banner-s1-visual__image--desktop{display:block}}@media(max-width:989px){.jxs-banner-s1 .banner-s1-features--tracker,.jxs-banner-s1 .banner-s1-features--understand{grid-template-columns:repeat(2,minmax(0,1fr));width:100%}}@media(max-width:767px){.template-hot .jxs-banner-s1{min-height:auto;overflow:hidden;background:#f5f4ef}.template-hot .jxs-banner-s1 .banner-s1-visual{display:none}.template-hot .jxs-banner-s1 .banner-s1-story{margin-block-start:0}.template-hot .jxs-banner-s1 .banner-s1-chapter,.template-hot .jxs-banner-s1 .banner-s1-chapter--tracker,.template-hot .jxs-banner-s1 .banner-s1-chapter--understand{min-height:720px;justify-content:space-between;padding:42px 16px 22px;opacity:1;transform:none;overflow:hidden}.template-hot .jxs-banner-s1 .banner-s1-chapter--understand{margin-block-start:0}.template-hot .jxs-banner-s1 .banner-s1-mobile-bg{display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;overflow:hidden}.template-hot .jxs-banner-s1 .banner-s1-mobile-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#ffffff75,#ffffff14 45%,#0000002e)}.template-hot .jxs-banner-s1 .banner-s1-mobile-bg img{display:block;width:100%;height:100%;object-fit:cover;object-position:center center}.template-hot .jxs-banner-s1 .banner-s1-chapter--tracker .banner-s1-mobile-bg img{object-position:center center}.template-hot .jxs-banner-s1 .banner-s1-chapter--understand .banner-s1-mobile-bg img{object-position:center 42%}.template-hot .jxs-banner-s1 .banner-s1__main-text{max-width:92%;color:rgb(var(--banner-1-foreground))}.template-hot .jxs-banner-s1 .banner-s1__main-text h3{font-size:33px;line-height:1.04;color:rgb(var(--banner-1-foreground))}.template-hot .jxs-banner-s1 .banner-s1__main-text p{max-width:100%;margin-block-start:18px;font-size:16px;line-height:1.22;color:rgb(var(--banner-1-foreground));opacity:.9}.template-hot .jxs-banner-s1 .banner-s1-features{display:none}.template-hot .jxs-banner-s1 .banner-s1-feature-slider{display:grid;grid-template-columns:38px minmax(0,1fr) 38px;align-items:center;gap:10px;width:100%;min-height:88px;margin-block-start:auto;padding:0;background:transparent;box-shadow:none}.template-hot .jxs-banner-s1 .banner-s1-feature-slider .splide,.template-hot .jxs-banner-s1 .banner-s1-feature-slider .splide__track,.template-hot .jxs-banner-s1 .banner-s1-feature-slider .splide__list,.template-hot .jxs-banner-s1 .banner-s1-feature-slider .splide__slide{min-width:0}.template-hot .jxs-banner-s1 .banner-s1-feature-slider__arrow{display:inline-flex;align-items:center;justify-content:center;width:34px;height:58px;padding:0;border:0;background:transparent;color:#fff;opacity:.95}.template-hot .jxs-banner-s1 .banner-s1-feature-slider__arrow svg{width:28px;height:28px}.template-hot .jxs-banner-s1 .feature-item--mobile-card{width:min(100%,240px);min-height:76px;align-items:center;justify-content:center;margin-inline:auto;padding:13px 18px 12px;border:1px solid rgba(255,255,255,.18);border-radius:8px;background:#d2c9bc8f;color:#fff;text-align:center;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 12px 28px #00000029}.template-hot .jxs-banner-s1 .feature-item--mobile-card>img{width:18px;height:18px;object-fit:contain;margin-block-end:4px;filter:brightness(0) invert(1);opacity:.9}.template-hot .jxs-banner-s1 .feature-item--mobile-card .feature-item__content-icon{justify-content:center;gap:5px;margin-block-end:4px}.template-hot .jxs-banner-s1 .feature-item--mobile-card .feature-item__content-icon img{width:17px;height:17px;object-fit:contain;filter:brightness(0) invert(1);opacity:.9}.template-hot .jxs-banner-s1 .feature-item--mobile-card .feature-item__content-icon-text{font-size:10px;color:#fff;opacity:.9}.template-hot .jxs-banner-s1 .feature-item--mobile-card .feature-item__content-title,.template-hot .jxs-banner-s1 .banner-s1-features--tracker .feature-item--mobile-card .feature-item__content-title{font-size:20px;line-height:1.08;color:#fff}.template-hot .jxs-banner-s1 .feature-item--mobile-card .feature-item__content-desc,.template-hot .jxs-banner-s1 .banner-s1-features--tracker .feature-item--mobile-card .feature-item__content-desc{max-width:100%;margin-block-start:5px;font-size:13px;line-height:1.15;color:#fff;opacity:.9}}
/*# sourceMappingURL=/cdn/shop/t/122/assets/jxs-banner-s1.css.map */