/* The concert stays in 2027; this is the visual time machine. */
body{transition:background .9s,color .9s}
.time-portal{position:fixed;inset:0;z-index:500;overflow:hidden;isolation:isolate;opacity:0;pointer-events:none;background:radial-gradient(ellipse at 50% 50%,#45066fba,#0b0615f5 75%);color:#edff7a;transition:opacity .3s}
.time-portal.is-active{opacity:1;pointer-events:auto}
.time-portal::before{content:"";position:absolute;inset:0;background:conic-gradient(from 20deg at 50% 50%,transparent,#9639ff30,transparent,#0bffe126,transparent);filter:blur(35px);animation:portal-light 4s linear infinite;z-index:-1}
.portal-tunnel{position:absolute;inset:0;perspective:500px;perspective-origin:50% 50%;overflow:hidden}
.portal-tunnel>i{position:absolute;inset:50% auto auto 50%;width:70vmax;height:70vmax;border:1px solid #cc65ffb0;box-shadow:0 0 30px #9639ff40,inset 0 0 30px #9639ff40;transform:translate(-50%,-50%) rotate(45deg) translateZ(-1200px);animation:portal-ring 1.8s linear infinite}
.portal-tunnel>i:nth-child(2){animation-delay:-.225s;border-color:#50ffcf80}.portal-tunnel>i:nth-child(3){animation-delay:-.45s}.portal-tunnel>i:nth-child(4){animation-delay:-.675s;border-color:#50ffcf80}.portal-tunnel>i:nth-child(5){animation-delay:-.9s}.portal-tunnel>i:nth-child(6){animation-delay:-1.125s;border-color:#50ffcf80}.portal-tunnel>i:nth-child(7){animation-delay:-1.35s}.portal-tunnel>i:nth-child(8){animation-delay:-1.575s;border-color:#50ffcf80}
.portal-scanlines{position:absolute;inset:0;background:repeating-linear-gradient(transparent 0 3px,#0002 3px 4px);pointer-events:none;opacity:.3}
.portal-center{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;transition:transform .8s var(--ease),opacity .7s}
.portal-center>span:first-child{font:400 10px/1.5 monospace;letter-spacing:.17em;text-transform:uppercase;color:#fffc;margin-bottom:25px;text-align:center;padding-inline:20px}
.portal-center>strong{font:800 clamp(100px,23vw,350px)/.9 var(--display);letter-spacing:-.1em;padding-right:.1em;color:#eafcba;text-shadow:3px 0 #f646bd99,-3px 0 #4dffda99}
.portal-progress{width:180px;height:3px;background:#fff2;margin-top:38px;overflow:hidden}
.portal-progress>i{display:block;width:100%;height:100%;background:var(--acid);transform-origin:left;animation:portal-progress 1.6s var(--ease) both}
.portal-bottom{font:400 8px/1 monospace;letter-spacing:.4em;color:#ffffff75;margin-top:25px}
.portal-coordinate{position:absolute;left:25px;bottom:25px;font:400 8px/1 monospace;letter-spacing:.18em;color:#ffffff80}
.time-portal.is-revealing{opacity:0;transition:opacity .9s var(--ease);pointer-events:none}
.time-portal.is-revealing .portal-center{transform:scale(1.35);opacity:0}
.is-warping main{transition:filter .7s,transform 1s var(--ease),max-width .9s var(--ease),margin .9s var(--ease)}
.is-warping.is-crossing main{filter:blur(2px);transform:scale(.985);transform-origin:50% 0}
.era-2007{--acid:#bcff38;--paper:#f2eaf9;--pink:#ff55d1;background-color:#140b25;background-image:linear-gradient(45deg,#30154b44 25%,transparent 25%,transparent 75%,#30154b44 75%),linear-gradient(45deg,#30154b44 25%,transparent 25%,transparent 75%,#30154b44 75%);background-size:32px 32px;background-position:0 0,16px 16px;color:#f2eaf9}
.era-2007 main{max-width:1240px;margin:105px auto 22px;width:calc(100% - 64px);background:#130c22;box-shadow:0 0 0 2px #ac6efc50,0 0 65px #6b23ba35;border:2px solid #b9a1d1}
.era-2007 .site-header{left:32px;top:14px;width:calc(100% - 64px);height:72px;padding-inline:27px;background:linear-gradient(#342342f2,#1b0e2aed);border:1px solid #bba9d3;border-bottom:3px solid #8564a1;box-shadow:inset 0 1px #fff5,0 8px 30px #0008;backdrop-filter:blur(20px)}
.era-2007 .site-header{max-width:1240px;left:max(32px,calc((100% - 1240px)/2))}
.era-2007 .brand{font-family:HeadingNow,var(--display);font-size:38px;letter-spacing:0;text-transform:uppercase;background:linear-gradient(#fff 10%,#c0afe2 40%,#5a3e7d 48%,#fff 52%,#b695d8 85%);color:transparent;background-clip:text;-webkit-background-clip:text;filter:drop-shadow(0 2px #000)}
.era-2007 .brand span{color:#fff;font-family:var(--body);right:-9px}
.era-2007 .desktop-nav a{font:700 10px/1.4 monospace;text-transform:uppercase;color:#e5d9f1}
.era-2007 .time-machine{border-radius:5px;background:linear-gradient(#40324f,#21122e);box-shadow:inset 0 1px #fff4;border:1px solid #b197ce;border-bottom:2px solid #604b78}
.era-2007 .header-ticket{border-radius:3px;background:linear-gradient(#e0ffae,#b7ff31 50%,#8fc61b 52%,#b9f34c);border:1px solid #d9ffad;box-shadow:0 2px 0 #567909;font-family:monospace;text-transform:uppercase}
.era-2007 .hero{min-height:810px;height:850px;padding-top:24px;padding-bottom:30px;background:#1e0c32}
.era-2007 .hero-topline{font-family:monospace;color:#bfff5b;font-size:9px}
.era-2007 .hero-film video{filter:saturate(1.5) hue-rotate(20deg);opacity:.5}
.era-2007 .hero-shade{background:linear-gradient(90deg,#170924ed,#27093622 75%),linear-gradient(0deg,#1b0c30 0%,transparent 60%,#1b0c3080)}
.era-2007 .hero-grid{background-image:linear-gradient(90deg,#ae62ff12 1px,transparent 1px),linear-gradient(#ae62ff12 1px,transparent 1px);background-size:50px 50px;margin:0;mask-image:linear-gradient(#0008,transparent)}
.era-2007 .hero-title{margin-top:43px;font-size:clamp(95px,14.6vw,218px);font-family:var(--display);font-style:italic;letter-spacing:-.075em;background:linear-gradient(#fff 0%,#e6e0fa 25%,#c2a2e9 40%,#5d437b 49%,#f8f3ff 52%,#d8c9e7 65%,#8f70b5 100%);background-clip:text;-webkit-background-clip:text;color:transparent;filter:drop-shadow(2px 3px #201130) drop-shadow(0 0 25px #cf91ff44);transform:scaleX(.98)}
.era-2007 .hero-portrait{height:calc(100% - 140px);right:-5px;width:55%;z-index:1}
.era-2007 .hero-portrait img{filter:drop-shadow(2px 0 #d984ff) drop-shadow(-2px 0 #64fff4) drop-shadow(0 0 35px #ba42fa50)}
.era-2007 .hero-portrait::after{background:linear-gradient(transparent,#1b0c30)}
.era-2007 .portrait-halo{background:radial-gradient(circle,#bd43ff55,transparent 70%);filter:blur(25px)}
.era-2007 .anniversary-sticker{right:37%;top:38%;color:#241135}
.era-2007 .anniversary-sticker>svg{color:#ff6ed4;filter:drop-shadow(0 0 25px #ff54e366)}
.era-2007 .hero-copy{margin-top:55px;max-width:440px}
.era-2007 .modern-copy{display:none}
.era-2007 .rave-copy{display:inline}
.era-2007 .hero-eyebrow{font-family:monospace;letter-spacing:.07em}
.era-2007 .hero-copy h2{font-size:clamp(30px,3.6vw,47px);font-weight:800;letter-spacing:-.06em;text-transform:uppercase;color:#fff;text-shadow:2px 2px #a344dc}
.era-2007 .hero-description{font-family:monospace;font-size:12px;color:#e8d9fa}
.era-2007 .hero-event{color:#e9ffd1}
.era-2007 .hero-event>div strong{font-family:monospace}
.era-2007 .button{border-radius:3px;text-transform:uppercase;font-family:monospace;font-size:12px;box-shadow:inset 0 1px #fff8,3px 4px 0 #0005}
.era-2007 .button-acid{background:linear-gradient(#e3ffb5,#bcff38 48%,#90c924 51%,#b4ed62);border:1px solid #e1ffb4;color:#162500}
.era-2007 .hero-more{font-family:monospace;color:#ecb9ff}
.era-2007 .hero-bottom{bottom:21px}
.era-2007 .hero-index{color:#ce92ff85}
.era-2007 .video-controls{background:#13092385}
.era-2007 .sound-button,.era-2007 .video-pause{border-radius:3px;border-color:#b284d37a;color:#d9ff9b;background:#251238;font-family:monospace}
.era-2007 .rave-floor{display:block;position:absolute;z-index:-2;left:-50%;right:-50%;bottom:-150px;height:460px;background-image:linear-gradient(#cf46f54d 1px,transparent 1px),linear-gradient(90deg,#cf46f54d 1px,transparent 1px);background-size:60px 45px;transform:perspective(250px) rotateX(56deg);mask-image:linear-gradient(transparent,#000);opacity:.6}
.era-2007 .rave-label{display:block;position:absolute;right:28px;top:245px;z-index:5;font:400 7px/1 monospace;letter-spacing:.15em;color:#baff9b;writing-mode:vertical-rl;text-shadow:0 0 15px #a2ff68}
.era-2007 .hit-ticker{background:linear-gradient(#f993e3,#d64fbc 50%,#80277e 51%,#cf55b6);color:#fff1fd;border-block:2px ridge #ffb1ef;box-shadow:0 0 30px #eb39be40}
.era-2007 .hit-ticker-track>span{font-family:HeadingNow,var(--display);font-size:35px;letter-spacing:.03em;font-weight:400;text-shadow:1px 2px #4a1549}
.era-2007 .section{padding-inline:38px;color:#e9dbf5;background-color:#1e1030;background-image:radial-gradient(ellipse at 80% 20%,#67279b25,transparent 60%);border-bottom:2px ridge #9875ae80}
.era-2007 .section-label{font-family:monospace;color:#d5ff9b;border-color:#b876ee55}
.era-2007 .section-label>span:last-child{color:#e6afffcc}
.era-2007 .section-title{color:#efe2ff;font-size:clamp(32px,4.3vw,65px);font-weight:800;text-transform:uppercase;text-shadow:2px 2px #a248d0}
.era-2007 .section-title>span{color:#ccff6a}
.era-2007 .about-note{color:#f4b5ff}
.era-2007 .about-visual,.era-2007 .venue-photo{border:3px ridge #d7b0f4;box-shadow:6px 6px 0 #0004}
.era-2007 .about-visual>img{filter:sepia(.4) hue-rotate(230deg) saturate(1.8)}
.era-2007 .press-release p{font-family:var(--body);color:#c4afda}
.era-2007 .press-release .lead{color:#efe6fa}
.era-2007 .inline-link{color:#d3ff7e;font-family:monospace;border-color:#c9ff724d}
.era-2007 .music{background-color:#150a23}
.era-2007 .music-copy>p{font-family:monospace;color:#ceafd7}
.era-2007 .hit-list>li{border-color:#b876ee40;min-height:65px}
.era-2007 .hit-list strong{font-family:monospace;font-size:24px;color:#d4ff9e;font-weight:700;letter-spacing:-.07em}
.era-2007 .hit-list small,.era-2007 .hit-list>li>span{font-family:monospace;color:#edb6e4}
.era-2007 .player-chrome{height:35px;background:linear-gradient(#e7d8f2,#c4afd6 45%,#8666a2 49%,#b49acb 100%);color:#241336;border:2px ridge #f1dafd;font-family:monospace;font-weight:700}
.era-2007 .player-chrome i{background:#e9d7f6;border:1px solid #614a70;border-radius:0;width:8px;height:8px;box-shadow:1px 1px #fff6}
.era-2007 .music-player{border:3px ridge #c5a8d6;background:#f3edf6}
.era-2007 .player-footnote{font-family:monospace;color:#d7afda}
.era-2007 .manifesto{background:#140a23;border-bottom:2px ridge #a580c5}
.era-2007 .manifesto>img{filter:sepia(.6) hue-rotate(220deg) saturate(2);opacity:.6}
.era-2007 .manifesto-shade{background:linear-gradient(#140a23,transparent 45%,#140a2399)}
.era-2007 .manifesto h2{font-weight:800;text-transform:uppercase;font-size:clamp(34px,5vw,70px);text-shadow:2px 2px #922bbe}
.era-2007 .manifesto-content>p,.era-2007 .manifesto-caption{font-family:monospace}
.era-2007 .venue-copy>.eyebrow{color:#d0a6ec;font-family:monospace}
.era-2007 .venue-copy h2>img{filter:none}
.era-2007 .venue-photo>img{filter:saturate(1.4) hue-rotate(15deg)}
.era-2007 .venue-intro{color:#efddfa}
.era-2007 .venue-details>div{border-color:#b876ee40}
.era-2007 .venue-details dt{color:#cda1dc;font-family:monospace}
.era-2007 .venue-details dd{color:#f1e8fa;font-family:monospace}
.era-2007 .tickets{background-color:#29123b;background-image:repeating-linear-gradient(-45deg,#e55adc05 0 20px,transparent 20px 40px)}
.era-2007 .tickets h2{color:#f4e5ff;text-transform:uppercase;font-size:clamp(32px,4.2vw,62px);text-shadow:2px 3px #a33dba}
.era-2007 .tickets h2 span{color:#bdff67}
.era-2007 .ticket-event{color:#eadcf2}
.era-2007 .ticket-event>span:last-child{border-color:#e8c6ff55;font-family:monospace}
.era-2007 .button-dark{background:linear-gradient(#e79bff,#bd56e5 45%,#8739a9 50%,#b96ed9);border:1px solid #edb5ff;color:white}
.era-2007 .ticket-sale-note{color:#c6add8}
.era-2007 .ticket-art-star{color:#d9ff7c;filter:drop-shadow(0 0 20px #b4f76455)}
.era-2007 .ticket-stub{background:#ebdcef;border:2px ridge #fff1ff;box-shadow:8px 8px 0 #0005;transform:rotate(-8deg)}
.era-2007 .ticket-stub>strong{font-family:HeadingNow,var(--display);font-weight:400;font-size:43px;letter-spacing:.015em}
.era-2007 .ticket-perforation::before,.era-2007 .ticket-perforation::after{background:#29123b}
.era-2007 .ticket-art-note{color:#e0b5f7;font-family:monospace}
.era-2007 .site-footer{max-width:1240px;margin:0 auto 25px;width:calc(100% - 64px);padding-inline:38px;background:#1d0e2b;border:2px ridge #a481bb}
.era-2007 .footer-brand{font-family:HeadingNow,var(--display);font-size:65px;font-weight:400;letter-spacing:.03em;background:linear-gradient(#fff,#b491d1 47%,#6f4e8c 49%,#fff 52%,#a183b9);background-clip:text;-webkit-background-clip:text;color:transparent}
.era-2007 .footer-top{border-color:#a772c548}
.era-2007 .footer-bottom,.era-2007 .footer-vk{font-family:monospace}
.era-2007 .ticket-dialog{border:3px ridge #cb9de9;background:radial-gradient(ellipse at 80% 0,#4f2068,#1b0b29 70%)}
.era-2007 .ticket-dialog h2{text-transform:uppercase;font-size:43px;text-shadow:2px 2px #9b39c2}
.era-2007 .mobile-menu{background:linear-gradient(#281437,#170b24);border:2px ridge #b097c3}
@keyframes portal-ring{0%{transform:translate(-50%,-50%) rotate(45deg) translateZ(-1200px);opacity:0}25%{opacity:.8}100%{transform:translate(-50%,-50%) rotate(45deg) translateZ(450px);opacity:0}}
@keyframes portal-light{to{transform:rotate(360deg)}}
@keyframes portal-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(min-width:1600px){.era-2007 .site-header{left:calc((100% - 1240px)/2);width:1240px}.era-2007 .hero-title{font-size:211px}}
@media(max-width:1250px){.era-2007 .site-header{gap:25px}.era-2007 .hero-title{font-size:14.7vw}.era-2007 .hero-copy{max-width:400px}.era-2007 .anniversary-sticker{right:34%;top:37%}.era-2007 .hero-portrait{width:57%;right:-30px}.era-2007 .section-title{font-size:4.25vw}.era-2007 .tickets h2{font-size:4.3vw}.era-2007 .ticket-art{padding-inline:10px}}
@media(max-width:1000px){.era-2007 main{margin-top:98px;width:calc(100% - 40px)}.era-2007 .site-header{left:20px;width:calc(100% - 40px);padding-inline:22px}.era-2007 .hero{min-height:800px;height:840px;padding-inline:28px}.era-2007 .hero-title{font-size:15.5vw;margin-top:45px}.era-2007 .hero-copy{max-width:370px;margin-top:75px}.era-2007 .hero-copy h2{font-size:35px}.era-2007 .hero-portrait{width:62%;right:-60px}.era-2007 .anniversary-sticker{right:30%;top:32%}.era-2007 .section{padding-inline:28px}.era-2007 .section-title{font-size:4.3vw}.era-2007 .music .section-title{font-size:4vw}.era-2007 .music-layout{gap:28px}.era-2007 .hit-list strong{font-size:20px}.era-2007 .hit-list small{font-size:8px}.era-2007 .player-topline{font-size:6px}.era-2007 .player-fallback{font-size:7px}.era-2007 .tickets h2{font-size:4.3vw}.era-2007 .ticket-event{gap:15px}.era-2007 .ticket-event>span:first-child{font-size:15px}.era-2007 .ticket-event>span:last-child{font-size:8px;padding-left:15px}.era-2007 .site-footer{width:calc(100% - 40px);padding-inline:28px}.era-2007 .footer-brand{font-size:55px}.era-2007 .mobile-menu{inset:70px -1px auto;max-height:calc(100svh - 100px)}}
@media(max-width:700px){.portal-center>span:first-child{font-size:8px;letter-spacing:.08em}.portal-coordinate{font-size:6px;left:16px;bottom:20px}.portal-bottom{font-size:7px;letter-spacing:.2em}.era-2007 main{margin:84px 9px 12px;width:calc(100% - 18px);border-width:1px}.era-2007 .site-header{left:9px;top:8px;width:calc(100% - 18px);height:64px;padding-inline:11px;gap:8px}.era-2007 .brand{font-size:30px;letter-spacing:0}.era-2007 .brand span{right:-7px;font-size:7px}.era-2007 .time-machine{width:174px;gap:7px;padding:0 9px}.era-2007 .time-machine-label{font-size:9px}.era-2007 .scrolled .time-machine{width:40px;padding:0;gap:0}.era-2007 .menu-button{width:34px;height:34px;border-radius:3px}.era-2007 .header-ticket{padding-inline:12px;font-size:9px}.era-2007 .hero{padding:22px 17px 62px;min-height:1000px;height:auto}.era-2007 .hero-topline{font-size:7px;letter-spacing:0}.era-2007 .hero-title{font-size:16vw;margin-top:33px;transform:none}.era-2007 .hero-portrait{top:100px;height:415px;width:100%;right:-5px}.era-2007 .hero-portrait img{object-position:65% bottom}.era-2007 .hero-copy{margin-top:378px;max-width:100%}.era-2007 .hero-copy h2{font-size:clamp(27px,7.4vw,40px)}.era-2007 .hero-description{font-size:10px;line-height:1.8}.era-2007 .anniversary-sticker{right:auto;left:28px;top:260px;width:75px;height:75px}.era-2007 .anniversary-sticker strong{font-size:35px}.era-2007 .rave-label{top:190px;right:15px;font-size:6px}.era-2007 .hero-more{font-size:9px;gap:10px}.era-2007 .hero-actions{gap:18px}.era-2007 .hero-actions .button{font-size:10px;padding-inline:18px;gap:24px}.era-2007 .hero-bottom{left:17px;right:17px;bottom:17px}.era-2007 .hero-event>div strong{font-size:15px}.era-2007 .hit-ticker-track>span{font-size:30px}.era-2007 .section{padding-inline:20px}.era-2007 .section-label{font-size:7px;letter-spacing:0}.era-2007 .section-label>span:last-child{font-size:6px}.era-2007 .section-title{font-size:clamp(25px,7vw,40px)}.era-2007 .music .section-title{font-size:clamp(25px,7vw,38px)}.era-2007 .hit-list strong{font-size:23px}.era-2007 .player-topline{font-size:7px}.era-2007 .press-release p{font-size:12px}.era-2007 .press-release .lead{font-size:20px}.era-2007 .photo-caption{inset:auto 18px 22px}.era-2007 .photo-caption>span:first-child{font-size:31px}.era-2007 .photo-caption>span:last-child{font-size:7px}.era-2007 .manifesto h2{font-size:clamp(25px,7.1vw,41px)}.era-2007 .venue-copy h2>img{width:260px}.era-2007 .tickets h2{font-size:clamp(27px,7.2vw,43px)}.era-2007 .ticket-event>span:first-child{font-size:15px}.era-2007 .ticket-event>span:last-child{font-size:8px}.era-2007 .ticket-art{padding:20px 20px}.era-2007 .site-footer{width:calc(100% - 18px);margin:0 9px 12px;padding:35px 20px 25px}.era-2007 .footer-brand{font-size:37px}.era-2007 .footer-vk{font-size:8px;gap:10px}.era-2007 .ticket-dialog h2{font-size:34px}.era-2007 .mobile-menu{inset:62px -1px auto;max-height:calc(100svh - 100px)}}
@media(max-width:380px){.era-2007 .brand{font-size:26px}.era-2007 .time-machine{width:158px;padding-inline:8px;gap:5px}.era-2007 .time-machine-label{font-size:8px}.era-2007 .time-machine>svg{width:17px;height:17px}.era-2007 .header-actions{gap:5px}.era-2007 .menu-button{width:31px;height:31px}.era-2007 .hero{min-height:950px;padding-inline:15px}.era-2007 .hero-portrait{height:380px;top:95px}.era-2007 .hero-copy{margin-top:348px}.era-2007 .hero-copy h2{font-size:25px}.era-2007 .hero-topline{font-size:6px}.era-2007 .hero-actions{gap:13px}.era-2007 .hero-actions .button{padding-inline:13px;gap:18px;font-size:9px}.era-2007 .hero-more{font-size:8px;gap:8px}.era-2007 .hero-event{gap:14px}.era-2007 .hero-event time{padding-right:14px}.era-2007 .hero-event>div strong{font-size:13px}.era-2007 .anniversary-sticker{top:235px;left:25px;width:65px;height:65px}.era-2007 .anniversary-sticker strong{font-size:30px}.era-2007 .section{padding-inline:16px}.era-2007 .section-title,.era-2007 .music .section-title{font-size:24px}.era-2007 .tickets h2{font-size:25px}.era-2007 .player-chrome{font-size:6px}.era-2007 .player-topline{font-size:6px}.era-2007 .player-fallback{font-size:6px}.era-2007 .hit-list strong{font-size:19px}.era-2007 .ticket-event{gap:12px}.era-2007 .ticket-event>span:first-child{font-size:13px}.era-2007 .ticket-event>span:last-child{font-size:7px;padding-left:12px}.era-2007 .photo-caption>span:first-child{font-size:27px}.era-2007 .photo-caption>span:last-child{font-size:6px}.era-2007 .footer-brand{font-size:32px}.era-2007 .footer-vk{font-size:7px;gap:7px}.era-2007 .ticket-art-note{font-size:7px}}
@media(min-width:701px) and (max-width:1000px){.era-2007 .brand{font-size:30px}}
@media(max-width:700px){.era-2007 .brand{font-size:17px}.era-2007 .footer-brand{font-size:25px}.era-2007 .hero{min-height:900px}.era-2007 .hero-portrait{height:305px}.era-2007 .hero-copy{margin-top:268px}}
@media(max-width:380px){.era-2007 .brand{font-size:15px}.era-2007 .time-machine{width:136px}.era-2007 .footer-brand{font-size:20px}.era-2007 .hero{min-height:860px}.era-2007 .hero-portrait{height:280px}.era-2007 .hero-copy{margin-top:238px}}
@media(prefers-reduced-motion:reduce){.time-portal.is-active{display:none}.era-2007 .hero-film video{opacity:.3}}