/* NTTSBEATS / analog sound desk. */
:root{--ink:#111210;--ink2:#171815;--panel:#1b1c18;--panel2:#24251f;--line:#393a32;--text:#eeeee6;--dim:#a5a89b;--gold:#ed9e59;--gold2:#ffbc7b;--hot:#ed9e59}
.hdrin,.wrap{max-width:1500px;padding-left:5%;padding-right:5%}.hdrin{height:76px}.mark{font-size:22px}.brand-icon i{background:var(--gold)}.nav button,.header-contact{font-size:14px}.cart{font-size:13px}.analog-hero{padding:32px 5% 35px;max-width:1500px;margin:auto;isolation:isolate;position:relative}.analog-meta{display:flex;justify-content:space-between;gap:20px;font:12px var(--mono);letter-spacing:1.4px;color:var(--dim);text-transform:uppercase}.analog-meta span:first-child{color:var(--gold);display:flex;gap:10px;align-items:center}.analog-meta i{width:6px;height:6px;background:var(--gold);border-radius:50%}.analog-wordmark{font-family:Impact,'Arial Narrow',Arial,sans-serif;font-stretch:condensed;font-size:clamp(75px,14.5vw,208px);font-weight:900;line-height:.86;letter-spacing:-.045em;margin:31px 0 28px;white-space:nowrap;position:relative;color:#e9e9dd}.analog-wordmark span{color:var(--gold)}.analog-sub{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.analog-sub p{margin:0;font-size:14px;line-height:1.7;color:var(--dim)}.analog-sub p b{color:var(--text);font-weight:400}.analog-sub a{font-size:14px;text-underline-offset:5px;white-space:nowrap}.listening-desk{display:grid;grid-template-columns:1.23fr 1fr;gap:16px}.tape-machine{position:relative;background:linear-gradient(130deg,#3b3d34,#272922 45%,#1c1e18);border:1px solid #5e6153;border-radius:8px;padding:21px 27px 18px;box-shadow:inset 0 1px 0 #ffffff18,0 15px 40px #0004;isolation:isolate}.screw{position:absolute;width:7px;height:7px;border-radius:50%;background:linear-gradient(45deg,#111 43%,#73776a 44%,#73776a 54%,#111 55%);border:1px solid #585c4f}.screw.a{left:10px;top:10px}.screw.b{right:10px;top:10px}.screw.c{left:10px;bottom:10px}.screw.d{right:10px;bottom:10px}.machine-label{display:flex;justify-content:space-between;gap:10px;font:12px var(--mono);letter-spacing:1.5px;color:#c4c7b8}.machine-label span:last-child{color:#a0a593}.reel-window{position:relative;display:flex;align-items:center;justify-content:space-around;margin-top:15px;padding:10px 6px 16px;border-radius:4px;background:linear-gradient(#161913,#1d2119);border:1px solid #ffffff12;overflow:hidden}.reel-window:after{content:'';position:absolute;bottom:17%;left:22%;right:22%;height:2px;background:#584228;z-index:-1}.reel{width:38%;max-width:165px;aspect-ratio:1;position:relative;filter:drop-shadow(0 4px 5px #000a);animation:reel-spin 7s linear infinite;animation-play-state:paused}.is-playing .reel{animation-play-state:running}.reel svg{width:100%;height:100%;stroke:none;fill:none}.reel-window .transport-dot{width:7px;height:7px;background:#647052;border-radius:50%;box-shadow:0 0 0 4px #12160f}.is-playing .transport-dot{background:#e8ad67;box-shadow:0 0 12px #e8ad6790}.machine-screen{display:flex;align-items:center;gap:18px;padding:15px 0;border-bottom:1px solid #ffffff15}.machine-screen .track-info{flex:1;min-width:0}.track-info small{font:11px var(--mono);color:#a0a593;letter-spacing:1px;display:block;margin-bottom:6px}.track-info b{display:block;color:#f1edce;font:23px var(--mono);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.machine-meter{width:110px;height:43px;background:#10160e;flex:none;border-radius:2px}.transport{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:14px}.transport-keys{display:flex;gap:6px}.transport-keys button{border:1px solid #6c7060;background:linear-gradient(#4c5044,#2e3327);border-radius:3px;min-width:39px;height:36px;display:grid;place-items:center;box-shadow:0 2px 0 #0c110a;transition:transform .15s}.transport-keys button:active{transform:translateY(2px)}.transport-keys button.main-key{background:linear-gradient(#efb576,#c78342);border-color:#ffcc97;color:#1a140b;min-width:66px}.transport small{font:11px var(--mono);color:#b7bba8;letter-spacing:1px}.room-card{position:relative;min-height:330px;border:1px solid #514d3c;border-radius:7px;overflow:hidden;background:#171a12}.room-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:58% center;filter:brightness(.8);transition:transform 1s}.room-card:hover>img{transform:scale(1.035)}.room-card:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#0b100bea,transparent 65%)}.room-card .room-label{position:absolute;left:20px;top:20px;font:12px var(--mono);color:#eee5ca;letter-spacing:1.2px;z-index:1}.room-card .room-bottom{position:absolute;left:23px;right:23px;bottom:23px;z-index:1;display:flex;align-items:end;justify-content:space-between;gap:20px}.room-bottom b{font-size:26px;font-weight:400;letter-spacing:-1px}.room-bottom small{display:block;color:#b3b6a7;font-size:12px;margin-top:7px}.room-bottom button{width:48px;height:48px;flex:none;border:1px solid #ddc196;border-radius:50%;color:#e4c79c;font-size:25px;transition:background .2s}.room-bottom button:hover{background:#e4c79c;color:#12140f}.desk-foot{display:flex;justify-content:space-between;gap:20px;margin-top:21px;font:12px var(--mono);color:#9a9e8d}.desk-foot a{text-underline-offset:4px}.ticker-static{display:none}.catalog{border-top:1px solid #454739;padding-top:35px!important}.section-top h2{font-size:38px;letter-spacing:-1px}.section-top .eyebrow{font-size:12px}.section-note{font-size:12px}.filter{font-size:13px;border-radius:2px;padding:11px 14px}.sbox{max-width:260px}.sbox input{font-size:13px}.catalog-tools{gap:20px}.layout-toggle{display:flex;gap:2px;border:1px solid var(--line);padding:3px;margin-top:13px;width:max-content}.layout-toggle button{padding:7px 12px;font-size:12px;color:var(--dim)}.layout-toggle button.on{color:#13170f;background:#bdc2ac}.track-list{border-top:1px solid #555944}.track-head,.track-row{display:grid;grid-template-columns:35px 49px minmax(160px,1.5fr) 70px 70px 1fr 120px 30px;gap:17px;align-items:center}.track-head{font:11px var(--mono);color:#9da48e;padding:12px 15px;letter-spacing:1px;text-transform:uppercase}.track-row{padding:15px;border-top:1px solid #373c2e;position:relative;transition:background .22s;min-height:87px}.track-row:hover{background:#21261b}.track-row.on{background:#272b1e}.track-row.on:before{content:'';position:absolute;inset:0 auto 0 0;width:3px;background:var(--gold)}.track-number{font:12px var(--mono);color:#838b76}.row-cover{width:49px;height:49px;overflow:hidden;border-radius:2px;position:relative}.row-cover img{width:100%;height:100%;object-fit:cover}.row-play{position:absolute;inset:0;display:grid;place-items:center;color:white;background:#1116}.row-play svg{width:16px;height:16px}.track-name{min-width:0}.track-name b{font-size:16px;font-weight:500;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-name small{font-size:12px;color:#99a18c;display:block;margin-top:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row-meta{font:13px var(--mono);color:#c1c7b2}.row-signal{display:flex;align-items:center;height:30px;gap:3px;justify-content:center;opacity:.45}.row-signal i{width:3px;flex:1;max-width:4px;background:#99a27e;border-radius:1px}.track-row.on .row-signal{opacity:1}.track-row.on .row-signal i{background:var(--gold);animation:level-dance .7s ease-in-out infinite alternate}.row-license{font-size:13px;display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #62694f;padding:11px;color:#dbdfcf;border-radius:2px}.row-license:hover{border-color:var(--gold);color:var(--gold)}.favorite{font-size:24px}.section-note .preview-tag{font-size:10px;display:block;margin-top:5px}.btitle{font-size:16px}.spec,.beat-mood,.cdur{font-size:12px}.beat-bottom .licbtn small{font-size:14px}.hire{border-radius:3px;background:#24281d}.hiretag{font-size:12px}.hire .optd,.ftr .optd{font-size:14px}.hire h3{font-size:30px}.fl a,.fl button,.preview-footer{font-size:13px}.hero-description{font-size:16px}.btn{font-size:14px}.fine{font-size:12px}.plin .ptx b{font-size:14px}.plin .ptx span{font-size:12px}.idle-left{font-size:13px}.idle-left small{font-size:12px}.idle-right>span{font-size:11px}.modal .optd{font-size:14px}.modal .mono{font-size:12px}.machine-meter:focus{outline:none}
@keyframes reel-spin{to{transform:rotate(360deg)}}@keyframes level-dance{to{transform:scaleY(.4)}}
@media(min-width:1500px){.analog-wordmark{font-size:210px}.reel{max-width:185px}.room-card{min-height:380px}}
@media(max-width:1050px){.track-head,.track-row{grid-template-columns:25px 45px minmax(120px,1fr) 60px 60px 110px 25px;gap:12px}.row-signal,.track-head .signal-heading{display:none}.analog-wordmark{font-size:14vw}.transport small{font-size:10px}.machine-screen .track-info b{font-size:21px}.machine-meter{width:80px}.catalog-tools{flex-wrap:wrap}.sbox{max-width:none;width:260px;flex:1;min-width:190px}}
@media(max-width:700px){.hdrin{height:auto;min-height:75px}.nav button{font-size:12px}.analog-hero{padding-top:25px}.analog-meta{font-size:10px;letter-spacing:.6px}.analog-meta span:last-child{display:none}.analog-wordmark{font-size:14vw;letter-spacing:-.05em;margin:27px 0 20px}.analog-sub p{font-size:13px}.analog-sub a{font-size:12px}.analog-sub{gap:10px;align-items:end}.listening-desk{grid-template-columns:1fr}.tape-machine{padding:19px 21px 17px}.reel{max-width:145px;width:37%}.room-card{min-height:185px}.room-card>img{object-position:center 53%}.room-card .room-label{font-size:10px}.room-card .room-bottom{bottom:20px;left:20px}.room-bottom b{font-size:23px}.machine-label{font-size:10px}.machine-screen{padding:13px 0}.machine-meter{width:95px}.machine-screen .track-info b{font-size:23px}.desk-foot{font-size:11px;gap:12px;line-height:1.6;flex-wrap:wrap}.catalog{padding-top:29px!important}.section-top h2{font-size:30px}.section-top .eyebrow{font-size:10px;letter-spacing:1px}.catalog-tools{gap:13px}.filters{gap:6px}.filter{font-size:12px;padding:10px 11px}.sbox{width:100%;min-width:0}.section-top{margin-bottom:18px}.track-head{display:none}.track-row{grid-template-columns:44px minmax(90px,1fr) 82px 24px;gap:10px;padding:14px 0;min-height:88px}.track-number{display:none}.row-cover{width:44px;height:44px}.track-name b{font-size:14px}.track-name small{font-size:11px}.row-meta{display:none}.row-license{font-size:12px;padding:10px 8px;gap:4px}.row-license svg{width:11px}.track-row.on{padding-left:7px;padding-right:7px}.track-row .favorite{font-size:24px}.hiretag{font-size:10px}.hire .optd{font-size:14px}.idle-left{font-size:12px}.idle-left small{font-size:10px}.idle-right button{font-size:12px}.plin .ptx span{font-size:10px}.analog-sub p br{display:none}.analog-sub p{max-width:220px}}
@media(prefers-reduced-motion:reduce){.reel,.row-signal i{animation:none!important}.room-card img{transition:none}}
/* The studio becomes the setting for the storefront. */
.immersive-home{max-width:none;overflow:hidden;position:relative;padding:35px max(5%,calc((100vw - 1350px)/2)) 28px}.studio-photograph{position:absolute;inset:0;z-index:-3;background:url('assets/studio.jpg') center/cover no-repeat}.depth-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:-2;pointer-events:none;opacity:0}.depth-canvas.ready{opacity:1}.studio-shading{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0b100be8,#0c100b69 52%,#0b100b28),linear-gradient(0deg,#111210,transparent 35%,#1112109c)}.immersive-home .analog-wordmark{color:#efeee0;text-shadow:0 4px 30px #0003}.immersive-home .analog-wordmark span{color:#e8c291}.immersive-home .analog-meta{color:#e0dfd0}.immersive-home .analog-sub p{color:#d0d1c1}.immersive-home .analog-sub a{color:#eee9d8}.immersive-home .listening-desk{grid-template-columns:minmax(350px,480px) 1fr;gap:45px}.immersive-home .tape-machine{background:linear-gradient(135deg,#45483ee8,#292e22ed);backdrop-filter:blur(12px);max-width:480px;box-shadow:inset 0 1px 0 #ffffff20,0 20px 70px #0008}.immersive-home .reel{max-width:135px}.immersive-home .room-card{background:none;border:0;min-height:330px;overflow:visible}.immersive-home .room-card>img,.immersive-home .room-card:after,.immersive-home .room-label{display:none}.immersive-home .room-card .room-bottom{left:auto;right:0;bottom:14px;background:#15180e80;border:1px solid #c3b28c60;border-radius:3px;padding:20px;backdrop-filter:blur(12px)}.immersive-home .room-bottom b{font-size:23px}.immersive-home .room-bottom small{color:#d0d1c1}.immersive-home .desk-foot{color:#c0c3b1}.photographic-dialog{isolation:isolate;background:#111 url('assets/studio.jpg') center/cover;color:#eee;border:1px solid #9c8967;padding:0;width:94vw;max-width:1500px;height:87dvh;overflow:hidden;border-radius:4px}.photographic-dialog::backdrop{background:#030602e8;backdrop-filter:blur(15px)}.immersive-toolbar{display:flex;justify-content:space-between;align-items:center;padding:25px;background:linear-gradient(#0009,transparent);font:12px var(--mono);letter-spacing:2px}.immersive-toolbar button{width:42px;height:42px;border:1px solid #e8d6b2;border-radius:50%;font-size:23px;background:#1119}.immersive-caption{position:absolute;bottom:0;left:0;right:0;padding:35px;background:linear-gradient(transparent,#090d09c9)}.immersive-caption b{font-size:36px;font-weight:400}.immersive-caption p{font-size:13px;color:#d1d3c5;line-height:1.6}.photographic-dialog .depth-canvas{z-index:-1}
@media(max-width:700px){.immersive-home{padding:24px 5% 25px}.immersive-home .listening-desk{grid-template-columns:1fr;gap:18px}.immersive-home .room-card{min-height:175px}.immersive-home .room-card .room-bottom{left:0;right:0;bottom:10px;padding:16px}.immersive-home .room-bottom small{font-size:12px}.immersive-home .reel{max-width:120px}.studio-shading{background:linear-gradient(90deg,#0b100ba8,#0b100b25),linear-gradient(0deg,#111210,transparent 35%,#111210ad)}.immersive-toolbar{padding:18px;font-size:10px;letter-spacing:1px}.immersive-caption{padding:23px}.immersive-caption b{font-size:28px}.immersive-caption p{font-size:12px}.immersive-home .analog-sub p{font-size:13px}.immersive-home .analog-wordmark{margin-top:25px}}
.auto-beat-cover{position:relative;display:flex;flex-direction:column;justify-content:space-between;isolation:isolate;width:100%;height:100%;min-height:100%;overflow:hidden;padding:10%;background:#20261d;color:var(--cover-accent,#caa570)}.auto-beat-cover:before{content:'';position:absolute;inset:5%;border:1px solid currentColor;opacity:.25;z-index:-1}.auto-cover-brand{font:600 11px Arial,sans-serif;letter-spacing:2px}.auto-cover-disc{position:absolute;top:18%;right:-13%;width:80%;aspect-ratio:1;border-radius:50%;border:1px solid currentColor;box-shadow:0 0 0 10px #ffffff05,0 0 0 24px #ffffff05,0 0 0 37px #ffffff03;opacity:.3;z-index:-1}.auto-cover-disc:after{content:'';position:absolute;inset:40%;border:1px solid currentColor;border-radius:50%}.auto-beat-cover strong{margin-top:auto;padding:25px 0 15px;font-size:clamp(20px,2.8vw,42px);line-height:1.03;letter-spacing:-1px;overflow-wrap:anywhere;font-weight:600;max-width:100%}.auto-cover-footer{font:9px var(--mono);letter-spacing:1.3px}.custom-beat-cover{width:100%;height:100%;object-fit:cover;display:block}.row-cover .auto-beat-cover,.part .auto-beat-cover,.cimg .auto-beat-cover{padding:10%}.row-cover .auto-beat-cover strong,.part .auto-beat-cover strong,.cimg .auto-beat-cover strong{font-size:9px;letter-spacing:-.2px;padding:0;margin:auto 0}.row-cover .auto-cover-brand,.row-cover .auto-cover-footer,.part .auto-cover-brand,.part .auto-cover-footer,.cimg .auto-cover-brand,.cimg .auto-cover-footer{display:none}.part,.cimg{overflow:hidden}.cover-upload-preview{width:180px;height:180px;max-width:100%;margin-bottom:14px;border-radius:3px;overflow:hidden}.cover-upload-preview .auto-beat-cover strong{font-size:25px}.cover-upload-hint{font-size:13px;line-height:1.6;color:var(--dim);margin:0 0 18px}.cover-reset{font-size:13px;color:var(--gold);text-decoration:underline;text-underline-offset:4px;padding:0 0 18px}.cover .auto-beat-cover{aspect-ratio:1.06}
.cover .auto-cover-brand{padding-top:18px}
/* Legal access belongs in the storefront, not behind owner login. */
.legal-footer{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-top:28px;padding:26px 0;border-top:1px solid #484d3b}.legal-kicker{font:12px var(--mono);letter-spacing:1.4px;color:var(--gold)}.legal-footer p,.legal-reference p{font-size:13px;color:var(--dim);line-height:1.7;margin:9px 0 0}.legal-links{display:flex;gap:22px;flex-wrap:wrap}.legal-links button,.legal-reference>button{font-size:13px;color:#e3dfcc;text-decoration:underline;text-underline-offset:5px;line-height:1.7}.legal-links button:hover,.legal-reference>button:hover{color:var(--gold)}.legal-reference{margin:24px 0;padding:20px;border:1px solid var(--line);background:#1c2017}.legal-reference .legal-links{margin-top:12px}.legal-reference.compact{margin:12px 0;padding:12px}.legal-reference.compact .legal-links{margin:0;gap:14px}.doc{max-width:880px}.doc .dsec p{font-size:16px;line-height:1.8;color:#d0d1c3}.doc .dsec h3{font-size:20px;color:var(--gold2);margin-top:30px}.doc .ltbl th,.doc .ltbl td{font-size:13px}.doc .ltbl{border:1px solid var(--line);border-radius:3px}.doc .stampd{font-size:12px;color:var(--dim)}
/* Tactile surfaces and restrained entrance; the music keeps the foreground. */
.tape-machine,.bc .cover{transform:perspective(1200px) rotateX(var(--deck-rx,0deg)) rotateY(var(--deck-ry,0deg));transition:transform .24s ease;transform-style:preserve-3d}.tape-machine:after{content:'';position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:radial-gradient(ellipse at var(--light-x,35%) var(--light-y,10%),#f5e3ae16,transparent 60%);z-index:1}.tape-machine .transport,.tape-machine .machine-screen{position:relative;z-index:2}.tape-machine.is-playing{border-color:#ba955c;box-shadow:inset 0 1px 0 #ffffff24,0 20px 70px #0008,0 0 28px #e5aa5120}.analog-wordmark{letter-spacing:-.035em}.analog-wordmark span{text-shadow:0 0 35px #f3b55f14}.intro-wordmark{animation:studio-arrival .9s cubic-bezier(.16,1,.3,1) both}.track-row .row-license{transition:background .18s,border-color .18s,transform .18s}.track-row:hover .row-license{background:#343d25;transform:translateX(-2px)}.transport-keys .main-key:hover{box-shadow:0 0 20px #e7b17740}.cover .cvplay{z-index:6}.cover .pgo{background:#1a2114;color:#f7f1d7}.cover:focus-within{outline:1px solid var(--gold);outline-offset:4px}
@keyframes studio-arrival{from{opacity:0;transform:translateY(24px);clip-path:inset(0 0 100% 0)}to{opacity:1;transform:translateY(0);clip-path:inset(0)}}
@media(max-width:700px){.legal-footer{display:block}.legal-footer .legal-links{margin-top:18px;gap:15px}.legal-links button{font-size:13px}.doc .dsec p{font-size:15px}.doc .dsec h3{font-size:18px}.legal-reference{padding:16px}.legal-reference.compact .legal-links{gap:10px}.tape-machine,.bc .cover{transform:none!important}.doc .ltbl{max-width:100%;overflow-x:auto}}
@media(prefers-reduced-motion:reduce){.intro-wordmark{animation:none!important}.tape-machine,.bc .cover{transform:none!important;transition:none}.track-row .row-license{transition:none}.track-row:hover .row-license{transform:none}}

.library-notice{margin:0 0 24px;padding:20px 24px;border:1px solid var(--line);border-left:2px solid var(--gold);border-radius:8px;background:rgba(16,21,14,.85)}
.library-notice strong{color:var(--gold2);font-size:14px}.library-notice p{font-size:13px;line-height:1.7;max-width:760px;color:var(--dim);margin:8px 0 14px}.admin-wrap .stat b{font-size:clamp(22px,3vw,36px)}
@media(max-width:600px){.library-notice{padding:16px}.admin-wrap .tabs{overflow-x:auto;flex-wrap:nowrap}.admin-wrap .tabs .tab{flex:none}.admin-wrap .g2{grid-template-columns:1fr}}
.stripe-consent{display:flex;gap:12px;align-items:flex-start;margin:20px 0;font-size:13px;line-height:1.6}.stripe-consent input{margin-top:4px;accent-color:var(--gold)}.stripe-checkout{width:100%;justify-content:center}.stripe-checkout:disabled{opacity:.6;cursor:wait}[data-stripe-error]{color:#ffc38f;margin:12px 0}.order-receipt{padding-top:45px;padding-bottom:35px}.order-receipt .btn{margin:8px 10px 8px 0;white-space:normal;text-align:left}.order-receipt p{line-height:1.7;margin:18px 0;color:var(--dim)}