.sth-particle-hero .sth-hero-album{display:block;position:absolute;top:370px;right:0;bottom:22px;left:0;z-index:1;touch-action:pan-y;outline-offset:-4px}.sth-hero-album__stage{position:relative;height:calc(100% - 82px);perspective:1600px;isolation:isolate}.sth-particle-hero .sth-hero-album__card{position:absolute;top:0;left:50%;width:34%;height:100%;display:block;background:#fff;border:1px solid #d9c29788;border-radius:14px;box-shadow:0 22px 50px #0009;overflow:hidden;color:#fff;text-decoration:none;transform:translate(-50%);transition:transform .65s cubic-bezier(.22,.7,.2,1),opacity .5s,filter .5s;backface-visibility:hidden}.sth-hero-album__card img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;background:#fff;pointer-events:none}.sth-hero-album__card.sth-hero-album__collection img{background:#000}.sth-hero-album__card>span{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:28px 20px 16px;background:linear-gradient(transparent,#000d);font-size:16px;font-weight:600;color:#fff;text-shadow:0 1px 6px #000}.sth-hero-album__card>span b{font-size:10px;letter-spacing:.06em;font-weight:500}.sth-hero-album__card:not([data-position="0"])>span b{visibility:hidden}.sth-hero-album__card[data-position="0"]{transform:translate(-50%) translateZ(70px);z-index:5;opacity:1}.sth-hero-album__card[data-position="-1"]{transform:translate(-138%) translateZ(-80px) rotateY(24deg);z-index:4;opacity:.94}.sth-hero-album__card[data-position="1"]{transform:translate(38%) translateZ(-80px) rotateY(-24deg);z-index:4;opacity:.94}.sth-hero-album__card[data-position="-2"]{transform:translate(-198%) translateZ(-300px) rotateY(35deg);z-index:3;opacity:.55;filter:brightness(.7)}.sth-hero-album__card[data-position="2"]{transform:translate(98%) translateZ(-300px) rotateY(-35deg);z-index:3;opacity:.55;filter:brightness(.7)}.sth-hero-album__card[data-position=hidden]{transform:translate(-50%) translateZ(-600px) scale(.7);opacity:0;pointer-events:none;z-index:0;visibility:hidden}.sth-hero-album__guide-art{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:28px;background:radial-gradient(ellipse at 20% 15%,#6a5226,#1c1810 45%,#050505 85%);color:#ecd3a5}.sth-hero-album__guide-art small{font-size:10px;letter-spacing:.2em}.sth-hero-album__guide-art strong{font-family:Georgia,serif;font-size:clamp(28px,3.4vw,54px);line-height:1.1;font-weight:400;margin:28px 0}.sth-hero-album__guide-art em{font-size:13px;font-style:normal;color:#e5ddd0}.sth-hero-album__controls{display:flex;align-items:center;justify-content:center;gap:20px;position:relative;margin-top:20px;color:#ead5aa}.sth-hero-album__controls button{width:42px;height:42px;display:grid;place-items:center;border:1px solid #ead5aa88;background:#111b;color:#fff;border-radius:50%;font-size:22px;cursor:pointer}.sth-hero-album__controls button:hover{background:#ead5aa;color:#111}.sth-hero-album__controls p{margin:0;text-align:center;min-width:190px;font-size:12px;letter-spacing:.04em}.sth-hero-album__hint{text-align:center;color:#c8c0b2;font-size:10px;margin:10px 0}.sth-hero-album a:focus-visible,.sth-hero-album button:focus-visible{outline:2px solid #ffe4a8;outline-offset:3px}@media(max-width:749px){.sth-particle-hero .sth-hero-album{top:380px;right:0;bottom:20px;left:0}.sth-particle-hero .sth-hero-album__card{width:68%;border-radius:10px}.sth-hero-album__card[data-position="-1"]{transform:translate(-119%) translateZ(-180px) rotateY(32deg)}.sth-hero-album__card[data-position="1"]{transform:translate(19%) translateZ(-180px) rotateY(-32deg)}.sth-hero-album__card[data-position="-2"]{transform:translate(-155%) translateZ(-450px) rotateY(42deg)}.sth-hero-album__card[data-position="2"]{transform:translate(55%) translateZ(-450px) rotateY(-42deg)}.sth-hero-album__card>span{padding:24px 12px 12px;font-size:13px}.sth-hero-album__card>span b{font-size:8px}.sth-hero-album__controls{gap:12px}.sth-hero-album__controls p{min-width:165px}}@media(prefers-reduced-motion:reduce){.sth-hero-album__card{transition:none}}.sth-particle-hero .sth-hero-album__card{transition:transform .55s cubic-bezier(.2,.75,.25,1),opacity .45s;will-change:transform;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.sth-particle-hero .sth-hero-album[data-dragging=true] .sth-hero-album__card{transition:none}.sth-hero-album__stage{touch-action:pan-y;cursor:grab}.sth-hero-album[data-dragging=true] .sth-hero-album__stage{cursor:grabbing}@media(prefers-reduced-motion:reduce){.sth-particle-hero .sth-hero-album__card{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/51/assets/sth-hero-album.css.map */