.fpro__reels{margin:14px 0 16px}.fpro__reels-title{font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(17px,1.6vw,22px);line-height:1.2;margin:0 0 clamp(16px,2vw,24px);letter-spacing:-.005em;text-align:center}.fpro__reels-stage{position:relative;width:100%;height:clamp(280px,36vw,360px);perspective:1200px;perspective-origin:center 60%;overflow:hidden}.fpro__reel{position:absolute;top:50%;left:50%;width:clamp(150px,16vw,190px);aspect-ratio:9 / 16;margin-left:calc(clamp(150px,16vw,190px)/-2);transform-style:preserve-3d;transition:transform .75s cubic-bezier(.22,1,.36,1),opacity .55s cubic-bezier(.22,1,.36,1),filter .55s;will-change:transform,opacity;cursor:pointer}.fpro__reel[data-pos="0"]{transform:translateY(-50%) translate(0) scale(1) rotateY(0);z-index:30;opacity:1;filter:brightness(1)}.fpro__reel[data-pos="-1"]{transform:translateY(-50%) translate(-72%) scale(.82) rotateY(18deg);z-index:20;opacity:.78;filter:brightness(.88)}.fpro__reel[data-pos="1"]{transform:translateY(-50%) translate(72%) scale(.82) rotateY(-18deg);z-index:20;opacity:.78;filter:brightness(.88)}.fpro__reel[data-pos="-2"]{transform:translateY(-50%) translate(-130%) scale(.62) rotateY(28deg);z-index:10;opacity:0;filter:brightness(.7);pointer-events:none}.fpro__reel[data-pos="2"]{transform:translateY(-50%) translate(130%) scale(.62) rotateY(-28deg);z-index:10;opacity:0;filter:brightness(.7);pointer-events:none}.fpro__reel-tile{position:relative;display:block;width:100%;height:100%;overflow:hidden;border-radius:18px;background:#3a342f;box-shadow:0 6px 18px -10px #3a342f26;transition:box-shadow .55s}.fpro__reel[data-pos="0"] .fpro__reel-tile{box-shadow:0 22px 44px -16px #3a342f66,0 4px 12px -4px #3a342f26}.fpro__reel-tile:focus-visible{outline:2px solid #3a342f;outline-offset:3px}.fpro__reel-media{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.fpro__reel-tag{position:absolute;top:12px;left:12px;font-family:Jost,system-ui,sans-serif;font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#fff;background:#0000008c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:5px 9px;border-radius:9999px;opacity:0;transition:opacity .4s ease .2s;z-index:3}.fpro__reel[data-pos="0"] .fpro__reel-tag{opacity:1}.fpro__reels-dots{display:flex;justify-content:center;gap:7px;margin-top:clamp(14px,1.6vw,20px)}.fpro__reels-dot{width:6px;height:6px;border-radius:50%;background:#3a342f33;border:none;padding:0;cursor:pointer;transition:background .25s,transform .25s,width .3s}.fpro__reels-dot--active{background:#3a342f;width:18px;border-radius:9999px}@media(max-width:768px){.fpro__reels-stage{height:clamp(260px,60vw,320px)}.fpro__reel{width:clamp(130px,38vw,160px);margin-left:calc(clamp(130px,38vw,160px)/-2)}}.fpro__reels-stage,[data-fpro-reels-stage]{overscroll-behavior:contain}
/*# sourceMappingURL=/cdn/shop/t/4/assets/formae-reels-coverflow.css.map */