.product-fold.product-fold{position:relative;padding:0;min-height:calc(var(--fold-screens,2.5) * 100svh);color:rgb(var(--color-text));background:rgb(var(--color-background))}.product-fold__stage{position:sticky;top:0;height:100svh;min-height:480px}.product-fold__scene{position:absolute;top:0;right:0;bottom:0;left:0;isolation:isolate;overflow:clip;background:rgb(var(--color-surface))}.product-fold__backdrop{position:absolute;top:0;right:0;bottom:0;left:0}.product-fold__backdrop figure,.product-fold__backdrop picture,.product-fold__backdrop img,.product-fold__backdrop video{width:100%;height:100%;min-height:0;-o-object-fit:cover;object-fit:cover;border-radius:0}.product-fold__brand{position:absolute;left:50%;top:65%;z-index:1;transform:translate(-50%,-50%);width:clamp(100px,18vw,240px);padding:14px 20px;border-radius:12px;background:#ffffffc7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.product-fold__brand figure,.product-fold__brand img{width:100%;min-height:0;height:auto;background:transparent;-o-object-fit:contain;object-fit:contain}.product-fold__panels{position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(var(--fold-count,6),minmax(0,1fr));direction:ltr;perspective:1400px}.product-fold__panel{position:relative;display:block;min-width:0;height:100%;background:rgb(var(--color-surface));backface-visibility:hidden;transform:translate(calc(var(--fold-progress,0) * var(--fold-side) * var(--fold-distance) * 110%)) rotateY(calc(var(--fold-progress,0) * var(--fold-side) * -82deg));box-shadow:0 0 0 1px #ffffff59,0 8px 32px #0000001f}.product-fold__photo{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;max-width:none;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.product-fold__panel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,transparent 65%,rgb(0 0 0 / .3))}.product-fold__scene:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:3;background:linear-gradient(180deg,rgb(0 0 0 / .08),rgb(0 0 0 / .36) 48%,transparent 80%)}.product-fold__heading{position:absolute;z-index:2;inset-inline:8%;top:max(calc(var(--site-header-h,80px) + 40px),36%);text-align:center;color:#fff;text-shadow:0 2px 20px rgb(0 0 0 / .5)}.product-fold__heading h1,.product-fold__heading h2{font-size:var(--section-titleSize,clamp(36px,5.5vw,88px));line-height:1.15;margin:8px 0;font-weight:500;text-wrap:balance}.product-fold__heading p{margin:6px auto;max-width:44rem;font-size:var(--section-bodySize,clamp(13px,1.3vw,18px))}.product-fold__actions{position:absolute;bottom:28px;inset-inline:20px;z-index:2;text-align:center}.product-fold__actions>div{justify-content:center;margin:0}.product-fold[data-stationary=true]{min-height:0}.product-fold[data-stationary=true] .product-fold__stage{position:relative;height:auto;min-height:650px}.product-fold[data-stationary=true] .product-fold__scene{position:relative;min-height:650px;padding-block:200px 250px}.product-fold[data-stationary=true] .product-fold__panels{position:relative;height:230px;visibility:visible}.product-fold[data-stationary=true] .product-fold__panel{transform:none}.product-fold[data-stationary=true] .product-fold__heading{top:calc(var(--site-header-overlay-h,0px) + 20px)}.product-fold[data-stationary=true] .product-fold__brand{top:auto;bottom:65px}@media (max-width:767px){.product-fold:not([data-stationary=true]) .product-fold__panels{grid-template-columns:repeat(4,minmax(0,1fr))}.product-fold:not([data-stationary=true]) .product-fold__panel:is(:nth-child(3),:nth-child(4)){display:none}.product-fold__heading{inset-inline:18px;top:max(calc(var(--site-header-h,80px) + 32px),35%)}.product-fold__heading h1,.product-fold__heading h2{font-size:var(--section-titleSize,clamp(32px,10vw,48px))}.product-fold__brand{width:140px}}@media (max-height:600px){.product-fold__stage{min-height:320px}.product-fold__heading{top:calc(var(--site-header-h,80px) + 16px)}.product-fold__heading h1,.product-fold__heading h2{font-size:var(--section-titleSize,28px)}.product-fold__heading p{display:none}}@media (min-width:768px){.product-fold[data-section-caption=bottom] .product-fold__heading{top:auto;bottom:8%;inset-inline:6%}.product-fold[data-section-caption=bottom][data-section-heading=split] .product-fold__heading{text-align:start;max-width:min(900px,85%)}.product-fold[data-section-caption=bottom] .product-fold__heading :is(h1,h2){font-size:var(--section-titleSize-desktop,clamp(64px,7vw,112px));line-height:var(--section-title-leading,1.05)}}@media (max-width:767px){.product-fold[data-section-caption=bottom] .product-fold__heading{top:50%;transform:translateY(-50%);text-align:center}.product-fold[data-section-caption=bottom] .product-fold__heading :is(h1,h2){line-height:var(--section-title-leading,1.05)}}
