.s-slanted-panels{overflow:hidden;width:100%}.s-slanted-panels__track{display:flex;height:var(--sp-height, 500px);gap:0}.s-slanted-panels__panel{position:relative;flex:1;overflow:hidden;clip-path:polygon(var(--sp-clip-offset, 40px) 0%,100% 0%,calc(100% - var(--sp-clip-offset, 40px)) 100%,0% 100%);margin-left:calc(-1 * var(--sp-clip-offset, 40px) + 2px);transition:flex var(--sp-speed, .5s) cubic-bezier(.4,0,.2,1);cursor:pointer;z-index:1;border-radius:0rem 4rem}.s-slanted-panels__panel:first-child{margin-left:0;clip-path:polygon(var(--sp-clip-offset, 40px) 0%,100% 0%,calc(100% - var(--sp-clip-offset, 40px)) 100%,0% 100%)}.s-slanted-panels__panel:last-child{clip-path:polygon(var(--sp-clip-offset, 40px) 0%,100% 0%,calc(100% - var(--sp-clip-offset, 40px)) 100%,0% 100%)}.s-slanted-panels__panel:only-child{margin-left:0;clip-path:none}.s-slanted-panels__panel--active{flex:3;z-index:10}.s-slanted-panels__track:has(.s-slanted-panels__panel--active) .s-slanted-panels__panel:not(.s-slanted-panels__panel--active){flex:.7}.s-slanted-panels__inner{position:absolute;top:0;right:0;bottom:0;left:0;width:100%}.s-slanted-panels__bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;filter:grayscale(100%);transition:transform var(--sp-speed, .5s) ease,filter var(--sp-speed, .5s) ease}.s-slanted-panels__panel:hover .s-slanted-panels__bg,.s-slanted-panels__panel--active .s-slanted-panels__bg{transform:scale(1.06);filter:grayscale(0%)}.s-slanted-panels__bg-color{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--sp-panel-bg, #1a1a1a);transition:filter var(--sp-speed, .5s) ease}.s-slanted-panels__panel--active .s-slanted-panels__bg-color{filter:brightness(1.15)}.s-slanted-panels__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--sp-overlay, #000000);opacity:var(--sp-overlay-opacity, .38);transition:opacity var(--sp-speed, .5s) ease}.s-slanted-panels__panel--active .s-slanted-panels__overlay{opacity:calc(var(--sp-overlay-opacity, .38) * .7)}.s-slanted-panels__label{position:absolute;top:50%;left:50%;width:max-content;max-width:calc(var(--sp-height, 500px) * .85);color:#fff;font-weight:800;font-size:2rem;letter-spacing:.12em;text-transform:uppercase;text-shadow:0 0 8px rgba(0,0,0,.9),0 2px 6px rgba(0,0,0,.8),0 4px 16px rgba(0,0,0,.6);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transform:translate(-50%) translateY(-50%) rotate(calc(atan2(var(--sp-clip-offset, 40px),var(--sp-height, 500px)) - 90deg));transition:opacity calc(var(--sp-speed, .5s) * .5) ease;pointer-events:none}.s-slanted-panels__panel--active .s-slanted-panels__label{opacity:0}.s-slanted-panels__content{position:absolute;bottom:0;left:0;right:0;padding:1.5rem 12% 2.25rem;color:#fff;opacity:0;transform:translateY(.75rem);transition:opacity var(--sp-speed, .5s) ease,transform var(--sp-speed, .5s) ease;transition-delay:.1s}.s-slanted-panels__content:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--sp-content-bg, #000000);opacity:var(--sp-content-bg-opacity, .55);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:-1}.s-slanted-panels__panel--active .s-slanted-panels__content{opacity:1;transform:translateY(0)}.s-slanted-panels__heading{font-size:clamp(1.8rem,3vw,2.75rem);font-weight:800;margin:0 0 1.25rem;line-height:1.1;text-shadow:0 1px 4px rgba(0,0,0,.5)}.s-slanted-panels__text{font-size:1.5rem;margin:0 0 2rem;opacity:.88;line-height:1.6}.s-slanted-panels__cta{display:inline-block;padding:.75rem 2rem;border-radius:999px;background:#ffffff2e;border:1.5px solid rgba(255,255,255,.65);color:#fff;text-decoration:none;font-size:1.25rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;transition:background .2s ease,border-color .2s ease;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.s-slanted-panels__cta:hover{background:#ffffff52;border-color:#fff;color:#fff}.s-slanted-panels__section-header{text-align:center;margin-bottom:2rem}.s-slanted-panels__section-heading{margin:0}@media(max-width:767px){.s-slanted-panels__track{flex-direction:column;height:auto;gap:3px}.s-slanted-panels__panel{clip-path:none!important;margin-left:0!important;flex:none!important;height:72px;filter:none!important;transition:height var(--sp-speed, .5s) cubic-bezier(.4,0,.2,1);overflow:hidden}.s-slanted-panels__track{gap:2px}.s-slanted-panels__panel--active{height:420px!important}.s-slanted-panels__inner{top:0!important;right:0!important;bottom:0!important;left:0!important;width:100%!important}.s-slanted-panels__label{top:50%;left:1.25rem;right:1.25rem;width:auto;max-width:none;transform:translateY(-50%);text-transform:none;letter-spacing:.03em;font-size:1.6rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.s-slanted-panels__panel--active .s-slanted-panels__label{opacity:0}.s-slanted-panels__content{left:0;right:0;padding:1rem 1.25rem 1.5rem}}
/*# sourceMappingURL=/cdn/shop/t/113/assets/slanted-panels.css.map */