.cassette-turn{position:relative;transform-style:preserve-3d;transition:transform .85s cubic-bezier(.22,.8,.24,1);min-height:360px}.mixtape.is-flipped .cassette-turn{transform:rotateY(180deg)}.cassette-front{backface-visibility:hidden;position:relative;z-index:1}.cassette-open{position:absolute;inset:0;border:0;background:transparent;border-radius:12px;cursor:pointer}.cassette-open:focus-visible{outline:3px solid var(--teal);outline-offset:9px}.cassette-back{position:absolute;inset:0;transform:rotateY(180deg);backface-visibility:hidden;background:linear-gradient(140deg,#313849,#1d2334);border:2px solid #d8d0bc;border-radius:12px;padding:15px;color:var(--paper);box-shadow:7px 8px 0 #777b78,12px 13px 0 #292e34,18px 25px 35px #0008;display:flex;flex-direction:column;gap:10px}.cassette-back-head{display:flex;justify-content:space-between;align-items:center;gap:10px;font:800 10px Manrope;letter-spacing:.05em}.cassette-return{border:1px solid #f4efe44a;color:var(--paper);background:transparent;border-radius:3px;padding:10px;font:800 11px Manrope;cursor:pointer}.cassette-screen{position:relative;flex:1;min-height:230px;background:#080d17;border-radius:5px;overflow:hidden;border:1px solid #ffffff30}.cassette-screen>iframe,.cassette-screen>#peaceVideo{position:absolute;inset:0;width:100%;height:100%;border:0}.cassette-video-intro{position:absolute;inset:0;padding:28px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;background:#0d1824;color:var(--paper);gap:12px}.cassette-video-intro[hidden]{display:none}.cassette-video-intro strong{font:32px/1.05 Anton;text-transform:uppercase;max-width:260px}.cassette-video-intro p{font:13px/1.6 Manrope;margin:0;max-width:290px}.cassette-play{border:0;background:var(--teal);color:var(--ink);border-radius:3px;padding:13px 15px;font:800 12px Manrope;cursor:pointer}.cassette-play:disabled{opacity:.65;cursor:wait}.cassette-video-status{font:700 10px/1.5 Manrope;margin:0;min-height:15px}.cassette-source{display:flex;justify-content:space-between;gap:8px;font:700 10px Manrope}.cassette-source a{color:var(--teal);text-underline-offset:4px}.mixtape.is-flipped .tape-object{transform:none}.mixtape-note{position:relative;margin-top:25px}@media(max-width:700px){.cassette-turn{min-height:330px}.cassette-back{padding:12px;gap:8px}.cassette-screen{min-height:210px}.cassette-video-intro{padding:20px}.cassette-video-intro strong{font-size:27px}.cassette-back-head{font-size:9px}.cassette-source{font-size:9px}.cassette-return{min-height:44px}.cassette-open{min-height:44px}}@media(prefers-reduced-motion:reduce){.cassette-turn{transition:none}.mixtape.is-flipped .cassette-turn{transform:none}.mixtape.is-flipped .cassette-front{visibility:hidden}.cassette-back{transform:none;visibility:hidden}.mixtape.is-flipped .cassette-back{visibility:visible}}@media print{.cassette-turn{display:none}}