.discs{background:var(--color-black)}.discs__header{text-align:center;margin-bottom:var(--space-10);display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.discs__title{font-size:clamp(32px,4vw,64px);line-height:.95;text-transform:uppercase}.discs__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4);max-width:800px;margin-inline:auto}.disc{aspect-ratio:1;border-radius:50%;background:none;border:none;padding:0;cursor:pointer;perspective:800px;position:relative}.disc__flipper{width:100%;height:100%;border-radius:50%;position:relative;transform-style:preserve-3d;transition:transform .55s cubic-bezier(.16,1,.3,1)}.disc:hover .disc__flipper,.disc:focus-visible .disc__flipper{transform:rotateY(180deg)}.disc__face{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden;display:flex;align-items:center;justify-content:center}.disc__face--back{background:var(--color-green);transform:rotateY(180deg);flex-direction:column;gap:var(--space-1);padding:var(--space-3)}.disc__image{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block;box-shadow:inset 0 0 0 12px #00000026,inset 0 0 0 13px #ffffff0a}.disc__image-placeholder{width:100%;height:100%;border-radius:50%;background:conic-gradient(var(--color-grey-dark) 0deg,var(--color-grey-mid) 60deg,var(--color-grey-dark) 120deg,var(--color-grey-mid) 180deg,var(--color-grey-dark) 240deg,var(--color-grey-mid) 300deg,var(--color-grey-dark) 360deg);display:flex;align-items:center;justify-content:center;border:2px solid var(--color-grey-mid);transition:border-color var(--duration-base) var(--ease-out)}.disc:hover .disc__image-placeholder{border-color:var(--color-green)}.disc__placeholder-label{font-size:24px;color:var(--color-grey-light);pointer-events:none}.disc__back-number{font-size:14px;color:#0a0a0a80;line-height:1}.disc__back-name{font-family:var(--font-display);font-size:clamp(14px,2.5vw,20px);text-transform:uppercase;color:var(--color-black);text-align:center;line-height:1.1;letter-spacing:.02em}.disc-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;display:flex;align-items:center;justify-content:center;padding:var(--space-4);opacity:0;pointer-events:none;transition:opacity var(--duration-base) var(--ease-out)}.disc-modal.is-open{opacity:1;pointer-events:auto}.disc-modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0a0a0ad9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);cursor:pointer}.disc-modal__inner{position:relative;background:var(--color-grey-dark);border:1px solid var(--color-grey-mid);border-radius:16px;padding:var(--space-6);max-width:440px;width:100%;display:flex;flex-direction:column;align-items:center;gap:var(--space-4);transform:scale(.92) translateY(16px);transition:transform var(--duration-base) var(--ease-out)}.disc-modal.is-open .disc-modal__inner{transform:scale(1) translateY(0)}.disc-modal__close{position:absolute;top:var(--space-2);right:var(--space-2);width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--color-grey-light);transition:color var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out)}.disc-modal__close:hover{color:var(--color-white);background:var(--color-grey-mid)}.disc-modal__image-wrap{width:200px;height:200px;border-radius:50%;overflow:hidden;flex-shrink:0}.disc-modal__image{width:100%;height:100%;object-fit:cover;border-radius:50%}.disc-modal__image-placeholder{width:100%;height:100%;border-radius:50%;background:conic-gradient(var(--color-grey-dark) 0deg,var(--color-grey-mid) 60deg,var(--color-grey-dark) 120deg,var(--color-grey-mid) 180deg,var(--color-grey-dark) 240deg,var(--color-grey-mid) 300deg,var(--color-grey-dark) 360deg)}.disc-modal__info{text-align:center;display:flex;flex-direction:column;gap:var(--space-1)}.disc-modal__number{font-size:13px;color:var(--color-green);letter-spacing:.1em}.disc-modal__title{font-size:clamp(28px,5vw,40px);text-transform:uppercase;color:var(--color-white);line-height:1}.disc-modal__track{font-size:13px;color:var(--color-grey-light);line-height:1.5}@media(max-width:600px){.discs__grid{gap:var(--space-3);max-width:100%}.disc__back-name{font-size:12px}}@media(max-width:400px){.discs__grid{gap:var(--space-2)}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/discs-gallery.css.map */