@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=Inter:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#070d15;--ink:#f1f5f8;--muted:#afc0ce;--cyan:#75e3f0;--line:#91cfe42b;--gold:#ecc75b}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,Arial,sans-serif;line-height:1.7}a{color:inherit}a:focus-visible,summary:focus-visible{outline:3px solid var(--cyan);outline-offset:6px}img{max-width:100%;height:auto;display:block}.skip{position:fixed;left:16px;top:-100px;z-index:100;background:#fff;color:#000;padding:12px}.skip:focus{top:12px}.wrap{width:min(1180px,calc(100% - 64px));margin:auto}.nav{height:84px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);gap:20px}.brand{width:170px;display:block}.nav-links{display:flex;gap:28px;font-size:13px}.nav a{text-decoration:none}.nav-links a:hover{color:var(--cyan)}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--cyan);margin:0 0 22px}.hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 82% 20%,#17486c60,transparent 60%)}.hero:before{content:'';position:absolute;inset:-25%;background:conic-gradient(from 195deg at 75% 0%,transparent 0deg,#4da9e614 12deg,transparent 26deg,transparent 55deg,#94daff0b 67deg,transparent 82deg);pointer-events:none;animation:stage 15s ease-in-out infinite alternate}.hero-grid{position:relative;display:grid;grid-template-columns:1fr .88fr;gap:72px;align-items:center;padding:66px 0 72px}.hero-copy{max-width:560px}.hero h1{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(68px,7.4vw,108px);font-weight:700;letter-spacing:-.018em;line-height:.95;margin:0 0 30px}.hero h1 em{display:block;font-style:normal;color:var(--cyan)}.intro{color:var(--muted);font-size:17px;max-width:440px}.eras-line{color:var(--gold);font-size:14px;font-weight:600;max-width:430px;margin:24px 0}.date{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 0;margin:30px 0;display:flex;gap:24px;align-items:center}.date strong{font-family:'Barlow Condensed',Impact,sans-serif;font-size:60px;line-height:1;font-weight:600}.date span{display:block;font-size:14px}.date small{display:block;color:var(--muted);font-size:12px}.button{display:inline-flex;align-items:center;justify-content:center;gap:32px;min-height:54px;padding:15px 24px;text-decoration:none;background:var(--cyan);color:#08222c;font-size:14px;font-weight:700;transition:background .2s,transform .2s;border:1px solid var(--cyan)}.button:hover{background:#b5f5fc;transform:translateY(-2px)}.button.secondary{background:transparent;color:var(--cyan)}.ticket-note{font-size:11px;color:var(--muted);margin:12px 0 0}.poster{margin:0;position:relative;max-width:500px}.poster a{display:block;border:1px solid #8cd6f05c;box-shadow:0 22px 70px #0009,0 0 45px #2582b218}.poster img{width:100%;height:auto;aspect-ratio:3/4;object-fit:contain}.poster figcaption{font-size:10px;color:var(--muted);letter-spacing:.1em;margin-top:12px;text-align:right}.ribbon{border-block:1px solid var(--line);background:#0c1823}.ribbon .wrap{display:flex;justify-content:space-between;gap:20px;padding-block:22px;font-size:12px;letter-spacing:.09em}.ribbon strong{color:var(--cyan)}.chapter{padding:90px 0}.section-heading{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end;margin-bottom:42px}h2{font-family:'Barlow Condensed',Impact,sans-serif;font-weight:600;font-size:clamp(40px,4.5vw,64px);line-height:1.06;margin:0;letter-spacing:-.01em}.section-heading p:not(.eyebrow){color:var(--muted);font-size:15px;margin:0}.era-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line)}.era{padding:34px 30px;position:relative;overflow:hidden;background:linear-gradient(160deg,#16314b55,transparent)}.era+.era{border-left:1px solid var(--line)}.era .number{font-family:'Barlow Condensed',sans-serif;color:#4a7b98;font-size:42px;line-height:1;display:block;margin-bottom:40px}.era h3{font-family:'Barlow Condensed',sans-serif;font-size:32px;line-height:1.1;margin:0 0 16px;font-weight:600}.era p{color:var(--muted);font-size:14px;margin:0}.era small{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--cyan);display:block;margin-bottom:12px}.info{border-top:1px solid var(--line);padding:70px 0;display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.facts{margin:0}.facts>div{display:grid;grid-template-columns:130px 1fr;gap:24px;padding:18px 0;border-bottom:1px solid var(--line)}dt{color:var(--muted);font-size:12px}dd{margin:0;font-size:15px}dd a{color:var(--cyan);font-size:12px;text-underline-offset:5px}.closing{padding:56px;background:linear-gradient(110deg,#12304a,#0c1a26);border:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:40px;margin-bottom:70px}.closing h2{font-size:42px}.closing p{color:var(--muted);font-size:13px;margin:14px 0 0}.faq{max-width:800px;margin:0 auto 80px}.faq h2{font-size:36px;margin-bottom:24px}details{border-bottom:1px solid var(--line);padding:18px 0}summary{cursor:pointer;font-size:14px;font-weight:500}details p{font-size:14px;color:var(--muted);max-width:690px}footer{border-top:1px solid var(--line);padding:30px 0 36px}.footer-inner{display:flex;justify-content:space-between;gap:28px;color:var(--muted);font-size:11px}footer p{margin:0}footer a{text-underline-offset:4px}.mobile-buy{display:none}@keyframes stage{to{transform:rotate(9deg);opacity:.6}}
@media(max-width:960px){.hero-grid{gap:36px}.hero h1{font-size:76px}.era{padding:26px 22px}.info{gap:36px}.closing{padding:36px}.brand{width:145px}}
@media(max-width:680px){.wrap{width:calc(100% - 36px)}.nav{height:70px}.brand{width:125px}.nav-links{gap:16px;font-size:11px}.nav-links a:first-child{display:none}.hero-grid{grid-template-columns:1fr;padding:36px 0 34px;gap:30px}.hero-copy{max-width:none}.hero h1{font-size:66px;max-width:390px;margin-bottom:22px}.eyebrow{font-size:10px;margin-bottom:18px}.intro{font-size:15px}.eras-line{font-size:13px;margin:18px 0}.date{margin:24px 0;padding:18px 0}.hero .button{width:100%}.poster{width:100%;max-width:450px;justify-self:center}.ribbon .wrap{flex-wrap:wrap;justify-content:center;gap:8px 20px;font-size:10px;padding-block:18px}.chapter{padding:54px 0}.section-heading{grid-template-columns:1fr;gap:20px;margin-bottom:28px}.era-grid{grid-template-columns:1fr}.era{padding:26px 24px 28px}.era+.era{border-left:0;border-top:1px solid var(--line)}.era .number{font-size:26px;position:absolute;right:24px;top:28px}.era h3{font-size:32px}.era small{padding-right:36px}.info{grid-template-columns:1fr;gap:26px;padding:44px 0}.facts>div{grid-template-columns:82px 1fr;gap:18px}.closing{display:block;padding:30px 24px;margin-bottom:44px}.closing h2{font-size:38px}.closing .button{width:100%;margin-top:26px}.faq{margin-bottom:44px}.footer-inner{display:block;padding-bottom:88px}.footer-inner p{margin-bottom:14px}.mobile-buy{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:10;padding:12px 18px calc(12px + env(safe-area-inset-bottom));background:#07111af5;backdrop-filter:blur(14px);border-top:1px solid #7be4f052;justify-content:space-between;align-items:center;gap:15px}.mobile-buy span{font-size:12px;line-height:1.5}.mobile-buy small{color:var(--muted)}.mobile-buy .button{min-height:46px;padding:10px 22px;font-size:13px}}
/* Editorial palette matched to the approved three-eras poster. */
:root{--bg:#f6f2e7;--ink:#111;--muted:#4c4b47;--cyan:#086075;--line:#19191929;--gold:#a4410b;color-scheme:light}
.hero{background:#f6f2e7}.hero:before{background:linear-gradient(90deg,#65cde922 0 33%,#00000005 33% 66%,#f4772218 66%);inset:0 0 0 64%;animation:none}.hero h1{color:#c9510a}.hero h1 em{color:#111}.button{background:#ffe600;border-color:#111;color:#111}.button:hover{background:#fff06a}.poster a{border-color:#111;box-shadow:10px 12px 0 #111}.ribbon{background:#111;color:#fff}.ribbon strong{color:#65cde9}.era{background:#65cde9;color:#111}.era:nth-child(2){background:#111;color:#fff}.era:nth-child(3){background:#ee772a;color:#111}.era p,.era small,.era .number{color:inherit}.closing{background:#111;color:#fff}.closing p,.closing .eyebrow{color:#fff}.mobile-buy{background:#f6f2e7f5;border-color:#111}.nav-links a:hover{color:#a4410b}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero:before{animation:none}a{transition:none!important}.button:hover{transform:none}}
/* Three eras: editorial stage lighting, restrained entrance and tactile cards. */
.hero{isolation:isolate;background:radial-gradient(ellipse at 88% 12%,#fff 0,transparent 48%),#f6f2e7}
.hero:before{inset:-10% -8% -10% 54%;background:linear-gradient(106deg,transparent 10%,#47c9e338 10% 34%,#1515150c 34% 58%,#f5772230 58% 82%,transparent 82%);transform:skewY(-5deg);animation:era-lights 5s ease-in-out both;z-index:-1}
.hero:after{content:'';position:absolute;left:0;right:0;bottom:0;height:4px;background:linear-gradient(90deg,#56cce5 0 33.33%,#111 33.33% 66.66%,#f47b27 66.66%);pointer-events:none}
.hero-grid{gap:80px;padding-top:74px;padding-bottom:88px}
.hero .eyebrow{display:flex;align-items:center;gap:12px}
.hero .eyebrow:before{content:'';width:30px;height:2px;background:currentColor}
.hero h1{font-weight:800;letter-spacing:-.025em}
.hero-copy{animation:era-enter .85s cubic-bezier(.2,.7,.2,1) both}
.poster{animation:poster-enter 1.1s cubic-bezier(.2,.7,.2,1) both}
.poster a{box-shadow:8px 10px 0 #111,18px 28px 40px #221b1529;transition:transform .35s ease,box-shadow .35s ease}
.poster figcaption{font-size:9px;letter-spacing:.16em;margin-top:22px}
.button{box-shadow:4px 4px 0 #111;transition:transform .22s ease,box-shadow .22s ease,background .22s ease}
.button span{transition:transform .22s ease}
.ribbon .wrap{padding-block:25px;font-size:11px;letter-spacing:.13em}
.era-grid{border:0;gap:18px}
.era{min-height:310px;border:1px solid #111!important;box-shadow:0 5px 0 #111;transition:transform .3s ease,box-shadow .3s ease}
.era:after{content:'';position:absolute;width:180px;height:180px;border:1px solid currentColor;border-radius:50%;right:-100px;top:-75px;box-shadow:0 0 0 16px #ffffff10,0 0 0 32px #ffffff08;opacity:.3;pointer-events:none}
.era .number{font-size:64px;font-weight:700;opacity:.6;margin-bottom:32px}
.era h3{font-size:36px}.era p{max-width:290px}
.closing{position:relative;overflow:hidden;border:0;box-shadow:8px 8px 0 #ee772a}
.closing:before{content:'';position:absolute;width:330px;height:330px;right:-160px;top:-170px;border:1px solid #65cde94d;border-radius:50%;box-shadow:0 0 0 40px #65cde90a,0 0 0 80px #65cde908;pointer-events:none}
.closing .button{position:relative;box-shadow:4px 4px 0 #fff}
@media(hover:hover){.poster a:hover{transform:translateY(-5px);box-shadow:8px 15px 0 #111,18px 32px 48px #221b1533}.era:hover{transform:translateY(-6px);box-shadow:0 11px 0 #111}.button:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 #111}.button:hover span{transform:translate(2px,-2px)}}
@keyframes era-enter{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
@keyframes poster-enter{from{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}
@keyframes era-lights{from{opacity:.15;transform:translateX(60px) skewY(-5deg)}to{opacity:1;transform:translateX(0) skewY(-5deg)}}
@supports(animation-timeline:view()){@media(prefers-reduced-motion:no-preference){.chapter .section-heading,.era,.info,.closing{animation:era-enter linear both;animation-timeline:view();animation-range:entry 0% entry 22%}}}
@media(max-width:960px){.hero-grid{gap:40px}.era h3{font-size:30px}}
@media(max-width:680px){.hero-grid{gap:38px;padding:38px 0 48px}.hero:before{left:20%;opacity:.65}.hero h1{font-size:68px}.poster{width:calc(100% - 10px)}.era-grid{gap:18px}.era{min-height:0;padding:30px 25px}.era .number{font-size:40px;right:22px;top:24px}.era h3{font-size:34px;padding-right:35px}.era p{max-width:none}.ribbon .wrap{font-size:9px;gap:10px}.closing{box-shadow:5px 5px 0 #ee772a}.mobile-buy .button{box-shadow:2px 2px 0 #111}}
@media(prefers-reduced-motion:reduce){.hero:before,.hero-copy,.poster,.chapter .section-heading,.era,.info,.closing{animation:none!important}.poster a,.era,.button,.button span{transition:none!important}.poster a:hover,.era:hover,.button:hover,.button:hover span{transform:none!important}}
/* Concert art direction — a nocturnal stage in three acts. */
:root{color-scheme:dark;--bg:#080a0d;--ink:#f4f1e7;--muted:#b9bbc2;--cyan:#73dcf2;--line:#ffffff24;--gold:#ffb071}
body{background:radial-gradient(ellipse at 0 48%,#12364538,transparent 40%),#080a0d}
.nav{height:92px;position:relative;z-index:3}.brand{width:auto;display:flex;align-items:center;gap:14px}.brand:after{content:'PROFUGOS';font-family:'Barlow Condensed',sans-serif;font-size:25px;font-weight:700;letter-spacing:.13em}.nav-links{gap:32px;text-transform:uppercase;font-size:10px;letter-spacing:.14em}.nav-links a:last-child{border:1px solid #ffe60088;color:#ffe600;padding:10px 16px}.nav-links a:hover{color:#ffe600}
.hero{background:radial-gradient(ellipse at 80% 40%,#db641b22,transparent 47%),radial-gradient(ellipse at 5% 30%,#1379952e,transparent 52%),#080a0d;isolation:isolate;overflow:hidden}
.hero:before{z-index:-1;inset:-35%;background:conic-gradient(from 195deg at 65% 0%,transparent 0deg,#58d7ef22 13deg,transparent 28deg,transparent 48deg,#ff842826 64deg,transparent 82deg);transform-origin:65% 0;animation:concert-light 9s ease-in-out infinite alternate}
.hero:after{height:1px;opacity:.7;background:linear-gradient(90deg,transparent,#73dcf2,#ffffff44,#ff8539,transparent)}
.hero-grid{grid-template-columns:1.1fr .9fr;gap:70px;padding:70px 0 86px}.hero-copy{max-width:600px}.hero .eyebrow{font-size:10px;letter-spacing:.23em;color:#82dceb}.hero h1{font-size:clamp(84px,8.2vw,124px);font-weight:700;color:#f6f1e4;line-height:.88;letter-spacing:-.025em;text-transform:uppercase;margin:28px 0 32px}.hero h1 em{color:#ff954a;font-weight:500;margin-top:12px;font-size:.8em;line-height:.95;max-width:560px}.intro{font-size:16px;max-width:430px;line-height:1.85}.eras-line{font-size:11px;color:#f0e9da;letter-spacing:.07em;border-left:2px solid #ff934a;padding-left:14px;line-height:1.9}
.date{gap:24px;margin:28px 0;padding:20px 0;max-width:460px}.date strong{color:#fff;font-size:56px}.date span{font-size:12px}.date small{margin-top:3px}.button{background:#ffe500;color:#101010;border:0;box-shadow:0 6px 28px #ffe5001a;min-height:56px;padding-inline:26px;letter-spacing:.04em;font-size:12px}.button:hover{background:#fff071;box-shadow:0 10px 32px #ffe50033}.ticket-note{color:#94979f;font-size:10px;max-width:430px}
.poster{padding:12px;max-width:480px;border:1px solid #ffffff35;background:#ffffff04;box-shadow:0 30px 75px #0009}.poster:before,.poster:after{content:'';position:absolute;z-index:1;width:45px;height:45px;pointer-events:none}.poster:before{top:-1px;left:-1px;border-top:2px solid #77dcf1;border-left:2px solid #77dcf1}.poster:after{right:-1px;bottom:-1px;border-bottom:2px solid #ff964a;border-right:2px solid #ff964a}.poster a{border:0;box-shadow:none}.poster figcaption{text-align:center;margin:15px 0 3px;color:#abaeb5;font-size:8px;letter-spacing:.18em}
.ribbon{background:#0f1217;border-color:#ffffff12}.ribbon .wrap{font-size:10px;letter-spacing:.13em;padding-block:24px;color:#a6aab2}.ribbon strong{color:#f5f0e5}.ribbon .wrap>span+span:before{content:'✦';color:#ff954a;margin-right:26px}
.chapter{padding:110px 0}.section-heading{gap:80px;margin-bottom:46px}.section-heading h2{font-size:clamp(44px,5vw,72px);font-weight:500}.section-heading p:not(.eyebrow){font-size:14px;line-height:1.85}.eyebrow{font-size:10px;color:#73dcf2}
.era-grid{gap:22px}.era{min-height:390px;padding:34px 28px 32px;border:1px solid #64d8ee55!important;background:radial-gradient(ellipse at 0 0,#40b6d544,transparent 70%),#101d24;color:#eafaff;box-shadow:none;display:flex;flex-direction:column}.era:nth-child(2){background:radial-gradient(ellipse at 100% 0,#ffffff17,transparent 70%),#141517;border-color:#ffffff45!important;color:#f4f0e5}.era:nth-child(3){background:radial-gradient(ellipse at 100% 0,#eb742944,transparent 70%),#24170f;border-color:#ff8a4055!important;color:#fff1e7}.era .number{font-size:100px;line-height:1;font-weight:500;color:transparent;-webkit-text-stroke:1px #82daec77;opacity:1;margin-bottom:45px}.era:nth-child(2) .number{-webkit-text-stroke-color:#ffffff55}.era:nth-child(3) .number{-webkit-text-stroke-color:#ff944c77}.era small{letter-spacing:.19em;font-size:9px;color:#aad8e1}.era:nth-child(2) small{color:#c1c0bb}.era:nth-child(3) small{color:#f9bb8f}.era h3{font-size:36px;letter-spacing:-.01em}.era p{font-size:13px;line-height:1.8;opacity:.75}.era:after{width:210px;height:210px;top:-60px;right:-120px;opacity:.2}
.info{padding:75px 0 90px}.info h2{font-size:60px}.facts>div{padding:21px 0}.facts dt{text-transform:uppercase;font-size:9px;letter-spacing:.15em}.facts dd{font-size:14px}.facts a{color:#73dcf2}
.closing{padding:65px;background:radial-gradient(ellipse at 90% 0,#c0572033,transparent 65%),#101317;box-shadow:none;border:1px solid #ffffff28;border-left:3px solid #ff974e;margin-bottom:80px}.closing h2{font-size:54px}.closing .eyebrow{font-size:9px;letter-spacing:.18em;color:#ffa160;margin-bottom:18px}.closing .button{box-shadow:0 8px 30px #ffe60015;flex-shrink:0}.closing p{color:#bdc0c6}.faq h2{font-size:40px}summary{padding:5px 0}footer{background:#06080b}.mobile-buy{background:#090c12f5;border-top:1px solid #ffffff2b}.mobile-buy .button{box-shadow:none}
@media(hover:hover){.poster a:hover{transform:translateY(-3px);box-shadow:none}.era:hover{transform:translateY(-6px);box-shadow:0 20px 40px #0006}.button:hover{transform:translateY(-2px)}}
@keyframes concert-light{from{transform:rotate(-7deg);opacity:.55}to{transform:rotate(8deg);opacity:1}}
@media(max-width:960px){.hero-grid{gap:36px}.hero h1{font-size:85px}.nav-links{gap:16px}.era{padding:25px 20px}.era h3{font-size:30px}.closing{padding:40px}.closing h2{font-size:44px}}
@media(max-width:760px){.hero-grid{grid-template-columns:1fr;gap:42px}.hero-copy{max-width:560px}.poster{justify-self:center;width:min(100%,460px)}.era-grid{grid-template-columns:1fr}.era{min-height:0;padding:32px}.era .number{position:absolute;right:25px;top:25px;font-size:66px;margin:0}.era h3{padding-right:65px}.era p{max-width:480px}.section-heading{grid-template-columns:1fr;gap:24px}.info{grid-template-columns:1fr;gap:30px}.closing{display:block}.closing .button{margin-top:26px}.ribbon .wrap{flex-wrap:wrap;justify-content:center}.ribbon .wrap>span+span:before{content:none}}
@media(max-width:680px){.nav{height:76px}.brand{gap:9px}.brand:after{font-size:19px;letter-spacing:.08em}.brand img{width:42px!important;height:42px!important}.nav-links{gap:12px;font-size:9px;letter-spacing:.03em}.nav-links a:last-child{padding:7px 10px}.hero-grid{padding:36px 0 45px}.hero h1{font-size:clamp(72px,18vw,98px);max-width:100%;margin:24px 0}.hero h1 em{font-size:.82em}.hero .eyebrow{font-size:9px;letter-spacing:.14em}.intro{font-size:14px}.date strong{font-size:50px}.poster{width:calc(100% - 8px);padding:9px}.chapter{padding:65px 0}.section-heading{margin-bottom:32px}.section-heading h2,.info h2{font-size:48px}.era{padding:30px 25px}.era h3{font-size:34px}.era .number{font-size:56px}.info{padding:45px 0 60px}.closing{padding:34px 24px;margin-bottom:52px}.closing h2{font-size:42px}.ribbon .wrap{font-size:9px;padding-block:20px}.hero:before{inset:-10% -60%;opacity:.6}.mobile-buy span{font-size:11px}}
@media(prefers-reduced-motion:reduce){.hero:before{animation:none!important}}
/* Official stencil lettering, matching the main site's brand. */
@font-face{font-family:'PROFUGOS Official';src:url('/fonts/MKStencilsansBlack.ttf') format('truetype');font-weight:900;font-display:swap}
.brand:after{font-family:'PROFUGOS Official',Impact,sans-serif;font-weight:900;font-size:29px;letter-spacing:.01em;color:white}
.hero:before{inset:-40%;background:conic-gradient(from 175deg at 60% 0%,transparent 0deg,#58d7ef66 12deg,transparent 27deg,transparent 42deg,#ff84285c 58deg,transparent 76deg);animation:visible-stage-lights 6s ease-in-out infinite alternate;filter:blur(8px)}
.poster{animation:poster-enter 1.1s ease both,poster-halo 4s ease-in-out infinite alternate;border-color:#73dcf280}
.hero h1 em{text-shadow:0 0 28px #ff853938}
.hero:after{height:3px;background:linear-gradient(90deg,#73dcf2,#111,#ff934a,#73dcf2);background-size:250% 100%;animation:color-travel 5s linear infinite}
.era:after{animation:era-orbit 8s ease-in-out infinite alternate}.era:nth-child(2):after{animation-delay:-3s}.era:nth-child(3):after{animation-delay:-5s}
@keyframes visible-stage-lights{0%{transform:rotate(-16deg) translateX(-3%);opacity:.45}100%{transform:rotate(15deg) translateX(3%);opacity:1}}
@keyframes poster-halo{0%{box-shadow:-12px 0 38px #40cfea38,12px 0 25px #ff852015,0 24px 60px #0009;border-color:#73dcf2aa}100%{box-shadow:-12px 0 25px #40cfea18,12px 0 48px #ff85204d,0 24px 60px #0009;border-color:#ff934aaa}}
@keyframes color-travel{to{background-position:250% 0}}
@keyframes era-orbit{to{transform:translate(-22px,30px) rotate(25deg);opacity:.45}}
@media(max-width:680px){.brand:after{font-size:23px;letter-spacing:.01em}.hero:before{inset:-20% -80%}}
@media(prefers-reduced-motion:reduce){.hero:before,.hero:after,.poster,.era:after{animation:none!important}}
.artists{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px;font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:clamp(27px,3vw,40px);line-height:1.1;letter-spacing:.01em;margin:26px 0 8px;color:#fff}.artists b{font-size:24px;color:#ff984e}.tribute-label{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#80ddf0;margin:0 0 24px}
.era-cover{position:relative;display:grid;place-items:center;height:330px;margin:-8px -4px 28px;background:#05090d;border:1px solid #ffffff22;overflow:hidden;isolation:isolate}
.era-cover img{display:block;width:100%;height:100%;max-height:330px;object-fit:contain;animation:cover-float 6s ease-in-out infinite;transform-origin:center;filter:drop-shadow(0 6px 12px #0008)}
.era-cover:after{content:'';position:absolute;inset:-100% -70%;pointer-events:none;background:linear-gradient(105deg,transparent 42%,#ffffff24 48%,#ffffff09 53%,transparent 59%);animation:cover-light 7s ease-in-out infinite;z-index:2}
.era:nth-child(2) .era-cover img{animation-delay:-2s}.era:nth-child(3) .era-cover img{animation-delay:-4s}.era:nth-child(2) .era-cover:after{animation-delay:-2s}.era:nth-child(3) .era-cover:after{animation-delay:-4s}
.era .number{position:static!important;font-size:26px!important;margin:0 0 14px!important;color:#ffffff70;-webkit-text-stroke:0;line-height:1}.era small{font-size:14px;font-weight:700;letter-spacing:.1em}.era h3{padding-right:0!important}.era p{margin-top:auto}.era{animation:none!important;opacity:1!important}
@keyframes cover-float{0%,100%{transform:translateY(3px) scale(.95)}50%{transform:translateY(-3px) scale(.98)}}
@keyframes cover-light{0%,20%{transform:translateX(-40%);opacity:0}40%{opacity:1}70%,100%{transform:translateX(40%);opacity:0}}
@media(max-width:760px){.era-cover{height:360px;margin:0 0 26px}.era-cover img{max-height:360px}.era .number{position:static!important}.artists{font-size:32px}}
@media(prefers-reduced-motion:reduce){.era-cover img,.era-cover:after{animation:none!important}}
/* Uniform square artwork: crop empty vertical margins, never stretch. */
.era-cover{height:auto!important;aspect-ratio:1/1;width:100%;margin:0 0 28px}
.era-cover img{width:100%;height:100%;max-height:none!important;aspect-ratio:1/1;object-fit:cover;object-position:center}
.era:nth-child(3) .era-cover img{object-position:center 48%}