/* Front-facing cassette transport: ivory key caps, short black mechanical travel. */
.compact-player.retro-deck{direction:ltr;display:grid;grid-template-columns:auto minmax(200px,1fr) minmax(200px,290px);gap:32px;align-items:center;position:relative;padding:26px 5%;background:linear-gradient(180deg,#282d2d,#171b1c 52%,#202526);border-top:1px solid #535b57;border-bottom:5px solid #0c0e0e;box-shadow:inset 0 1px #ffffff15;color:#eee9d8;min-height:166px}
.retro-deck:before,.retro-deck:after{content:'⊕';position:absolute;top:10px;color:#73776c;font:12px monospace}.retro-deck:before{left:12px}.retro-deck:after{right:12px}
.transport{display:flex;align-items:center;gap:24px;min-width:0}.transport-bank{display:flex;gap:5px;padding:8px 7px 12px;border-radius:5px;background:#0d1010;box-shadow:0 1px #ffffff15,inset 0 2px 6px #000}
.transport-key{width:40px;height:43px;position:relative;border:1px solid #090d0d;border-radius:3px 3px 2px 2px;background:linear-gradient(#f4f0df,#d9d7c9);color:#172120;box-shadow:0 7px #777b70,0 9px #050707,inset 0 1px #fff;transform:translateY(-3px);transition:transform 110ms cubic-bezier(.2,.8,.2,1),box-shadow 110ms,background 150ms;cursor:pointer;padding:0;display:grid;place-items:center}
.transport-key svg{width:17px;height:17px;fill:currentColor}.transport-key small{position:absolute;top:60px;font:8px/1 monospace;letter-spacing:.7px;color:#aeb8b0;white-space:nowrap;pointer-events:none}
.transport-key:hover{background:linear-gradient(#fffcef,#e9e5d5)}.transport-key:focus-visible,.volume-knob:focus-visible{outline:2px solid #f6df19;outline-offset:5px}
.transport-key:active,.transport-key.is-latched,.transport-key.pressed{transform:translateY(3px);box-shadow:0 1px #75796e,0 3px #050707,inset 0 2px 5px #252b2530;background:linear-gradient(#d4d5c7,#e4e1d3)}
.transport-key.play-key{color:#087d7f}.transport-key.record-key{background:linear-gradient(#e9694c,#b83026);color:#651a15;box-shadow:0 7px #76271e,0 9px #050707,inset 0 1px #ffae7b}.transport-key.record-key:active,.transport-key.record-key.pressed{box-shadow:0 1px #76271e,0 3px #050707;transform:translateY(3px)}
.volume-assembly{width:64px;flex-shrink:0;text-align:center;position:relative;padding-bottom:9px}.volume-assembly>small{display:block;font:8px monospace;letter-spacing:1.4px;color:#aeb8b0;margin-top:11px}.knob-ring{padding:5px;border:1px solid #69736c;border-radius:50%;background:repeating-conic-gradient(from -135deg,#89958a 0deg 1deg,transparent 1deg 14deg);position:relative}.volume-knob{display:block;width:52px;height:52px;border:2px solid #9d9f91;border-radius:50%;background:repeating-conic-gradient(#c8c9bb 0deg 2deg,#9a9e91 2deg 4deg);box-shadow:0 5px 5px #0009,inset 0 1px #fff;touch-action:none;cursor:grab;position:relative;transform:rotate(var(--knob-angle,135deg));padding:0}.volume-knob:before{content:'';position:absolute;inset:5px;border-radius:50%;background:linear-gradient(120deg,#f3edda,#a0a495);box-shadow:inset 0 1px 2px #fff9}.volume-knob:after{content:'';position:absolute;top:7px;left:23px;width:3px;height:12px;background:#087e7d;border-radius:2px}.volume-knob:active{cursor:grabbing}.knob-value{font:8px monospace;color:#d5d9ca;position:absolute;top:-13px;left:0;width:100%}
.deck-monitor{display:grid;gap:9px;max-width:370px;justify-self:center;width:100%}.vu-meter{position:relative;height:64px;background:linear-gradient(#d6d2b9,#eee7c9);border:5px solid #0c1010;border-radius:4px;box-shadow:inset 0 3px 7px #0005,0 1px #71766a;overflow:hidden}.vu-scale{position:absolute;inset:7px 10px 12px;background:repeating-linear-gradient(90deg,transparent 0 9%,#1e2826 9% 9.6%,transparent 9.6% 10%);height:13px;border-top:1px solid #49534c}.vu-meter svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.vu-needle{transform-origin:150px 100px;transition:transform 130ms linear}.vu-meter em{position:absolute;bottom:3px;left:0;width:100%;text-align:center;font:7px monospace;letter-spacing:2px;color:#303a33}.meter-numbers{position:absolute;top:24px;left:12px;right:12px;display:flex;justify-content:space-between;font:7px monospace;color:#353d34}.meter-numbers span:last-child{color:#ad3928}
.deck-readout{display:flex;align-items:center;gap:12px}.deck-clock{background:#0b1110;border:1px solid #424c43;border-radius:2px;color:#eac561;text-shadow:0 0 5px #ffc75b55;padding:3px 7px;font:14px/1.2 monospace;letter-spacing:1px;white-space:nowrap}.deck-readout>span{font:8px monospace;letter-spacing:1.2px;color:#aeb9ac}.deck-led{height:5px;width:5px;background:#4b5144;border-radius:50%;box-shadow:0 0 0 2px #101411}.retro-deck.is-playing .deck-led{background:#d1db7e;box-shadow:0 0 7px #dcf28a}
.deck-seek{width:100%;height:3px;accent-color:#f6df19;cursor:pointer;margin:1px 0 0}
.deck-track{direction:rtl;display:flex;align-items:center;gap:14px;min-width:0}.deck-track>img{width:70px;height:70px;flex-shrink:0;border:1px solid #69756a;box-shadow:3px 3px #080b0b;object-fit:cover}.deck-track>div{min-width:0}.retro-deck .deck-track h3{font-size:29px;line-height:1.2;margin:0 0 5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.retro-deck .deck-track p{font-size:10px;color:#b9c3b5;margin:0}.deck-info{font:10px Abar,sans-serif;color:#d4d9c9;background:transparent;border:0;border-bottom:1px solid #69766c;padding:3px 0;cursor:pointer;margin-top:6px}.deck-info:hover{color:#f6df19}
.single-card{min-width:0}.singles{grid-template-columns:repeat(4,minmax(0,1fr))}.single-meta{flex-direction:row;align-items:center;justify-content:space-between;gap:10px}.single-meta>div{width:auto;flex:1;min-width:0}.single-meta .key{align-self:center;flex-shrink:0;font-size:10px;padding:3px 7px}.single-meta h3{font-size:23px}.single-meta p{font-size:11px}
.news-grid,.news-archive{align-items:stretch!important;grid-auto-rows:1fr}.news-card{display:flex;flex-direction:column;height:100%;margin-top:0!important}.news-card>span:last-child{margin-top:auto}.news-card .folder-tab{direction:ltr;justify-content:space-between}.news-card .folder-tab:before{content:none}.news-card .folder-tab:after{content:'● ● ●';font-size:8px;letter-spacing:3px}
.hero .bike-stage.real-cycle{bottom:-155px}.hero-art{margin-bottom:125px}.real-cycle .cycle-crank{transform-box:view-box;transform-origin:0 0}
.hero-copy-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:0 0 20px}.hero-copy-heading h1{margin:0}.hero-copy-heading .outline-control{font-size:12px}
.band-story{max-width:780px;margin:auto;line-height:2}.band-story h3{font-size:30px;margin:30px 0 10px}.band-story li{margin:8px 0}.band-story p{font-size:18px!important}
.edge-decor{position:absolute;display:block;z-index:4;pointer-events:none;width:38px;height:38px;transform:translateY(var(--decor-y,0px));will-change:transform}.edge-decor svg{width:100%;height:100%;overflow:visible}.decor-host{position:relative}.edge-decor.spark{right:-18px;top:40%;color:#f5d72e}.edge-decor.sun{left:-17px;top:60%;color:#f3f1e5}
.member-profile .portrait-frame{aspect-ratio:3/4;overflow:hidden}.member-profile .portrait-frame>img{width:100%;height:100%;object-fit:cover;object-position:center 30%}
@media(max-width:1100px){.compact-player.retro-deck{grid-template-columns:auto minmax(160px,1fr) minmax(150px,210px);gap:18px;padding:26px 4%}.transport{gap:14px}.transport-key{width:31px}.transport-key small{font-size:7px}.deck-track>img{width:54px;height:54px}.retro-deck .deck-track h3{font-size:25px}.single-meta h3{font-size:21px}.single-meta{gap:7px}.single-meta .key{font-size:9px;padding:3px 5px}}
@media(max-width:760px){.compact-player.retro-deck{grid-template-columns:1fr 1fr;gap:24px 18px;padding:24px 6% 32px}.deck-track{grid-column:2;grid-row:1;justify-content:flex-start}.deck-monitor{grid-column:1;grid-row:1}.transport{grid-column:1/-1;grid-row:2;justify-content:space-between;padding:0 6px}.transport-bank{gap:7px}.transport-key{width:39px;height:37px}.transport-key small{top:52px}.volume-assembly{width:56px}.volume-knob{width:44px;height:44px}.volume-knob:after{left:19px}.deck-readout{gap:6px}.deck-readout>span{font-size:6px;letter-spacing:.5px}.deck-clock{font-size:11px}.vu-meter{height:58px}.deck-track{gap:9px}.deck-track>img{width:44px;height:44px}.retro-deck .deck-track h3{font-size:23px}.retro-deck .deck-track p{font-size:8px;white-space:normal}.single-meta{flex-direction:row}.single-meta h3{font-size:19px}.single-meta .key{font-size:8px;padding:3px 4px;min-height:27px}.single-meta p{font-size:9px}.hero .bike-stage.real-cycle{bottom:-100px}.hero-art{margin-bottom:80px}.hero-copy-heading{gap:8px}.hero-copy-heading .outline-control{font-size:10px;padding:5px 7px}.hero-copy-heading h1{font-size:34px}.edge-decor{width:28px;height:28px}.edge-decor.spark{right:-12px}.edge-decor.sun{left:-12px}}
@media(max-width:360px){.transport-bank{gap:4px}.transport-key{width:32px}.transport{gap:10px}.single-meta .key{font-size:7px}}
@media(prefers-reduced-motion:reduce){body:not(.explicit-motion) .vu-needle{transition:none}}
@media(max-width:680px){.singles{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.transport{gap:12px;padding:0}.transport-bank{gap:5px}.transport-key{width:33px}.single-meta .key{font-size:10px;min-height:32px;padding:3px 5px}}
@media(max-width:900px){.singles{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:760px){.transport-bank{flex:1;min-width:0;justify-content:space-between}.transport-key{flex:1;min-width:0;max-width:40px;width:auto}.deck-track p{line-height:1.6}}