/* A theatrical set, not a reconstruction of a documented venue. */
.hiphop-hero{min-height:770px;grid-template-columns:1.1fr .9fr;padding-top:45px;padding-bottom:150px;background:#21102f;perspective:1200px}
.hiphop-hero:before{inset:0;border:0;background:radial-gradient(ellipse at 25% 45%,#501d7188,transparent 60%),linear-gradient(0deg,#120c21,transparent 25%);z-index:0}
.street-texture{position:absolute;inset:-50px;z-index:-2;background-color:#362c3c;background-image:linear-gradient(335deg,#120c1980 23px,transparent 23px),linear-gradient(155deg,#120c1980 23px,transparent 23px),linear-gradient(335deg,#120c1980 23px,transparent 23px),linear-gradient(155deg,#120c1980 23px,transparent 23px);background-size:116px 116px;background-position:0 3px,4px 69px,58px 61px,62px 11px;box-shadow:inset 0 0 150px 60px #120820}
.street-papers{position:absolute;inset:0;pointer-events:none;z-index:-1;opacity:.24;filter:sepia(.4)}.street-papers img{position:absolute;width:290px;height:420px;object-fit:cover;transform:rotate(-11deg);left:-50px;top:40px}.street-papers img+img{left:auto;right:-25px;top:170px;transform:rotate(9deg)}
.street-paint{position:absolute;inset:0;width:100%;height:100%;z-index:-1;overflow:visible;pointer-events:none;fill:none;stroke:#9f35df;stroke-width:24;stroke-linecap:round;opacity:.42;filter:drop-shadow(0 0 12px #ae3be9)}.street-paint path{stroke-dasharray:2300;animation:paint-arrives 1.5s 1.1s both}.street-paint .blue-paint{stroke:#009dff;stroke-width:9;animation-delay:1.4s}
.street-haze{position:absolute;inset:-20%;z-index:4;pointer-events:none;background:radial-gradient(ellipse at 50% 55%,#a22fe699,transparent 57%);animation:haze-clears 2.8s .9s both}
.hero-bill{z-index:2}.hero-welcome{text-shadow:0 2px 12px #10051b}.hero-bill h1 img{max-height:285px}.hero-portrait{z-index:1;width:min(100%,440px);padding:0;background:none;box-shadow:none;transform:none;filter:drop-shadow(-7px 2px 7px #c15cff55) drop-shadow(10px 25px 18px #030108aa)}
.hero-portrait img{width:100%;height:auto;object-fit:contain;clip-path:polygon(35% 8.5%,40% 8.2%,44% 9%,46% 11%,47% 14%,48% 17%,52% 18%,61% 24%,64% 30%,68% 33%,72% 35%,75% 46%,68% 48%,64% 51%,59% 52%,59% 57%,61% 62%,66% 69%,68% 72%,70% 77%,68% 78.5%,61% 79.5%,56% 80%,53% 79.5%,52% 78%,54% 76%,58% 73%,59% 71%,58% 69%,53% 64%,49% 60%,48% 55%,48% 52%,44% 55%,40% 60%,37% 67%,36% 73%,34% 76%,29% 77%,23% 76%,18% 75%,16% 74%,17% 73%,23% 72%,25% 70%,25% 68%,28% 69%,30% 68%,34% 60%,35% 56%,40% 48%,45% 44%,45% 41%,42% 40%,41% 42%,39% 42%,38% 40%,38% 38%,41% 37%,44% 38%,42% 34%,41% 29%,39% 25%,37% 22%,35% 19%,33% 18%,32% 16%,34% 15%,29% 15%,28% 14%,29% 13%,33% 12%);background:transparent;margin:-50px 0 -100px}
.hero-portrait:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 35%,#b9ddff55 48%,transparent 60%);mix-blend-mode:screen;clip-path:polygon(44% 35%,73% 30%,75% 48%,48% 57%);animation:controller-light 2.4s 2.1s both}.hero-portrait figcaption{position:relative;color:#ead7f8;text-align:center;background:none;font-size:11px;letter-spacing:.16em;margin-top:0}
.street-first-flyer{position:absolute;z-index:3;width:125px;right:8%;bottom:44px;transform:rotate(9deg);background:#eee1c8;padding:5px;color:#231326;box-shadow:8px 12px 25px #0008}.street-first-flyer img{display:block;width:100%;height:135px;object-fit:contain}.street-first-flyer span{display:block;font-size:9px;line-height:1.4;padding:5px 2px}.hero-bottom{right:26%;z-index:2}.flying-archive-paper{position:fixed;z-index:30;pointer-events:none;object-fit:contain;background:#eee1c8;padding:5px;box-sizing:border-box;box-shadow:10px 16px 35px #0005;will-change:transform}.wall-frame{scroll-margin-top:80px}
@keyframes paint-arrives{from{stroke-dashoffset:2300;opacity:0}to{stroke-dashoffset:0;opacity:1}}@keyframes haze-clears{0%{opacity:0;transform:scale(.5)}25%{opacity:1}100%{opacity:0;transform:scale(1.6)}}@keyframes controller-light{0%{opacity:0;transform:translateX(-35%)}35%{opacity:.9}100%{opacity:0;transform:translateX(35%)}}
@media(max-width:900px){.hiphop-hero{min-height:0;grid-template-columns:1fr 1fr;padding:45px 6% 175px;gap:0}.hero-bill h1 img{max-height:240px}.hero-portrait img{height:auto;margin:0 0 -60px}.hero-portrait{width:100%}.hero-tagline{font-size:28px}.hero-welcome{font-size:17px}.hero-actions{display:grid}.hero-bottom{right:30%}}
@media(max-width:600px){.hiphop-hero{display:grid;grid-template-columns:1fr;padding:25px 7% 160px;gap:14px}.hero-bill h1 img{height:170px;max-height:170px}.hero-portrait{width:350px;max-width:110%;justify-self:center;margin:-25px 0 -55px;filter:drop-shadow(-5px 0 6px #c15cff55) drop-shadow(7px 14px 12px #030108aa)}.hero-portrait img{height:auto;margin:-20px 0 -70px}.hero-portrait figcaption{font-size:10px!important;margin-top:-15px}.hero-tagline{position:relative;z-index:2;font-size:30px}.hero-actions,.hero-welcome{position:relative;z-index:2}.hero-bottom{right:40%;bottom:35px;font-size:10px}.street-first-flyer{width:90px;bottom:25px;right:7%}.street-first-flyer img{height:95px}.street-first-flyer span{font-size:8px}.street-papers img{width:200px;top:180px;left:-65px}.street-papers img+img{right:-85px;top:420px}.street-paint{stroke-width:16}.street-texture{background-size:95px 95px}.hero-welcome{font-size:17px}}
@media(prefers-reduced-motion:reduce){.street-paint path,.street-haze,.hero-portrait:after{animation:none}.street-haze,.hero-portrait:after{display:none}.street-texture,.street-papers{transform:none!important}.flying-archive-paper{display:none!important}}

/* Five seconds: three-second tension, decisive burst, then dissipation. */
.logo-entrance,.entrance-mark,.logo-shard,.burst-ring,.logo-entrance:before{animation-duration:5s}.street-paint path{animation-delay:4s}.street-paint .blue-paint{animation-delay:4.3s}.street-haze{animation-delay:3.6s}.hero-portrait:after{animation-delay:5s}
@keyframes entrance-clear{0%,67%{opacity:1;visibility:visible}99%{opacity:0;visibility:visible}100%{opacity:0;visibility:hidden}}
@keyframes mark-burst{0%{opacity:1;transform:scale(.82);filter:drop-shadow(0 0 0 #a335e9)}45%{opacity:1;transform:scale(.94);filter:drop-shadow(0 0 18px #a335e9)}58%{opacity:1;transform:scale(.91);filter:drop-shadow(0 0 38px #ca7dff)}64%{opacity:1;transform:scale(1.06);filter:drop-shadow(0 0 50px #b752ff)}65%,100%{opacity:0;transform:scale(1.06)}}
@keyframes shard-burst{0%,63%{opacity:0;transform:translate(0,0) scale(1.06) rotate(0)}64%{opacity:1;transform:translate(0,0) scale(1.06) rotate(0)}92%,100%{opacity:0;transform:translate(var(--dx),var(--dy)) scale(.72) rotate(var(--turn))}}
@keyframes ring-burst{0%{opacity:0;transform:scale(1.9)}35%{opacity:.15;transform:scale(1.3)}60%{opacity:.8;transform:scale(.85)}66%{opacity:.95;transform:scale(1.1)}91%,100%{opacity:0;transform:scale(4)}}
@keyframes tunnel-reveal{0%{opacity:0;transform:scale(1.5) rotate(-12deg)}59%{opacity:.7;transform:scale(.8) rotate(0)}68%{opacity:.8;transform:scale(1.25) rotate(7deg)}100%{opacity:0;transform:scale(1.8) rotate(16deg)}}
.street-skip{position:fixed;right:22px;bottom:22px;z-index:1001;padding:12px 18px;background:#271035;color:white;border:1px solid #c687ee;font:inherit;animation:skip-clear 5s step-end forwards;cursor:pointer}.intro-skipped .logo-entrance,.intro-skipped .street-skip{display:none!important}@keyframes skip-clear{to{visibility:hidden}}
@media(prefers-reduced-motion:reduce){.street-skip{display:none}.logo-entrance{display:none!important}.street-paint path,.street-haze,.hero-portrait:after{animation:none}}

.street-texture{background-image:linear-gradient(110deg,#3a124944,#12112355),url(/assets/street-brick.svg);background-size:auto,480px 240px;background-position:center;opacity:.8}.street-papers{opacity:.19}.hero-portrait{width:min(100%,490px)}
@media(max-width:600px){.hero-portrait{width:350px;max-width:110%}.street-texture{background-size:auto,360px 180px}}

@media(max-width:600px){.hero-portrait figcaption{display:none}.hero-portrait{margin-bottom:-15px}}

.flying-archive-paper[hidden]{display:none!important}

/* Preserve the complete approved photograph; no silhouette clipping. */
.hero-portrait{width:min(100%,390px);padding:9px;background:#d7c5e9;border:1px solid #8e57ab;box-shadow:0 14px 50px #05010899;filter:none;transform:rotate(2deg);margin:0;align-self:center}.hero-portrait img{display:block;width:100%;height:auto;clip-path:none;margin:0;background:#ded2be}.hero-portrait:after{display:none}.hero-portrait figcaption{padding:10px 2px 2px;color:#2e1541;text-shadow:none}
@media(max-width:600px){.hero-portrait{width:270px;max-width:100%;margin:12px 0 20px;transform:rotate(1deg)}.hero-portrait img{margin:0;height:auto}.hero-portrait figcaption{display:none}}

/* Ambient wall activity stays behind the readable foreground. */
.street-atmosphere{position:absolute;inset:-12%;z-index:0;pointer-events:none;overflow:hidden;background:radial-gradient(ellipse at 75% 55%,#9753c938,transparent 48%),linear-gradient(115deg,transparent 28%,#529cfc33 45%,transparent 62%);opacity:.65;animation:wall-light-drift 13s 5s ease-in-out infinite alternate;will-change:transform;contain:paint}
.street-paint{animation:wall-pigment-breathe 9s 5s ease-in-out infinite alternate}.street-paint .blue-paint{animation:paint-arrives 1.5s 4.3s both,graffiti-trace 17s 7s ease-in-out infinite;stroke-dasharray:2300}
@keyframes wall-light-drift{from{transform:translate3d(-6%,-2%,0) rotate(-4deg);opacity:.38}to{transform:translate3d(7%,3%,0) rotate(4deg);opacity:.85}}
@keyframes wall-pigment-breathe{from{opacity:.3}to{opacity:.58}}
@keyframes graffiti-trace{0%,15%{stroke-dashoffset:0;opacity:.9}48%{stroke-dashoffset:2300;opacity:.25}75%,100%{stroke-dashoffset:0;opacity:.9}}
.hiphop-hero.motion-paused .street-atmosphere,.hiphop-hero.motion-paused .street-paint,.hiphop-hero.motion-paused .blue-paint{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.street-atmosphere,.street-paint,.street-paint .blue-paint{animation:none!important;transform:none!important}.street-atmosphere{opacity:.4}.street-paint .blue-paint{stroke-dashoffset:0;opacity:1}}

.wall-motion-control{position:absolute;left:5%;bottom:28px;z-index:5;background:#170e23cc;border:1px solid #b98aca66;color:#dfc5ec;padding:7px 10px;font-family:inherit;font-size:12px;line-height:1.4;cursor:pointer}.wall-motion-control:focus-visible{outline:3px solid #71c8ff;outline-offset:4px}.hiphop-hero.motion-user-paused .street-atmosphere,.hiphop-hero.motion-user-paused .street-paint,.hiphop-hero.motion-user-paused .blue-paint{animation-play-state:paused}@media(prefers-reduced-motion:reduce){.wall-motion-control{display:none}}

/* Latest direction: complete entrance in 3.3 seconds. */
.logo-entrance,.entrance-mark,.logo-shard,.burst-ring,.logo-entrance:before{animation-duration:3.3s}.street-skip{animation-duration:3.3s}.street-paint path{animation-delay:2.5s}.street-paint .blue-paint{animation-delay:2.7s,4.3s}.street-haze{animation-delay:2.3s;animation-duration:1s}.street-atmosphere,.street-paint{animation-delay:3.3s}

/* Finite radial wall fracture, followed by outward fragments. */
.fracture-surface{position:absolute;inset:0;perspective:850px;overflow:hidden}.fracture-surface i{position:absolute;inset:0;background:linear-gradient(145deg,#241037dd,#0d0a18ee),url(/assets/street-brick.svg) center/480px 240px;animation:wall-fragments 3.3s cubic-bezier(.55,.03,.85,.4) both;backface-visibility:hidden}.surface-cracks{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#bc87e4;stroke-width:2.3;filter:drop-shadow(0 0 5px #8456b0);animation:crack-travel 3.3s linear both;stroke-dasharray:1900;pointer-events:none}.burst-dust{position:absolute;inset:0;background:radial-gradient(ellipse at center,#904bc366,transparent 58%);animation:surface-dust 3.3s both;pointer-events:none}.logo-burst{z-index:3}.logo-entrance .logo-shard{display:none}.logo-entrance{background:transparent}
@keyframes crack-travel{0%,27%{stroke-dashoffset:1900;opacity:0}34%{opacity:.3}61%{stroke-dashoffset:0;opacity:.9;transform:scale(1)}75%{opacity:.7;transform:scale(1.18)}100%{opacity:0;transform:scale(1.8)}}
@keyframes wall-fragments{0%,61%{transform:translate3d(0,0,0) rotate(0) rotateX(0);opacity:1}69%{opacity:1}100%{transform:translate3d(var(--fx),var(--fy),280px) rotate(var(--spin)) rotateX(var(--tilt));opacity:0}}
@keyframes surface-dust{0%,61%{opacity:0;transform:scale(.4)}70%{opacity:.8}100%{opacity:0;transform:scale(1.9)}}
@media(prefers-reduced-motion:reduce){.fracture-surface,.surface-cracks,.burst-dust{display:none!important}.fracture-surface i{animation:none!important}}

.wall-motion-control{bottom:8px;padding:5px 9px;font-size:11px}

/* Original photo pixels inside a hand-traced vector paper silhouette. */
.hiphop-hero{min-height:1020px;grid-template-columns:1fr 1fr;padding-bottom:140px;isolation:isolate}
.hero-portrait{width:min(100%,490px);max-width:100%;padding:0;border:0;background:none;box-shadow:none;filter:drop-shadow(9px 18px 12px #07031199);transform:translateY(var(--subject-drift,0px));margin:20px 0 0;align-self:center;justify-self:center}
.hero-cutout{display:block;width:100%;height:auto;overflow:visible}.hero-portrait:after,.hero-portrait figcaption{display:none}
.street-texture{z-index:-2;opacity:1;background-image:linear-gradient(110deg,#35174033,#151b2933),url(/assets/street-brick.svg);box-shadow:inset 0 0 100px 10px #12082099}
.hiphop-hero:before{background:linear-gradient(90deg,#170c26cc,transparent 65%);z-index:-1}
.wall-graffiti{position:absolute;right:3%;top:38px;width:46%;z-index:0;pointer-events:none;transform:rotate(-7deg);font-family:Knewave,Impact,sans-serif;font-size:clamp(30px,4.5vw,66px);line-height:1.12;color:#a668dc;opacity:.7;text-shadow:2px 3px #28113b,-1px -1px #c597e366}
.wall-graffiti span{display:block;width:max-content;max-width:100%;animation:wall-word-write 12s 3.3s linear infinite both}.wall-graffiti span+span{color:#58a5db;animation-delay:4.7s}.wall-graffiti i{display:block;width:78%;height:7px;background:#a668dc;transform:rotate(-2deg);animation:wall-word-write 12s 5.5s linear infinite both;border-radius:50%}
@keyframes wall-word-write{0%{clip-path:inset(0 100% 0 0);opacity:.2}28%,85%{clip-path:inset(0 -6% -15% -6%);opacity:1}95%,100%{clip-path:inset(0 -6% -15% -6%);opacity:0}}
.street-atmosphere{opacity:.85}.street-paint{opacity:.55}
.hiphop-hero.motion-paused .wall-graffiti *,.hiphop-hero.motion-user-paused .wall-graffiti *{animation-play-state:paused}
@media(max-width:900px){.hiphop-hero{min-height:850px}.hero-portrait{width:420px}.wall-graffiti{font-size:36px;top:35px}}
@media(max-width:600px){.hiphop-hero{min-height:0;grid-template-columns:1fr;padding-bottom:160px}.hero-portrait{width:350px;max-width:100%;margin:30px 0 0;transform:translateY(var(--subject-drift,0px))}.wall-graffiti{top:410px;right:5%;width:88%;font-size:32px;opacity:.68}.hiphop-hero:before{background:linear-gradient(180deg,#170c26dd,transparent 65%)}.street-texture{background-size:auto,360px 180px}}
@media(prefers-reduced-motion:reduce){.wall-graffiti *{animation:none!important;clip-path:none!important;opacity:1}.hero-portrait{transform:none!important}}

@media(min-width:601px){.street-first-flyer{right:48%;bottom:18px;width:100px}.street-first-flyer img{height:105px}}

/* Three distinct spaces: dominant mark, readable writing, full photo cutout. */
.hiphop-hero{grid-template-columns:48% 16% 36%;gap:0;padding-left:3%;padding-right:3%;min-height:1000px}
.hero-bill{grid-column:1;grid-row:1;min-width:0}.hero-bill h1 img{width:100%;height:auto;max-height:none}.hero-portrait{grid-column:3;grid-row:1;width:440px;max-width:100%}
.wall-graffiti{position:relative;grid-column:2;grid-row:1;align-self:center;justify-self:center;inset:auto;width:100%;max-width:100%;transform:rotate(-5deg);font-size:clamp(19px,2.2vw,34px);line-height:1.35;opacity:.9;text-align:center;z-index:1;padding:0 5px;box-sizing:border-box}
.wall-graffiti span{animation:none;clip-path:none;width:auto;max-width:none;opacity:1}.wall-graffiti .graffiti-line{display:block;white-space:nowrap;color:#bc87ed}.wall-graffiti .graffiti-line:nth-child(2){color:#75c3f2}
.wall-graffiti .graffiti-letter{display:inline-block;animation:graffiti-glyph-spray 15s linear infinite both;animation-delay:calc(3.3s + var(--letter)*.12s)}
@keyframes graffiti-glyph-spray{0%{clip-path:inset(100% -25% 0 -25%);opacity:0;text-shadow:0 0 9px currentColor}1%{opacity:1}3%,86%{clip-path:inset(-15% -25% -15% -25%);opacity:1;text-shadow:1px 2px 1px #27132a}98%,100%{clip-path:inset(-15% -25% -15% -25%);opacity:0}}
.hiphop-hero.motion-paused .wall-graffiti .graffiti-letter,.hiphop-hero.motion-user-paused .wall-graffiti .graffiti-letter{animation-play-state:paused}
@media(max-width:1000px){.hiphop-hero{grid-template-columns:1fr;padding:28px 7% 170px;gap:18px;min-height:0}.hero-bill{display:contents}.hero-bill>.eyebrow{order:0;text-align:center}.hero-bill h1{order:1;grid-column:auto;grid-row:auto;width:100%;max-width:650px;justify-self:center}.hero-bill h1 img{height:auto;max-height:none;width:100%}.wall-graffiti{position:relative;grid-column:auto;grid-row:auto;order:2;top:auto;right:auto;width:100%;font-size:clamp(25px,5vw,36px);transform:rotate(-3deg);margin:4px 0 12px}.wall-graffiti .graffiti-line{display:inline-block;margin:0 .14em}.hero-portrait{grid-column:auto;grid-row:auto;order:3;width:440px;max-width:100%;margin:0}.hero-tagline{order:4}.hero-welcome{order:5}.hero-actions{order:6}}
@media(max-width:600px){.hero-bill h1{width:112%;max-width:112%}.hero-portrait{width:350px}.wall-graffiti{font-size:26px}.wall-graffiti .graffiti-line{display:block}.hero-tagline{margin-top:12px}}
@media(prefers-reduced-motion:reduce){.wall-graffiti .graffiti-letter{animation:none!important;clip-path:none!important;opacity:1!important}}

/* Larger signature phrase; rough masonry combines pitted relief and worn paint. */
.street-texture{background-image:linear-gradient(110deg,#35174020,#151b2922),url(/assets/street-masonry.svg);background-size:auto,480px 240px}
@media(min-width:1001px){.wall-graffiti{font-size:clamp(26px,2.8vw,42px)}.hero-bill h1 img{width:110%;max-width:none;margin-left:-5%}}
@media(max-width:1000px){.wall-graffiti{font-size:clamp(32px,5.2vw,40px)}}
@media(max-width:600px){.hero-bill h1{width:118%;max-width:118%}.wall-graffiti{font-size:34px}.street-texture{background-size:auto,360px 180px}}