/* Motion direction: bootleg concert poster coming apart at the seams. */
.hero-letters{display:inline-flex}.hero-letters>span{display:inline-block;animation:letter-punch 6s cubic-bezier(.2,.8,.2,1) infinite;transform-origin:50% 80%}.hero-letters>span:nth-child(2){animation-delay:.15s}.hero-letters>span:nth-child(3){animation-delay:.3s}.hero-letters>span:nth-child(4){animation-delay:.45s}.hero-star{animation-duration:12s}.hero-grid{animation:grid-drift 18s linear infinite}.hero-copy{animation:copy-arrive .85s cubic-bezier(.16,1,.3,1) both}.hero-photo{animation:photo-arrive 1.2s cubic-bezier(.16,1,.3,1) both}.hero-photo>img:first-child{animation:portrait-breathe 8s ease-in-out infinite;transform-origin:55% 45%}.hero-photo .photo-echo{position:absolute;inset:0;height:100%;width:100%;object-fit:cover;object-position:50% 34%;pointer-events:none;mix-blend-mode:screen;opacity:.6;filter:grayscale(1) contrast(1.4);clip-path:inset(32% 0 54%);animation:photo-slice 7s steps(1,end) infinite}.hero-photo .photo-echo.second{clip-path:inset(61% 0 25%);animation-delay:1.1s;opacity:.4}.album-sticker{animation:sticker-hover 5s ease-in-out infinite}.sticker-star,.record-corner{animation:spin 13s linear infinite}.ticker>div{animation-duration:20s}.video-card{perspective:800px}.video-image{transform:rotateX(var(--tilt-y,0deg)) rotateY(var(--tilt-x,0deg));transition:transform .25s}.record-art>img{transform:perspective(900px) rotateX(var(--tilt-y,0deg)) rotateY(var(--tilt-x,0deg)) rotate(-2deg)}.record-art:hover>img{transform:perspective(900px) rotateX(var(--tilt-y,0deg)) rotateY(var(--tilt-x,0deg)) rotate(1deg)}.section-heading h2{transform:translateX(var(--kinetic-x,0px)) skewX(var(--kinetic-skew,0deg));transform-origin:left}.quote-section blockquote{transform:translateX(var(--quote-x,0px))}.quote-asterisk{animation:spin 28s linear infinite}.about-mark{animation:mark-wobble 7s ease-in-out infinite}.in-view .record-info h3,.in-view .about-copy h2{animation:headline-arrive .75s cubic-bezier(.2,1,.3,1) both}.outro>a:hover{animation:outro-wobble .7s ease-in-out infinite alternate}
.pressure-zone{overflow:hidden;padding:65px 0 48px;position:relative;background:#111210}.pressure-rail{width:max-content;color:transparent;-webkit-text-stroke:1px #747969;font:800 clamp(50px,7vw,100px)/1 var(--display);word-spacing:20px;white-space:nowrap;transform:translateX(var(--rail-x,-80px)) rotate(-3deg);opacity:.65}.pressure-rail.reverse{color:var(--acid);-webkit-text-stroke:0;font-size:clamp(28px,4vw,60px);transform:translateX(var(--rail-reverse,-120px)) rotate(3deg);opacity:1}.pressure-console{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:30px;padding:35px 6%;position:relative;z-index:2}.pressure-console>.eyebrow{max-width:155px;color:var(--muted)}#pressure{position:relative;isolation:isolate;background:var(--acid);color:#111;padding:12px 35px 16px;transform:rotate(-3deg) scale(var(--charge-scale,1));box-shadow:9px 9px 0 #f568d9;user-select:none;touch-action:pan-y;min-width:260px;transition:box-shadow .2s}.pressure-word{display:block;font:900 clamp(55px,8vw,112px)/1 var(--display);letter-spacing:-2px;transform:scaleX(var(--charge-stretch,1))}.pressure-instruction{display:block;font:10px/2 var(--mono);letter-spacing:1px}.pressure-meter{position:absolute;bottom:0;left:0;height:6px;background:#ff3d83;width:calc(var(--charge,0)*100%);transition:width .08s;z-index:1}.pressure-reading{font:10px var(--mono);text-align:right}.pressure-reading b{display:block;font:800 68px/1 var(--display);color:var(--acid);font-variant-numeric:tabular-nums}.charging #pressure{box-shadow:16px 16px 0 #f568d9}.pressure-zone.release .pressure-word{animation:release-type .65s ease-out}.chaos-hud{position:fixed;left:20px;bottom:18px;z-index:35;display:flex;align-items:center;gap:10px;padding:8px 10px;background:#10120eef;border:1px solid #d8ff0066;color:var(--acid);box-shadow:4px 4px 0 #0005;backdrop-filter:blur(6px)}.chaos-hud button{background:none;color:inherit;font:10px var(--mono);min-height:30px;padding:0 4px}.chaos-hud b{font-weight:700}.chaos-hud #fx-pause{border-left:1px solid #5b6540;padding-left:12px;font-size:15px;min-width:32px}.hud-bars{display:flex;align-items:center;gap:3px;height:20px}.hud-bars i{width:3px;height:18px;background:var(--acid);animation:equalizer .75s ease-in-out infinite alternate}.hud-bars i:nth-child(2){animation-delay:-.4s}.hud-bars i:nth-child(3){animation-delay:-.7s}.hud-bars i:nth-child(4){animation-delay:-.2s}#mayhem-canvas,#impact-words{position:fixed;inset:0;width:100%;height:100%;z-index:30;pointer-events:none;overflow:hidden}.impact-word{position:absolute;color:var(--acid);font:900 clamp(55px,11vw,170px)/.85 var(--display);white-space:nowrap;letter-spacing:-2px;text-shadow:5px 5px 0 #111,-2px -2px 0 #111;transform:translate(-50%,-50%) rotate(-8deg);animation:word-impact 1.3s cubic-bezier(.2,.8,.2,1) both}.impact-word:nth-child(even){color:#f568d9}.impact-word.outlined{-webkit-text-stroke:2px var(--acid);color:#111}.chaos .hero-photo>img:first-child{animation:portrait-chaos 3s ease-in-out infinite}.chaos .hero-photo .photo-echo{animation-duration:2.8s;opacity:.85}.chaos .hero-letters>span{animation-duration:2.8s}.chaos .ticker>div{animation-duration:8s}.chaos .hero-star,.chaos .sticker-star,.chaos .record-corner{animation-duration:3s}.chaos .hero-grid{animation-duration:5s}.chaos .album-sticker{animation:sticker-chaos 2s ease-in-out infinite}.chaos .quote-section{background:#f568d9}.chaos .quote-asterisk{color:#d74ec0;animation-duration:8s}.chaos .chaos-hud{border-color:#f568d9;color:#f568d9}.chaos .hud-bars i{background:#f568d9;animation-duration:.35s}.chaos .pressure-zone{background:#201328}.chaos .pressure-rail{-webkit-text-stroke-color:#f568d9}.chaos .about-mark{animation-duration:2.5s}.chaos .video-image img{filter:grayscale(0)}.chaos .video-play{animation:play-pulse 1.6s ease-in-out infinite}.chaos .record-art>img{box-shadow:14px 14px 0 #6c246a}.chaos .hero-copy h2{animation:type-drift 4s ease-in-out infinite}.chaos .noise{opacity:.075}.paused .impact-word{display:none}.paused .section-heading h2,.paused .quote-section blockquote{transform:none!important}.paused .hero-letters>span{transform:none}.paused .photo-echo{display:none}.paused #mayhem-canvas{visibility:hidden}.paused .hero-photo{animation:none}.paused .hud-bars i{height:4px}.modal-open .chaos-hud{visibility:hidden}footer{padding-bottom:88px}
@keyframes letter-punch{0%,70%,100%{transform:translateY(0) rotate(0) scaleY(1)}76%{transform:translateY(-16px) rotate(-5deg) scaleY(1.1)}84%{transform:translateY(5px) rotate(2deg) scaleY(.9)}92%{transform:translateY(0) rotate(0) scaleY(1)}}
@keyframes photo-slice{0%,83%,100%{translate:0;opacity:0}84%,88%{translate:22px;opacity:.7}90%,93%{translate:-17px;opacity:.4}94%,98%{translate:9px;opacity:.7}}
@keyframes portrait-breathe{0%,100%{transform:scale(1.01) rotate(-.4deg)}50%{transform:scale(1.085) rotate(.6deg)}}
@keyframes portrait-chaos{0%,100%{transform:scale(1.04) rotate(-1deg)}50%{transform:scale(1.2) rotate(2deg)}}
@keyframes sticker-hover{0%,100%{translate:0 0;rotate:-2deg}50%{translate:0 -17px;rotate:3deg}}
@keyframes sticker-chaos{0%,100%{translate:0 0;rotate:-7deg}50%{translate:-10px -28px;rotate:8deg}}
@keyframes grid-drift{to{background-position:96px 96px}}
@keyframes copy-arrive{from{opacity:0;translate:-45px 20px}to{opacity:1;translate:0 0}}
@keyframes photo-arrive{from{opacity:0;translate:120px 0}to{opacity:1;translate:0 0}}
@keyframes headline-arrive{from{translate:0 25px;opacity:.2;filter:blur(5px)}to{translate:0 0;opacity:1;filter:blur(0)}}
@keyframes mark-wobble{0%,100%{transform:rotate(-7deg) scale(.97)}50%{transform:rotate(4deg) scale(1.04)}}
@keyframes equalizer{from{transform:scaleY(.25)}to{transform:scaleY(1)}}
@keyframes word-impact{0%{opacity:0;scale:1.8;rotate:12deg;filter:blur(7px)}12%,65%{opacity:1;scale:1;rotate:0deg;filter:blur(0)}100%{opacity:0;scale:.7;translate:0 -75px;rotate:-8deg}}
@keyframes release-type{0%{transform:scaleX(1.2) scaleY(.7)}40%{transform:scaleX(.85) scaleY(1.3)}100%{transform:scale(1)}}
@keyframes outro-wobble{from{transform:skewX(-7deg)}to{transform:skewX(7deg)}}
@keyframes type-drift{0%,100%{transform:skewX(0deg)}45%{transform:skewX(-4deg)}70%{transform:skewX(3deg)}}
@keyframes play-pulse{50%{box-shadow:0 0 0 15px #d8ff0020;scale:1.1}}
@media(max-width:600px){.pressure-zone{padding:40px 0 30px}.pressure-console{grid-template-columns:1fr 70px;gap:15px;padding:25px 6%}.pressure-console>.eyebrow{grid-column:1/-1;max-width:none;font-size:9px}#pressure{min-width:0;padding:10px 13px 14px}.pressure-word{font-size:15vw;letter-spacing:-1px}.pressure-instruction{font-size:7px;letter-spacing:.1px}.pressure-reading{font-size:8px}.pressure-reading b{font-size:46px}.chaos-hud{left:10px;bottom:10px;padding:5px 8px;gap:6px}.chaos-hud button{font-size:9px}.hero-photo .photo-echo{object-position:50% 31%}.chaos-status{bottom:65px}.hero-letters>span{animation-name:letter-punch-mobile}.impact-word{font-size:18vw;letter-spacing:-1px}.pressure-rail{font-size:52px}.pressure-rail.reverse{font-size:35px}}
@keyframes letter-punch-mobile{0%,70%,100%{transform:translateY(0) rotate(0)}80%{transform:translateY(-8px) rotate(-5deg)}90%{transform:translateY(3px) rotate(2deg)}}
@media(prefers-reduced-motion:reduce){.hero-letters>span,.hero-photo,.album-sticker,.hero-copy,.about-mark{animation:none!important}.section-heading h2,.quote-section blockquote{transform:none!important}.photo-echo,#mayhem-canvas,.impact-word{display:none}.pressure-word{transform:none}}