/* Scoped cassette reviews and musical finale. Existing site styles remain unchanged. */
@font-face{font-family:CMYKERArchive;src:url('brief-merged-v1/Montserrat-Bold.ttf') format('truetype');font-weight:700 900;font-display:swap}
.cmyker-tapes,.cmyker-music-finale,.cr-dialog{font-family:Arial,sans-serif;color:#f6f4ed;box-sizing:border-box}
.cmyker-tapes *,.cmyker-music-finale *,.cr-dialog *{box-sizing:border-box}
#reviews.cmyker-tapes{background:#050505;position:relative;isolation:isolate;padding:82px 0 48px;scroll-margin-top:100px;overflow:hidden}
.cr-heading,.cr-bottom,.cr-source-note{width:min(1500px,92%);margin-inline:auto}
.cr-heading{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-bottom:32px}
.cr-kicker{margin:0 0 14px;color:#c7da36;font:600 11px/1.5 Arial,sans-serif;letter-spacing:.18em;text-transform:uppercase}
.cr-kicker::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:currentColor;margin-right:10px;vertical-align:1px}
#reviews .cr-heading h2{font-family:CMYKERArchive,Arial,sans-serif;font-size:clamp(30px,3.5vw,56px);line-height:1.05;letter-spacing:-.045em;margin:0;font-weight:800;color:#f6f4ed}
.cr-intro{font-size:14px;line-height:1.6;color:#aaa9a1;margin:0;max-width:240px}
.cr-track{display:flex;gap:12px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:max(4vw,calc((100vw - 1500px)/2));padding:12px max(4vw,calc((100vw - 1500px)/2)) 24px;scrollbar-width:thin;scrollbar-color:#5c5b4f #171717;-webkit-overflow-scrolling:touch}
.cr-card{flex:0 0 clamp(340px,29vw,450px);min-width:0;scroll-snap-align:start;position:relative}
.cr-cassette{position:relative;aspect-ratio:1456/1088;background:url('cassette-six-teeth-v3.png') center/100% 100% no-repeat;container-type:inline-size}
.cr-label-number{position:absolute;left:11%;top:14%;font:600 8px/1 Arial,sans-serif;letter-spacing:.13em;color:#625943}
.cr-quote{position:absolute;top:19%;left:11%;width:78%;height:auto;padding:0;margin:0;border:0;background:none;color:#28261f;font:italic clamp(14px,4cqi,18px)/1.24 Georgia,'Times New Roman',serif;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:break-word}
.cr-label-footer{position:absolute;top:69%;left:11%;right:11%;display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:7%}
.cr-author{font:italic clamp(12px,3.4cqi,15px)/1.1 Georgia,serif;color:#26241e;margin:0;max-width:67%;font-weight:bold}
.cr-stars{font:14px/1 Arial,sans-serif;white-space:nowrap;letter-spacing:2px;color:#26241e}
.cr-letter{font:8px/1.3 Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#5c5344;text-align:right}
.cr-full{margin:0 8%}
.cr-full summary{list-style:none;cursor:pointer;padding:9px 0 11px;border-bottom:1px solid #32322c;font:11px/1.5 Arial,sans-serif;color:#b6b6ab;display:flex;align-items:center;justify-content:space-between;min-height:44px}
.cr-full summary::-webkit-details-marker{display:none}
.cr-full summary::after{content:'↗';font-size:18px;color:#d1df48}
.cr-full summary:hover{color:#fff;border-color:#bdcb40}
.cr-full-text{padding:24px 0;font:15px/1.7 Arial,sans-serif}
.cr-full-text blockquote{margin:22px 0;padding:0;border:0;font:17px/1.7 Georgia,serif;white-space:pre-line;color:inherit}
.cr-full-text h3{font-size:23px;margin:0 0 8px;line-height:1.25}
.cr-review-meta,.cr-review-source{font-size:12px;line-height:1.6;color:#aaa99e}
.cr-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:25px}
.cr-counter{font:20px/1.2 monospace;letter-spacing:.04em;margin:0;color:#d1df48}
.cr-counter span:last-child{color:#747469;font-size:12px}
.cr-controls{display:flex;gap:10px}
.cr-controls button{border:1px solid #444438;border-radius:0;background:transparent;color:#e1e0d4;width:54px;height:44px;font:24px/1 Arial,sans-serif;cursor:pointer;transition:background .2s,color .2s}
.cr-controls button:hover:not(:disabled){background:#cfdf42;color:#080808;border-color:#cfdf42}
.cr-controls button:disabled{opacity:.3;cursor:default}
.cr-hint{color:#a0a095;letter-spacing:.12em;font:10px/1.5 Arial,sans-serif;margin:0}
.cr-source-note{font:11px/1.65 Arial,sans-serif;color:#929287;margin-top:22px}
.cr-dialog{border:1px solid #656353;padding:28px 32px;width:min(680px,calc(100% - 28px));max-height:85vh;border-radius:4px;background:#171714;color:#f5f1e5;overscroll-behavior:contain}
.cr-dialog::backdrop{background:rgba(0,0,0,.82);backdrop-filter:blur(4px)}
.cr-dialog-head{display:flex;justify-content:space-between;align-items:center;gap:20px}
.cr-dialog-head .cr-kicker{margin:0}
.cr-dialog-close{width:44px;height:44px;border:1px solid #5c5b4d;background:transparent;color:#fff;font:28px/1 Arial,sans-serif;cursor:pointer}
.cr-dialog .cr-full-text{padding:22px 0 0}
.cmyker-tapes :focus-visible,.cr-dialog :focus-visible,.cmyker-music-finale :focus-visible{outline:2px solid #d2e242;outline-offset:5px}
#music.cmyker-music-finale{position:relative;isolation:isolate;background:#000;padding:30px 0 0;margin:0;scroll-margin-top:80px}
.cm-scene{width:min(1560px,100%);margin:auto;min-height:810px;position:relative;isolation:isolate;overflow:hidden;display:flex;justify-content:flex-end;align-items:center;padding:50px 4% 42px}
.cm-photo{position:absolute;z-index:-2;inset:0;background:url('images/CMYKER-transparent-background.png') left center/auto 100% no-repeat}
.cm-shade{position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,transparent 35%,rgba(0,0,0,.32) 52%,#000 92%),linear-gradient(0deg,#000,transparent 15%)}
.cm-right{width:min(560px,45%);position:relative;padding-top:5px}
.cm-logo{display:block;width:85%;height:auto;margin:0 auto 34px}
.cm-player{width:100%;margin:0}
.cm-tape{position:relative;width:100%;aspect-ratio:1456/1088;background:url('cassette-six-teeth-v3.png') center/100% 100% no-repeat;container-type:inline-size}
.cm-track-info{position:absolute;top:17%;left:11%;right:11%;color:#26241d}
.cm-track-info p{font:600 9px/1.3 Arial,sans-serif;letter-spacing:.15em;margin:0 0 11px;color:#645942}
.cm-track-info h2{font:italic bold clamp(20px,6cqi,33px)/1.06 Georgia,serif;margin:0;max-width:360px;letter-spacing:-.03em;color:#27251d}
.cm-track-info span{display:block;font:clamp(9px,2.35cqi,12px)/1.45 Arial,sans-serif;margin-top:10px;color:#534b3c}
.cm-tape-footer{position:absolute;top:71%;left:11%;right:11%;display:flex;align-items:center;justify-content:space-between;color:#322d22;font:9px/1.2 monospace;letter-spacing:.07em}
/* A masked replacement of the old static window; six real DOM teeth per hub. */
.cm-window{position:absolute;left:23.8%;top:48.2%;width:52%;height:16.7%;border-radius:20% / 48%;overflow:hidden;background:#080807;border:1px solid #37342d;box-shadow:inset 0 2px 7px #000}
.cm-film{position:absolute;width:53%;aspect-ratio:1;top:50%;border-radius:50%;background:repeating-radial-gradient(circle,#30241c 0 1px,#1b1511 1.5px 2.5px);border:1px solid #594433;transform:translate(-50%,-50%) scale(var(--film-scale,1));box-shadow:0 0 5px #000}
.cm-film-left{left:14%;--film-scale:1}
.cm-film-right{left:86%;--film-scale:.48}
.cm-tape-line{position:absolute;left:12%;right:12%;bottom:2px;height:2px;background:#483023}
.cm-hub{position:absolute;top:49.3%;width:10.9%;aspect-ratio:1;border-radius:50%;background:#ada796;box-shadow:0 0 0 2px #3b362c,0 0 0 3px #14130f,inset 0 0 3px #ece5d1;display:grid;place-items:center}
.cm-hub-left{left:25.4%}
.cm-hub-right{left:63.2%}
.cm-hub-core{position:relative;width:75%;height:75%;border-radius:50%;background:#050505;transform:rotate(var(--hub-angle,0deg))}
.cm-tooth{position:absolute;left:40%;top:0;width:20%;height:50%;transform-origin:50% 100%;transform:rotate(var(--tooth-angle))}
.cm-tooth::before{content:'';display:block;width:100%;height:35%;background:#bdb7a5;border-radius:1px 1px 0 0;box-shadow:inset 1px 0 1px #e0d8c2,inset -1px 0 1px #6f6757}
.cm-controls{padding:12px 5% 0}
.cm-controls audio{display:block;width:100%;height:44px;color-scheme:dark}
.cm-playing-status{color:#939389;font:10px/1.5 Arial,sans-serif;letter-spacing:.06em;margin:12px 0 0;text-align:center;min-height:15px}
.cm-player.is-playing .cm-playing-status{color:#d0df42}
@media(min-width:1700px){.cr-track{gap:18px}.cr-card{flex-basis:400px}}
@media(max-width:1000px){.cm-scene{min-height:710px;padding-inline:3%}.cm-right{width:49%}.cm-photo{background-position:34% center}.cm-shade{background:linear-gradient(90deg,transparent 25%,rgba(0,0,0,.3) 45%,#000 98%),linear-gradient(0deg,#000,transparent 16%)}.cm-logo{margin-bottom:22px}}
@media(max-width:700px){#reviews.cmyker-tapes{padding:56px 0 32px}.cr-heading{display:block;margin-bottom:18px}.cr-intro{max-width:none;margin-top:15px;font-size:13px}.cr-card{flex-basis:86vw;max-width:400px}.cr-track{gap:4px}.cr-quote{font-size:4cqi}.cr-hint{display:none}.cr-source-note{font-size:10px}.cr-dialog{padding:18px}.cr-dialog .cr-full-text blockquote{font-size:16px}.cm-scene{display:block;min-height:0;padding:24px 12px 32px}.cm-right{width:min(480px,100%);margin:auto;padding-top:0}.cm-logo{width:min(300px,82%);margin:0 auto 300px}.cm-photo{height:400px;top:110px;bottom:auto;background-size:auto 400px;background-position:32% center}.cm-shade{height:520px;bottom:auto;background:linear-gradient(0deg,#000,transparent 34%,transparent 75%,#000)}.cm-track-info span{margin-top:6px}.cm-track-info p{margin-bottom:8px}.cm-controls{padding-top:8px}.cm-tape-footer{font-size:8px}.cm-hub{box-shadow:0 0 0 1px #3b362c,0 0 0 2px #14130f}.cr-label-footer{gap:4px}.cr-stars{font-size:12px;letter-spacing:1px}}
@media(prefers-reduced-motion:reduce){.cr-track{scroll-behavior:auto}.cr-controls button{transition:none}}
@media(max-width:700px){.cr-quote{font-size:clamp(14px,4cqi,16px);-webkit-line-clamp:3}.cm-track-info span{display:none}}