/* Readable invitations, scoped away from praised story sections. */
.hiphop-hero .hero-bottom a{font-size:18px;line-height:1.5;color:#fff;padding:10px 14px;background:#1d132ae8;border:1px solid #b28fcd;border-radius:4px;text-shadow:none}
#collect-flyers.collector-bridge{padding:32px;gap:30px;border:1px solid #aa88bd;border-left:6px solid #762fa6;background:linear-gradient(120deg,#f5edf7,#e2d4ea);box-shadow:0 12px 28px #24133119;border-radius:8px;margin-top:36px}
#collect-flyers h3{font-size:clamp(32px,3.4vw,46px);line-height:1.15;margin:8px 0 18px;color:#291636}
#collect-flyers p:not(.eyebrow){font-size:20px;line-height:1.7;max-width:65ch;color:#32223b}
#collect-flyers>img{width:120px;height:120px;object-fit:contain;background:#171219;border-radius:6px;padding:8px}
#collect-flyers .action-primary{font-size:17px;min-height:52px;padding:14px 22px}
/* Photographic material on a solid CSS 3D cassette, with independent reel hubs. */
#pause-tapes .cassette{--depth:26px;background:none;border:0;border-radius:18px;box-shadow:none;aspect-ratio:1.69;transform-style:preserve-3d;transform:rotate(-12deg) rotateX(16deg) rotateY(20deg);overflow:visible;transition:transform .8s cubic-bezier(.2,.7,.1,1)}
#pause-tapes .cassette-front,#pause-tapes .cassette-back{position:absolute;inset:0;border-radius:18px;backface-visibility:hidden}
#pause-tapes .cassette-front{background:url('/assets/scenes/cassette-manufactured.webp') 50% 43%/118% 130%;transform:translateZ(calc(var(--depth)/2));box-shadow:inset 0 0 0 2px #716a60;overflow:hidden}
#pause-tapes .cassette-back{background:repeating-linear-gradient(0deg,#262627 0 3px,#151516 4px 6px);transform:rotateY(180deg) translateZ(calc(var(--depth)/2));box-shadow:0 28px 35px #0009}
#pause-tapes .cassette-edge{position:absolute;background:repeating-linear-gradient(0deg,#393837 0 2px,#151516 3px 5px);border:1px solid #5a554e;backface-visibility:hidden}
#pause-tapes .edge-top,#pause-tapes .edge-bottom{left:12px;right:12px;height:var(--depth)}
#pause-tapes .edge-top{top:0;transform:translateY(-50%) rotateX(90deg)}
#pause-tapes .edge-bottom{bottom:0;transform:translateY(50%) rotateX(-90deg);background:repeating-linear-gradient(90deg,#181819 0 10%,#45423c 11% 12%,#111112 13% 24%)}
#pause-tapes .edge-left,#pause-tapes .edge-right{top:12px;bottom:12px;width:var(--depth)}
#pause-tapes .edge-left{left:0;transform:translateX(-50%) rotateY(-90deg)}
#pause-tapes .edge-right{right:0;transform:translateX(50%) rotateY(90deg)}
#pause-tapes .cassette-stage[data-cue="1"] .cassette{transform:rotate(-4deg) rotateX(-14deg) rotateY(-22deg)}
#pause-tapes .cassette-stage[data-cue="2"] .cassette{transform:rotate(5deg) rotateX(18deg) rotateY(-30deg)}
#pause-tapes .cassette-hub{position:absolute;width:13.8%;aspect-ratio:1;top:33.4%;border-radius:50%;background-image:url('/assets/scenes/cassette-manufactured.webp');background-size:855% 570%;transform:rotate(calc(var(--cue,0)*145deg));transition:transform .8s;box-shadow:0 0 2px #332f29}
#pause-tapes .hub-left{left:22.5%;background-position:30.4% 43.7%}
#pause-tapes .hub-right{left:61.3%;background-position:67.4% 43.7%}
@media(max-width:700px){#pause-tapes .cassette{--depth:17px}#pause-tapes .cassette-front,#pause-tapes .cassette-back{border-radius:11px}}
.motion-paused #pause-tapes .cassette,.motion-paused #pause-tapes .cassette-hub{transition:none}
@media(prefers-reduced-motion:reduce){#pause-tapes .cassette-hub{transform:none;transition:none}}

#pause-tapes .object-label{font-size:12px;letter-spacing:.04em;line-height:1.5}
/* Each archive reading panel is paired with evidence from its own flyer. */
#paper-trail .artifact-copy{padding:24px;background:#f5eef8bd;border-left:3px solid #8a61a7;box-shadow:0 12px 30px #2e153713;border-radius:0 8px 8px 0}
#paper-trail .artifact-copy .eyebrow{font-size:13px!important;letter-spacing:.06em;color:#633579}
.archive-detail-preview{display:block;margin-top:26px;border:1px solid #9c84a9;background:#201629;color:#f7edf9;text-decoration:none;border-radius:5px;overflow:hidden}
.archive-detail-preview>span{display:block;padding:10px 14px;font:700 11px/1.5 Body,sans-serif;letter-spacing:.08em;color:#dfc8eb}
.archive-detail-preview img{display:block;width:100%;height:135px;object-fit:cover;object-position:center 20%;filter:none;transform:none}
.archive-detail-preview>b{display:block;padding:14px;font:700 15px/1.5 Body,sans-serif}
.archive-detail-preview:hover>b{background:#633183}
.archive-detail-preview:focus-visible{outline:3px solid #652a8c;outline-offset:5px}
/* The foundation mark has a clear position at the right above its invitation. */
#legacy .community-copy{grid-column:2}
#legacy .community-copy .community-mark{min-height:0;justify-content:flex-end;align-items:center;margin:0 0 24px;padding:0;background:none}
#legacy .community-copy .community-mark img{width:180px;max-width:65%;box-shadow:0 8px 22px #06161d77}
/* Album dates remain intact; a record-like visual gives each player its own face. */
#official-listening .listening-releases{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:22px;background:linear-gradient(145deg,#302136,#101017);border:1px solid #9673a5;border-radius:12px}
#official-listening .album-player{margin:0;border:1px solid #796287;border-radius:8px;background:linear-gradient(135deg,#3b2948,#21182b 65%);align-self:start;overflow:hidden}
#official-listening .album-player:first-child{border-top:1px solid #796287}
#official-listening .album-player summary{display:grid;grid-template-columns:90px minmax(0,1fr) 22px;gap:18px;padding:22px;align-items:center}
#official-listening .album-player summary .release-disc{grid-column:1;grid-row:1;display:grid;place-items:center;width:90px;height:90px;border-radius:50%;background:repeating-radial-gradient(circle,#151119 0 2px,#514058 3px,#18121e 4px);border:1px solid #957ca3;box-shadow:4px 6px 8px #0006}
#official-listening .release-disc img{width:60%;height:60%;object-fit:contain;border-radius:50%;background:#311542;padding:4px}
#official-listening .album-player summary .release-copy{grid-column:2;grid-row:1;display:grid;gap:9px}
#official-listening .album-player summary .release-copy>span{font-size:13px;color:#dfc4f0}
#official-listening .album-player summary .release-copy>strong{font-size:24px;line-height:1.25}
#official-listening .album-player summary .release-copy>.release-instruction{font-size:14px;color:#f2e8f7;letter-spacing:0;line-height:1.5}
#official-listening .album-player summary>b{grid-column:3;grid-row:1;font-size:24px;color:#d5a8f2}
#official-listening .album-player[open]{grid-column:1/-1;background:#21172b}
#official-listening .album-player .album-body{padding:4px 22px 24px}
#official-listening .catalog-links{grid-column:1/-1;margin:4px 0 0}
/* Authentic smiling portrait for the invitation. */
#tell-the-story .storyteller-portrait img{object-position:center;object-fit:contain}
/* Finish the compact project directory with a consistent, tactile brand edge. */
#toby-world .world-link{border:1px solid #aa96b3;border-top:4px solid #7633a1;background:linear-gradient(155deg,#fff8ec,#e8deeb);box-shadow:0 6px 0 #b4a1bd55,0 12px 22px #32213f12;padding:16px 8px;gap:15px}
#toby-world .world-link:nth-child(even){border-top-color:#348bba}
#toby-world .world-mark{width:90px;height:85px;box-shadow:0 2px 7px #2b183b25}
#toby-world .world-link strong{font-size:16px;line-height:1.4}
#toby-world .world-link:hover{background:#fffaf2;box-shadow:0 6px 0 #927ba688,0 12px 24px #32213f20}
#visitor-desk>div a{font-size:17px;padding:16px 22px;border:1px solid #9d72bd;border-left:4px solid #489fd1}
@media(max-width:750px){
 .hiphop-hero .hero-bottom{left:6%;right:6%;gap:10px}.hiphop-hero .hero-bottom a{font-size:17px;padding:10px 12px;align-self:flex-start}
 #collect-flyers.collector-bridge{padding:24px 20px;gap:20px}#collect-flyers>img{width:90px;height:90px}#collect-flyers p:not(.eyebrow){font-size:19px}#collect-flyers .action-primary{font-size:16px;padding:14px}
 #paper-trail .artifact-copy{padding:20px}.archive-detail-preview img{height:115px}
 #legacy .community-copy{grid-column:1}#legacy .community-copy .community-mark{margin:12px 0 28px}#legacy .community-copy .community-mark img{width:155px}
 #official-listening .listening-releases{grid-template-columns:1fr;padding:14px;gap:14px}#official-listening .album-player summary{grid-template-columns:62px minmax(0,1fr) 18px;gap:12px;padding:18px 14px}#official-listening .album-player summary .release-disc{width:62px;height:62px}#official-listening .album-player summary .release-copy>strong{font-size:21px}#official-listening .album-player summary .release-copy>span{font-size:12px}#official-listening .album-player summary .release-copy>.release-instruction{font-size:13px}
 #toby-world .world-mark{width:80px;height:74px}#toby-world .world-link{gap:12px;padding:14px 10px}
}
@media(prefers-reduced-motion:reduce){#pause-tapes .cassette{transform:none!important;transition:none}}

#collect-flyers .eyebrow{color:#694479;font-size:13px;line-height:1.5}

#spotlight .spotlight-opening>img{object-fit:contain;object-position:center;height:510px;background:#ede9e3;border:8px solid #ede9e3;box-sizing:border-box}@media(max-width:900px){#spotlight .spotlight-opening>img{height:440px}}@media(max-width:600px){#spotlight .spotlight-opening>img{height:auto;max-height:500px}}