/* Local iteration. Remove this stylesheet and restore mixes-batch02.html to compare. */
.mixes-refined{padding:62px 6vw 74px;background:#111c17;color:#e9eddc;scroll-margin-top:100px}.mixes-refined>.kicker{color:#aab99a;margin-bottom:46px;font-weight:500;line-height:1.7}.mix-level{max-width:1440px;margin:auto}.level-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #d3dfba29;padding:19px 0 26px}.level-heading h2{font-size:13px;letter-spacing:.12em;font-weight:500;margin:0;line-height:1.5}.level-heading h2 span{color:#92a18b;font-size:10px;letter-spacing:.1em}.level-heading>span{font-size:10px;color:#92a18b}.video-set-grid,.audio-set-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}.set-video,.set-record{min-width:0}.video-stage{aspect-ratio:16/9;position:relative;background:#070e0a;overflow:hidden}.set-play{display:block;width:100%;height:100%;border:0;padding:0;background:none;cursor:pointer;position:relative;color:white}.set-play[hidden]{display:none}.set-play img{display:block;width:100%;height:100%;object-fit:cover;transition:filter .35s}.set-play:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0003,transparent 45%);pointer-events:none}.set-play-icon{position:absolute;z-index:1;left:50%;top:50%;transform:translate(-50%,-50%);width:58px;height:58px;border-radius:50%;display:grid;place-items:center;padding-left:3px;font-size:16px;background:#15201966;backdrop-filter:blur(5px);border:1px solid #f1f5e588;box-shadow:inset 0 1px #fff3;transition:background .25s,border-color .25s}.video-stage iframe{display:block;width:100%;height:100%;position:absolute;inset:0;border:0}.set-caption{display:flex;justify-content:space-between;align-items:baseline;gap:18px;padding:19px 0 0}.set-caption h3{font-size:clamp(23px,2.5vw,37px);line-height:1;margin:0 0 9px;letter-spacing:-.04em;font-weight:500}.set-caption p{font-size:12px;line-height:1.6;margin:0;color:#a8b6a0}.set-caption>a{font-size:10px;letter-spacing:.05em;color:#c4cdb7;text-decoration:none;min-height:44px;display:flex;align-items:center;white-space:nowrap}.audio-level{margin-top:66px}.record-art{display:block;position:relative;color:#edf0e4;text-decoration:none;aspect-ratio:1;box-shadow:0 8px 22px #0002;transition:box-shadow .35s}.record-art>img{display:block;width:100%;height:100%;object-fit:contain}.record-art:after{content:'';position:absolute;inset:0;border:1px solid #fff2;pointer-events:none}.record-listen{position:absolute;bottom:18px;right:18px;display:flex;align-items:center;gap:14px;min-height:44px;padding:0 15px;background:#102018b3;border:1px solid #e0ead338;backdrop-filter:blur(7px);box-shadow:inset 0 1px #fff1;transition:background .25s}.record-listen>span{font-size:10px;letter-spacing:.08em}.record-listen small{font-size:8px;color:#c6d0ba;letter-spacing:.08em}.record-year{font-size:10px;color:#a8b6a0}.set-play:focus-visible,.record-art:focus-visible,.set-caption>a:focus-visible{outline:2px solid #e8a366;outline-offset:5px}
@media(hover:hover){.set-play:hover .set-play-icon{background:#13261cc9;border-color:#f0f5d7}.set-play:hover img{filter:brightness(1.06)}.record-art:hover{box-shadow:0 12px 26px #0003}.record-art:hover .record-listen{background:#1c3527e6}.set-caption>a:hover{color:#f3c18a}}
@media(max-width:760px){.mixes-refined{padding:42px 20px 48px}.mixes-refined>.kicker{font-size:9px;letter-spacing:.1em;margin-bottom:30px}.video-set-grid,.audio-set-grid{grid-template-columns:1fr;gap:34px}.level-heading{padding:17px 0 22px}.level-heading h2{font-size:12px}.level-heading h2 span{font-size:9px}.set-caption{padding-top:15px;gap:12px}.set-caption h3{font-size:28px}.set-caption p{font-size:11px}.set-caption>a{font-size:9px}.set-play-icon{width:50px;height:50px;font-size:14px}.audio-level{margin-top:48px}.record-listen{right:14px;bottom:14px;padding:0 13px;gap:12px}}
@media(prefers-reduced-motion:reduce){.mixes-refined *{transition:none!important;animation:none!important}.mixes-refined .record-art{transform:none}}
.close-set{position:absolute;z-index:2;right:6px;top:6px;width:44px;height:44px;border:1px solid #ffffff50;background:#102018d9;color:#fff;font-size:24px;cursor:pointer}.close-set:focus-visible{outline:2px solid #e8a366;outline-offset:2px}