.dx-hero{position:relative;min-height:680px;isolation:isolate;overflow:hidden;border-bottom:1px solid var(--hairline);background:radial-gradient(ellipse 65% 90% at 75% 45%,var(--accent-low),transparent 75%),linear-gradient(115deg,var(--bg),var(--panel) 63%,var(--bg))}.dx-hero__ambient{position:absolute;inset:-55%;background:repeating-radial-gradient(ellipse at 68% 47%,transparent 0 56px,var(--hairline) 57px 58px,transparent 60px 112px);opacity:.38;transform:rotate(-14deg);pointer-events:none}.dx-hero__watermark{position:absolute;z-index:-1;top:50%;right:-4%;width:min(88vw,1230px);height:min(88vw,1230px);object-fit:contain;transform:translateY(-50%) rotate(-11deg) scale(1.1);opacity:.085;filter:grayscale(1) contrast(1.5) brightness(3);mix-blend-mode:screen;pointer-events:none;mask-image:radial-gradient(circle,#000 17%,transparent 70%)}:root[data-theme="light"] .dx-hero__watermark{opacity:.13;filter:grayscale(1) contrast(1.3) brightness(.45);mix-blend-mode:multiply}.dx-hero__grain{position:absolute;inset:0;opacity:.19;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.12' filter='url(%23n)'/%3E%3C/svg%3E")}.dx-hero__inner{position:relative;min-height:680px;display:flex;flex-direction:column;z-index:1}.dx-eyebrow{display:flex;align-items:center;gap:12px;padding-top:40px;font-size:10px;font-weight:850;letter-spacing:.19em;color:var(--accent)}.dx-eyebrow__line{width:26px;height:1px;background:var(--accent)}.dx-eyebrow__number{color:var(--muted);font-weight:500}.dx-hero__layout{flex:1;display:grid;grid-template-columns:1fr 420px;align-items:center;position:relative}.dx-hero__copy{z-index:3;padding:30px 0 54px}.dx-logo-box{width:100px;height:100px;border:1px solid var(--hairline);background:var(--glass);display:flex;align-items:center;justify-content:center;padding:12px;margin-bottom:28px;border-radius:4px;backdrop-filter:blur(9px);box-shadow:0 16px 60px #00000018}.dx-logo-box img{width:100%;height:100%;object-fit:contain}.dx-hero h1{font-family:var(--font-head);font-size:clamp(56px,7.6vw,132px);line-height:.86;letter-spacing:-.09em;font-weight:900;margin:0 0 26px;overflow-wrap:anywhere;text-transform:uppercase;max-width:970px;text-shadow:0 2px 50px var(--bg)}.dx-hero__tagline{font-size:clamp(15px,1.3vw,18px);font-weight:350;line-height:1.55;color:var(--muted);margin:0 0 32px}.dx-pill-link{border:1px solid var(--accent);background:var(--accent);color:var(--bg);display:inline-flex;align-items:center;gap:32px;padding:15px 21px;border-radius:100px;font-size:10px;font-weight:900;letter-spacing:.12em;transition:transform .2s,box-shadow .2s}.dx-pill-link:hover{transform:translateY(-3px);box-shadow:0 10px 30px var(--accent-low)}:root[data-theme="light"] .dx-pill-link{color:#fff}.dx-pill-link>span:last-child{font-size:19px;line-height:.7}.dx-hero__sculpture{height:460px;position:relative;display:grid;place-items:center;transform:translate(-4%,-2%)}.dx-orbit{position:absolute;border:1px solid var(--hairline);border-radius:50%;width:440px;height:440px;transform:rotateX(68deg) rotate(-19deg);box-shadow:0 0 30px var(--accent-low);pointer-events:none}.dx-orbit--two{width:540px;height:540px;transform:rotateY(70deg) rotate(-22deg)}.dx-sculpture__disc{width:340px;height:340px;border-radius:50%;display:grid;place-items:center;background:repeating-radial-gradient(circle at center,#000 0 2px,#151c1b 3px 4px,#060809 5px 6px);box-shadow:0 27px 70px #0008,inset 0 0 15px #fff2,0 0 0 1px var(--hairline);animation:dx-spin 1.8s linear infinite;animation-play-state:paused;position:relative}.dx-sculpture__disc::before{position:absolute;inset:-4px;content:"";border-radius:50%;border:1px solid var(--accent);opacity:.45}.dx-sculpture__disc::after{position:absolute;inset:18px;content:"";border-radius:50%;border:1px solid #fff2}.dx-sculpture__core{border:6px solid #262d29;width:130px;height:130px;border-radius:50%;display:grid;place-items:center;background:#e4e6db;overflow:hidden;padding:17px}.dx-sculpture__core img{width:100%;height:100%;object-fit:contain}.dx-hero__vertical{position:absolute;right:-25px;top:50%;writing-mode:vertical-rl;font-size:9px;letter-spacing:.32em;color:var(--muted)}.dx-hero__footer{min-height:95px;border-top:1px solid var(--hairline);display:flex;justify-content:space-between;align-items:center}.dx-hero__stats{display:flex;align-items:center;gap:38px}.dx-hero__stats>div{display:flex;align-items:baseline;gap:16px}.dx-hero__stats span{font-size:10px;letter-spacing:.2em;font-weight:750;color:var(--muted)}.dx-hero__stats strong{font-family:var(--font-head);font-size:35px;font-weight:900;letter-spacing:-.06em;font-variant-numeric:tabular-nums}.dx-hero__stats i{height:25px;width:1px;background:var(--hairline)}.dx-hero__coordinate{font-size:9px;font-weight:750;letter-spacing:.18em;color:var(--muted)}.dx-hero__pulse{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--accent);margin-left:15px;box-shadow:0 0 0 5px var(--accent-low)}@keyframes dx-spin{to{transform:rotate(360deg)}}.dx-featured{padding-top:105px;padding-bottom:110px}.dx-spotlight{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px}.dx-spotlight__tile{position:relative;aspect-ratio:3/3.8;overflow:hidden;background:var(--panel);border:1px solid var(--hairline);isolation:isolate;transition:transform .25s,border-color .25s}.dx-spotlight__tile img{width:100%;height:100%;object-fit:cover;transition:transform .65s cubic-bezier(.2,.7,.3,1),filter .35s}.dx-spotlight__tile:hover{transform:translateY(-7px);border-color:var(--accent)}.dx-spotlight__tile:hover img{transform:scale(1.095)}.dx-spotlight__shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.24),transparent 42%,rgba(0,0,0,.84));pointer-events:none}.dx-spotlight__ordinal{position:absolute;top:18px;left:19px;font-size:12px;font-weight:900;letter-spacing:.04em;color:#fff}.dx-spotlight__bottom{position:absolute;bottom:16px;left:18px;right:17px;display:grid;gap:4px;color:#fff}.dx-spotlight__title{font-family:var(--font-head);font-weight:900;letter-spacing:-.04em;line-height:1.03;font-size:clamp(16px,1.8vw,25px);text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.dx-spotlight__artist{font-size:11px;color:#ddd;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.dx-spotlight__arrow{position:absolute;top:11px;right:14px;font-size:23px;line-height:1;color:#fff;opacity:0;transform:translate(-5px,5px);transition:transform .2s,opacity .2s}.dx-spotlight__tile:hover .dx-spotlight__arrow{opacity:1;transform:none}@media(max-width:1150px){.dx-hero__layout{grid-template-columns:1fr 320px}.dx-hero__sculpture{transform:scale(.7) translate(-8%,0);transform-origin:center}.dx-spotlight{grid-template-columns:repeat(3,minmax(0,1fr))}.dx-spotlight__tile:nth-child(n+4){display:none}}@media(max-width:760px){.dx-hero,.dx-hero__inner{min-height:660px}.dx-hero__layout{display:block}.dx-hero__copy{padding:66px 0 52px}.dx-hero__sculpture{position:absolute;right:-190px;top:0;z-index:-1;transform:scale(.55);opacity:.4}.dx-hero h1{font-size:clamp(53px,13vw,95px)}.dx-hero__footer{gap:15px;flex-wrap:wrap}.dx-hero__coordinate{display:none}.dx-hero__stats{gap:20px}.dx-hero__stats>div{gap:9px}.dx-featured{padding:74px 0}.dx-spotlight{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:13px;scrollbar-width:thin}.dx-spotlight__tile{min-width:225px;width:225px;scroll-snap-align:start}.dx-spotlight__tile:nth-child(n+4){display:block}}@media(max-width:420px){.dx-logo-box{width:80px;height:80px}.dx-hero__copy{padding-top:80px}.dx-eyebrow{font-size:8px}.dx-hero__stats strong{font-size:28px}}
/* A genuine 33⅓ RPM: 60 / (100 / 3) = 1.8 seconds per revolution. */
.dx-sculpture__disc.is-playing{animation-play-state:running}
.dx-sculpture__core{width:172px;height:172px;overflow:hidden;padding:0;border:9px solid #111816;box-shadow:0 0 0 2px #efedda3b}
.dx-sculpture__core img{width:100%;height:100%;object-fit:cover}
.dx-sculpture__core::after{content:"";width:10px;height:10px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;background:#dedbd0;box-shadow:0 0 0 2px #222b29;pointer-events:none}
@media(prefers-reduced-motion:reduce){.dx-sculpture__disc{animation:none!important}}

/* LABEL UNIVERSE V1.2 — HERO: ONLY THE ROUND COVER ROTATES */
.dx-hero__sculpture {
    height: 500px;
}

.dx-sculpture__disc {
    width: 380px;
    height: 380px;
    background: transparent !important;
    box-shadow: none !important;
    animation: none !important;
}

.dx-sculpture__disc::before,
.dx-sculpture__disc::after {
    display: none !important;
}

.dx-sculpture__core {
    position: relative;
    width: 320px !important;
    height: 320px !important;
    padding: 0 !important;
    border-radius: 50%;
    overflow: hidden;
    border: 1px solid var(--hairline) !important;
    box-shadow: 0 26px 70px #00000055, 0 0 0 1px var(--hairline);
    background: var(--panel);
}

.dx-sculpture__core img {
    width: 100%;
    height: 100%;
    object-fit: cover !important;
}

.dx-sculpture__disc.is-playing .dx-sculpture__core {
    animation: dx-spin 1.8s linear infinite;
}

@media (max-width: 760px) {
    .dx-sculpture__disc {
        width: 320px;
        height: 320px;
    }

    .dx-sculpture__core {
        width: 270px !important;
        height: 270px !important;
    }
}

/* LABEL UNIVERSE V1.4 — GIANT ROTATING SLICE */

:root {
    --dx-slice-size: clamp(520px, 48vw, 780px);
    --dx-slice-height: 330px;
    --dx-slice-offset: -0.57;
}

.dx-hero__sculpture {
    position: absolute !important;
    top: -50px;
    right: -40px;
    width: min(48vw, 740px);
    height: var(--dx-slice-height);
    overflow: hidden;
    transform: none !important;
    opacity: 1 !important;
    z-index: 2;
    pointer-events: none;
}

.dx-hero__sculpture .dx-orbit {
    display: none;
}

#dx-turntable-disc {
    position: absolute;
    width: var(--dx-slice-size) !important;
    height: var(--dx-slice-size) !important;
    right: calc(var(--dx-slice-size) * -0.18);
    top: calc(var(--dx-slice-size) * var(--dx-slice-offset));
    background: transparent !important;
    box-shadow: none !important;
    animation: none !important;
}

#dx-turntable-disc .dx-sculpture__core {
    width: 100% !important;
    height: 100% !important;
    border: 0 !important;
    border-radius: 50%;
    padding: 0 !important;
    overflow: hidden;
}

#dx-turntable-disc .dx-sculpture__core img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#dx-turntable-disc.is-playing .dx-sculpture__core {
    animation: dx-spin 1.8s linear infinite;
}

@media (max-width: 760px) {
    :root {
        --dx-slice-size: min(110vw, 450px);
        --dx-slice-height: 190px;
        --dx-slice-offset: -0.64;
    }

    .dx-hero__sculpture {
        top: 0;
        right: -20px;
        width: min(85vw, 420px);
        opacity: .8 !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    #dx-turntable-disc.is-playing .dx-sculpture__core {
        animation: none !important;
    }
}

/* LABEL UNIVERSE V1.5 — ALMOST FULL CIRCLE */
:root {
    --dx-disc-diameter: clamp(440px, 37vw, 650px);
    --dx-disc-top-cut: 75px;
    --dx-disc-right-cut: 105px;
}

.dx-hero__layout {
    position: static;
}

.dx-hero__sculpture {
    position: absolute !important;
    top: calc(-1 * var(--dx-disc-top-cut));
    right: calc(-1 * var(--dx-disc-right-cut));
    width: var(--dx-disc-diameter) !important;
    height: var(--dx-disc-diameter) !important;
    overflow: visible !important;
    transform: none !important;
    opacity: 1 !important;
    z-index: 2;
    pointer-events: none;
}

.dx-hero__sculpture .dx-orbit,
.dx-hero__vertical {
    display: none;
}

#dx-turntable-disc {
    position: relative;
    top: 0 !important;
    right: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: none !important;
    box-shadow: none !important;
    animation: none !important;
}

#dx-turntable-disc .dx-sculpture__core {
    position: relative;
    width: 100% !important;
    height: 100% !important;
    padding: 0 !important;
    overflow: hidden;
    border-radius: 50%;
    border: 1px solid var(--hairline) !important;
    box-shadow: 0 30px 75px #0006;
}

#dx-turntable-disc .dx-sculpture__core::after {
    display: none !important;
}

#dx-turntable-disc .dx-sculpture__core img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#dx-turntable-disc.is-playing .dx-sculpture__core {
    animation: dx-spin 1.8s linear infinite;
}

@media (max-width: 760px) {
    :root {
        --dx-disc-diameter: min(76vw, 400px);
        --dx-disc-top-cut: 35px;
        --dx-disc-right-cut: 65px;
    }

    .dx-hero__sculpture {
        z-index: 0;
        opacity: .60 !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    #dx-turntable-disc.is-playing .dx-sculpture__core {
        animation: none !important;
    }
}