/* Tailored concept motion; static layouts remain the fallback. */
.depth-window{position:relative;isolation:isolate}.depth-window img{height:calc(100% + 220px);position:absolute;top:-110px;left:0;transform:translate3d(0,0,0)}
.mm-hero-photo{box-shadow:inset 0 0 0 8px #faf6ef}.mm-hero-photo:after{content:"";position:absolute;inset:0;border:8px solid #424d3b22;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 40px #302c2320}.mm-still{border:7px solid #e8eadf;box-shadow:15px 18px 0 #e8eadf66}.mm-botanical{height:240px;max-width:850px;margin:0 auto 75px;overflow:hidden;border:12px solid #e8eadf;border-radius:120px 8px 8px 8px}.mm-botanical img{object-position:15% 35%;width:145%;max-width:none}.window-divider{position:absolute;inset:0 auto 0 64%;width:9px;background:#e8eadf;box-shadow:6px 0 20px #302c2330}.botanical-glass{position:absolute;inset:-25px;background:linear-gradient(115deg,transparent 25%,#fff5 26%,#fff1 43%,transparent 44%);pointer-events:none}
.nt-hero .record{transform:rotate(-12deg)}.nt-hero h1 em{transition:text-shadow .4s}.nt-hero:hover h1 em{ text-shadow:0 0 25px #d6fa3f66}.ticker{overflow:hidden}.ticker span{display:block;width:max-content;max-width:100%;}@keyframes ticker-sway{to{transform:translateX(18px)}}
.release-play{display:block;position:relative;width:100%;border:0;padding:0;background:transparent;color:inherit;text-align:left;cursor:pointer;isolation:isolate;perspective:800px}.release-play .cover{position:relative;z-index:2;transition:transform .65s cubic-bezier(.2,.8,.2,1);transform-origin:left center}.sleeve-vinyl{position:absolute;inset:5%;border-radius:50%;background:repeating-radial-gradient(circle,#16131b 0 3px,#48404b 4px,#16131b 5px 8px);transition:translate .65s cubic-bezier(.2,.8,.2,1);box-shadow:0 8px 22px #0007}.sleeve-vinyl:after{content:"NT / 001";position:absolute;inset:34%;border-radius:50%;background:#fa6bc2;color:#111;display:grid;place-items:center;font-size:11px;font-weight:bold}.release-play.is-active .sleeve-vinyl{translate:22% 0;animation:vinyl-spin 9s linear infinite}.release-play.is-active .cover{transform:rotateY(-12deg) rotate(-2deg) translateX(-4%)}@keyframes vinyl-spin{to{rotate:360deg}}.release-hint{display:block;font:10px/1.5 Arial,sans-serif;letter-spacing:.05em;margin-top:12px;color:#bbb5c2}.neon-tiger #releases .grid{gap:40px}.neon-tiger #releases article{min-width:0}.cover.two,.cover.three{transition:transform .4s,box-shadow .4s}@media(hover:hover){.cover.two:hover{transform:translateY(-7px) rotate(1deg);box-shadow:0 14px 25px #d6fa3f15}.cover.three:hover{transform:translateY(-4px) rotate(-1deg)}}
.tactile-light{position:relative;overflow:hidden}.tactile-light:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,#fff2 50%,transparent 70%);transform:translateX(-50%);transition:transform .9s ease;pointer-events:none}
.crt-shell{min-width:0}.crt-start{display:block;margin:16px auto 0;border:1px solid #65f3be;background:transparent;color:#65f3be;padding:12px 18px;font:11px monospace;cursor:pointer}.screen.crt-boot{animation:crt-boot .8s ease-out both}@keyframes crt-boot{0%{transform:scaleY(.025);opacity:.25}45%{transform:scaleY(1);opacity:.8}100%{transform:scaleY(1);opacity:1}}
@media(max-width:700px){.mm-botanical{width:82%;height:190px;margin-bottom:45px}.mm-still{box-shadow:8px 10px 0 #e8eadf66}.release-play{width:88%}.neon-tiger #releases .grid{gap:30px}}
@media(prefers-reduced-motion:reduce){.depth-window img{transform:none;will-change:auto}.botanical-glass,.tactile-light:after{transform:none}.nt-hero .record{transform:rotate(-12deg)}.release-play.is-active .cover{transform:none}.release-play.is-active .sleeve-vinyl{translate:12% 0}}

html:not(.motion-ready) .crt-start,html:not(.motion-ready) .release-hint{display:none}
@media(prefers-reduced-motion:reduce){.cover.two:hover,.cover.three:hover{transform:none}}
/* Clip the rotating disc's transparent rectangular bounds to its hero. */
.nt-hero{overflow:clip}
.neon-tiger .release-head{margin-bottom:24px}

@media(hover:hover){.tactile-light:hover:after{transform:translateX(50%)}.nt-hero .record{transition:transform .8s ease}.nt-hero:hover .record{transform:rotate(18deg)}}
@media(max-width:700px){.depth-window img{height:calc(100% + 170px);top:-85px}}
@media(prefers-reduced-motion:reduce){.tactile-light:hover:after{transform:none}.nt-hero:hover .record{transform:rotate(-12deg)}}

/* Single-window WebKit proof: move a non-replaced wrapper, keep image fitting static. */
.mabel-moss [data-parallax-proof]{position:relative;overflow:hidden;isolation:auto;transform:none;box-shadow:none}
.mabel-moss [data-parallax-proof]:after{content:none}
.mabel-moss [data-parallax-proof] .parallax-inner{position:absolute;left:0;right:0;top:-220px;height:calc(100% + 440px);transform:translate3d(0,0,0);transition:none;animation:none}
.mabel-moss [data-parallax-proof] .parallax-inner img{position:static;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;transform:none;transition:none;animation:none;will-change:auto}
.parallax-readout{position:absolute;right:14px;bottom:14px;z-index:2;width:285px;padding:5px 8px;border-radius:3px;background:#faf6ef;color:#424d3b;font:10px/1.4 monospace;pointer-events:none}

/* Performance proof: the two supporting photographs are ordinary static images. */
.mabel-moss .depth-window:not([data-parallax-proof]) > img{transform:none;will-change:auto;transition:none;animation:none}
/* WebKit gets a single rectangular clip and a single moving child. */
.mabel-webkit-lite .mabel-moss .depth-window{border-radius:0;isolation:auto;box-shadow:none;filter:none;backdrop-filter:none;clip-path:none;mask:none}
.mabel-webkit-lite .mabel-moss .depth-window:after,
.mabel-webkit-lite .mabel-moss .botanical-glass,
.mabel-webkit-lite .mabel-moss .window-divider{display:none}
.mabel-webkit-lite .mabel-moss [data-parallax-proof] .parallax-inner{top:-180px;height:calc(100% + 360px)}
