@font-face{font-family:ChicanoFino;src:url('assets/fonts/chicano-fino.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap;unicode-range:U+0000-0053,U+0055-10FFFF}
@font-face{font-family:ChicanoFino;src:url('assets/fonts/chicano-inicial.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap;unicode-range:U+0054}
:root{--gold:#efd18b;--cream:#fff7e8;--muted:#d8cdbb;--chicano:ChicanoFino,'Grenze Gotisch',Georgia,serif}
body{font-size:17px}
.header{position:sticky;top:0;z-index:30;background:#0c0b09f5;backdrop-filter:blur(12px);border-bottom:1px solid #d9b87570;padding:20px 5%;gap:26px;flex-wrap:wrap;box-shadow:0 12px 30px #0004}
.wordmark{font:400 53px/1 var(--chicano);text-shadow:1px 1px 0 #6d1f37,1px 2px 0 #3c0d1e,0 4px 14px #4d132433;min-width:170px}
.wordmark span{font:400 24px/1.2 var(--chicano);margin-top:2px;letter-spacing:.02em}
.desktop-nav{display:flex;gap:8px;align-items:center}
.desktop-nav a{display:inline-flex;align-items:center;justify-content:center;min-height:45px;padding:10px 14px;border:1px solid #d9b87555;background:#241c13;color:var(--cream);font-size:14px;font-weight:700;border-radius:5px;transition:background .2s,border-color .2s}
.desktop-nav a:hover,.desktop-nav a:focus-visible{background:var(--gold);border-color:var(--gold);color:#161009}
.header-right{margin-left:auto}
.share{display:inline-flex;align-items:center;justify-content:center;min-height:49px;padding:13px 20px;background:linear-gradient(120deg,#ffe3a0,#d7a959);border:1px solid #ffe5b2;color:#201507;border-radius:5px;font-size:14px;font-weight:800;box-shadow:0 0 24px #dfb05c35}
.share:hover{filter:brightness(1.13);box-shadow:0 0 30px #dfb05c60}
.share span{font-size:21px;margin-left:10px}
.mobile-menu{display:none}
.hero h1{font-family:var(--chicano);font-size:clamp(90px,10vw,153px);letter-spacing:0;line-height:1.02;margin-top:24px}
.hero h1 span{font:400 .42em/1.6 var(--chicano);padding-left:0;letter-spacing:.02em}
em{font-family:var(--chicano);font-style:normal;letter-spacing:.015em}
.eyebrow{font:400 21px/1.3 var(--chicano);letter-spacing:.035em;text-transform:none;color:var(--gold)}
.hero-tag{font-size:29px;line-height:1.4}
.intro,.section-intro,.listening-copy p,.video-section-heading>p,.art-copy p,.news-item p,.hub-card p,.fan-invite p{font-size:16px;line-height:1.8;color:var(--muted)}
.intro{max-width:420px}
.section-intro{max-width:650px}
.micro{font-size:11px;color:#d7c8af;letter-spacing:.11em}
.section .eyebrow,.hero .eyebrow{font-size:21px}
.section h2{font-size:clamp(46px,5vw,72px);line-height:1.1}
.button{font-size:15px;font-weight:800;min-height:52px;padding:15px 23px;gap:15px;border-radius:5px}
.outline{font:400 22px/1.1 var(--chicano);border-color:#d9b87590;background:#1f1810;color:var(--gold)}
.text-link,.card-link{font:400 23px/1.3 var(--chicano);letter-spacing:.01em;color:var(--gold)}
.card-link{font-size:21px}
.scroll-link{font-size:12px;color:#ebd3a8}
.hero-art figcaption,.art-caption h3,.art-caption p{font-size:12px}
.platform p{font-size:15px}
.platform .micro{font-size:11px}
.ribbon{font-size:12px;color:#f1d698}
.art-detail{font:400 20px/1.3 var(--chicano);letter-spacing:.04em}
.social-shortcuts>summary,.tiktok-preview>summary{font-size:15px;color:var(--gold);min-height:44px;padding-block:10px}
.player-note,.provider-fallback{font-size:13px;color:var(--muted);line-height:1.6}
.music-controls{display:flex;flex-wrap:wrap;gap:15px;align-items:center;margin-top:18px}
.music-controls .player-note{flex:1 1 160px;margin:0}
.spotify-stage iframe{border-radius:12px}
.video-section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px}
.video-section-heading>p{max-width:340px}
.video-platform-heading{display:flex;align-items:center;justify-content:space-between;gap:30px;margin:46px 0 24px}
.video-platform-heading h3{font:400 clamp(30px,3.5vw,46px)/1.15 var(--serif);margin-top:13px}
.video-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.video-card{border-color:#cfaa6255;box-shadow:0 18px 35px #0003}
.video-poster{display:block;position:relative;isolation:isolate;width:100%;aspect-ratio:16/10;padding:0;overflow:hidden;background:linear-gradient(140deg,#47321c,#17130e);text-align:left;cursor:pointer}
.video-poster img{width:100%;height:100%;max-height:none!important;aspect-ratio:auto;object-fit:cover;transition:transform .4s}
.tiktok-videos .video-poster{aspect-ratio:9/12}
.tiktok-videos .video-poster img{object-position:center}
.video-poster:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 40%,#000b);z-index:0;pointer-events:none}
.video-poster:hover img{transform:scale(1.04)}
.poster-brand,.poster-action{position:absolute;z-index:1;font:700 12px/1.3 var(--sans);letter-spacing:.035em}
.poster-brand{left:14px;top:14px;padding:7px 11px;border:1px solid #ffe1a766;border-radius:3px;background:#0c0b09ce;color:#ffe4a6}
.poster-action{bottom:17px;left:18px;color:#fff1d6}
.poster-play{position:absolute;z-index:1;left:50%;top:50%;transform:translate(-50%,-50%);width:64px;height:64px;border-radius:50%;display:grid;place-items:center;border:1px solid #ffe4a8;background:#e5be77ed;color:#211408;font-size:24px;box-shadow:0 0 35px #0008;padding-left:4px}
.poster-placeholder{display:grid;place-items:center;width:100%;height:100%;font:400 50px var(--chicano);color:var(--gold)}
.video-card .hub-card-body{padding:23px}
.video-card h3{font:500 27px/1.25 var(--serif);min-height:2.5em}
.video-card .text-link{font-size:21px}
.youtube-showcase{margin-top:48px;padding-top:4px;border-top:1px solid #d9b87560}
.youtube-showcase .video-platform-heading{margin-top:32px}
#video-dialog{width:min(970px,94vw);max-height:94vh;padding:22px}
.modal-video{width:100%;aspect-ratio:16/9;min-height:200px;background:#0b0b0b}
.modal-video.portrait{aspect-ratio:9/16;width:min(100%,370px);max-height:68vh;margin:auto}
.modal-video iframe{width:100%;height:100%;border:0;display:block}
.video-dialog-note{font-size:13px;color:var(--muted);margin-top:18px}
.video-dialog-note a{color:var(--gold);text-decoration:underline}
.dialog-bar h2{font-size:28px}
.dialog-bar button{font-size:16px;min-height:44px;padding:8px}
.announced-date{font:400 32px/1.4 var(--chicano)!important;color:var(--gold)!important}
.feedback{font-size:14px}
.fan-invite .fan-artist-name{font:400 clamp(40px,5vw,65px)/1.3 var(--chicano);color:var(--gold);margin:20px 0;text-shadow:1px 2px 0 #671f37,0 4px 13px #4b142544}
.fan-invite .button{min-height:58px;padding-inline:30px;box-shadow:0 0 30px #d9b87530}
.footer-links{font-size:15px;gap:13px}
.footer-links button{font-size:21px}
footer small{font-size:12px;color:#c5b696}
@media(max-width:1150px){.desktop-nav{order:3;flex:1 0 100%;justify-content:center;gap:10px}.header{gap:16px}.header-right{margin-left:auto}.desktop-nav a{flex:1;max-width:180px}.hero h1{font-size:110px}}
@media(max-width:820px){.video-strip{gap:15px}.video-card .hub-card-body{padding:17px}.video-card h3{font-size:24px}.video-card .text-link{font-size:19px}.poster-play{width:53px;height:53px;font-size:21px}.video-platform-heading{gap:20px}}
@media(max-width:650px){html{scroll-padding-top:165px}.header{padding:13px 5%;gap:13px}.wordmark{font-size:40px;min-width:0}.wordmark span{font-size:20px}.share{font-size:12px;min-height:46px;padding:10px 13px}.share span{font-size:18px;margin-left:6px}.header-right{margin-left:auto}.desktop-nav{display:flex;justify-content:flex-start;overflow-x:auto;max-width:100%;gap:7px;padding-bottom:3px}.desktop-nav a{flex:0 0 auto;min-height:43px;padding:10px 13px;font-size:13px}.mobile-menu{display:none}.hero{padding-top:30px}.hero h1{font-size:94px}.hero h1 span{font-size:.44em;line-height:1.5}.hero-tag{font-size:27px}.intro{font-size:16px;max-width:100%}.hero .eyebrow,.section .eyebrow{font-size:19px}.section h2{font-size:48px}.actions{gap:20px}.section-top{gap:15px}.section-top>.micro{display:none}.video-section-heading{display:block}.video-section-heading>p{margin-top:20px;max-width:100%}.video-platform-heading{display:block;margin-top:34px}.video-platform-heading .button{margin-top:19px}.video-platform-heading h3{font-size:35px}.video-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.video-card:last-child{grid-column:1/-1;max-width:none}.tiktok-videos .video-card:last-child .video-poster{aspect-ratio:16/10}.tiktok-videos .video-card:last-child img{object-position:center 30%}.youtube-videos .video-card:first-child{grid-column:1/-1}.youtube-videos .video-card:last-child{grid-column:auto}.video-card .hub-card-body{padding:16px 13px}.video-card h3{font-size:23px;min-height:0}.video-card .text-link{font-size:19px}.poster-brand{left:10px;top:10px;padding:5px 8px;font-size:11px}.poster-action{font-size:11px;left:12px;bottom:12px}.button{font-size:15px}.outline{font-size:22px}.art-copy p,.news-item p,.section-intro{font-size:16px}.platform p{font-size:15px}.platform .micro{font-size:11px}.provider-fallback{font-size:13px}.art-caption h3,.art-caption p{font-size:12px}.ribbon{font-size:11px}.fan-invite p{font-size:16px}.fan-invite h2{font-size:43px}footer{gap:25px}.footer-links{font-size:14px}.listening-room{padding:22px 17px}.listening-copy p{font-size:16px}.micro{font-size:11px}}
@media(max-width:370px){.wordmark{font-size:34px}.wordmark span{font-size:18px}.share{font-size:11px;padding:10px}.hero h1{font-size:83px}.video-strip{grid-template-columns:1fr}.video-card,.video-card:last-child,.youtube-videos .video-card:first-child{grid-column:auto}.tiktok-videos .video-card:last-child .video-poster{aspect-ratio:9/12}}
.video-card h3{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
@media(max-width:650px){html{scroll-padding-top:215px}.desktop-nav{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));overflow:visible}.desktop-nav a{grid-column:span 2;padding:9px 6px;font-size:12px;min-height:40px;max-width:none}.desktop-nav a:nth-last-child(-n+2){grid-column:span 3}.share{font-size:13px}}

/* Thin gothic lettering with a restrained burgundy edge. */
.hero h1{color:var(--gold);font-weight:400;text-shadow:1px 1px 0 #78283e,2px 3px 0 #491328,0 7px 22px #4c102944}
.hero h1 span{line-height:1.45}
em,.eyebrow,.art-detail,.announced-date{font-weight:400;text-shadow:1px 1px 0 #642039,0 3px 10px #3e0d2233}
.text-link,.card-link,.outline{font-weight:400;text-shadow:0 1px 0 #642039}
.wordmark,.wordmark span{letter-spacing:.025em}

.hero #hero-title>.diamond-word,.wordmark>.diamond-word{display:inline-block;position:relative;font:inherit;line-height:inherit;letter-spacing:inherit;padding:0;margin:0;color:var(--gold)}
@supports ((background-clip:text) or (-webkit-background-clip:text)){.diamond-word,.diamond-signature,.diamond-full{background-color:var(--gold);background-image:url('assets/diamond-flecks.svg');background-repeat:repeat-x;background-position:0 0;background-size:120px 100%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:none!important;filter:drop-shadow(1px 1px 0 #78283e) drop-shadow(1px 2px 0 #491328) drop-shadow(0 4px 12px #4c102944)}}

.artist-inline{display:inline-block;font:400 23px/1.3 var(--chicano);color:var(--gold)}

/* Shared brush signature, with a deeper burgundy shadow. */
:root{--signature-shadow:drop-shadow(1px 3px 1px #831638) drop-shadow(0 5px 5px #750d32) drop-shadow(0 0 12px #650c36b3)}
.artist-brush{display:block;width:100%;height:auto;object-fit:contain;filter:var(--signature-shadow)}
.wordmark{display:block;width:210px;min-width:0;flex-shrink:0;text-shadow:none}
.hero #hero-title{font-size:inherit;line-height:1;margin:24px 0 25px;text-shadow:none}
.hero #hero-title .artist-brush{width:100%;max-width:600px}
.diamond-full{background:none!important;-webkit-text-fill-color:inherit;filter:none;text-shadow:none}
.artist-inline{width:190px;max-width:100%;vertical-align:middle;line-height:1}
.fan-invite .fan-artist-name{width:min(460px,90%);margin:24px auto}
.ribbon>span:has(.artist-brush){width:190px;flex:0 0 190px}
footer small .artist-inline{width:150px}
@media(max-width:650px){.header .wordmark{width:155px}.hero #hero-title{margin:20px 0}.artist-inline{width:175px}footer .wordmark{width:min(190px,100%)}.ribbon{gap:22px}.ribbon>span:has(.artist-brush){width:155px;flex-basis:155px}}
@media(max-width:370px){.header .wordmark{width:130px}}

/* Musical edgework for cards without the bespoke premiere frames. */
:is(.video-card,.listening-room,.news-item,.platform){position:relative;isolation:isolate;border-color:#bd924c88;box-shadow:0 7px 27px #620d2b42}
:is(.video-card,.listening-room,.news-item,.platform)::before{content:"";position:absolute;inset:-4px;z-index:3;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22400%22%20height%3D%22300%22%20preserveAspectRatio%3D%22none%22%20viewBox%3D%220%200%20400%20300%22%20fill%3D%22none%22%3E%3Cg%20stroke%3D%22%23d9b76e%22%20opacity%3D%22.8%22%3E%3Cpath%20d%3D%22M64%205H350l35%2010v46M395%2072v160l-8%2026M335%20295H54l-35-8v-42M5%20221V60l9-31%22%20stroke-width%3D%222%22%2F%3E%3Cpath%20d%3D%22M85%2010h230M389%2089v112M81%20290h217M11%2098v109%22%20stroke-width%3D%22.6%22%20stroke-dasharray%3D%2223%207%203%209%22%2F%3E%3Cpath%20d%3D%22M9%206h29m-31%208h16m345%20275h25m-14-8h15M6%20273h8M385%2022h10%22%20stroke-width%3D%223%22%2F%3E%3Cpath%20d%3D%22M8%20249c35-20%2052%2018%2099%207M8%20256c35-20%2052%2018%2099%207M8%20263c35-20%2052%2018%2099%207M8%20270c35-20%2052%2018%2099%207%22%20stroke-width%3D%22.7%22%2F%3E%3C%2Fg%3E%3Cg%20fill%3D%22%23edce8c%22%20font-family%3D%22Georgia%2Cserif%22%3E%3Ctext%20x%3D%2213%22%20y%3D%2254%22%20font-size%3D%2246%22%20transform%3D%22rotate%28-12%2013%2054%29%22%3E%E2%99%AB%3C%2Ftext%3E%3Ctext%20x%3D%22348%22%20y%3D%22282%22%20font-size%3D%2248%22%20transform%3D%22rotate%2812%20348%20282%29%22%3E%E2%99%AA%3C%2Ftext%3E%3C%2Fg%3E%3Cg%20fill%3D%22%23e8c77e%22%3E%3Ccircle%20cx%3D%2249%22%20cy%3D%229%22%20r%3D%221.8%22%2F%3E%3Ccircle%20cx%3D%22377%22%20cy%3D%2264%22%20r%3D%221.4%22%2F%3E%3Ccircle%20cx%3D%2218%22%20cy%3D%22235%22%20r%3D%222%22%2F%3E%3Cpath%20d%3D%22m351%20292%203-3%203%203-3%203Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-size:100% 100%;background-repeat:no-repeat;filter:drop-shadow(0 2px 3px #720c36a8)}
.news-item{padding:29px 25px;margin-block:18px;border:1px solid #bd924c55}
.video-card .hub-card-body{padding-bottom:32px}
@media(max-width:650px){.news-item{padding:25px 20px}:is(.video-card,.listening-room,.news-item,.platform)::before{inset:-2px}}

/* Five jeweled navigation tabs, each with its own animated emblem. */
.desktop-nav{gap:12px;padding:7px 3px}
.desktop-nav a{position:relative;isolation:isolate;overflow:visible;border:1px solid #f3d99b;border-radius:3px;padding:10px 12px 10px 32px;background:radial-gradient(ellipse at 50% 110%,#88113e66,transparent 75%),linear-gradient(135deg,#3d2918,#171015 70%);box-shadow:inset 0 0 0 2px #26170e,0 0 0 2px #89603577,0 3px 10px #0008;color:#ffefca;transition:transform .2s,box-shadow .2s}
.desktop-nav a::before{content:"";position:absolute;inset:-4px;pointer-events:none;border-radius:5px;background:linear-gradient(#f8d991,#b17d38) left top/13px 2px no-repeat,linear-gradient(#f8d991,#b17d38) left top/2px 12px no-repeat,linear-gradient(#f8d991,#b17d38) right bottom/13px 2px no-repeat,linear-gradient(#f8d991,#b17d38) right bottom/2px 12px no-repeat;filter:drop-shadow(0 0 3px #d7b66c66)}
.desktop-nav a::after{position:absolute;left:10px;top:50%;margin-top:-10px;line-height:20px;font:18px/20px Georgia,serif;color:#ffdb89;pointer-events:none;text-shadow:0 0 7px #f2c869,0 0 13px #ba1957}
.desktop-nav a[href="#musica"]::after{content:"♫";animation:nav-note 2.4s ease-in-out infinite}
.desktop-nav a[href="#videos"]::after{content:"▶";font-size:13px;animation:nav-video 3s ease-in-out infinite}
.desktop-nav a[href="#portadas"]::after{content:"◆";animation:nav-diamond 3.2s ease-in-out infinite}
.desktop-nav a[href="#proximamente"]::after{content:"✦";animation:nav-star 4.5s ease-in-out infinite}
.desktop-nav a[href="#novedades"]::after{content:"✧";animation:nav-news 2.8s ease-in-out infinite}
.desktop-nav a:hover,.desktop-nav a:focus-visible{transform:translateY(-3px);background:linear-gradient(120deg,#54301d,#4c102d);color:#fff3d6;border-color:#fff0b8;box-shadow:inset 0 0 0 2px #352010,0 0 0 2px #c89855,0 0 20px #ae1b6599}
.desktop-nav a:hover::before,.desktop-nav a:focus-visible::before{filter:drop-shadow(0 0 5px #ffe6a9)}
@keyframes nav-note{0%,100%{transform:translateY(0) rotate(-8deg)}50%{transform:translateY(-3px) rotate(9deg);color:#fff2b8}}
@keyframes nav-video{0%,100%{opacity:.7;filter:drop-shadow(0 0 1px #ffe8a7)}50%{opacity:1;filter:drop-shadow(0 0 6px #ffe8a7);transform:scale(1.15)}}
@keyframes nav-diamond{0%,100%{transform:rotateY(0);color:#f0c879}50%{transform:rotateY(55deg);color:#fff6df;text-shadow:0 0 12px #fff0c4}}
@keyframes nav-star{0%,70%,100%{transform:rotate(0) scale(.9)}35%{transform:rotate(90deg) scale(1.25);color:#fff9e6}}
@keyframes nav-news{0%,100%{transform:scale(.85);text-shadow:0 0 3px #f2c869}50%{transform:scale(1.25);text-shadow:0 0 9px #fff0b9,0 0 15px #e42f78}}
@media(max-width:650px){.desktop-nav{gap:13px;padding:8px 5px 10px}.desktop-nav a{padding:10px 13px 10px 32px;min-height:44px}.desktop-nav a:hover{transform:none}}
@media(prefers-reduced-motion:reduce){.desktop-nav a::after{animation:none!important}.desktop-nav a{transition:none}}

/* Keep each emblem's movement and layer a staggered jewel-color cycle. */
.desktop-nav a[href="#musica"]::after{animation:nav-note 2.4s ease-in-out infinite,nav-jewel-colors 8s linear infinite}
.desktop-nav a[href="#videos"]::after{animation:nav-video 3s ease-in-out infinite,nav-jewel-colors 8s linear -1.6s infinite}
.desktop-nav a[href="#portadas"]::after{animation:nav-diamond 3.2s ease-in-out infinite,nav-jewel-colors 8s linear -3.2s infinite}
.desktop-nav a[href="#proximamente"]::after{animation:nav-star 4.5s ease-in-out infinite,nav-jewel-colors 8s linear -4.8s infinite}
.desktop-nav a[href="#novedades"]::after{animation:nav-news 2.8s ease-in-out infinite,nav-jewel-colors 8s linear -6.4s infinite}
@keyframes nav-jewel-colors{0%,100%{color:#ffe18b;text-shadow:0 0 5px #ffd36c,0 0 13px #ce913e}25%{color:#ff648c;text-shadow:0 0 5px #ff427b,0 0 14px #c81250}50%{color:#d69aff;text-shadow:0 0 5px #c35aff,0 0 14px #8427cf}75%{color:#7ee5ff;text-shadow:0 0 5px #45d4ff,0 0 14px #197fce}}
@media(prefers-reduced-motion:reduce){.desktop-nav a::after{animation:none!important}.desktop-nav a[href="#musica"]::after{color:#ffe18b}.desktop-nav a[href="#videos"]::after{color:#ff648c}.desktop-nav a[href="#portadas"]::after{color:#d69aff}.desktop-nav a[href="#proximamente"]::after{color:#7ee5ff}.desktop-nav a[href="#novedades"]::after{color:#ff9cda}}

/* Jeweled share action with a color-shifting animated share constellation. */
:is(.header,.fan-invite) .share{position:relative;isolation:isolate;overflow:visible;border:1px solid #ffe8a8;border-radius:3px;background:radial-gradient(ellipse at 80% 100%,#84113d88,transparent 75%),linear-gradient(120deg,#4e341b,#251318);color:#fff0cd;box-shadow:inset 0 0 0 2px #25160d,0 0 0 2px #b58b4c,0 0 18px #8e174c66;padding:13px 18px;gap:12px;transition:transform .2s,box-shadow .2s}
:is(.header,.fan-invite) .share::before{content:"";position:absolute;inset:-5px;border:1px solid #cca25f;pointer-events:none;clip-path:polygon(0 0,24% 0,24% 5%,76% 5%,76% 0,100% 0,100% 100%,76% 100%,76% 95%,24% 95%,24% 100%,0 100%);background:radial-gradient(circle at 0 0,#ffe3b0 0 2px,#bf2453 3px 5px,transparent 6px),radial-gradient(circle at 100% 0,#ffe3b0 0 2px,#bf2453 3px 5px,transparent 6px),radial-gradient(circle at 0 100%,#ffe3b0 0 2px,#bf2453 3px 5px,transparent 6px),radial-gradient(circle at 100% 100%,#ffe3b0 0 2px,#bf2453 3px 5px,transparent 6px);filter:drop-shadow(0 0 4px #d9b06e77)}
:is(.header,.fan-invite) .share::after{content:"✦";position:absolute;right:-8px;top:-13px;font:20px/1 Georgia,serif;color:#ffe4a4;pointer-events:none;animation:share-sparkle 3s ease-in-out infinite,nav-jewel-colors 8s linear infinite}
:is(.header,.fan-invite) .share>span{display:inline-block;width:23px;height:24px;margin-left:0;font-size:0;color:#ffe18b;animation:share-symbol 2.8s ease-in-out infinite,nav-jewel-colors 8s linear -2s infinite}
:is(.header,.fan-invite) .share>span::before{content:"";display:block;width:100%;height:100%;background:currentColor;filter:drop-shadow(0 0 4px currentColor);mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='1.8'%3E%3Cpath d='m6 11 11-6M6 13l11 6'/%3E%3Ccircle cx='5' cy='12' r='3'/%3E%3Ccircle cx='19' cy='4' r='3'/%3E%3Ccircle cx='19' cy='20' r='3'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat}
:is(.header,.fan-invite) .share:hover,:is(.header,.fan-invite) .share:focus-visible{transform:translateY(-2px);background:linear-gradient(120deg,#674423,#53122f);box-shadow:inset 0 0 0 2px #352010,0 0 0 2px #f3d291,0 0 26px #c12c7799;filter:none}
@keyframes share-sparkle{0%,100%{transform:scale(.65) rotate(0);opacity:.5}50%{transform:scale(1.15) rotate(90deg);opacity:1}}
@keyframes share-symbol{0%,100%{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(-2px) rotate(7deg)}}
@media(max-width:650px){:is(.header,.fan-invite) .share{padding:10px 12px;gap:7px}:is(.header,.fan-invite) .share>span{width:20px;height:21px}:is(.header,.fan-invite) .share::after{font-size:17px;top:-11px;right:-6px}}
@media(prefers-reduced-motion:reduce){:is(.header,.fan-invite) .share::after,:is(.header,.fan-invite) .share>span{animation:none}:is(.header,.fan-invite) .share{transition:none}}

/* Animated lettering only; the share emblem keeps its existing effect. */
:is(.header,.fan-invite) .share>span.share-label{display:inline-block;width:auto;height:auto;margin:0;font:inherit;line-height:inherit;color:#fff0cd;animation:none;transform:none}
:is(.header,.fan-invite) .share>span.share-label::before{content:none}
@supports ((background-clip:text) or (-webkit-background-clip:text)){
:is(.header,.fan-invite) .share>span.share-label{background:linear-gradient(105deg,#f5d28b 0%,#fff4cc 20%,#ff82aa 38%,#d5adff 52%,#9eeaff 65%,#fff4cc 80%,#f5d28b 100%);background-size:250% 100%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:share-letter-shine 5s linear infinite;filter:drop-shadow(0 0 3px #dba46655)}
}
@keyframes share-letter-shine{from{background-position:200% 50%}to{background-position:-50% 50%}}
@media(prefers-reduced-motion:reduce){:is(.header,.fan-invite) .share>span.share-label{animation:none}}

/* A small letter-by-letter wave layered over the existing light sweep. */
:is(.header,.fan-invite) .share>span.share-label{overflow:visible;background:none;-webkit-text-fill-color:initial;animation:none;filter:none}
.share-label i{display:inline-block;font:inherit;font-style:normal;color:#fff0cd;animation:share-letter-wave 3s ease-in-out infinite;animation-delay:calc(var(--letter)*.085s)}
@supports ((background-clip:text) or (-webkit-background-clip:text)){
.share-label i{background:linear-gradient(105deg,#f5d28b 0%,#fff4cc 20%,#ff82aa 38%,#d5adff 52%,#9eeaff 65%,#fff4cc 80%,#f5d28b 100%);background-size:250% 100%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:share-letter-wave 3s ease-in-out infinite,share-letter-shine 5s linear infinite;animation-delay:calc(var(--letter)*.085s),calc(var(--letter)*-.11s);filter:drop-shadow(0 0 3px #dba46655)}
}
@keyframes share-letter-wave{0%,12%,48%,100%{transform:translateY(0)}27%{transform:translateY(-3px)}37%{transform:translateY(1px)}}
@media(prefers-reduced-motion:reduce){.share-label i{animation:none!important;transform:none}}

/* Distinct letter movement for each primary navigation label. */
.nav-lettering{display:inline-block;white-space:nowrap}
.nav-lettering i{display:inline-block;font:inherit;font-style:normal;animation-duration:3.8s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-delay:calc(var(--n)*.09s);transform-origin:50% 70%}
.desktop-nav a[href="#musica"] .nav-lettering i{animation-name:nav-type-wave}
.desktop-nav a[href="#videos"] .nav-lettering i{animation-name:nav-type-hop}
.desktop-nav a[href="#portadas"] .nav-lettering i{animation-name:nav-type-tilt}
.desktop-nav a[href="#proximamente"] .nav-lettering i{animation-name:nav-type-rise}
.desktop-nav a[href="#novedades"] .nav-lettering i{animation-name:nav-type-pulse}
@keyframes nav-type-wave{0%,12%,48%,100%{transform:translateY(0)}27%{transform:translateY(-3px)}37%{transform:translateY(1px)}}
@keyframes nav-type-hop{0%,15%,48%,100%{transform:translateY(0) scale(1)}27%{transform:translateY(-3px) scale(1.07)}37%{transform:translateY(0) scale(.97)}}
@keyframes nav-type-tilt{0%,12%,52%,100%{transform:rotate(0)}25%{transform:rotate(-8deg)}39%{transform:rotate(8deg)}}
@keyframes nav-type-rise{0%,12%,52%,100%{transform:translateY(0)}30%{transform:translateY(-3px)}42%{transform:translateY(-1px)}}
@keyframes nav-type-pulse{0%,12%,52%,100%{transform:scale(1)}29%{transform:scale(1.12)}41%{transform:scale(.98)}}
@media(prefers-reduced-motion:reduce){.nav-lettering i{animation:none!important;transform:none}}

/* Music-only burst: colored letters scatter briefly and return to the label. */
.desktop-nav a[href="#musica"] .nav-lettering{position:relative}
.desktop-nav a[href="#musica"] .nav-lettering i{--burst-x:0px;--burst-y:-7px;--burst-r:0deg;animation:music-letter-burst 4.6s ease-in-out infinite;animation-delay:0s}
.desktop-nav a[href="#musica"] .nav-lettering i:nth-child(1){--burst-x:-10px;--burst-y:-6px;--burst-r:-13deg}
.desktop-nav a[href="#musica"] .nav-lettering i:nth-child(2){--burst-x:-6px;--burst-y:6px;--burst-r:9deg}
.desktop-nav a[href="#musica"] .nav-lettering i:nth-child(3){--burst-x:-2px;--burst-y:-9px;--burst-r:-8deg}
.desktop-nav a[href="#musica"] .nav-lettering i:nth-child(4){--burst-x:3px;--burst-y:7px;--burst-r:11deg}
.desktop-nav a[href="#musica"] .nav-lettering i:nth-child(5){--burst-x:7px;--burst-y:-7px;--burst-r:-10deg}
.desktop-nav a[href="#musica"] .nav-lettering i:nth-child(6){--burst-x:11px;--burst-y:5px;--burst-r:14deg}
.desktop-nav a[href="#musica"] .nav-lettering::before,.desktop-nav a[href="#musica"] .nav-lettering::after{content:"";position:absolute;left:50%;top:50%;pointer-events:none;width:76px;height:76px;margin:-38px;border-radius:50%;opacity:0;animation:music-color-burst 4.6s ease-out infinite;background:radial-gradient(circle,#ffe9a8 0 2px,transparent 3px) 50% 0/7px 7px no-repeat,radial-gradient(circle,#ff5a9b 0 2px,transparent 3px) 100% 20%/7px 7px no-repeat,radial-gradient(circle,#d6a5ff 0 2px,transparent 3px) 100% 80%/7px 7px no-repeat,radial-gradient(circle,#85e9ff 0 2px,transparent 3px) 50% 100%/7px 7px no-repeat,radial-gradient(circle,#ff5a9b 0 2px,transparent 3px) 0 80%/7px 7px no-repeat,radial-gradient(circle,#ffe9a8 0 2px,transparent 3px) 0 20%/7px 7px no-repeat;filter:drop-shadow(0 0 4px #ea3a96)}
.desktop-nav a[href="#musica"] .nav-lettering::after{background:radial-gradient(circle,#ff5a9b55,transparent 65%);width:60px;height:35px;margin:-17px -30px;animation-name:music-burst-flare}
@keyframes music-letter-burst{0%,46%,77%,100%{transform:translate(0,0) rotate(0);color:#fff0cd;text-shadow:none}51%{transform:scale(.94);color:#ffe7a2;text-shadow:0 0 5px #ffd371}58%{transform:translate(var(--burst-x),var(--burst-y)) rotate(var(--burst-r));color:#ff9ec5;text-shadow:0 0 5px #ff4c97,0 0 10px #aa327f}65%{color:#c8b2ff;text-shadow:0 0 6px #a266f7}72%{transform:translate(0,0) rotate(0);color:#9de9ff;text-shadow:0 0 5px #39bbf4}}
@keyframes music-color-burst{0%,49%,79%,100%{opacity:0;transform:scale(.1)}52%{opacity:1;transform:scale(.2)}64%{opacity:.8;transform:scale(.9)}78%{opacity:0;transform:scale(1.15)}}
@keyframes music-burst-flare{0%,48%,70%,100%{opacity:0;transform:scale(.2)}54%{opacity:1;transform:scale(1.4)}68%{opacity:0;transform:scale(2)}}
@media(prefers-reduced-motion:reduce){.desktop-nav a[href="#musica"] .nav-lettering i,.desktop-nav a[href="#musica"] .nav-lettering::before,.desktop-nav a[href="#musica"] .nav-lettering::after{animation:none!important;transform:none}.desktop-nav a[href="#musica"] .nav-lettering i{color:#ffb6d2}}

/* Four distinct colored label sequences alongside the approved Music burst. */
.desktop-nav a[href="#videos"] .nav-lettering i{animation:nav-cinema-flip 4.8s ease-in-out infinite;animation-delay:calc(var(--n)*.1s)}
.desktop-nav a[href="#portadas"] .nav-lettering i{--fan:calc((var(--n) - 3.5)*4deg);animation:nav-art-fan 5.2s ease-in-out infinite;animation-delay:0s;transform-origin:50% 150%}
.desktop-nav a[href="#proximamente"] .nav-lettering i{animation:nav-launch 5.4s ease-in-out infinite;animation-delay:calc(var(--n)*.055s)}
.desktop-nav a[href="#novedades"] .nav-lettering i{animation:nav-news-cascade 4.8s ease-in-out infinite;animation-delay:calc(var(--n)*.12s)}
@keyframes nav-cinema-flip{0%,35%,80%,100%{transform:perspective(100px) rotateX(0);color:#fff0cd;text-shadow:none}47%{transform:perspective(100px) rotateX(-70deg);color:#7ee5ff;text-shadow:0 0 6px #2fb7f7}59%{transform:perspective(100px) rotateX(25deg);color:#d6a5ff;text-shadow:0 0 8px #9962e8}72%{transform:perspective(100px) rotateX(0);color:#a1eaff}}
@keyframes nav-art-fan{0%,38%,80%,100%{transform:rotate(0) translateY(0);color:#fff0cd;text-shadow:none}52%,60%{transform:rotate(var(--fan)) translateY(-3px);color:#edb3ff;text-shadow:0 0 6px #b44edb,0 0 10px #ca3e89}71%{transform:rotate(0);color:#ffbad5;text-shadow:0 0 4px #d54585}}
@keyframes nav-launch{0%,32%,82%,100%{transform:translateY(0) scale(1);opacity:1;color:#fff0cd;text-shadow:none}43%{transform:translateY(2px) scale(.95);color:#ffd277}54%{transform:translateY(-10px) scale(1.06);opacity:.8;color:#ff9b79;text-shadow:0 3px 8px #f7683a}63%{transform:translateY(-5px);color:#ffe4a2;text-shadow:0 4px 9px #f39b36}76%{transform:translateY(0);color:#ffe7bc}}
@keyframes nav-news-cascade{0%,30%,78%,100%{transform:translateY(0) scale(1);color:#fff0cd;text-shadow:none}44%{transform:translateY(-3px) scale(1.14);color:#a2ffe8;text-shadow:0 0 5px #35ddbd,0 0 12px #1eaaab}55%{transform:translateY(1px) scale(1.03);color:#9edbff;text-shadow:0 0 7px #49aaff}68%{transform:translateY(0);color:#dbb6ff;text-shadow:0 0 4px #9852db}}
@media(prefers-reduced-motion:reduce){.desktop-nav .nav-lettering i{animation:none!important;transform:none!important}}

/* Share particles, signature glow, and an illuminated premiere frame. */
.share-particles{position:absolute;inset:0;pointer-events:none;z-index:2;font-weight:400}
.share-particles i{position:absolute;left:calc(7% + var(--p)*12%);top:65%;font:15px/1 Georgia,serif;color:#ffe3a0;opacity:0;animation:share-figures 4s ease-out infinite;animation-delay:calc(var(--p)*-.47s);filter:drop-shadow(0 0 4px #c65a99)}
.share-particles i:nth-child(3n){color:#ff8eb7}.share-particles i:nth-child(3n + 2){color:#aeceff}
@keyframes share-figures{0%{opacity:0;transform:translateY(0) scale(.3) rotate(-10deg)}20%{opacity:.95}70%{opacity:.8}100%{opacity:0;transform:translateY(-60px) scale(1) rotate(22deg)}}
.hero #hero-title .artist-brush{animation:hero-signature-glow 5s ease-in-out infinite;transform-origin:center}
@keyframes hero-signature-glow{0%,100%{filter:drop-shadow(1px 3px 1px #831638) drop-shadow(0 5px 5px #750d32) drop-shadow(0 0 12px #650c36b3);transform:translateY(0)}50%{filter:drop-shadow(1px 3px 1px #831638) drop-shadow(0 5px 9px #a82057) drop-shadow(0 0 17px #efbd6677);transform:translateY(-3px)}}
.hero-art{border:0;padding:8px;background:linear-gradient(135deg,#ffe8a4,#8b5826 25%,#f8d58a 48%,#70421f 74%,#f6d898);box-shadow:0 0 0 2px #4c281a,0 15px 40px #0009,0 0 30px #7e143a66;transform:none;animation:hero-frame-aura 5s ease-in-out infinite}
.hero-art img{border:1px solid #ffe6aa77}
.hero-art figcaption{background:#160d11;padding:12px 10px 8px}
.hero-art::before,.hero-art::after{content:"◆";position:absolute;z-index:2;font:23px/1 Georgia,serif;color:#dc426b;background:#2c1217;border:1px solid #e8c886;transform:rotate(45deg);width:22px;height:22px;display:grid;place-items:center;box-shadow:0 0 8px #d7466677;animation:hero-gem 3.2s ease-in-out infinite alternate;pointer-events:none}
.hero-art::before{left:-7px;top:-7px}.hero-art::after{right:-7px;bottom:-7px;animation-delay:-1.6s}
@keyframes hero-frame-aura{0%,100%{box-shadow:0 0 0 2px #4c281a,0 15px 40px #0009,0 0 23px #7e143a66}50%{box-shadow:0 0 0 2px #916435,0 15px 40px #0009,0 0 38px #b7265a88}}
@keyframes hero-gem{from{filter:brightness(.9);box-shadow:0 0 5px #b52655}to{filter:brightness(1.3);box-shadow:0 0 15px #e6a4ab99}}
@media(max-width:650px){.share-particles i{font-size:13px}@keyframes share-figures{0%{opacity:0;transform:translateY(0) scale(.3) rotate(-10deg)}20%{opacity:.95}70%{opacity:.8}100%{opacity:0;transform:translateY(-42px) scale(1) rotate(22deg)}}}
@media(prefers-reduced-motion:reduce){.share-particles i{animation:none;opacity:0}.hero #hero-title .artist-brush,.hero-art,.hero-art::before,.hero-art::after{animation:none;transform:none}}

/* Signature pushes toward the viewer; the hero uses the player's jeweled rim. */
.hero-copy{perspective:900px;min-width:0}
.hero #hero-title{position:relative;isolation:isolate;perspective:700px}
.hero #hero-title .artist-brush{will-change:transform;animation:hero-signature-burst 6s cubic-bezier(.2,.7,.25,1) infinite;transform-origin:center;backface-visibility:hidden}
.hero #hero-title::after{content:"";position:absolute;inset:5% 0;z-index:-1;pointer-events:none;border-radius:50%;background:radial-gradient(ellipse,#ffd48855,#a71b5944 35%,transparent 70%);opacity:0;animation:hero-signature-flare 6s ease-out infinite}
@keyframes hero-signature-burst{0%,38%,78%,100%{transform:translateZ(0) scale(1) rotateX(0);filter:drop-shadow(1px 3px 1px #831638) drop-shadow(0 5px 5px #750d32) drop-shadow(0 0 12px #650c36b3)}44%{transform:translateZ(-25px) scale(.97) rotateX(4deg)}51%{transform:translateZ(110px) scale(1.065) rotateX(-8deg);filter:drop-shadow(0 12px 7px #550d2c) drop-shadow(0 0 20px #f1b96a99)}59%{transform:translateZ(48px) scale(1.025) rotateX(2deg);filter:drop-shadow(0 8px 5px #8c1752) drop-shadow(0 0 16px #d389ef77)}70%{transform:translateZ(0) scale(1) rotateX(0)}}
@keyframes hero-signature-flare{0%,43%,73%,100%{opacity:0;transform:scale(.7)}51%{opacity:1;transform:scale(1.13)}69%{opacity:0;transform:scale(1.3)}}
.hero-art{position:relative;isolation:isolate;border:0;padding:0;background:#160d11;transform:none;animation:hero-ruby-shadows 7s ease-in-out infinite;box-shadow:0 15px 40px #0009,0 0 28px #9a1c5688}
.hero-art img{border:0}
.hero-art figcaption{padding:15px 13px 10px}
.hero-art::before{content:"";display:block;position:absolute;inset:-12px;width:auto;height:auto;border:0;border-radius:0;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20620%20200%22%20preserveAspectRatio%3D%22none%22%20fill%3D%22none%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22g%22%20x2%3D%221%22%20y2%3D%221%22%3E%3Cstop%20stop-color%3D%22%23fff2bb%22%2F%3E%3Cstop%20offset%3D%22.3%22%20stop-color%3D%22%23a87025%22%2F%3E%3Cstop%20offset%3D%22.5%22%20stop-color%3D%22%23ffe8a3%22%2F%3E%3Cstop%20offset%3D%22.8%22%20stop-color%3D%22%23b88437%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23fff0bf%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22r%22%20x2%3D%221%22%20y2%3D%221%22%3E%3Cstop%20stop-color%3D%22%23ff91a0%22%2F%3E%3Cstop%20offset%3D%22.45%22%20stop-color%3D%22%23ab123e%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%234e0928%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cg%20stroke%3D%22url%28%23g%29%22%3E%3Cpath%20d%3D%22M8%2057V26L30%208h104l14%205h324l14-5h104l22%2018v31M612%20143v31l-22%2018H486l-14-5H148l-14%205H30L8%20174v-31%22%20stroke-width%3D%223%22%2F%3E%3Cpath%20d%3D%22M17%2061V31l17-15h91M495%2016h91l17%2015v30M17%20139v30l17%2015h91M495%20184h91l17-15v-30%22%20stroke-width%3D%221%22%2F%3E%3Cpath%20d%3D%22M26%2050V33h28M566%2033h28v17M26%20150v17h28M566%20167h28v-17%22%20stroke-width%3D%224%22%2F%3E%3Cpath%20d%3D%22m8%2075%207%2012-7%2012-7-12Zm604%200%207%2012-7%2012-7-12ZM8%20105l7%2012-7%2012-7-12Zm604%200%207%2012-7%2012-7-12Z%22%20fill%3D%22url%28%23g%29%22%2F%3E%3Cpath%20d%3D%22m42%204%2010%2010-10%2010-10-10Zm536%200%2010%2010-10%2010-10-10ZM42%20176l10%2010-10%2010-10-10Zm536%200%2010%2010-10%2010-10-10Z%22%20fill%3D%22url%28%23r%29%22%20stroke-width%3D%222%22%2F%3E%3Cpath%20d%3D%22m42%206%200%2016m-8-8h16m528-8v16m-8-8h16M42%20178v16m-8-8h16m528-8v16m-8-8h16%22%20stroke%3D%22%23ffb3b366%22%20stroke-width%3D%22.7%22%2F%3E%3Cpath%20d%3D%22m104%207%203%205-3%205-3-5Zm412%200%203%205-3%205-3-5ZM104%20183l3%205-3%205-3-5Zm412%200%203%205-3%205-3-5Z%22%20fill%3D%22%23fff5df%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") center/100% 100% no-repeat;transform:none;z-index:2;box-shadow:none;animation:hero-rim-glisten 4s ease-in-out infinite;pointer-events:none}
.hero-art::after{content:"✦";display:grid;place-items:center;position:absolute;left:auto;top:30%;right:-17px;bottom:auto;width:20px;height:24px;font:26px/1 Georgia,serif;border:0;background:none;color:#fff0bc;transform:none;box-shadow:none;animation:hero-side-spark 4s ease-in-out infinite;pointer-events:none;z-index:3}
@keyframes hero-ruby-shadows{0%,100%{box-shadow:0 15px 40px #0009,0 0 30px #ae1a5588,0 0 55px #6b13364d}33%{box-shadow:0 15px 40px #0009,0 0 35px #8d3bd18c,0 0 60px #58219a55}66%{box-shadow:0 15px 40px #0009,0 0 30px #b6793888,0 0 55px #d5a75944}}
@keyframes hero-rim-glisten{0%,100%{filter:drop-shadow(0 2px 2px #000) drop-shadow(0 0 3px #edc97b66)}50%{filter:drop-shadow(0 2px 2px #000) drop-shadow(0 0 7px #ffe4a499)}}
@keyframes hero-side-spark{0%,100%{opacity:.25;transform:scale(.6) rotate(0);text-shadow:0 0 4px #d581bd}50%{opacity:1;transform:scale(1.1) rotate(90deg);text-shadow:0 0 10px #ffe4a4}}
@media(max-width:650px){.hero #hero-title .artist-brush{animation-name:hero-signature-burst-mobile}.hero-art{margin:10px 5px}.hero-art::before{inset:-9px}.hero-art::after{right:-13px}}
@keyframes hero-signature-burst-mobile{0%,38%,78%,100%{transform:translateZ(0) scale(1) rotateX(0);filter:var(--signature-shadow)}44%{transform:scale(.97) rotateX(4deg)}51%{transform:translateZ(48px) scale(1.045) rotateX(-8deg);filter:drop-shadow(0 9px 5px #750d32) drop-shadow(0 0 15px #f1b96a88)}59%{transform:translateZ(20px) scale(1.02) rotateX(2deg)}70%{transform:translateZ(0) scale(1) rotateX(0)}}
@media(prefers-reduced-motion:reduce){.hero #hero-title .artist-brush,.hero #hero-title::after,.hero-art,.hero-art::before,.hero-art::after{animation:none!important;transform:none}.hero #hero-title::after{opacity:0}}

/* Reserve a full border band outside the artwork and its caption. */
.hero-art{padding:60px 55px 65px;background:radial-gradient(ellipse at 50% 0,#3b1424,#130d11 75%)}
.hero-art::before{inset:0}
.hero-art img{position:relative;z-index:1}
.hero-art figcaption{position:relative;z-index:1;padding:12px 8px 4px}
.hero-art::after{right:-10px}
@media(max-width:650px){.hero-art{padding:43px 36px 46px;margin:10px 0}.hero-art::before{inset:0}.hero-art::after{right:-9px}}

/* Edge-aligned gold outline for the hero artwork; no inset jewel band. */
.hero-art{padding:0;background:#160d11;border:0;border-radius:2px}
.hero-art img{position:relative;z-index:0;width:100%;border:0}
.hero-art figcaption{position:relative;z-index:0;padding:13px 12px 10px}
.hero-art::before{inset:-2px;width:auto;height:auto;border:0;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20600%20650%22%20preserveAspectRatio%3D%22none%22%20fill%3D%22none%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22g%22%20x2%3D%221%22%20y2%3D%221%22%3E%3Cstop%20stop-color%3D%22%23ffedb4%22%2F%3E%3Cstop%20offset%3D%22.3%22%20stop-color%3D%22%23ad7a32%22%2F%3E%3Cstop%20offset%3D%22.6%22%20stop-color%3D%22%23f8db91%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23c39347%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Crect%20x%3D%222%22%20y%3D%222%22%20width%3D%22596%22%20height%3D%22646%22%20rx%3D%222%22%20stroke%3D%22url%28%23g%29%22%20stroke-width%3D%222%22%2F%3E%3Cpath%20d%3D%22M2%2037V2h35m526%200h35v35M2%20613v35h35m526%200h35v-35%22%20stroke%3D%22url%28%23g%29%22%20stroke-width%3D%224%22%2F%3E%3Cpath%20d%3D%22M6%2027V6h21m546%200h21v21M6%20623v21h21m546%200h21v-21%22%20stroke%3D%22%23fff0bc%22%20stroke-width%3D%22.7%22%2F%3E%3C%2Fsvg%3E") center/100% 100% no-repeat;pointer-events:none;z-index:2}
.hero-art::after{content:none;display:none}
@media(max-width:650px){.hero-art{padding:0;margin:10px 0}.hero-art::before{inset:-2px}}

/* Crown and musical corner accents sit outside the edge-aligned frame. */
.hero-frame-crown{position:absolute;left:50%;top:-32px;transform:translateX(-50%);z-index:4;width:64px;height:44px;pointer-events:none;background:url("assets/player-crown.svg") center/contain no-repeat;filter:drop-shadow(0 2px 2px #000) drop-shadow(0 0 7px #e7bd69);animation:hero-crown-shine 3.4s ease-in-out infinite}
.hero-frame-crown::before,.hero-frame-crown::after{content:"✦";position:absolute;font:14px/1 Georgia,serif;color:#fff0c1;filter:drop-shadow(0 0 4px #e4c377);animation:crown-star 3s ease-in-out infinite;pointer-events:none}
.hero-frame-crown::before{left:-11px;top:16px}.hero-frame-crown::after{right:-11px;top:8px;animation-delay:-1.5s}
.hero-frame-notes{position:absolute;z-index:3;pointer-events:none;width:67px;height:45px;background:url("assets/corner-music-gold.svg?v=2") center/contain no-repeat;filter:drop-shadow(0 2px 2px #190914) drop-shadow(0 0 5px #d8b36788)}
.hero-frame-notes-left{left:-17px;bottom:-18px;transform:rotate(-12deg)}
.hero-frame-notes-right{right:-17px;top:-19px;transform:rotate(12deg)}
@keyframes hero-crown-shine{0%,100%{transform:translateX(-50%) translateY(0);filter:drop-shadow(0 2px 2px #000) drop-shadow(0 0 5px #d8b36777)}50%{transform:translateX(-50%) translateY(-3px);filter:drop-shadow(0 2px 2px #000) drop-shadow(0 0 11px #ffe4a5bb)}}
@keyframes crown-star{0%,100%{opacity:.3;transform:scale(.6) rotate(0)}50%{opacity:1;transform:scale(1.1) rotate(90deg)}}
@media(max-width:650px){.hero-frame-crown{width:52px;height:36px;top:-26px}.hero-frame-notes{width:51px;height:35px}.hero-frame-notes-left{left:-10px;bottom:-13px}.hero-frame-notes-right{right:-10px;top:-15px}}
@media(prefers-reduced-motion:reduce){.hero-frame-crown,.hero-frame-crown::before,.hero-frame-crown::after{animation:none}}

/* The music invitation: gold vinyl, warm jewel glow and rising notes. */
.music-invite{display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-width:0}
.music-invite-button{position:relative;isolation:isolate;overflow:visible;min-height:61px;padding:12px 18px;gap:12px;border:1px solid #ffe7a8;background:radial-gradient(ellipse at 50% 100%,#7e133b99,transparent 80%),linear-gradient(125deg,#49301c,#241016);color:#fff0bb;box-shadow:inset 0 0 0 2px #38200e,0 0 0 2px #bb8e4877,0 0 16px #8d164b66;animation:music-invite-glow 3.5s ease-in-out infinite}
.music-invite-button:hover{color:#fff4d8;filter:brightness(1.15)}
.music-invite-caption{font:500 11px/1.4 var(--sans);color:#dfc7a2;letter-spacing:.2px;padding-left:3px}
.music-invite-disc{display:grid;place-items:center;position:relative;width:34px;height:34px;flex:0 0 34px}
.music-invite-disc::before{content:"";position:absolute;inset:0;border-radius:50%;background:repeating-radial-gradient(circle,#4a301b 0 1px,#d6ad61 2px 3px,#382010 4px 5px);border:1px solid #ffe6a2;box-shadow:0 0 8px #d9ab5966;animation:music-invite-vinyl 6s linear infinite}
.music-invite-disc::after{content:"▶";position:relative;display:grid;place-items:center;width:17px;height:17px;border:1px solid #f3d693;border-radius:50%;background:#49152d;color:#ffdfa0;font:9px/1 var(--sans);padding-left:1px}
.music-invite-figures{position:absolute;inset:0;z-index:2;pointer-events:none}
.music-invite-figures i{position:absolute;left:calc(8% + var(--note)*16%);top:30%;font:16px/1 Georgia,serif;font-style:normal;color:#ffe4a4;opacity:0;filter:drop-shadow(0 0 4px #c64b83);animation:music-invite-notes 4.5s ease-out infinite;animation-delay:calc(var(--note)*-.65s)}
.music-invite-figures i:nth-child(2n){color:#f49bbc}
.music-invite-button.is-intro-playing .music-invite-figures i{animation-duration:1.8s;animation-delay:calc(var(--note)*-.25s)}
.music-invite-button.is-intro-playing .music-invite-disc::before{animation-duration:1.5s}
@keyframes music-invite-vinyl{from{transform:rotate(0)}to{transform:rotate(360deg)}}
@keyframes music-invite-glow{0%,100%{box-shadow:inset 0 0 0 2px #38200e,0 0 0 2px #bb8e4877,0 0 12px #8d164b66}50%{box-shadow:inset 0 0 0 2px #38200e,0 0 0 2px #e8bc7177,0 0 23px #c3276299}}
@keyframes music-invite-notes{0%,30%{opacity:0;transform:translateY(5px) scale(.4) rotate(-10deg)}45%{opacity:.9}75%{opacity:.7}100%{opacity:0;transform:translateY(-48px) scale(1.1) rotate(20deg)}}
@media(max-width:650px){.music-invite-button{font-size:14px;min-height:60px;padding:12px 16px}.music-invite-caption{font-size:12px}.actions{align-items:center}}
@media(prefers-reduced-motion:reduce){.music-invite-button,.music-invite-disc::before,.music-invite-figures i{animation:none!important}.music-invite-figures i{opacity:0}}

/* One shared timeline survives profile/logo updates: name, fire and figures. */
.hero-signature-stage{--hero-cycle:6.6s;--hero-offset:-2.35s;--radius-x:clamp(112px,21vw,245px);--radius-y:clamp(62px,9vw,90px);position:relative;isolation:isolate;perspective:700px;margin-inline:-5.8vw;padding-inline:5.8vw;overflow-x:clip;overflow-y:visible}
.hero .hero-signature-stage #hero-title{z-index:2;will-change:transform;transform-origin:center;animation:hero-signature-burst var(--hero-cycle) cubic-bezier(.2,.7,.25,1) var(--hero-offset) infinite}
.hero .hero-signature-stage #hero-title .artist-brush{animation:none;transform:none;will-change:auto}
.hero .hero-signature-stage #hero-title::after{animation-duration:var(--hero-cycle);animation-delay:var(--hero-offset)}
@keyframes hero-signature-burst{0%,38%,78%,100%{transform:translateZ(0) scale(1) rotateX(0);filter:var(--signature-shadow)}44%{transform:translateZ(-28px) scale(.96) rotateX(4deg)}51%{transform:translateZ(125px) scale(1.085) rotateX(-8deg);filter:drop-shadow(0 12px 7px #550d2c) drop-shadow(0 0 24px #f1b96aaa)}59%{transform:translateZ(52px) scale(1.03) rotateX(2deg);filter:drop-shadow(0 8px 5px #8c1752) drop-shadow(0 0 17px #d389ef77)}70%{transform:translateZ(0) scale(1) rotateX(0)}}
.hero-signature-fire,.hero-signature-figures{position:absolute;pointer-events:none}
.hero-signature-fire{z-index:3;left:13%;right:13%;bottom:-1%;height:26%;max-height:40px;opacity:0;mix-blend-mode:screen;filter:blur(.4px) drop-shadow(0 0 8px #fa6429);animation:hero-fire-pop var(--hero-cycle) ease-out var(--hero-offset) infinite}
.hero-signature-fire::before,.hero-signature-fire::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,transparent,#d32a32 16%,#ff8525 46%,#ffe28a 82%,#fff9d9);--flame-shape:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20400%2070%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20fill%3D%22white%22%20d%3D%22M0%2070C9%2066%2010%2056%2011%2048C17%2057%2018%2061%2025%2057C35%2046%2019%2028%2035%209C28%2032%2052%2037%2046%2058C57%2058%2061%2049%2057%2039C74%2046%2066%2061%2080%2058C95%2051%2084%2035%20101%2024C92%2042%20112%2042%20109%2060C120%2061%20125%2051%20122%2043C139%2051%20137%2061%20149%2057C169%2047%20146%2020%20169%202C158%2033%20183%2033%20177%2057C193%2060%20202%2046%20196%2035C214%2044%20205%2059%20221%2059C240%2053%20224%2036%20243%2017C234%2038%20257%2043%20250%2060C267%2061%20270%2051%20267%2040C284%2046%20279%2058%20293%2057C309%2047%20292%2025%20315%206C305%2036%20330%2034%20323%2058C338%2062%20348%2047%20342%2037C360%2046%20352%2061%20369%2060C380%2056%20378%2045%20387%2037C383%2051%20390%2060%20400%2070Z%22%2F%3E%3C%2Fsvg%3E");-webkit-mask:var(--flame-shape) center/100% 100% no-repeat;mask:var(--flame-shape) center/100% 100% no-repeat}
.hero-signature-fire::after{inset:28% 7% 0;background:linear-gradient(0deg,#ff9a2a,#fff0ad);transform:scaleX(-1)}
@keyframes hero-fire-pop{0%,44%,70%,100%{opacity:0;transform:scale(.65,.2)}49%{opacity:.25;transform:scale(.95,.65) skewX(-4deg)}51%{opacity:.8;transform:scale(1.1,1.1) skewX(3deg)}55%{opacity:.65;transform:scale(1,.9) skewX(-5deg)}59%{opacity:.4;transform:scale(1.04,1.05) skewX(4deg)}66%{opacity:0;transform:translateY(-13px) scale(1.08,.45)}}
.hero-signature-figures{z-index:4;inset:0}
.hero-signature-figures i{--end-x:calc(var(--x)*var(--radius-x));--end-y:calc(var(--y)*var(--radius-y));position:absolute;left:50%;top:50%;display:grid;place-items:center;width:29px;height:29px;font:25px/1 Georgia,serif;color:#ffe49a;opacity:0;background:center/contain no-repeat;filter:drop-shadow(0 2px 2px #190913) drop-shadow(0 0 5px #cc5c7880);animation:hero-emblem-pop var(--hero-cycle) ease-out var(--hero-offset) infinite}
.hero-signature-figures .hero-burst-angel{background-image:url('assets/identity-angel-jewel.png')}
.hero-signature-figures .hero-burst-devil{background-image:url('assets/identity-devil-jewel.png')}
.hero-signature-figures .hero-burst-note:nth-child(2n){color:#bfeaff}
@keyframes hero-emblem-pop{0%,46%,78%,100%{opacity:0;transform:translate(-50%,-50%) scale(.1)}49%{opacity:0;transform:translate(-50%,-50%) scale(.3)}53%{opacity:1;transform:translate(calc(-50% + var(--end-x)*.42),calc(-50% + var(--end-y)*.42)) scale(.82) rotate(var(--r))}65%{opacity:.95;transform:translate(calc(-50% + var(--end-x)),calc(-50% + var(--end-y))) scale(1.08) rotate(var(--r))}77%{opacity:0;transform:translate(calc(-50% + var(--end-x)*1.08),calc(-65% + var(--end-y)*1.08)) scale(.7) rotate(var(--r))}}
@media(max-width:650px){.hero .hero-signature-stage #hero-title{animation-name:hero-signature-burst-mobile}.hero-signature-figures i{width:26px;height:26px;font-size:23px}.hero-signature-fire{height:25%;bottom:-1%}}
@keyframes hero-signature-burst-mobile{0%,38%,78%,100%{transform:translateZ(0) scale(1) rotateX(0);filter:var(--signature-shadow)}44%{transform:scale(.96) rotateX(4deg)}51%{transform:translateZ(60px) scale(1.065) rotateX(-8deg);filter:drop-shadow(0 10px 6px #750d32) drop-shadow(0 0 18px #f1b96a99)}59%{transform:translateZ(24px) scale(1.025) rotateX(2deg)}70%{transform:translateZ(0) scale(1) rotateX(0)}}
@media(prefers-reduced-motion:reduce){.hero .hero-signature-stage #hero-title{animation:none!important;transform:none!important}.hero-signature-fire,.hero-signature-figures{display:none}}

.fan-invite .fan-share{margin:16px auto 0;min-height:60px;max-width:calc(100% - 16px);font:700 clamp(12px,3.5vw,17px)/1.4 Arial,sans-serif;padding:18px 20px;cursor:pointer;touch-action:manipulation}
.fan-share-hint{display:block;margin:18px auto 0;color:#e7c38b;font:12px/1.5 Arial,sans-serif;letter-spacing:.06em}
.fan-share.is-sharing{animation:fan-share-pop .65s ease-out}
@keyframes fan-share-pop{0%,100%{transform:scale(1)}35%{transform:scale(1.045);box-shadow:0 0 35px #e35b8c99,0 0 15px #ffdb8c}}
@media(prefers-reduced-motion:reduce){.fan-share.is-sharing{animation:none}}