.sg-discography{position:relative;isolation:isolate;min-height:100vh;padding:11.5rem 5vw 8.5rem;overflow:hidden;color:#f5f5f5;background-color:#060606;font-family:Eurostile,Eurostile Extended,Microgramma D Extended,Arial,sans-serif}.sg-discography:after{position:absolute;z-index:0;inset:0;background:radial-gradient(circle at 50% 53%,hsla(0,0%,100%,.08),transparent 31%);content:"";pointer-events:none}.sg-discography-content{position:relative;z-index:1;width:min(1500px,100%);margin:0 auto}.sg-discography-video{position:fixed;z-index:0;inset:0;width:100%;height:100%;object-fit:cover;opacity:.34;pointer-events:none}.sg-discography-content>header{display:grid;grid-template-columns:1fr auto;align-items:end;margin-bottom:1.5rem;padding-bottom:1.7rem;border-bottom:1px solid hsla(0,0%,100%,.25)}.sg-coverflow-details>p,.sg-coverflow-hint,.sg-discography-content>header>p:first-child,.sg-intro{font-size:.7rem;letter-spacing:.14em;text-transform:uppercase}.sg-discography-content>header>p:first-child{grid-column:1;grid-row:1;align-self:start}.sg-discography h1{grid-column:1;grid-row:2;margin:.55rem 0 0;font-family:Space Mono,Monaco,Consolas,Liberation Mono,monospace;font-size:clamp(4rem,8vw,7.8rem);font-weight:500;line-height:.82;text-transform:uppercase}.sg-intro{grid-column:2;grid-row:1/3;margin:0;line-height:1.7}.sg-coverflow{position:relative;outline:none}.sg-coverflow:focus-visible{outline:1px solid hsla(0,0%,100%,.7);outline-offset:12px}.sg-coverflow-stage{position:relative;height:clamp(350px,46vw,650px);perspective:1250px;perspective-origin:50% 43%;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:-webkit-grab;cursor:grab}.sg-coverflow-stage:active{cursor:-webkit-grabbing;cursor:grabbing}.sg-coverflow-item{position:absolute;z-index:1;top:46%;left:50%;width:clamp(250px,30vw,470px);aspect-ratio:1;border-radius:11px;background:#101010;box-shadow:0 26px 70px rgba(0,0,0,.58);transform-style:preserve-3d;transition:transform .65s cubic-bezier(.22,1,.36,1),opacity .45s ease,filter .45s ease;will-change:transform}.sg-cover-select{display:block;width:100%;height:100%;padding:0;overflow:hidden;border:0;border-radius:inherit;background:transparent;color:inherit;cursor:pointer}.sg-cover-select img{height:100%}.sg-cover-reflection,.sg-cover-select img{display:block;width:100%;object-fit:cover;pointer-events:none}.sg-cover-reflection{position:absolute;z-index:-1;top:calc(100% + 8px);left:0;height:31%;border-radius:11px 11px 0 0;object-position:bottom;opacity:.24;filter:blur(.35px) saturate(.8);transform:scaleY(-1);transform-origin:top;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.72),transparent 92%);mask-image:linear-gradient(180deg,rgba(0,0,0,.72),transparent 92%)}.sg-coverflow-active{z-index:8;opacity:1;filter:brightness(1);transform:translate(-50%,-50%) translateZ(120px)}.sg-coverflow-left,.sg-coverflow-right{opacity:.93;filter:brightness(.76) saturate(.82)}.sg-coverflow-left.sg-coverflow-depth-1{z-index:7;transform:translate(-112%,-50%) rotateY(48deg) scale(.78)}.sg-coverflow-right.sg-coverflow-depth-1{z-index:7;transform:translate(12%,-50%) rotateY(-48deg) scale(.78)}.sg-coverflow-left.sg-coverflow-depth-2{z-index:6;opacity:.7;transform:translate(-156%,-50%) rotateY(57deg) scale(.63)}.sg-coverflow-right.sg-coverflow-depth-2{z-index:6;opacity:.7;transform:translate(56%,-50%) rotateY(-57deg) scale(.63)}.sg-coverflow-left.sg-coverflow-depth-3{z-index:5;opacity:.38;transform:translate(-193%,-50%) rotateY(62deg) scale(.5)}.sg-coverflow-right.sg-coverflow-depth-3{z-index:5;opacity:.38;transform:translate(93%,-50%) rotateY(-62deg) scale(.5)}.sg-spotify-link{position:absolute;z-index:10;left:50%;bottom:18px;display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;color:#fff;background:transparent;filter:drop-shadow(0 2px 9px rgba(0,0,0,.8));transform:translateX(-50%);transition:color .2s ease,transform .2s ease}.sg-spotify-link:focus-visible,.sg-spotify-link:hover{color:#1ed760;transform:translate(-50%,-3px) scale(1.04)}.sg-cover-select:focus-visible,.sg-spotify-link:focus-visible{outline:2px solid #fff;outline-offset:4px}.sg-spotify-link svg{width:100%;height:100%}.sg-coverflow-details{min-height:94px;padding:.7rem 1rem 0;text-align:center}.sg-coverflow-details h2{max-width:780px;margin:.45rem auto .55rem;font-family:Space Mono,Monaco,Consolas,Liberation Mono,monospace;font-size:clamp(1rem,1.8vw,1.55rem);font-weight:700;line-height:1.2;text-transform:uppercase}.sg-coverflow-details>p{margin:0;opacity:.65;line-height:1.45}.sg-coverflow-details .sg-coverflow-count{opacity:1;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.sg-coverflow-count span{margin:0 .25em;opacity:.4}.sg-coverflow-controls{display:grid;grid-template-columns:52px minmax(180px,560px) 52px;justify-content:center;align-items:center;grid-gap:1rem;gap:1rem;margin:1.2rem auto 0}.sg-coverflow-controls button{width:52px;height:46px;border:1px solid hsla(0,0%,100%,.55);background:rgba(0,0,0,.28);color:#fff;font-size:1.25rem;cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease}.sg-coverflow-controls button:focus-visible,.sg-coverflow-controls button:hover:not(:disabled){border-color:#fff;background:#fff;color:#000}.sg-coverflow-controls button:disabled{cursor:default;opacity:.25}.sg-coverflow-controls input[type=range]{width:100%;height:20px;margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer}.sg-coverflow-controls input[type=range]::-webkit-slider-runnable-track{height:1px;background:hsla(0,0%,100%,.38)}.sg-coverflow-controls input[type=range]::-webkit-slider-thumb{width:14px;height:14px;margin-top:-6.5px;-webkit-appearance:none;appearance:none;border:2px solid #060606;border-radius:50%;background:#fff;box-shadow:0 0 0 1px #fff}.sg-coverflow-controls input[type=range]::-moz-range-track{height:1px;background:hsla(0,0%,100%,.38)}.sg-coverflow-controls input[type=range]::-moz-range-thumb{width:12px;height:12px;border:2px solid #060606;border-radius:50%;background:#fff;box-shadow:0 0 0 1px #fff}.sg-coverflow-hint{margin:.85rem 0 0;text-align:center;opacity:.48}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width:700px){.sg-discography{min-height:100svh;padding:9.5rem 1rem 6.5rem}.sg-discography-content>header{display:block;margin-bottom:1rem;padding:0 .5rem 1.3rem}.sg-discography h1{margin:.45rem 0 1rem;font-size:clamp(3.4rem,18vw,5rem)}.sg-coverflow-stage{height:min(98vw,460px);perspective:900px}.sg-coverflow-item{top:43%;width:min(68vw,330px);border-radius:8px}.sg-coverflow-active{transform:translate(-50%,-50%) translateZ(65px)}.sg-coverflow-left.sg-coverflow-depth-1{transform:translate(-105%,-50%) rotateY(52deg) scale(.74)}.sg-coverflow-right.sg-coverflow-depth-1{transform:translate(5%,-50%) rotateY(-52deg) scale(.74)}.sg-coverflow-left.sg-coverflow-depth-2{transform:translate(-139%,-50%) rotateY(61deg) scale(.58)}.sg-coverflow-right.sg-coverflow-depth-2{transform:translate(39%,-50%) rotateY(-61deg) scale(.58)}.sg-coverflow-depth-3{opacity:0!important}.sg-coverflow-details{min-height:106px;padding-top:.25rem}.sg-coverflow-details h2{font-size:1rem}.sg-coverflow-controls{grid-template-columns:46px minmax(130px,1fr) 46px;gap:.65rem;padding:0 .35rem}.sg-coverflow-controls button{width:46px;height:43px}.sg-spotify-link{bottom:13px;width:36px;height:36px}.sg-cover-reflection{top:calc(100% + 5px);height:27%}}@media (prefers-reduced-motion:reduce){.sg-coverflow-controls button,.sg-coverflow-item,.sg-spotify-link{transition:none}}.sg-discography{height:calc(100svh - var(--ap-bar-h, 60px));min-height:0;padding:clamp(6rem,10vh,7rem) 4vw 1rem}.sg-discography-content{display:grid;grid-template-rows:auto minmax(0,1fr);height:100%}.sg-discography-content>header{margin-bottom:.3rem;padding-bottom:.8rem}.sg-discography h1{font-size:clamp(3rem,7vh,6rem)}.sg-coverflow{display:grid;grid-template-rows:minmax(0,1fr) auto auto auto;min-height:0}.sg-coverflow-stage{height:auto;min-height:0;perspective-origin:50% 40%}.sg-coverflow-item{top:40%;width:clamp(170px,min(24vw,38svh),376px)}.sg-cover-select{position:relative;z-index:2}.sg-cover-reflection{z-index:1;top:calc(100% + 3px);height:29%;opacity:.36;filter:blur(.25px) saturate(.88);transform-origin:center;-webkit-mask-image:linear-gradient(180deg,transparent 4%,rgba(0,0,0,.92));mask-image:linear-gradient(180deg,transparent 4%,rgba(0,0,0,.92))}.sg-coverflow-arrow{position:absolute;z-index:30;top:40%;width:50px;height:50px;border:1px solid hsla(0,0%,100%,.7);background:rgba(0,0,0,.48);color:#fff;font-size:1.3rem;transform:translateY(-50%);cursor:pointer;transition:background .2s ease,color .2s ease,opacity .2s ease}.sg-coverflow-arrow-left{left:clamp(.5rem,4vw,4rem)}.sg-coverflow-arrow-right{right:clamp(.5rem,4vw,4rem)}.sg-coverflow-arrow:focus-visible,.sg-coverflow-arrow:hover:not(:disabled){background:#fff;color:#000}.sg-coverflow-arrow:disabled{cursor:default;opacity:.2}.sg-coverflow-details{min-height:72px;padding-top:.15rem}.sg-coverflow-details h2{margin:.25rem auto .3rem;font-size:clamp(.9rem,1.35vw,1.25rem)}.sg-coverflow-scrubber{width:min(460px,62vw);margin:.35rem auto 0}.sg-coverflow-scrubber input[type=range]{width:100%;height:18px;margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer}.sg-coverflow-scrubber input[type=range]::-webkit-slider-runnable-track{height:1px;background:hsla(0,0%,100%,.38)}.sg-coverflow-scrubber input[type=range]::-webkit-slider-thumb{width:14px;height:14px;margin-top:-6.5px;-webkit-appearance:none;appearance:none;border:2px solid #060606;border-radius:50%;background:#fff;box-shadow:0 0 0 1px #fff}.sg-coverflow-scrubber input[type=range]::-moz-range-track{height:1px;background:hsla(0,0%,100%,.38)}.sg-coverflow-scrubber input[type=range]::-moz-range-thumb{width:12px;height:12px;border:2px solid #060606;border-radius:50%;background:#fff;box-shadow:0 0 0 1px #fff}.sg-coverflow-hint{margin-top:.25rem}@media (max-width:700px){.sg-discography{height:calc(100svh - var(--ap-bar-h, 60px) - env(safe-area-inset-bottom));min-height:0;padding:5.4rem .75rem .55rem}.sg-discography-content>header{margin:0;padding:0 .35rem .5rem}.sg-discography-content>header>p:first-child,.sg-intro{font-size:.58rem}.sg-discography h1{margin:.25rem 0 .45rem;font-size:clamp(2.7rem,11vh,4rem)}.sg-coverflow-stage{height:auto;perspective-origin:50% 38%}.sg-coverflow-item{top:38%;width:clamp(150px,min(56vw,34svh),270px)}.sg-coverflow-arrow{top:38%;width:42px;height:42px}.sg-coverflow-arrow-left{left:.1rem}.sg-coverflow-arrow-right{right:.1rem}.sg-coverflow-details{min-height:78px;padding-top:0}.sg-coverflow-details h2{margin:.2rem auto .25rem;font-size:.88rem}.sg-coverflow-scrubber{width:min(58vw,310px);margin-top:.1rem}.sg-coverflow-hint{margin-top:.05rem;font-size:.52rem}.sg-cover-reflection{top:calc(100% + 2px);height:27%;opacity:.35}}@media (max-height:700px) and (min-width:701px){.sg-discography{padding-top:5rem}.sg-discography h1{font-size:3.2rem}.sg-discography-content>header>p:first-child,.sg-intro{font-size:.58rem}.sg-coverflow-item{width:min(23vw,34svh)}}