.sk-fresque{position:relative;padding:0 0 clamp(8px,1.2vw,20px);overflow:hidden}.sk-fresque-wall{position:relative;width:100%;margin:0;padding:0;--t:6vw;--f:5vw;--ov:calc(-1 * (var(--t) + var(--f) + .5vw))}.sk-slab{--w:100%;--x:0%;--h:clamp(270px,30vw,510px);--clip:polygon(0 0,100% 0,100% 100%,0 calc(100% - var(--t)));--fy:to bottom;position:relative;display:block;width:var(--w);height:var(--h);margin-left:var(--x);margin-top:var(--ov);clip-path:var(--clip);color:#fff;text-decoration:none;outline:none;isolation:isolate;-webkit-mask:linear-gradient(184deg,transparent 0,transparent var(--t),#000 calc(var(--t) + var(--f)));-webkit-mask:linear-gradient(calc(180deg + atan2(var(--t),100vw)),transparent 0,transparent var(--t),#000 calc(var(--t) + var(--f)));mask:linear-gradient(184deg,transparent 0,transparent var(--t),#000 calc(var(--t) + var(--f)));mask:linear-gradient(calc(180deg + atan2(var(--t),100vw)),transparent 0,transparent var(--t),#000 calc(var(--t) + var(--f)));transition:opacity .9s cubic-bezier(.2,.7,.2,1),translate 1.1s cubic-bezier(.2,.7,.2,1)}.sk-slab:first-child{margin-top:0;-webkit-mask:linear-gradient(to bottom,transparent 0,rgba(0,0,0,.35) clamp(30px,4vw,70px),#000 clamp(90px,11vw,200px));mask:linear-gradient(to bottom,transparent 0,rgba(0,0,0,.35) clamp(30px,4vw,70px),#000 clamp(90px,11vw,200px))}.sk-slab.s1{--w:100%;--x:0%;--h:clamp(320px,40vw,720px);--fx:to right;z-index:1}.sk-slab.s2{--w:100%;--x:0%;--h:clamp(300px,36vw,640px);--fx:to left;z-index:2}.sk-slab.s3{--w:100%;--x:0%;--h:clamp(310px,38vw,680px);--fx:to right;z-index:3}.sk-slab.s4{--w:100%;--x:0%;--h:clamp(290px,34vw,600px);--fx:to left;z-index:4}.sk-slab.s5{--w:100%;--x:0%;--h:clamp(320px,40vw,720px);--fx:to right;z-index:5}.sk-slab.s6{--w:100%;--x:0%;--h:clamp(300px,36vw,640px);--fx:to left;z-index:6}.sk-slab.s7{-webkit-mask-image:linear-gradient(184deg,transparent 0,transparent var(--t),#000 calc(var(--t) + var(--f)),#000 80%,transparent 100%);mask-image:linear-gradient(184deg,transparent 0,transparent var(--t),#000 calc(var(--t) + var(--f)),#000 80%,transparent 100%);clip-path:none}.sk-slab.s7{--w:100%;--x:0%;--h:clamp(310px,38vw,680px);--fx:to right;z-index:7}.fq-img{position:absolute;top:-9%;right:0;bottom:-9%;left:0;overflow:hidden;transform:translate3d(0,var(--py,0px),0)}.fq-img img{display:block;width:100%;height:100%;object-fit:cover;transform:scale(var(--zs,1.02));transition:transform 1.1s cubic-bezier(.16,.84,.24,1),filter .6s ease;will-change:transform}.fq-sh{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;opacity:.55;background:linear-gradient(to top,rgba(5,5,6,.92) 0%,rgba(5,5,6,.45) 34%,transparent 62%),linear-gradient(var(--fx,to right),rgba(5,5,6,.55),transparent 55%);transition:opacity .6s ease}.sk-slab{container-type:inline-size}.fq-tx{position:absolute;z-index:2;left:0;right:0;bottom:var(--t,0px);display:flex;justify-content:flex-start;pointer-events:none;padding:0 clamp(20px,4vw,72px) calc(var(--f) + .5vw);transform-origin:0 100%;transform:rotate(4deg);transform:rotate(atan2(var(--t,0px),100cqw))}.sk-slab:is(.s2,.s4,.s6) .fq-tx{justify-content:flex-end}.fq-h{display:flex;align-items:center;gap:clamp(12px,1.2vw,20px);clip-path:inset(-20% 100% -40% 0);transform:translate(-18px);transition:clip-path .55s cubic-bezier(.7,0,.2,1),transform .55s cubic-bezier(.2,.8,.2,1)}.sk-slab:is(.s2,.s4,.s6) .fq-h{clip-path:inset(-20% 0 -40% 100%);transform:translate(18px)}.fq-h b{position:relative;padding-bottom:8px;font-family:var(--sk-f);font-weight:800;font-stretch:var(--sk-wide,125%);text-transform:uppercase;letter-spacing:-.035em;line-height:.9;font-size:clamp(24px,3.2vw,56px);color:#fff;text-shadow:0 6px 30px rgba(0,0,0,.65)}@media(hover:hover){.sk-slab:hover,.sk-slab:focus-visible{z-index:20}.sk-slab:hover .fq-img img,.sk-slab:focus-visible .fq-img img{--zs:1.075}.sk-slab:hover .fq-sh,.sk-slab:focus-visible .fq-sh{opacity:1}.sk-slab:hover .fq-h,.sk-slab:focus-visible .fq-h{clip-path:inset(-20% 0 -40% 0);transform:none}.sk-fresque-wall:has(.sk-slab:hover,.sk-slab:focus-visible) .sk-slab:not(:hover):not(:focus-visible) .fq-img img{filter:brightness(.42) saturate(.65)}}.sk-slab:focus-visible:after{content:"";position:absolute;top:10px;right:10px;bottom:10px;left:10px;z-index:3;border:2px solid var(--sk-pink,#FF004F);pointer-events:none}.sk-fresque-wall.js .sk-slab{opacity:0;translate:0 70px}.sk-fresque-wall.js .sk-slab.in{opacity:1;translate:0 0}@media(max-width:900px){.sk-fresque-wall{--t:7vw;--f:10vw;padding:0}.sk-slab{--h:clamp(260px,78vw,480px)}.fq-sh{opacity:1}.sk-slab:is(.s1,.s2,.s3,.s4,.s5,.s6,.s7) .fq-h{clip-path:none;transform:none}.fq-h b{font-size:clamp(13px,3.7vw,20px)}}@media(prefers-reduced-motion:reduce){.sk-slab,.fq-img img,.fq-h,.fq-sh{transition:none!important}.sk-fresque-wall.js .sk-slab{opacity:1;translate:none}.fq-img,.fq-img img{transform:none!important}.sk-slab:is(.s1,.s2,.s3,.s4,.s5,.s6,.s7) .fq-h{clip-path:none;transform:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/fresque.css.map */