.campair-color-story{--story-slide-width: 62%;--story-side-space: 19%;width:100%;margin:0;padding:1.5rem 1.55rem;box-sizing:border-box}.campair-color-story__divider{width:100%;height:1px;margin:0 0 1.5rem;background:rgba(var(--color-foreground),.12)}.campair-color-story__context{margin:0 0 1rem;font-size:1.3rem;line-height:1.35;font-weight:500;color:rgba(var(--color-foreground),.82)}.campair-color-story__context strong{font-weight:700;color:rgb(var(--color-foreground))}.campair-color-story__stage{position:relative;width:100%;margin:0}.campair-color-story__track{display:flex;align-items:center;gap:.9rem;width:100%;padding-left:var(--story-side-space);padding-right:var(--story-side-space);box-sizing:border-box;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-inline:var(--story-side-space);scroll-behavior:smooth;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}.campair-color-story__track::-webkit-scrollbar{display:none}.campair-color-story__slide{position:relative;flex:0 0 var(--story-slide-width);min-width:0;overflow:hidden;border:1px solid rgba(var(--color-foreground),.1);border-radius:11px;background:rgb(var(--color-background));scroll-snap-align:center;opacity:.3;filter:blur(1.5px) saturate(.72);transform:scale(.91);transition:opacity .28s ease,filter .28s ease,transform .28s ease,border-color .28s ease,box-shadow .28s ease}.campair-color-story__slide.is-prev,.campair-color-story__slide.is-next{opacity:.42;filter:blur(1.25px) saturate(.82);transform:scale(.93)}.campair-color-story__slide.is-selected{z-index:2;opacity:1;filter:none;transform:scale(1);border-color:#33660061;box-shadow:0 5px 18px #00000014}.campair-color-story__image-button{display:block;width:100%;margin:0;padding:0;border:0;background:transparent;cursor:pointer}.campair-color-story__image-wrap{position:relative;width:100%;aspect-ratio:1 / 1;overflow:hidden;background:rgba(var(--color-foreground),.025)}.campair-color-story__image{display:block;width:100%;height:100%;object-fit:cover}.campair-color-story__expand-icon{position:absolute;right:.7rem;bottom:.7rem;display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:50%;background:#fffffff0;box-shadow:0 2px 8px #00000024;color:#222;opacity:0;transition:opacity .2s ease,transform .2s ease}.campair-color-story__slide.is-selected .campair-color-story__expand-icon{opacity:1}.campair-color-story__expand-icon svg{width:1.45rem;height:1.45rem;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.campair-color-story__arrow{position:absolute;top:50%;z-index:5;display:flex;align-items:center;justify-content:center;width:3.5rem;height:3.5rem;padding:0;border:1px solid rgba(18,18,18,.12);border-radius:50%;background:#ffffffeb;color:#111;box-shadow:0 2px 10px #00000024;cursor:pointer;transform:translateY(-50%);transition:background .2s ease,border-color .2s ease,color .2s ease,opacity .2s ease,transform .2s ease;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.campair-color-story__arrow svg{width:1.7rem;height:1.7rem;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.campair-color-story__arrow--prev{left:calc(var(--story-side-space) - 1.75rem)}.campair-color-story__arrow--next{right:calc(var(--story-side-space) - 1.75rem)}.campair-color-story__arrow:hover{border-color:#33660073;color:#360;transform:translateY(-50%) scale(1.05)}.campair-color-story__arrow:disabled{opacity:.24;cursor:default}.campair-color-story__dots{display:flex;justify-content:center;align-items:center;gap:.5rem;margin-top:.8rem}.campair-color-story__dot{width:.6rem;height:.6rem;padding:0;border:0;border-radius:50%;background:rgba(var(--color-foreground),.22);cursor:pointer;transition:width .2s ease,background .2s ease}.campair-color-story__dot.is-active{width:1.7rem;border-radius:999px;background:#360}.campair-color-story-modal{width:min(94vw,1050px);max-width:1050px;max-height:94%;padding:0;border:0;border-radius:14px;background:rgb(var(--color-background));color:rgb(var(--color-foreground))}.campair-color-story-modal::backdrop{background:#000000b8}.campair-color-story-modal__inner{padding:1.8rem}.campair-color-story-modal__top{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;margin-bottom:1.2rem}.campair-color-story-modal__eyebrow{margin-bottom:.25rem;font-size:1rem;line-height:1;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#360}.campair-color-story-modal__title{font-size:2rem;line-height:1.2;font-weight:700}.campair-color-story-modal__close{display:flex;align-items:center;justify-content:center;width:4rem;height:4rem;padding:0;border:1px solid rgba(var(--color-foreground),.16);border-radius:50%;background:transparent;color:rgb(var(--color-foreground));font-size:2.5rem;line-height:1;cursor:pointer}.campair-color-story-modal__stage{position:relative}.campair-color-story-modal__track{display:flex;width:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;border-radius:10px}.campair-color-story-modal__track::-webkit-scrollbar{display:none}.campair-color-story-modal__slide{flex:0 0 100%;min-width:100%;scroll-snap-align:start}.campair-color-story-modal__image-wrap{display:flex;align-items:center;justify-content:center;width:100%;background:rgba(var(--color-foreground),.025);border-radius:10px;overflow:hidden}.campair-color-story-modal__image{display:block;max-width:100%;max-height:75vh;width:auto;height:auto;object-fit:contain}.campair-color-story-modal__arrow{position:absolute;top:50%;z-index:3;display:flex;align-items:center;justify-content:center;width:4.6rem;height:4.6rem;padding:0;border:0;border-radius:50%;background:#fffffff0;color:#111;box-shadow:0 2px 10px #00000029;font-size:3rem;cursor:pointer;transform:translateY(-50%)}.campair-color-story-modal__arrow--prev{left:1.2rem}.campair-color-story-modal__arrow--next{right:1.2rem}.campair-color-story-modal__arrow:disabled{opacity:.3}.campair-color-story-modal__dots{display:flex;justify-content:center;align-items:center;gap:.6rem;margin-top:1.2rem}.campair-color-story-modal__dot{width:.7rem;height:.7rem;padding:0;border:0;border-radius:50%;background:rgba(var(--color-foreground),.25);cursor:pointer}.campair-color-story-modal__dot.is-active{width:2rem;border-radius:999px;background:#360}.campair-color-story__empty{padding:1.5rem;border:1px dashed rgba(var(--color-foreground),.25);border-radius:9px;font-size:1.2rem;color:rgba(var(--color-foreground),.65)}@media screen and (max-width:749px){.campair-color-story{--story-slide-width: 68%;--story-side-space: 16%;padding:1.35rem 1.25rem 1.3rem}.campair-color-story__divider{margin-bottom:1.25rem}.campair-color-story__context{margin-bottom:.9rem;font-size:1.16rem;line-height:1.35}.campair-color-story__track{gap:.7rem}.campair-color-story__slide{border-radius:9px;filter:blur(1.25px) saturate(.75);transform:scale(.92)}.campair-color-story__slide.is-prev,.campair-color-story__slide.is-next{opacity:.4;transform:scale(.94)}.campair-color-story__slide.is-selected{transform:scale(1)}.campair-color-story__arrow{width:3.25rem;height:3.25rem}.campair-color-story__arrow svg{width:1.55rem;height:1.55rem}.campair-color-story__arrow--prev{left:calc(var(--story-side-space) - 1.625rem)}.campair-color-story__arrow--next{right:calc(var(--story-side-space) - 1.625rem)}.campair-color-story__expand-icon{right:.55rem;bottom:.55rem;width:2.8rem;height:2.8rem}.campair-color-story__dots{gap:.45rem;margin-top:.7rem}.campair-color-story-modal{width:96vw;border-radius:10px}.campair-color-story-modal__inner{padding:1rem}.campair-color-story-modal__title{font-size:1.7rem}.campair-color-story-modal__arrow{width:4rem;height:4rem;font-size:2.6rem}.campair-color-story-modal__arrow--prev{left:.6rem}.campair-color-story-modal__arrow--next{right:.6rem}.campair-color-story-modal__image{max-height:72vh}}@media screen and (max-width:390px){.campair-color-story{--story-slide-width: 70%;--story-side-space: 15%}.campair-color-story__context{font-size:1.1rem}.campair-color-story__arrow{width:3rem;height:3rem}.campair-color-story__arrow--prev{left:calc(var(--story-side-space) - 1.5rem)}.campair-color-story__arrow--next{right:calc(var(--story-side-space) - 1.5rem)}}@media(prefers-reduced-motion:reduce){.campair-color-story__track,.campair-color-story-modal__track{scroll-behavior:auto}.campair-color-story__slide,.campair-color-story__arrow{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/30/assets/campair-color-story.css.map */