/* GLORIUS · Power metal neoclásico · Estilos del sitio oficial */
:root{--bg:#080808;--panel:#111012;--panel-soft:#191417;--ivory:#f4e7d4;--muted:#ada49a;--muted-dark:#8e8379;--gold:#c9a66a;--gold-bright:#f4d89a;--gold-low:rgba(216,173,103,.2);--border:rgba(216,173,103,.27);--shadow:0 25px 60px rgba(0,0,0,.45);--max:1280px}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{margin:0;background:#080808;color:var(--ivory);font-family:Manrope,'Segoe UI',Arial,sans-serif;font-size:14px;line-height:1.7;background-image:radial-gradient(ellipse 900px 1000px at 50% -3%,rgba(142,88,43,.14),transparent 75%),radial-gradient(ellipse 700px 900px at 2% 40%,rgba(102,55,50,.12),transparent 75%)}
a{text-decoration:none;color:inherit}
a:focus-visible,summary:focus-visible{outline:2px solid var(--gold-bright);outline-offset:5px}
img,video{display:block;max-width:100%}
h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.15}
button,summary{font:inherit}
::selection{background:#9c7234;color:#fff}
.skip-link{position:fixed;top:-80px;left:12px;padding:12px 20px;z-index:50;background:#ebcb91;color:#111}.skip-link:focus{top:10px}
.outer-frame{position:relative;max-width:1328px;margin:0 auto;background:linear-gradient(90deg,rgba(179,136,66,.045),transparent 5%,transparent 95%,rgba(179,136,66,.045));border-inline:1px solid rgba(212,171,100,.12)}
.top-announcement{min-height:37px;display:flex;justify-content:center;align-items:center;gap:21px;padding:8px 24px;text-align:center;background:#211813;color:#e5cba2;font-family:Cinzel,Georgia,serif;font-size:10px;line-height:1.4;letter-spacing:.1em;border-bottom:1px solid var(--border)}.top-announcement strong{color:#fff2c8}.top-announcement>span:first-child{color:var(--gold-bright)}.top-announcement a{font-weight:700;color:#fff2c8;white-space:nowrap;border-bottom:1px solid rgba(255,240,199,.5)}
.site-header{position:relative;z-index:10;background:rgba(12,11,13,.96);border-bottom:1px solid var(--border)}.header-inner{height:97px;padding:0 29px;display:flex;align-items:center;gap:35px;justify-content:space-between}.brand{display:block;flex:0 0 auto}.brand img{width:200px;height:auto;max-height:86px;object-fit:contain}.desktop-nav{display:flex;justify-content:center;gap:clamp(15px,2.3vw,32px);align-items:center;margin-left:auto}.desktop-nav a{font-family:Cinzel,Georgia,serif;font-weight:600;font-size:10px;letter-spacing:.08em;color:#d6c7af;white-space:nowrap;transition:color .2s}.desktop-nav a:hover,.text-arrow:hover{color:var(--gold-bright)}.header-action{border:1px solid rgba(226,188,119,.62);padding:13px 17px;color:#f0cd8b;white-space:nowrap;font-family:Cinzel,Georgia,serif;font-size:10px;letter-spacing:.09em;font-weight:700}.header-action span{margin-left:6px}.header-action:hover{background:rgba(203,154,71,.12)}.mobile-menu{display:none}
/* Hero frame always displays a 16:9 asset at native size or smaller. */
.hero{padding:26px 23px 0;position:relative;text-align:center}.hero-heading{display:flex;justify-content:center;align-items:center;gap:24px;min-height:48px}.hero-heading p{margin:0;font-family:Cinzel,Georgia,serif;color:#bda683;font-size:12px;letter-spacing:.23em}.side-rule{width:min(13%,130px);height:1px;background:linear-gradient(to right,transparent,var(--gold))}.hero-heading .side-rule:last-child{transform:scaleX(-1)}
.video-shell{width:100%;max-width:1280px;position:relative;margin:12px auto 0;background:#08090c;aspect-ratio:16/9;border:1px solid rgba(226,180,104,.46);box-shadow:0 12px 65px rgba(0,0,0,.55)}.video-shell::after{content:"";position:absolute;inset:7px;border:1px solid rgba(244,202,136,.18);pointer-events:none;z-index:2}.hero-video{width:100%;height:100%;object-fit:contain;aspect-ratio:16/9;background:#08090c;outline:none}.corner{position:absolute;z-index:3;width:26px;height:26px;pointer-events:none}.top-left{top:-3px;left:-3px;border-top:3px solid var(--gold-bright);border-left:3px solid var(--gold-bright)}.top-right{top:-3px;right:-3px;border-top:3px solid var(--gold-bright);border-right:3px solid var(--gold-bright)}.bottom-left{bottom:-3px;left:-3px;border-bottom:3px solid var(--gold-bright);border-left:3px solid var(--gold-bright)}.bottom-right{bottom:-3px;right:-3px;border-bottom:3px solid var(--gold-bright);border-right:3px solid var(--gold-bright)}
.hero-below{max-width:940px;margin:0 auto;padding:43px 10px 57px}.hero-below>span{font-family:Cinzel,Georgia,serif;color:var(--gold);font-size:10px;letter-spacing:.22em}.hero-quote{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(35px,5vw,70px);font-weight:600;line-height:1.06;margin:20px 0 15px}.hero-quote em{font-weight:500;color:var(--gold-bright)}.hero-below>p{font-size:13px;letter-spacing:.035em;color:var(--muted);margin:0 0 21px}.text-arrow{display:inline-block;padding:9px 0;border-bottom:1px solid var(--gold);font-family:Cinzel,Georgia,serif;font-size:10px;color:var(--gold);font-weight:700;letter-spacing:.08em}.text-arrow b{font-size:17px;line-height:0;margin-left:12px}
.ornament{display:flex;align-items:center;justify-content:center;gap:15px;color:var(--gold);max-width:1160px;margin:0 auto}.ornament:before,.ornament:after{content:"";height:1px;flex:1;background:linear-gradient(90deg,transparent,rgba(213,169,97,.5))}.ornament:after{transform:scaleX(-1)}.ornament span:nth-child(2){font-size:28px}.ornament span{font-size:11px}
.section{padding:104px 37px;max-width:var(--max);margin:0 auto}.section-top{display:flex;justify-content:space-between;gap:20px;align-items:center;padding-bottom:20px;border-bottom:1px solid var(--border)}.eyebrow,.section-index{font-family:Cinzel,Georgia,serif;letter-spacing:.19em;font-size:10px;font-weight:700;color:#d1c3ad}.section-index{color:#7a6d5e}.color-gold{color:var(--gold-bright)}.section-heading{display:grid;grid-template-columns:1.4fr .6fr;gap:55px;align-items:end;margin:42px 0 37px}.section-heading h2{font-family:Cinzel,Georgia,serif;font-size:clamp(31px,3.9vw,52px);letter-spacing:-.04em;margin:0}.section-heading h2 em{font-family:'Cormorant Garamond',Georgia,serif;font-weight:600;font-size:1.18em;letter-spacing:-.02em;color:var(--gold);text-transform:none}.section-heading p{max-width:340px;color:var(--muted);font-size:13px;line-height:1.9;margin:0 0 4px auto}
.release-layout{display:grid;grid-template-columns:1.07fr 1fr;gap:55px;align-items:center;padding-top:45px}.release-art{position:relative}.release-art-frame{border:1px solid rgba(219,173,101,.5);padding:11px;aspect-ratio:1/1;background:#171115;box-shadow:var(--shadow);position:relative}.release-art-frame::before,.release-art-frame::after{content:"✦";position:absolute;color:var(--gold-bright);font-size:13px;background:#161115;padding:1px 8px;top:-14px;left:calc(50% - 17px);z-index:3}.release-art-frame::after{top:auto;bottom:-14px}.release-art-frame img{width:100%;height:100%;object-fit:cover;object-position:center}.art-note{display:block;text-align:center;font-size:10px;color:var(--muted-dark);padding-top:17px}.release-copy .display-title{font-family:Cinzel,Georgia,serif;font-size:clamp(52px,6.7vw,90px);line-height:1.1;letter-spacing:-.08em;margin:21px 0 11px;color:#f3e2c7;text-shadow:0 3px 22px rgba(183,111,32,.22)}.display-title span{color:var(--gold-bright)}.release-subtitle{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(25px,2.55vw,36px);line-height:1.25;margin-bottom:23px;color:#e7d7ba}.release-subtitle strong{color:var(--gold-bright)}.little-ornament{color:var(--gold);font-size:16px;letter-spacing:.12em;margin-bottom:22px}.release-copy>p:not(.eyebrow):not(.release-subtitle){font-size:13px;line-height:2;color:var(--muted);max-width:525px}.premiere-box{display:flex;flex-direction:column;gap:4px;border-left:2px solid var(--gold);padding:6px 0 6px 20px;margin:27px 0 30px}.premiere-box span{font-size:9px;letter-spacing:.19em;color:var(--gold);font-family:Cinzel,Georgia,serif}.premiere-box strong{font-family:Cinzel,Georgia,serif;font-size:17px;letter-spacing:.035em}.premiere-box small{font-size:10px;color:var(--muted-dark)}.btn-group{display:flex;flex-wrap:wrap;gap:11px}.button{padding:15px 21px;border:1px solid var(--gold);font-family:Cinzel,Georgia,serif;font-size:10px;letter-spacing:.08em;font-weight:700;text-align:center;transition:background-color .2s,transform .2s;display:inline-block}.button:hover{transform:translateY(-2px)}.button-gold{background:linear-gradient(120deg,#f5d994,#b99158);color:#17110a;border-color:#bd995d}.button-outline{color:#dfc295;background:rgba(26,15,11,.35)}.button-outline:hover{background:rgba(206,160,89,.1)}
.music{background:linear-gradient(180deg,rgba(37,27,25,.23),transparent 30%)}.discography-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.record{min-width:0}.record-visual{position:relative;height:300px;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;border:1px solid rgba(217,166,91,.48);background:radial-gradient(ellipse at 52% 45%,rgba(167,107,34,.42),transparent 57%),linear-gradient(140deg,#2a1a19,#07070b 80%)}.record-visual:after{content:"";position:absolute;inset:9px;border:1px solid rgba(230,194,126,.22);pointer-events:none}.record-purple{background:radial-gradient(ellipse at center,rgba(114,76,103,.42),transparent 62%),linear-gradient(130deg,#261b2b,#0b0a0f 80%)}.record-silver{background:radial-gradient(ellipse at center,rgba(164,149,115,.35),transparent 58%),linear-gradient(135deg,#30313a,#0c0b0f 80%)}.record-etch{position:absolute;font-family:'Cormorant Garamond',Georgia,serif;color:rgba(240,205,131,.14);font-size:250px;line-height:1;top:8%;z-index:0}.record-mark{position:absolute;top:20px;left:20px;border:1px solid var(--border);padding:6px 10px;color:#a99470;font-family:Cinzel,Georgia,serif;font-size:13px}.record-visual strong,.record-visual small{z-index:1;font-family:Cinzel,Georgia,serif;text-align:center}.record-visual strong{font-size:clamp(23px,2.4vw,32px);letter-spacing:.12em;text-shadow:0 2px 20px #000}.record-visual small{font-size:9px;letter-spacing:.23em;color:#dbb77d}.record-info{padding:23px 4px 0}.record-info>span{font-family:Cinzel,Georgia,serif;color:var(--gold);font-size:9px;letter-spacing:.16em}.record-info h3{font-family:'Cormorant Garamond',Georgia,serif;font-size:34px;margin:9px 0 5px}.record-info p{color:var(--muted);font-size:12px;line-height:1.8;margin-bottom:10px}.record-info>a{color:var(--gold-bright);font-family:Cinzel,Georgia,serif;font-size:10px;letter-spacing:.09em}.listen-panel{border:1px solid var(--border);background:linear-gradient(100deg,rgba(107,67,32,.17),rgba(30,22,26,.75));display:flex;justify-content:space-between;align-items:center;gap:30px;margin-top:48px;padding:29px 34px}.listen-panel h3{font-family:'Cormorant Garamond',Georgia,serif;font-size:31px;line-height:1.2;margin:8px 0 3px}.listen-panel p{color:var(--muted);margin:0;font-size:12px}.listen-panel .button{flex-shrink:0}.stream-player{border:1px solid var(--border);border-top:0}.stream-player summary{cursor:pointer;display:flex;gap:12px;align-items:center;padding:17px 26px;color:var(--gold);font-family:Cinzel,Georgia,serif;letter-spacing:.07em;font-size:10px;font-weight:700;list-style:none}.stream-player summary::-webkit-details-marker{display:none}.stream-player summary>span:first-child{font-size:20px}.right-chevron{margin-left:auto}.stream-inner{padding:10px 24px 22px}.stream-inner iframe{border:0;border-radius:12px;width:100%;height:352px;background:#141414}.stream-inner p{color:var(--muted);font-size:10px;margin:7px 0 0}.stream-inner a{color:var(--gold)}
.band{margin:40px auto 0;max-width:1280px;border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:linear-gradient(125deg,#161119,#0c0b0c)}.band-grid{display:grid;grid-template-columns:1fr 1fr}.band-image{overflow:hidden;position:relative;min-height:650px}.band-image:after{content:"";inset:0;position:absolute;background:linear-gradient(90deg,transparent 40%,#151118 100%),linear-gradient(0deg,rgba(7,7,9,.47),transparent 50%)}.band-image img{width:100%;height:100%;object-fit:cover;object-position:51% 50%;filter:saturate(.85)}.band-text{padding:clamp(45px,5vw,82px) clamp(30px,5vw,75px)}.band-text h2{font-family:Cinzel,Georgia,serif;font-size:clamp(36px,4vw,58px);margin:17px 0 20px}.band-text h2 em{font-family:'Cormorant Garamond',Georgia,serif;color:var(--gold);font-size:1.22em}.band-text p{color:var(--muted);font-size:13px;line-height:1.95}.members{padding:23px 0 19px;margin:20px 0 10px;border-block:1px solid var(--border)}.members>span{font-family:Cinzel,Georgia,serif;color:var(--gold);font-size:9px;letter-spacing:.12em}.members ul{list-style:none;padding:0;margin:13px 0 0;display:grid;gap:4px}.members li{font-size:12px;color:#c6b9ac}.members li strong{color:#f3dcc0;font-weight:700}
.video-gallery{display:grid;grid-template-columns:1.38fr .62fr;gap:20px}.video-feature{height:400px;position:relative;border:1px solid var(--border);overflow:hidden;display:block}.video-feature img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .4s}.video-feature:hover img{transform:scale(1.04)}.video-feature:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.93),transparent 62%)}.play-icon{position:absolute;z-index:2;top:40%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:71px;height:71px;border:1px solid rgba(243,208,149,.7);background:rgba(18,10,9,.65);color:#f8dca0;font-size:23px;border-radius:50%}.video-feature-copy{position:absolute;left:28px;right:28px;bottom:28px;z-index:2;display:flex;flex-direction:column}.video-feature-copy small{font-family:Cinzel,Georgia,serif;letter-spacing:.15em;color:var(--gold-bright);font-size:9px}.video-feature-copy strong{font-family:Cinzel,Georgia,serif;font-size:38px;letter-spacing:.08em}.video-feature-copy>span{color:#e2d2c0;font-size:11px}.video-side{display:grid;grid-template-rows:repeat(3,1fr);gap:12px}.small-video{display:flex;gap:19px;align-items:center;padding:16px 18px;border:1px solid var(--border);background:#171216}.small-video:hover{background:#231b1d}.video-number{font-family:'Cormorant Garamond',Georgia,serif;font-size:43px;color:rgba(218,174,106,.48)}.small-video div{display:flex;flex-direction:column;gap:4px}.small-video small{font-family:Cinzel,Georgia,serif;font-size:9px;letter-spacing:.1em;color:var(--gold)}.small-video strong{font-family:'Cormorant Garamond',Georgia,serif;font-size:22px;font-weight:600;line-height:1.2}.small-video div>span{font-size:10px;color:#d3be9c}
.gallery{padding-top:38px}.gallery-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:16px}.gallery-grid>a{position:relative;display:block;border:1px solid var(--border);height:295px;overflow:hidden}.gallery-grid img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.gallery-grid a:hover img{transform:scale(1.04)}.gallery-grid a:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 65%,rgba(0,0,0,.8))}.gallery-grid span{position:absolute;bottom:20px;left:22px;z-index:2;font-family:Cinzel,Georgia,serif;font-size:10px;letter-spacing:.12em;color:var(--gold-bright)}
.concerts{padding-top:48px}.events{border-top:1px solid var(--border)}.event{display:grid;grid-template-columns:120px 1fr auto;gap:26px;align-items:center;padding:25px 16px;border-bottom:1px solid var(--border)}.event-date{display:flex;flex-direction:column;border-right:1px solid var(--border);padding-right:16px;text-align:center}.event-date strong{font-family:'Cormorant Garamond',Georgia,serif;color:var(--gold-bright);font-size:60px;line-height:.9}.event-date span{font-size:9px;letter-spacing:.12em;color:var(--gold);font-family:Cinzel,Georgia,serif;margin-top:7px}.event-category{font-family:Cinzel,Georgia,serif;letter-spacing:.13em;font-size:9px;color:var(--gold)}.event-main h3{font-family:'Cormorant Garamond',Georgia,serif;font-size:28px;margin:6px 0}.event-main p{color:var(--muted);font-size:12px;margin:0}.event>a{font-family:Cinzel,Georgia,serif;color:var(--gold-bright);font-size:10px;letter-spacing:.08em;border:1px solid var(--border);padding:12px 17px;white-space:nowrap}.event>a:hover{background:rgba(193,145,72,.12)}.event-past{opacity:.69}
.news{padding-top:40px}.news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.news-card{display:flex;flex-direction:column;min-height:340px;border:1px solid var(--border);background:linear-gradient(160deg,#21191a,#100f11 75%);padding:25px 24px;position:relative;overflow:hidden}.news-card:before{content:"✧";position:absolute;right:-8px;top:-36px;font-size:180px;color:rgba(213,172,105,.045);font-family:Georgia,serif}.news-card .news-meta{font-family:Cinzel,Georgia,serif;font-size:9px;color:var(--gold);letter-spacing:.09em;display:flex;justify-content:space-between;gap:10px}.news-card h3{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(26px,2.4vw,33px);line-height:1.08;font-weight:600;margin:28px 0 15px;position:relative}.news-card p{position:relative;font-size:12px;line-height:1.9;color:#b9aca1}.news-card a{margin-top:auto;align-self:flex-start;padding-top:20px;color:var(--gold-bright);font-family:Cinzel,Georgia,serif;font-size:10px;letter-spacing:.07em;border-bottom:1px solid var(--gold-low);position:relative}.news-bottom{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-top:26px}.news-bottom>span{color:var(--muted-dark);font-family:Cinzel,Georgia,serif;font-size:9px;letter-spacing:.07em}
.contact{border-top:1px solid var(--border);border-bottom:1px solid var(--border);max-width:1280px;margin:42px auto 0;background:radial-gradient(ellipse at center,rgba(170,111,44,.15),transparent 60%),linear-gradient(135deg,#181216,#100e10);text-align:center}.contact-inner{max-width:780px;margin:auto;padding:100px 35px 90px}.contact h2{font-family:Cinzel,Georgia,serif;font-size:clamp(39px,5vw,66px);margin:14px 0 14px}.contact h2 em{font-family:'Cormorant Garamond',Georgia,serif;color:var(--gold);font-size:1.12em;font-weight:600}.contact p{max-width:620px;margin:0 auto 32px;color:var(--muted);font-size:13px;line-height:1.9}.social-list{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-bottom:26px}.social-list a{padding:11px 16px;border:1px solid rgba(212,168,94,.4);font-family:Cinzel,Georgia,serif;font-size:10px;letter-spacing:.04em;color:var(--gold-bright)}.social-list a:hover{background:rgba(208,163,90,.15)}.contact small{color:var(--muted-dark);font-size:10px}
.footer{padding:29px}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-logo img{width:133px;height:auto}.footer-inner p,.footer-inner span{color:#8b8078;font-family:Cinzel,Georgia,serif;font-size:9px;letter-spacing:.08em;margin:0;text-align:center}
@media(max-width:1130px){.header-inner{gap:19px}.brand img{width:160px}.desktop-nav{gap:17px}.desktop-nav a{font-size:9px}.header-action{padding:11px 12px}.release-layout{gap:31px}.section{padding-inline:28px}}
@media(max-width:900px){.desktop-nav,.header-action{display:none}.header-inner{height:78px}.brand img{width:173px}.mobile-menu{display:block;position:relative;margin-left:auto}.mobile-menu summary{list-style:none;display:flex;flex-direction:column;gap:5px;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid var(--border);cursor:pointer}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu summary span{display:block;width:19px;height:1px;background:var(--gold-bright)}.mobile-menu nav{position:absolute;top:53px;right:0;z-index:25;width:min(290px,88vw);padding:13px 20px;background:#181216;border:1px solid var(--border);box-shadow:var(--shadow)}.mobile-menu nav a{display:block;padding:12px 5px;border-bottom:1px solid var(--border);font-family:Cinzel,Georgia,serif;font-size:11px}.release-layout{grid-template-columns:.95fr 1.05fr;gap:28px}.release-copy .display-title{font-size:53px}.discography-grid{gap:13px}.record-visual{height:230px}.band-image{min-height:580px}.band-text{padding:50px 28px}.video-gallery{grid-template-columns:1.1fr .9fr}.section-heading{gap:30px}}
@media(max-width:700px){.top-announcement{font-size:9px;gap:10px;flex-wrap:wrap;padding:9px 15px}.top-announcement a{margin-left:8px}.header-inner{padding:0 19px}.hero{padding:11px 8px 0}.hero-heading{gap:8px}.hero-heading p{font-size:9px;letter-spacing:.11em}.side-rule{width:9%}.video-shell{margin-top:5px}.video-shell::after{inset:4px}.corner{width:16px;height:16px}.hero-below{padding:34px 18px 45px}.hero-quote{font-size:clamp(33px,8.2vw,51px)}.hero-below>p{font-size:12px}.section{padding:65px 20px}.section-top{padding-bottom:15px}.section-index{font-size:8px}.section-heading{grid-template-columns:1fr;gap:13px;margin:26px 0 23px}.section-heading p{margin:0}.release-layout{grid-template-columns:1fr;gap:26px;padding-top:26px}.release-art{max-width:450px;margin:auto}.release-copy .display-title{font-size:clamp(52px,12vw,80px)}.release-subtitle{font-size:30px}.discography-grid{grid-template-columns:1fr;gap:28px}.record{display:grid;grid-template-columns:130px 1fr;gap:18px;align-items:center}.record-visual{height:148px}.record-visual strong{font-size:15px;letter-spacing:.02em}.record-mark{font-size:9px;top:13px;left:13px}.record-etch{font-size:118px}.record-visual small{font-size:8px}.record-info{padding:0}.record-info h3{font-size:30px}.listen-panel{flex-direction:column;align-items:flex-start;padding:24px;gap:18px;margin-top:30px}.listen-panel .button{width:100%}.band-grid{grid-template-columns:1fr}.band-image{min-height:360px;max-height:410px}.band-image:after{background:linear-gradient(0deg,#161119,transparent 54%)}.band-text{padding:39px 21px 52px}.band-text h2{font-size:44px}.video-gallery{grid-template-columns:1fr}.video-feature{height:290px}.video-feature-copy strong{font-size:31px}.video-side{grid-template-columns:1fr;gap:9px}.small-video{padding:13px 18px}.gallery-grid{grid-template-columns:1fr;gap:12px}.gallery-grid>a{height:230px}.event{grid-template-columns:73px 1fr;gap:15px;padding:20px 3px}.event-date{padding-right:8px}.event-date strong{font-size:45px}.event-date span{font-size:8px}.event>a{grid-column:2;justify-self:start;font-size:9px;padding:9px 12px}.event-main h3{font-size:23px}.news-grid{grid-template-columns:1fr}.news-card{min-height:235px;padding:21px}.news-card h3{font-size:30px;margin:15px 0 8px}.news-bottom{flex-direction:column;align-items:flex-start}.contact{margin-top:20px}.contact-inner{padding:67px 22px}.footer-inner{flex-direction:column;gap:9px}.footer{padding:31px 15px}}
@media(max-width:400px){.record{grid-template-columns:110px 1fr;gap:13px}.record-visual{height:132px}.record-visual strong{font-size:13px}.record-info h3{font-size:25px}.record-info p{font-size:11px}.btn-group{flex-direction:column}.btn-group>a{width:100%}.hero-below>span{letter-spacing:.12em}.hero-quote{font-size:31px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* The YouTube iframe is collapsed by default and keeps its cinematic aspect ratio. */
.youtube-player{margin-top:17px}.youtube-player .stream-inner iframe{aspect-ratio:16/9;height:auto;min-height:240px;border-radius:0}

/* --- 2026 album-art edition: cinematic hero and native CSS lightboxes --- */
/* The hero video is decorative: no playback chrome, focus or mouse interactions. */
.hero-video { pointer-events:none; }
.hero-video::-webkit-media-controls { display:none !important; }
.video-shell { overflow:hidden; }
.video-shell::before { content:""; position:absolute; inset:0; pointer-events:none; z-index:1; box-shadow:inset 0 0 60px rgba(0,0,0,.1); }
/* Buttons with real artwork, no simulated album covers. */
.record-cover,.release-cover-trigger{font:inherit;color:inherit;appearance:none;-webkit-appearance:none;display:block;position:relative;width:100%;padding:0;cursor:zoom-in;overflow:hidden;background:#110f10;border:1px solid rgba(217,166,91,.48);text-align:left}
.record-cover {aspect-ratio:1/1; box-shadow:0 20px 55px rgba(0,0,0,.35);}
.record-cover::after,.release-cover-trigger::after{content:"";position:absolute;inset:9px;border:1px solid rgba(230,194,126,.25);pointer-events:none}
.record-cover img,.release-cover-trigger img{width:100%;height:100%;aspect-ratio:1/1;object-fit:contain;display:block;transition:transform .45s ease, filter .35s ease}
.record-cover:hover img,.release-cover-trigger:hover img{transform:scale(1.035);filter:brightness(1.08)}
.record-cover:focus-visible,.release-cover-trigger:focus-visible,.lightbox-close:focus-visible{outline:2px solid #f4d89a;outline-offset:4px}
.cover-zoom{position:absolute;bottom:0;left:0;right:0;padding:30px 14px 12px;text-align:center;background:linear-gradient(transparent,rgba(0,0,0,.84));color:#f7dba6;font-family:Cinzel,Georgia,serif;font-size:10px;font-weight:700;letter-spacing:.10em;opacity:0;transform:translateY(5px);transition:opacity .2s,transform .2s}
.record-cover:hover .cover-zoom,.record-cover:focus-visible .cover-zoom{opacity:1;transform:none}
.release-art-frame {aspect-ratio:1/1;}
.release-cover-trigger {border:0;}
.release-cover-trigger::after {inset:0;}
.album-lightbox[popover]{position:fixed;inset:0;margin:auto;padding:0;border:0;color:var(--ivory);background:transparent;width:min(94vw,840px);max-height:94dvh;max-width:none;overflow:visible;box-shadow:none}
.album-lightbox::backdrop{background:rgba(4,3,6,.91);backdrop-filter:blur(10px)}
.lightbox-panel{overflow:hidden;background:linear-gradient(145deg,#241c1b,#080809 88%);border:1px solid #ad8550;box-shadow:0 30px 110px rgba(0,0,0,.8);padding:14px;max-height:94dvh;display:flex;flex-direction:column}
.lightbox-top{display:flex;align-items:center;justify-content:space-between;min-height:35px;margin:0 0 10px 3px;color:#c9a66a;font:700 11px Cinzel,Georgia,serif;letter-spacing:.12em}
.lightbox-close{appearance:none;border:1px solid rgba(212,168,94,.35);background:#241a18;color:#f3d594;font-size:19px;width:37px;height:34px;line-height:1;cursor:pointer}
.lightbox-close:hover{background:#473024}
.lightbox-panel>img{height:auto;width:auto;max-width:100%;max-height:calc(94dvh - 142px);object-fit:contain;align-self:center;box-shadow:0 12px 35px rgba(0,0,0,.55)}
.lightbox-foot{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:12px;padding:0 4px 2px}
.lightbox-foot>div{display:flex;flex-direction:column;gap:2px}.lightbox-foot strong{font:600 25px 'Cormorant Garamond',Georgia,serif;color:#f5dfba}.lightbox-foot span{font-size:11px;color:#a99c8a}
.lightbox-foot a{font:700 10px Cinzel,Georgia,serif;color:#e2bd7e;white-space:nowrap;letter-spacing:.08em}
@media(min-width:701px){.record-cover {height:auto;}.discography-grid{align-items:start}}
@media(max-width:900px){.record-cover {height:auto}}
@media(max-width:700px){.record{grid-template-columns:130px minmax(0,1fr)}.record-cover{width:130px;height:130px}.cover-zoom{display:none}.album-lightbox[popover]{width:min(96vw,600px)}.lightbox-panel{padding:9px}.lightbox-panel>img{max-height:calc(94dvh - 127px)}.lightbox-foot strong{font-size:21px}}
@media(max-width:400px){.record{grid-template-columns:110px minmax(0,1fr)}.record-cover{width:110px;height:110px}}
@media(prefers-reduced-motion:reduce){.record-cover img,.release-cover-trigger img,.cover-zoom{transition:none}}
/* Balanced two-item media column after removing redundant launch announcements. */
.video-side { grid-template-rows:repeat(2,minmax(0,1fr)); }


/* ================================================
   Band photography & performance gallery, edition 3
   Uses native HTML popovers, no JavaScript required.
================================================ */
.band-image{background:#080809;min-width:0}
.band-photo-trigger{position:relative;display:block;width:100%;height:100%;min-height:inherit;padding:0;margin:0;border:0;background:#080809;color:inherit;cursor:zoom-in;text-align:left;overflow:hidden}
.band-photo-trigger>img{width:100%;height:100%;object-fit:cover;object-position:center center;transition:transform .35s ease,filter .35s ease;filter:contrast(1.04)}
.band-photo-trigger:hover>img{transform:scale(1.025);filter:contrast(1.06) brightness(1.1)}
.band-photo-trigger:focus-visible,.moment:focus-visible{outline:2px solid var(--gold-bright);outline-offset:-4px}
.band-photo-label{position:absolute;z-index:3;left:30px;bottom:25px;display:flex;flex-direction:column;gap:4px;text-shadow:0 3px 11px #000;pointer-events:none}
.band-photo-label small{font:700 10px Cinzel,Georgia,serif;color:#e5c38b;letter-spacing:.1em}
.band-photo-label strong{font:600 clamp(28px,3vw,43px) Cinzel,Georgia,serif;color:#f5e0ba;letter-spacing:.08em}
.band-photo-trigger:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 54%,rgba(0,0,0,.75) 100%)}
/* Keep photo labels on top of the photo overlay */
.band-photo-label{z-index:4}
.band-moments{padding:53px clamp(24px,4.1vw,62px) 67px;border-top:1px solid var(--border);background:linear-gradient(140deg,#101015,#0b090b)}
.band-moments-heading{display:flex;justify-content:space-between;align-items:end;gap:45px;padding-bottom:25px}
.band-moments-heading h3{font:600 clamp(26px,3.2vw,42px) Cinzel,Georgia,serif;letter-spacing:-.035em;margin:11px 0 0}
.band-moments-heading h3 em{font:600 1.15em 'Cormorant Garamond',Georgia,serif;color:var(--gold)}
.band-moments-heading p{max-width:385px;margin:0;color:var(--muted);font-size:12px;line-height:1.85}
.moments-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:230px;gap:13px}
.moment{appearance:none;position:relative;display:block;overflow:hidden;width:100%;height:100%;padding:0;border:1px solid rgba(214,167,94,.39);cursor:zoom-in;background:#110e11;color:#f8d8a3;text-align:left}
.moment-featured{grid-column:span 2}
.moment img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 44%;transition:transform .4s ease,filter .4s ease;filter:saturate(.84) brightness(.89)}
.moment:nth-child(2) img{object-position:center 35%}
.moment:nth-child(5) img{object-position:center 55%}
.moment:hover img{transform:scale(1.045);filter:saturate(1) brightness(1)}
.moment:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 54%,rgba(0,0,0,.8) 100%);pointer-events:none}
.moment span{position:absolute;bottom:16px;left:18px;z-index:2;font:700 10px Cinzel,Georgia,serif;letter-spacing:.1em;text-shadow:0 2px 7px #000}
.photo-lightbox[popover]{width:min(96vw,1120px)}
.photo-lightbox .lightbox-panel>img{object-fit:contain;max-height:calc(94dvh - 143px)}
@media(max-width:900px){.band-photo-label{left:18px;bottom:20px}.band-moments{padding:45px 26px 56px}.moments-grid{grid-auto-rows:180px}}
@media(max-width:700px){.band-image{min-height:0;max-height:none;aspect-ratio:3/2}.band-image .band-photo-trigger{height:100%;min-height:0}.band-photo-trigger>img{object-fit:cover;object-position:center center}.band-moments{padding:38px 18px 47px}.band-moments-heading{display:block}.band-moments-heading p{margin:12px 0 0;font-size:12px}.moments-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:154px;gap:9px}.moment-featured{grid-column:span 2;grid-row:auto}.moment span{left:10px;bottom:10px;font-size:8px}.band-photo-label small{font-size:9px}.photo-lightbox .lightbox-foot strong{font-size:19px}}
@media(max-width:400px){.moments-grid{grid-auto-rows:130px}.band-photo-label{left:12px;bottom:11px}.band-photo-label strong{font-size:24px}}
@media(prefers-reduced-motion:reduce){.band-photo-trigger>img,.moment img{transition:none}}
/* The photo overlay is purely decorative and must not block clicks. */
.band-image::after{pointer-events:none}


/* =============================================
   GLORIUS V4: navigation + Spotify discography
   ============================================= */
/* The logo uses its original pixels. Only empty, transparent margins were trimmed. */
@media (min-width:1081px) {
  .site-header .header-inner {
    height: 116px;
    display: grid;
    grid-template-columns: minmax(240px,285px) minmax(0,1fr) 138px;
    gap: clamp(13px,1.7vw,26px);
    padding: 0 clamp(22px,2.4vw,34px);
  }
  .site-header .brand{min-width:0; width:100%; display:flex; align-items:center;}
  .site-header .brand img {width:100%;height:auto;max-height:105px;object-fit:contain;filter:brightness(1.09) contrast(1.09);}
  .site-header .desktop-nav {display:flex;min-width:0;gap:clamp(8px,1.1vw,19px);margin-left:0;justify-content:space-evenly;align-items:center;}
  .site-header .desktop-nav a {font-size:clamp(10px,.8vw,12px);font-weight:700;letter-spacing:.045em;}
  .site-header .header-action {justify-self:end;min-width:135px;padding:13px 11px;text-align:center;font-size:11px;letter-spacing:.035em;}
  .site-header .mobile-menu {display:none;}
}
/* Tablet: a clear menu button is preferable to squeezing the logo. */
@media (min-width:901px) and (max-width:1080px) {
  .site-header .header-inner{height:96px;padding:0 25px;gap:20px;display:flex;}
  .site-header .brand img{width:265px;max-height:88px;filter:brightness(1.08);}
  .site-header .desktop-nav,.site-header .header-action{display:none;}
  .site-header .mobile-menu{display:block;position:relative;margin-left:auto;}
  .site-header .mobile-menu summary{list-style:none;display:flex;flex-direction:column;gap:5px;align-items:center;justify-content:center;width:46px;height:46px;border:1px solid var(--border);cursor:pointer;}
  .site-header .mobile-menu summary::-webkit-details-marker{display:none;}
  .site-header .mobile-menu summary span{display:block;width:21px;height:1px;background:var(--gold-bright)}
  .site-header .mobile-menu nav{position:absolute;top:55px;right:0;z-index:25;width:min(310px,88vw);padding:14px 21px;background:#181216;border:1px solid var(--border);box-shadow:var(--shadow);}
  .site-header .mobile-menu nav a{display:block;padding:12px 6px;border-bottom:1px solid var(--border);font-family:Cinzel,Georgia,serif;font-size:11px;}
}
@media (max-width:900px) {
 .site-header .brand img{width:235px;max-height:70px;filter:brightness(1.08);}
}
@media (max-width:400px) {
 .site-header .brand img{width:min(55vw,220px)}
}
/* Spotify is an optional on-site preview, not the background soundtrack. */
.featured-tracks{margin-top:25px;border:1px solid rgba(216,173,103,.29);background:linear-gradient(140deg,rgba(32,24,26,.97),rgba(9,9,12,.97));padding:26px 28px 18px;box-shadow:0 18px 46px rgba(0,0,0,.22)}
.featured-tracks-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:16px}
.featured-tracks-heading h3{font:600 17px Cinzel,Georgia,serif;letter-spacing:.09em;color:#f4d89a;margin:0}
.featured-tracks-heading>span{font:600 9px Cinzel,Georgia,serif;letter-spacing:.12em;color:#ae9879}
.track-list{border-top:1px solid rgba(216,173,103,.22)}
.track-item{border-bottom:1px solid rgba(216,173,103,.19)}
.track-summary{display:grid;grid-template-columns:45px minmax(0,1fr) 64px 133px;align-items:center;gap:20px;padding:16px 5px;cursor:pointer;list-style:none;transition:background .2s}
.track-summary::-webkit-details-marker{display:none}
.track-summary:hover,.track-item[open] .track-summary{background:rgba(216,173,103,.055)}
.track-number{font:500 22px 'Cormorant Garamond',Georgia,serif;color:#ae8956;text-align:center}
.track-name{display:flex;flex-direction:column;line-height:1.3;gap:5px}
.track-name strong{font:600 24px 'Cormorant Garamond',Georgia,serif;color:#eee0c5}
.track-name small{font-size:11px;color:#ac9c88;letter-spacing:.04em}
.track-length{font:12px Manrope,Arial,sans-serif;color:#9d8b78}
.track-action{border:1px solid rgba(216,173,103,.42);padding:10px 10px;text-align:center;font:700 10px Cinzel,Georgia,serif;letter-spacing:.07em;color:#f2ce8e;white-space:nowrap}
.track-action span{margin-left:5px}
.track-item[open] .track-action{border-color:#dfb776;background:rgba(193,145,72,.15)}
.track-embed{padding:4px 0 21px 65px}
.track-embed iframe{display:block;width:100%;max-width:850px;border-radius:10px;background:#151518}
.track-hint{margin:1px 0 13px;font-size:12px;color:#bbaa95}
.track-hint strong{color:#edd199}
.track-legal{font-size:11px;line-height:1.75;color:#b2a18f;margin:19px 0 0}
.track-legal a{color:#edcf91;text-decoration:underline;text-underline-offset:4px}
.listen-panel-v4{margin-top:40px}
@media (max-width:700px){
 .featured-tracks{padding:19px 15px 12px}
 .featured-tracks-heading{align-items:flex-start;flex-direction:column;gap:5px}
 .featured-tracks-heading h3{font-size:14px}
 .track-summary{grid-template-columns:28px minmax(0,1fr) 94px;gap:10px;padding:13px 1px}
 .track-name strong{font-size:21px}
 .track-name small{font-size:10px}
 .track-number{font-size:18px}
 .track-length{display:none}
 .track-action{padding:9px 6px;font-size:9px}
 .track-embed{padding:2px 0 15px}
 .track-embed iframe{border-radius:8px}
}


/* ============================ GLORIUS V5 ============================ */
/* Complete original logo including crown and sword: keep all pixels visible */
@media(min-width:1081px){
 .site-header .header-inner{height:136px;grid-template-columns:minmax(255px,300px) minmax(0,1fr) 135px;gap:clamp(12px,1.5vw,22px)}
 .site-header .brand img{max-height:128px;width:100%;filter:none;object-fit:contain;object-position:left center}
 .site-header .desktop-nav{gap:clamp(6px,.95vw,14px)}
 .site-header .desktop-nav a{font-size:clamp(9px,.78vw,11px);letter-spacing:.03em}
}
@media(min-width:901px) and (max-width:1080px){
 .site-header .header-inner{height:118px}
 .site-header .brand img{width:260px;max-height:106px;filter:none}
}
@media(max-width:900px){.site-header .header-inner{min-height:96px;height:auto;padding-block:10px}.site-header .brand img{width:min(63vw,242px);max-height:105px;filter:none}}
@media(max-width:400px){.site-header .brand img{width:min(63vw,226px);max-height:98px}}
/* Song list: small play buttons + quick popover */
.listen-panel-v4 p{max-width:650px}
.track-list-v5 .track-row{display:grid;grid-template-columns:43px minmax(0,1fr) 62px 150px;align-items:center;gap:15px;min-height:83px;padding:14px 5px;border-bottom:1px solid rgba(216,173,103,.19)}
.track-list-v5 .track-row:hover{background:rgba(216,173,103,.045)}
.track-play-btn{appearance:none;background:transparent;border:1px solid rgba(216,173,103,.53);padding:12px 10px;cursor:pointer;color:#f3d3a0;font:700 10px Cinzel,Georgia,serif;letter-spacing:.06em;transition:background .2s, border-color .2s}
.track-play-btn:hover{background:rgba(203,153,77,.15);border-color:var(--gold-bright)}
.track-play-btn:focus-visible,.song-popover-close:focus-visible{outline:2px solid var(--gold-bright);outline-offset:3px}
.track-play-btn span{margin-right:7px}
.song-popover[popover]{position:fixed;inset:0;margin:auto;width:min(94vw,670px);max-height:94dvh;overflow:auto;padding:0;border:1px solid rgba(238,190,115,.75);color:var(--ivory);background:linear-gradient(145deg,#20171a,#09090b);box-shadow:0 25px 100px rgba(0,0,0,.7)}
.song-popover::backdrop{background:rgba(0,0,0,.82);backdrop-filter:blur(7px)}
.song-popover-inner{padding:16px 18px 13px}
.song-popover-top{display:flex;justify-content:space-between;gap:15px;align-items:start;margin-bottom:13px}
.song-popover-top h3{font:600 clamp(25px,4vw,35px) 'Cormorant Garamond',Georgia,serif;color:#f4d89a;margin:3px 0}
.song-popover-top p{color:#baa992;margin:0;font-size:11px}
.song-popover-close{width:38px;height:38px;flex:0 0 38px;appearance:none;border:1px solid var(--border);background:#160f11;color:#eac489;font-size:18px;cursor:pointer}
.song-video-slot{width:100%;aspect-ratio:16/9;background:radial-gradient(ellipse at center,#35221a,#08080a);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;overflow:hidden}
.song-video-slot iframe{display:block;width:100%;height:100%;border:0}
.song-video-slot>p{color:#b8a487;text-align:center;max-width:430px;padding:12px;font-size:12px}
.song-popover-footer{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center;gap:12px;padding-top:13px}
.song-popover-footer span{color:#988672;font:600 9px Cinzel,Georgia,serif;letter-spacing:.09em}
.song-popover-footer a{color:#f4d89a;font:700 10px Cinzel,Georgia,serif;letter-spacing:.07em}
@media(max-width:700px){
 .track-list-v5 .track-row{grid-template-columns:29px minmax(0,1fr) 112px;gap:9px;min-height:80px}
 .track-list-v5 .track-name strong{font-size:21px}
 .track-list-v5 .track-length{display:none}
 .track-play-btn{font-size:9px;padding:10px 6px}
 .song-popover-inner{padding:12px}
 .song-popover-top .eyebrow{font-size:8px}
}
/* Photo grid balanced to include every musician */
.moments-grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:196px}
.moment-featured{grid-column:span 2}
.moment-singer{grid-column:span 2}
.moment:nth-child(5) img{object-position:center 31%}
.moment-singer img{object-position:center 34%}
@media(max-width:900px){.moments-grid{grid-auto-rows:160px}}
@media(max-width:700px){.moments-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:155px}.moment-featured,.moment-singer{grid-column:span 2}.moment-singer img{object-position:center 28%}}
@media(max-width:400px){.moments-grid{grid-auto-rows:135px}}


/* ===============================================
   V6 · Mini reproductor estilo setlist.fm
   Flotante y discreto, sin backdrop ni recortes
================================================ */
.floating-player[hidden]{display:none!important}
.floating-player{
  position:fixed;right:18px;bottom:18px;z-index:10000;
  width:min(390px,calc(100vw - 36px));max-height:calc(100dvh - 36px);
  overflow:hidden;background:linear-gradient(145deg,#1e1718,#0a090b);
  color:#f7e9cf;border:1px solid #b88c4f;
  box-shadow:0 16px 68px rgba(0,0,0,.8),0 0 0 1px rgba(0,0,0,.8) inset;
  animation:player-enter .18s ease-out;
}
@keyframes player-enter{from{transform:translateY(12px);opacity:.4}to{transform:translateY(0);opacity:1}}
.floating-player-header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:13px 14px 10px}
.floating-player-title{min-width:0;display:flex;flex-direction:column;gap:3px}
.floating-player-title>span{font:600 9px Cinzel,Georgia,serif;letter-spacing:.14em;color:#b99764}
.floating-player-title strong{font:600 23px 'Cormorant Garamond',Georgia,serif;color:#f2d39b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.floating-player-close{appearance:none;display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border:1px solid rgba(222,176,108,.32);background:#141014;color:#ecc68b;cursor:pointer;font-size:17px}
.floating-player-close:hover{background:#382516}
.floating-player-screen{width:100%;aspect-ratio:16/9;min-height:170px;background:#080809;display:grid;place-items:center}
.floating-player-screen iframe{display:block;width:100%;height:100%;border:0;background:#080809}
.floating-player-help{padding:15px 21px;max-width:375px;text-align:left;font-family:Manrope,Arial,sans-serif;font-size:12px;line-height:1.7;color:#d2bda0}
.floating-player-help strong{display:block;font:600 13px Cinzel,Georgia,serif;color:#f1d19e;margin-bottom:8px;line-height:1.35}
.floating-player-help p{margin:0}
.floating-player-footer{padding:11px 14px;display:flex;align-items:center;justify-content:space-between;gap:14px}
.floating-player-footer span{max-width:230px;font:500 10px Manrope,Arial,sans-serif;color:#b2a28c;line-height:1.5}
.floating-player-footer a{font:700 9px Cinzel,Georgia,serif;white-space:nowrap;color:#f1cb8b;text-decoration:none}
.floating-player-footer a:hover{text-decoration:underline}
.track-play-btn.is-playing{background:rgba(217,159,68,.18);border-color:#f0c27a}
.track-play-btn:focus-visible,.floating-player-close:focus-visible,.floating-player-footer a:focus-visible{outline:2px solid #f1cb8b;outline-offset:2px}
/* Bass portrait is horizontal and looks better in the wide tile.
   Singer is vertical and is clearer in the standard tile. */
.moments-grid .moment-wide-bottom{grid-column:span 2}
.moments-grid .moment-wide-bottom img{object-position:center 38%}
.moments-grid [popovertarget="photo-cantante-en-vivo"] img{object-position:center 24%}
@media(max-width:700px){
  .floating-player{right:10px;bottom:10px;width:min(380px,calc(100vw - 20px))}
  .floating-player-header{padding:9px 12px 7px}
  .floating-player-title strong{font-size:21px}
  .floating-player-footer{padding:9px 12px}
  .moments-grid .moment-wide-bottom{grid-column:span 2}
}
@media(prefers-reduced-motion:reduce){.floating-player{animation:none}}


/* =============================================
   V7 · Official presentation refinements
============================================= */
/* Streaming destination with recognizable Spotify mark. */
.spotify-link{display:inline-flex;align-items:center;justify-content:center;gap:10px}
.spotify-mark{display:block;width:16px;height:16px;flex:0 0 16px}
.header-action.spotify-link{gap:9px}
.listen-panel .spotify-link .spotify-mark{width:18px;height:18px;flex-basis:18px}

/* Preserve natural colors in the band portrait. The subtle caption fade appears below. */
.band-image::after{display:none;content:none}
.band-photo-trigger>img,.band-photo-trigger:hover>img{filter:none}
.band-photo-label{padding:8px 12px 8px 0;text-shadow:0 2px 12px rgba(0,0,0,.93)}

/* The bass photo uses the new, brighter original and focuses on the musician. */
.moments-grid .moment-wide-bottom img{object-position:center 15%}
@media(max-width:700px){.moments-grid .moment-wide-bottom img{object-position:center 12%}}

/* Compact mini-player. The iframe itself controls YouTube branding. */
.floating-player-footer{justify-content:flex-end}
@media(max-width:700px){.header-action.spotify-link{gap:6px}}


/* =============================================
   GLORIUS V8 · Finishing details
============================================= */

/* Keep original band photograph bright; only shade its lower caption. */
.band-photo-trigger::after {
  content:"" !important;
  display:block !important;
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:2;
  background:linear-gradient(to bottom,
    transparent 61%,
    rgba(5,4,7,.10) 72%,
    rgba(5,4,7,.28) 87%,
    rgba(5,4,7,.59) 100%);
}
.band-photo-trigger > img,
.band-photo-trigger:hover > img {filter:none!important}

/* Gallery overlays touch only the lower edge, rather than dimming the musicians. */
.moment img {filter:saturate(.98) brightness(.98)}
.moment:hover img {filter:saturate(1) brightness(1)}
.moment::after {
  background:linear-gradient(to bottom,transparent 76%,rgba(4,4,6,.49) 100%);
}

/* Guitar portrait: upper anchoring keeps the face visible in a landscape card. */
.moments-grid .moment:nth-child(2) img {object-position:center 6%}
@media(max-width:700px){
  .moments-grid .moment:nth-child(2) img {object-position:center 4%}
}

/* A real, fluid ornamental divider; no repeated Unicode dash characters. */
.ornamental-divider {
  display:flex;align-items:center;gap:15px;
  width:100%;margin:21px 0 27px;
  color:var(--gold-bright);
}
.ornamental-divider::before,
.ornamental-divider::after {
  content:"";height:1px;min-width:0;flex:1;
  background:linear-gradient(90deg,transparent,rgba(224,179,101,.65));
}
.ornamental-divider::after {transform:scaleX(-1)}
.ornamental-center {
  display:grid;place-items:center;
  width:30px;height:30px;flex:0 0 30px;
  border:1px solid rgba(214,167,94,.48);
  transform:rotate(45deg);font-size:0;
}
.ornamental-center::before {
  content:"✦";display:block;
  font-size:16px;line-height:1;
  transform:rotate(-45deg);
}
.contact .ornamental-divider{max-width:540px;margin:18px auto 25px}

/* Preview of an upcoming show, with an accessible explanation on hover/focus. */
.ticket-wrap{position:relative;display:inline-flex;align-items:center;justify-content:center;justify-self:end;cursor:help}
.ticket-button{
  appearance:none;border:1px solid rgba(210,170,106,.35);
  background:rgba(170,131,73,.07);color:#c6ad85;
  padding:12px 18px;font:700 10px Cinzel,Georgia,serif;
  letter-spacing:.10em;white-space:nowrap;cursor:not-allowed;opacity:.82;
}
.ticket-button span{margin-left:9px;opacity:.5}
.ticket-tooltip{
  position:absolute;z-index:8;right:0;bottom:calc(100% + 11px);
  width:max-content;max-width:min(260px,80vw);
  background:#241a17;border:1px solid rgba(224,179,101,.5);
  color:#f2d8ad;font-size:11px;line-height:1.4;text-align:center;
  padding:9px 13px;pointer-events:none;
  box-shadow:0 8px 22px rgba(0,0,0,.55);
  visibility:hidden;opacity:0;transform:translateY(3px);
  transition:opacity .17s,transform .17s,visibility .17s;
}
.ticket-wrap:hover .ticket-tooltip,
.ticket-wrap:focus-visible .ticket-tooltip,
.ticket-wrap:focus-within .ticket-tooltip{
  visibility:visible;opacity:1;transform:translateY(0);
}
.ticket-wrap:focus-visible{outline:2px solid var(--gold-bright);outline-offset:4px}
@media(max-width:700px){.ticket-wrap{grid-column:2;justify-self:start}}

/* Calm, readable countdown inside the launch section. */
.release-countdown[hidden],.countdown-after[hidden]{display:none!important}
.release-countdown{
  border:1px solid rgba(211,166,91,.38);
  background:linear-gradient(120deg,rgba(55,37,29,.5),rgba(19,17,21,.62));
  padding:19px 20px 17px;margin:-9px 0 24px;
}
.countdown-eyebrow{
  display:block;margin-bottom:11px;
  color:var(--gold-bright);font:700 10px Cinzel,Georgia,serif;
  letter-spacing:.13em;
}
.countdown-digits{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.countdown-digits>div{min-width:0;text-align:center;padding:6px 2px;border-right:1px solid rgba(220,178,112,.22)}
.countdown-digits>div:last-child{border-right:0}
.countdown-digits strong{
  display:block;color:#f8e6c2;
  font:600 clamp(29px,3.2vw,40px) 'Cormorant Garamond',Georgia,serif;
  line-height:1.05;font-variant-numeric:tabular-nums;
}
.countdown-digits span{
  display:block;margin-top:5px;color:#bca88c;
  font:700 9px Cinzel,Georgia,serif;letter-spacing:.08em;
}
.countdown-after{margin:9px 0 0;color:#d8c3a2;font-size:12px}
.release-countdown.is-released .countdown-digits{display:none}
@media(max-width:400px){
 .release-countdown{padding:16px 12px 13px}
 .countdown-digits{gap:4px}
 .countdown-digits strong{font-size:31px}
 .countdown-digits span{font-size:8px;letter-spacing:0}
}
@media(prefers-reduced-motion:reduce){
 .ticket-tooltip{transition:none}
}


/* =============================================
   GLORIUS V9 · Typography, dates & ornament polish
   Keep Cinzel/Cormorant/Manrope roles consistent.
============================================= */
body{font-size:15px}
.section-heading p,
.release-copy > p:not(.eyebrow):not(.release-subtitle),
.band-text p{font-size:14px;line-height:1.85}
.record-info p,.event-main p,.news-card p,
.band-moments-heading p,.listen-panel p,
.hero-below>p{font-size:13px;line-height:1.85}
.eyebrow,.section-index{
  font-size:11px;letter-spacing:.14em;
}
.section-index{color:#bcaa91}
.news-card .news-meta,.event-category,.record-info>span,
.video-feature-copy small,.small-video small,
.band-photo-label small,.news-bottom>span{font-size:10.5px;letter-spacing:.085em}
.record-info>a,.news-card a,.text-arrow,.small-video div>span,
.event>a,.song-popover-footer a{font-size:11px}
.button,.track-play-btn,.ticket-button,.header-action{font-size:11px}
.art-note,.premiere-box small{font-size:11px}
.hero-below>span{font-size:11px}
.top-announcement{font-size:11px}
/* The paired thin rules and small gold diamond now form a single visual language. */
.page-divider{max-width:1160px;margin:0 auto 0;gap:18px;padding:0 23px}
.ornamental-divider::before,
.ornamental-divider::after{background:linear-gradient(90deg,transparent,rgba(217,171,101,.51))}
.ornamental-divider::after{transform:scaleX(-1)}
.ornamental-center{width:27px;height:27px;flex-basis:27px;border-color:rgba(224,185,124,.52)}
.ornamental-center::before{font-size:15px;color:#e3ba75}
/* Date is a single unit: day, month and year remain visually important. */
.event{grid-template-columns:178px minmax(0,1fr) auto;gap:24px}
.event-date{
  display:grid;grid-template-columns:74px minmax(0,1fr);
  align-items:center;column-gap:10px;
  padding-right:18px;text-align:left;
}
.event-date strong{
  font-family:'Cormorant Garamond',Georgia,serif;
  font-weight:600;font-size:66px;line-height:.85;
  font-variant-numeric:tabular-nums;
}
.event-date .date-meta{
  display:flex;flex-direction:column;align-items:flex-start;gap:3px;
  margin:0;min-width:0;
}
.event-date .date-month{
  display:block;margin:0;
  font:700 18px/1.15 Cinzel,Georgia,serif;
  letter-spacing:.04em;color:#f1d09a;
}
.event-date .date-year{
  display:block;margin:0;
  font:600 15px/1.25 Cinzel,Georgia,serif;
  letter-spacing:.07em;color:#d6ba90;
}
/* Small screens keep month/year readable without squeezing the event title. */
@media(max-width:900px) and (min-width:701px){
 .event{grid-template-columns:162px minmax(0,1fr) auto;gap:15px}
 .event-date{grid-template-columns:66px minmax(0,1fr);column-gap:8px;padding-right:12px}
 .event-date strong{font-size:60px}
 .event-date .date-month{font-size:16px}
 .event-date .date-year{font-size:14px}
}
@media(max-width:700px){
 .section-index,.eyebrow{font-size:10px;letter-spacing:.10em}
 .hero-heading p{font-size:10px;letter-spacing:.08em}
 .top-announcement{font-size:10px}
 .section-heading p,.release-copy > p:not(.eyebrow):not(.release-subtitle),
 .band-text p{font-size:13px}
 .event{grid-template-columns:121px minmax(0,1fr);gap:13px;padding:22px 3px}
 .event-date{grid-template-columns:53px minmax(0,1fr);column-gap:6px;padding-right:9px}
 .event-date strong{font-size:49px}
 .event-date .date-month{font-size:13px}
 .event-date .date-year{font-size:12px;letter-spacing:.02em}
 .event-main h3{font-size:25px}
 .record-info>span{font-size:10px}
 .moment span{font-size:10px}
 .page-divider{padding:0 18px}
}
@media(max-width:375px){
 .event{grid-template-columns:110px minmax(0,1fr);gap:10px}
 .event-date{grid-template-columns:49px minmax(0,1fr);column-gap:4px}
 .event-date strong{font-size:45px}
 .event-date .date-month,.event-date .date-year{font-size:11px}
}


/* ==========================================================
   GLORIUS V11 · Concert date alignment and ornament hierarchy
   ========================================================== */

/* The page-wide diamond is the main ornament. The album intro uses
   a quieter centered gold hairline, avoiding competing diamonds. */
.release-rule {
  width: 100%;
  height: 1px;
  margin: 26px 0 29px;
  background: linear-gradient(90deg,
    transparent 0%,
    rgba(207, 162, 90, .47) 18%,
    rgba(231, 186, 109, .82) 50%,
    rgba(207, 162, 90, .47) 82%,
    transparent 100%);
}

/* The concert date is one balanced, consistent block: day on the left,
   and month/year aligned vertically in the right-hand column. */
.events .event {
  grid-template-columns: 190px minmax(0, 1fr) auto;
  gap: 24px;
  min-height: 143px;
  align-items: center;
}
.events .event-date {
  display: grid;
  grid-template-columns: 76px 1fr;
  align-items: center;
  justify-content: start;
  column-gap: 14px;
  align-self: center;
  min-height: 92px;
  margin: 0;
  padding: 0 15px 0 0;
  border-right: 1px solid var(--border);
  text-align: left;
}
.events .event-date strong {
  display: block;
  margin: 0;
  font-size: 69px;
  line-height: 1;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
}
.events .event-date .date-meta {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 5px;
  min-width: 0;
  margin: 0;
  line-height: 1;
}
.events .event-date .date-month {
  display: block;
  margin: 0;
  font: 700 18px/1.1 Cinzel, Georgia, serif;
  letter-spacing: .04em;
}
.events .event-date .date-year {
  display: block;
  margin: 0;
  font: 600 15px/1.2 Cinzel, Georgia, serif;
  letter-spacing: .055em;
}
.events .event-main {min-width: 0;align-self: center;}

@media (min-width:701px) and (max-width:1000px) {
  .events .event {grid-template-columns: 163px minmax(0, 1fr) auto;gap:16px;}
  .events .event-date {grid-template-columns: 65px 1fr;column-gap:8px;min-height:85px;padding-right:10px;}
  .events .event-date strong {font-size:60px;}
  .events .event-date .date-month {font-size:16px;}
  .events .event-date .date-year {font-size:13px;}
}
@media (max-width:700px) {
  .events .event {grid-template-columns: 125px minmax(0, 1fr);gap:14px;min-height:124px;}
  .events .event-date {grid-template-columns: 54px 1fr;column-gap:6px;min-height:82px;padding-right:9px;}
  .events .event-date strong {font-size:49px;}
  .events .event-date .date-month {font-size:13px;}
  .events .event-date .date-year {font-size:12px;}
}
@media (max-width:375px) {
  .events .event {grid-template-columns: 113px minmax(0, 1fr);gap:10px;}
  .events .event-date {grid-template-columns:49px 1fr;column-gap:4px;padding-right:5px;}
  .events .event-date strong {font-size:45px;}
  .events .event-date .date-month {font-size:12px;}
  .events .event-date .date-year {font-size:11px;}
}


/* GLORIUS V12 · The story behind the music */
/* Two release moments are deliberately distinct: single (23 Oct) and album (30 Oct). */
.release-dates{
  display:grid;grid-template-columns:1fr 1fr;gap:12px;
  margin:23px 0 24px;
}
.release-date{
  position:relative;min-width:0;padding:13px 12px 13px 15px;
  border:1px solid rgba(215,169,101,.28);
  border-left:2px solid var(--gold);
  background:linear-gradient(125deg,rgba(183,127,64,.12),rgba(20,17,19,.6));
  display:flex;flex-direction:column;justify-content:center;gap:5px;
}
.release-date span{
  font:700 10px/1.45 Cinzel,Georgia,serif;
  letter-spacing:.06em;color:#d9b982;
}
.release-date strong{
  font:700 clamp(13px,1.25vw,17px)/1.2 Cinzel,Georgia,serif;
  letter-spacing:0;color:#f7e5c5;white-space:nowrap;
}
.release-date small{font:500 11px/1.45 Manrope,Arial,sans-serif;color:#bdb0a0}
.release-date-album{border-left-color:#e5bf7d}
/* A touch more breathing room for the genuine stories, without extra sections. */
.record-info p{line-height:1.75}
.band-text .members{margin-top:23px}
.news-card-solidarity{background:linear-gradient(155deg,#211b1c,#100f11 80%)}
@media(max-width:1040px){
  .release-dates{grid-template-columns:1fr;gap:9px}
  .release-date{padding:12px 14px;gap:3px}
  .release-date strong{font-size:16px}
}
@media(max-width:700px){
  .release-dates{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .release-date{padding:11px}
  .release-date span{font-size:9px}
  .release-date strong{font-size:12px;white-space:normal}
  .release-date small{font-size:10px}
}
@media(max-width:390px){
  .release-dates{grid-template-columns:1fr}
  .release-date strong{font-size:15px}
}

/* Keep the desktop Spotify CTA hidden on mobile. The menu already links to Spotify. */
@media (max-width:900px) {
  .site-header .header-action.spotify-link {display:none}
}


/* =============================================================
   GLORIUS V13 | TYPOGRAPHY REFINEMENT
   Preserve the original neoclassical identity. Increase the
   legibility of navigation, descriptive text, links and actions.
   ============================================================= */
:root {
  --muted: #c4b7aa;
  --muted-dark: #ab9a8b;
}
body {
  font-size: 16px;
  line-height: 1.75;
}

/* Cinzel remains the display/navigation face. Larger text, less tracking. */
.top-announcement {
  font-size: 12px;
  letter-spacing: .055em;
  line-height: 1.55;
}
.site-header .desktop-nav a {
  position: relative;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: .025em;
  line-height: 1.45;
  color: #e5d2b5;
  padding: 11px 2px;
}
.site-header .desktop-nav a::after {
  content: "";
  position: absolute;
  height: 1px;
  right: 2px;
  bottom: 5px;
  left: 2px;
  background: #e9c684;
  transform: scaleX(0);
  transform-origin: center;
  transition: transform .2s ease;
}
.site-header .desktop-nav a:hover,
.site-header .desktop-nav a:focus-visible {
  color: #f7deab;
}
.site-header .desktop-nav a:hover::after,
.site-header .desktop-nav a:focus-visible::after {
  transform: scaleX(1);
}
.site-header .header-action {
  min-width: 145px;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .025em;
  padding: 14px 13px;
}
.site-header .mobile-menu nav a {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: .035em;
  padding: 14px 8px;
  color: #ebd5b0;
}
.site-header .mobile-menu nav a:hover,
.site-header .mobile-menu nav a:focus-visible {
  color: #ffe4ad;
  background: rgba(217, 159, 68, .07);
}

/* Readable secondary labels and section introductions. */
.eyebrow, .section-index {
  font-size: 12px;
  letter-spacing: .11em;
  line-height: 1.65;
}
.section-index { color: #bcad96; }
.hero-heading p {
  font-size: 12px;
  letter-spacing: .13em;
}
.hero-below > span {
  font-size: 12px;
  letter-spacing: .12em;
}
.hero-below > p {
  font-size: 15px;
  line-height: 1.85;
}
.section-heading h2 { letter-spacing: -.025em; }
.section-heading p {
  font-size: 15px;
  line-height: 1.78;
  color: #c4b6a8;
}
.release-copy > p:not(.eyebrow):not(.release-subtitle) {
  font-size: 15px;
  line-height: 1.85;
  color: #c4b6a8;
}
.release-date span { font-size: 11.5px; }
.release-date small { font-size: 12px; }

/* The main calls to action must read as buttons, not microcopy. */
.button {
  font-size: 13px;
  letter-spacing: .04em;
  line-height: 1.45;
  padding: 14px 20px;
}
.record-info > span {
  font-size: 11.5px;
  letter-spacing: .1em;
}
.record-info p {
  font-size: 14.5px;
  line-height: 1.8;
  color: #c5b9ad;
}
.record-info > a {
  font-size: 12.5px;
  letter-spacing: .055em;
}
.listen-panel p {
  font-size: 14px;
  line-height: 1.75;
}
.featured-tracks-heading h3 { font-size: 18px; }
.track-name small { font-size: 12px; color: #c5b6a6; }
.track-length { font-size: 12.5px; color: #b9a892; }
.track-play-btn {
  font-size: 12px;
  letter-spacing: .03em;
  padding: 12px 9px;
}

/* More generous copy and meaningful labels across the rest of the site. */
.band-text p {
  font-size: 15px;
  line-height: 1.85;
  color: #c4b7a9;
}
.band-moments-heading p {
  font-size: 15px;
  line-height: 1.8;
}
.band-photo-label small, .moment span,
.gallery-grid span {
  font-size: 11.5px;
  letter-spacing: .055em;
}
.video-feature-copy small,
.small-video small {
  font-size: 11.5px;
  letter-spacing: .075em;
}
.video-feature-copy > span,
.small-video div > span,
.text-arrow { font-size: 12.5px; }
.event-category {
  font-size: 12px;
  letter-spacing: .08em;
}
.event-main p {
  font-size: 14px;
  line-height: 1.75;
}
.ticket-button {
  font-size: 12px;
  letter-spacing: .055em;
  padding: 12px 17px;
}
.ticket-tooltip { font-size: 12px; }
.news-card .news-meta {
  font-size: 11.5px;
  letter-spacing: .055em;
}
.news-card h3 { line-height: 1.15; }
.news-card p {
  font-size: 14.5px;
  line-height: 1.85;
  color: #c8b9ac;
}
.news-card a {
  font-size: 12px;
  letter-spacing: .04em;
}
.news-bottom > span { font-size: 11.5px; color: #ad9c8b; }
.contact p {
  font-size: 15px;
  line-height: 1.8;
}
.social-list a {
  font-size: 12.5px;
  letter-spacing: .025em;
  padding: 13px 18px;
}
.contact small { font-size: 12px; color: #b4a595; }
.footer-inner p, .footer-inner span {
  font-size: 11.5px;
  letter-spacing: .035em;
  line-height: 1.65;
  color: #b5a594;
}

/* A more spacious desktop header. Keep the full logo visible. */
@media (min-width: 1190px) {
  .site-header .header-inner {
    height: 130px;
    display: grid;
    grid-template-columns: minmax(245px, 275px) minmax(0, 1fr) 146px;
    gap: clamp(12px, 1.3vw, 18px);
    padding-inline: clamp(23px, 2.3vw, 32px);
  }
  .site-header .brand img {
    width: 100%;
    max-height: 120px;
    object-fit: contain;
  }
  .site-header .desktop-nav {
    display: flex;
    justify-content: space-between;
    gap: clamp(8px, 1.05vw, 15px);
    margin-left: 0;
    min-width: 0;
  }
  .site-header .mobile-menu { display: none; }
}

/* Switch to the readable compact menu BEFORE the logo and links collide. */
@media (min-width: 901px) and (max-width: 1189px) {
  .site-header .header-inner {
    display: flex;
    height: 106px;
    gap: 18px;
    padding: 0 26px;
  }
  .site-header .brand { display: flex; align-items: center; width: auto; }
  .site-header .brand img {
    width: min(29vw, 246px);
    max-height: 101px;
    object-fit: contain;
  }
  .site-header .desktop-nav,
  .site-header .header-action { display: none; }
  .site-header .mobile-menu {
    display: block;
    position: relative;
    margin-left: auto;
  }
  .site-header .mobile-menu summary {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 5px;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    border: 1px solid var(--border);
    cursor: pointer;
  }
  .site-header .mobile-menu summary::-webkit-details-marker { display: none; }
  .site-header .mobile-menu summary span {
    display: block;
    width: 21px;
    height: 1px;
    background: var(--gold-bright);
  }
  .site-header .mobile-menu nav {
    position: absolute;
    top: 55px;
    right: 0;
    z-index: 25;
    width: min(310px, 88vw);
    padding: 14px 21px;
    background: #181216;
    border: 1px solid var(--border);
    box-shadow: var(--shadow);
  }
}

/* Mobile still gets a clear hierarchy without crowding smaller cards. */
@media (max-width: 900px) {
  .site-header .mobile-menu nav a { font-size: 14px; }
  .site-header .header-action.spotify-link { display: none; }
}
@media (max-width: 700px) {
  .top-announcement { font-size: 11px; letter-spacing: .035em; }
  .hero-heading p { font-size: 10.5px; letter-spacing: .075em; }
  .hero-below > span { font-size: 11.5px; letter-spacing: .08em; }
  .hero-below > p { font-size: 14.5px; }
  .eyebrow, .section-index { font-size: 11px; letter-spacing: .085em; }
  .section-heading p,
  .release-copy > p:not(.eyebrow):not(.release-subtitle),
  .band-text p { font-size: 14.5px; }
  .record-info > span { font-size: 11px; }
  .record-info p { font-size: 14px; }
  .record-info > a { font-size: 12px; }
  .button { font-size: 12.5px; padding: 13px 17px; }
  .track-list-v5 .track-name small { font-size: 11.5px; }
  .track-play-btn { font-size: 11px; padding: 10px 7px; }
  .song-popover-top .eyebrow { font-size: 10px; }
  .video-feature-copy small, .small-video small { font-size: 11px; }
  .band-moments-heading p { font-size: 14px; }
  .moment span { font-size: 11px; }
  .event-category { font-size: 11px; }
  .event-main p { font-size: 13px; }
  .ticket-button { font-size: 11px; }
  .news-card .news-meta { font-size: 11px; }
  .news-card p { font-size: 14px; }
  .news-card a { font-size: 12px; }
  .release-date span { font-size: 10.5px; }
  .release-date small { font-size: 11.5px; }
  .contact p { font-size: 14.5px; }
  .social-list a { font-size: 12px; }
  .footer-inner p, .footer-inner span { font-size: 11px; }
}
@media (max-width: 390px) {
  .record-info p { font-size: 13.5px; }
  .top-announcement { font-size: 10.5px; }
  .track-play-btn { font-size: 10.5px; }
}
@media (prefers-reduced-motion: reduce) {
  .site-header .desktop-nav a::after { transition: none; }
}


/* ================================================================
   GLORIUS V14 | SINGLE-FIRST, VISUAL HIERARCHY AND SOCIAL ICONS
   Keep all 3 brand fonts. Only spacing, readability and layout change.
   ================================================================ */

/* Give the single its own date and countdown; album date sits in its album card. */
.release-dates{display:block;margin:23px 0 18px;max-width:480px}
.release-date-single{min-height:75px;padding:15px 19px;border-left-width:3px;background:linear-gradient(100deg,rgba(207,148,69,.20),rgba(20,17,19,.32))}
.release-date-single span{font-size:12px;letter-spacing:.08em;color:#eed19e}
.release-date-single strong{font-size:clamp(18px,2vw,25px);letter-spacing:.015em;white-space:normal}
.release-countdown{margin-top:8px}
.countdown-eyebrow{font-size:13px;letter-spacing:.12em;color:#eed5aa}
.album-launch-note{display:grid;align-content:start;gap:5px;border-top:1px solid rgba(217,178,106,.27);padding-top:15px;margin-top:16px}
.album-launch-note span{font:700 11px/1.4 Cinzel,Georgia,serif;letter-spacing:.11em;color:#c9a66a}
.album-launch-note strong{font:700 17px/1.35 Cinzel,Georgia,serif;letter-spacing:.015em;color:#ecd09d}
.album-launch-note small{font:500 13px/1.65 Manrope,Arial,sans-serif;color:#bfb0a1}

/* Band lineup: important information, not fine print. */
.band-text .members{margin-top:26px;padding:24px 0 22px}
.band-text .members>span{display:block;font:700 16px/1.5 Cinzel,Georgia,serif;letter-spacing:.10em;color:#e9c98f;margin-bottom:15px}
.band-text .members ul{margin-top:0;gap:10px}
.band-text .members li{font:400 15.5px/1.65 Manrope,Arial,sans-serif;color:#cdc0b1}
.band-text .members li strong{color:#f5e0c5;font-weight:700}

/* Better-sized subtitle above the hero video; comfortable on small screens. */
.hero-heading p{font-size:14px;letter-spacing:.105em;font-weight:600;color:#dbc29a}
.hero-heading{gap:16px}
.hero-heading .side-rule{width:min(9%,102px)}

/* Keep the full logo clear, with a deliberately separated group of icons. */
.header-socials{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex:0 0 auto}
.social-icon{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;flex:0 0 38px;color:#d4b477;border:1px solid rgba(216,173,103,.28);background:rgba(20,16,19,.52);transition:color .18s ease,border-color .18s ease,background .18s ease,transform .18s ease;text-decoration:none}
.social-icon svg{display:block;width:19px;height:19px}
.social-icon:hover{color:#ffe4aa;border-color:rgba(238,195,117,.82);background:rgba(165,113,57,.12);transform:translateY(-1px)}
.social-icon:focus-visible{outline:2px solid #ffda91;outline-offset:3px}
.mobile-spotify{display:none}
@media (min-width:1220px){
  .site-header .header-inner{display:grid;grid-template-columns:minmax(220px,238px) minmax(0,1fr) 176px;column-gap:clamp(23px,2.3vw,34px);padding-inline:clamp(25px,2.6vw,34px);height:120px;align-items:center}
  .site-header .brand img{width:100%;max-height:109px;object-fit:contain}
  .site-header .desktop-nav{display:flex;justify-content:space-between;gap:13px;margin:0;min-width:0}
  .site-header .desktop-nav a{font-size:13px;letter-spacing:.015em;white-space:nowrap;padding:13px 0}
  .site-header .mobile-menu{display:none}
  .site-header .header-socials{display:flex;gap:8px}
}
/* Earlier switch to a mobile navigation so typography never shrinks to fit. */
@media (max-width:1219px){
  .site-header .header-inner{display:flex;align-items:center;gap:13px;min-height:96px;height:auto;padding:10px 24px}
  .site-header .brand img{width:min(29vw,245px);max-height:106px}
  .site-header .desktop-nav,.site-header .header-socials{display:none}
  .site-header .mobile-menu{display:block;position:relative;margin-left:0}
  .site-header .mobile-spotify{display:inline-flex;margin-left:auto}
  .site-header .mobile-menu summary{list-style:none;display:flex;flex-direction:column;gap:5px;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--border);cursor:pointer}
  .site-header .mobile-menu summary span{display:block;width:21px;height:1px;background:var(--gold-bright)}
  .site-header .mobile-menu nav{position:absolute;top:53px;right:0;z-index:40;width:min(315px,88vw);padding:13px 19px;background:#181216;border:1px solid var(--border);box-shadow:var(--shadow)}
  .site-header .mobile-menu nav a{display:block;padding:13px 8px;font-size:14px;border-bottom:1px solid rgba(216,173,103,.17)}
}

/* Replace an oversized CTA with a refined, useful footer. */
.footer{border-top:1px solid rgba(216,173,103,.32);background:linear-gradient(115deg,rgba(24,17,21,.9),rgba(8,8,9,.98));padding:29px 29px 24px;margin-top:62px}
.footer-inner{max-width:1190px;margin:auto;display:grid;grid-template-columns:155px minmax(0,1fr) auto;gap:22px;align-items:center}
.footer-logo img{width:145px;height:auto}
.footer-inner p{font-size:12px;color:#c2ae91;text-align:center;letter-spacing:.06em;margin:0}
.footer-inner>span{grid-column:1 / -1;text-align:center;font-size:11px;color:#b5a594;letter-spacing:.05em;border-top:1px solid rgba(214,170,103,.15);padding-top:13px}
.footer-socials{display:flex;gap:12px;align-items:center;justify-content:flex-end}
.footer-socials .socials-label{font:600 11px/1.4 Cinzel,Georgia,serif;color:#c9ac79;letter-spacing:.10em}
.social-icon-list{display:flex;gap:8px;align-items:center}
.footer .social-icon{width:36px;height:36px;flex-basis:36px}
.footer .social-icon svg{width:18px;height:18px}
@media (max-width:900px){
  .footer-inner{grid-template-columns:1fr;gap:18px;justify-items:center;text-align:center}
  .footer-socials{justify-content:center;flex-wrap:wrap}
  .footer-inner>span{grid-column:1}
}
@media (max-width:700px){
  .site-header .header-inner{padding:10px 17px;gap:11px}
  .site-header .brand img{width:min(57vw,223px);max-height:94px}
  .site-header .mobile-spotify{width:38px;height:38px;flex-basis:38px}
  .site-header .mobile-menu summary{width:40px;height:40px}
  .hero-heading p{font-size:clamp(11px,2.3vw,13px);letter-spacing:.035em;white-space:nowrap}
  .hero-heading{gap:8px}
  .hero-heading .side-rule{width:6%}
  .band-text .members>span{font-size:15px}
  .band-text .members li{font-size:14.5px;line-height:1.65}
  .release-date-single span{font-size:11px}
  .release-date-single strong{font-size:19px}
  .album-launch-note strong{font-size:16px}
  .footer{padding:29px 18px 22px;margin-top:35px}
  .footer-socials .socials-label{font-size:12px}
}
@media (max-width:365px){
  .site-header .brand img{width:53vw}
  .hero-heading p{font-size:10.5px;letter-spacing:.015em}
  .hero-heading .side-rule{width:5%}
  .footer-socials{gap:10px}
}
@media (prefers-reduced-motion:reduce){.social-icon{transition:none}}

/* Header layout guard at the desktop-to-compact breakpoint. */
@media (min-width:901px) and (max-width:1219px){
 .site-header .brand{flex:0 0 auto;width:auto;max-width:260px}
 .site-header .mobile-spotify{margin-left:auto}
 .site-header .mobile-menu{flex:0 0 auto}
}


/* GLORIUS V15 | Official direct contact in the compact footer */
.footer-contact{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px}
.footer-contact p{margin:0}
.footer-contact-links{display:flex;align-items:center;justify-content:center;column-gap:23px;row-gap:10px;flex-wrap:wrap}
.footer-contact-links a{display:inline-flex;align-items:center;gap:8px;min-height:34px;color:#e9cfaa;font:500 13px/1.45 Manrope,'Segoe UI',Arial,sans-serif;letter-spacing:0;text-decoration:none;transition:color .15s ease}
.footer-contact-links a svg{display:block;width:17px;height:17px;flex:none;color:#cba76b}
.footer-contact-links a:hover{color:#fff3d8;text-decoration:underline;text-decoration-color:#d5ad72;text-underline-offset:4px}
.footer-contact-links a:focus-visible{outline:2px solid #ffda91;outline-offset:4px}
@media (min-width:901px) and (max-width:1120px){
 .footer-inner{grid-template-columns:125px minmax(0,1fr) auto;column-gap:12px}
 .footer-logo img{width:125px}
 .footer-contact-links{gap:7px 13px}
 .footer-contact-links a{font-size:12px}
}
@media (max-width:900px){
 .footer-contact{gap:9px}
 .footer-contact-links{column-gap:20px;row-gap:5px}
}
@media (max-width:450px){
 .footer-contact-links{flex-direction:column;gap:4px}
 .footer-contact-links a{font-size:13px}
}
@media (prefers-reduced-motion:reduce){.footer-contact-links a{transition:none}}


/* ========================================================
   GLORIUS V16 | Focused layout polish
   Only the agreed four changes relative to V15.
   ======================================================== */

/* Restore the compact, understated premiere date treatment. */
.release-dates {
  display: block;
  width: 100%;
  max-width: 405px;
  margin: 18px 0 17px;
}
.release-date-single {
  min-height: 0;
  padding: 7px 0 8px 18px;
  gap: 3px;
  border: 0;
  border-left: 2px solid var(--gold);
  background: transparent;
  box-shadow: none;
}
.release-date-single span {
  font-size: 10px;
  font-weight: 600;
  letter-spacing: .12em;
  line-height: 1.4;
  color: #d7b77f;
}
.release-date-single strong {
  font-size: clamp(16px, 1.5vw, 20px);
  font-weight: 600;
  line-height: 1.35;
  letter-spacing: .01em;
  color: #f6e0b9;
  white-space: normal;
}

/* The Eterno album note is part of the album card: no top rule. */
.album-launch-note {
  border-top: 0;
  padding-top: 0;
  margin-top: 14px;
}

/* Center each concert day optically against the month/year pair.
   Cormorant's numeral ink sits slightly low within its line box. */
.event-date {
  align-items: center;
}
.event-date > strong {
  display: block;
  align-self: center;
  line-height: 1;
  transform: translateY(-.08em);
}
.event-date .date-meta {
  display: flex;
  align-self: center;
  justify-content: center;
  gap: 3px;
}

/* More air at both ends of the navigation group, without shrinking text. */
@media (min-width: 1220px) {
  .site-header .header-inner {
    grid-template-columns: minmax(220px, 238px) minmax(0, 1fr) 176px;
    column-gap: clamp(39px, 3.5vw, 48px);
  }
  .site-header .desktop-nav {
    justify-content: space-between;
    gap: 13px;
    padding-inline: 11px;
  }
}
@media (max-width: 700px) {
  .release-dates { max-width: 100%; }
  .release-date-single { padding-left: 13px; }
  .release-date-single span { font-size: 9.5px; }
  .release-date-single strong { font-size: 16px; }
  .event-date > strong { transform: translateY(-.055em); }
}


/* V18: cinematic hero leads directly into the featured Eterno release. */
.hero + .page-divider { margin: 26px auto 0; }
.page-divider + .release.section { padding-top: 44px; }
@media (max-width: 700px) {
  .hero + .page-divider { margin-top: 18px; }
  .page-divider + .release.section { padding-top: 34px; }
}

/* ===============================================================
   GLORIUS V19 | Calmer transitions between sections
   Keep all content and internal component spacing unchanged.
   =============================================================== */

/* Between the cinematic hero and Eterno: a short, quiet gold rule.
   The old diamond and full-width divider have been removed. */
.hero + .page-divider {
  display: block;
  width: min(156px, 40vw);
  max-width: none;
  height: 1px;
  padding: 0;
  margin: 26px auto 0;
  background: linear-gradient(90deg, transparent, rgba(213, 165, 95, .76) 50%, transparent);
}
.page-divider::before,
.page-divider::after { content: none; }
.page-divider + .release.section { padding-top: 48px; }

/* Rhythmic section spacing: generous enough for the cinematic
   layout, without doubling the whitespace at section boundaries. */
.release.section { padding-bottom: 74px; }
.music.section { padding-top: 74px; padding-bottom: 74px; }
.band { margin-top: 24px; }
.videos.section { padding-top: 74px; padding-bottom: 72px; }
.concerts.section { padding-top: 40px; padding-bottom: 74px; }
.news.section { padding-top: 38px; padding-bottom: 74px; }
.footer { margin-top: 38px; }

@media (max-width: 700px) {
  .hero + .page-divider { width: min(120px, 34vw); margin-top: 19px; }
  .page-divider + .release.section { padding-top: 38px; }
  .release.section { padding-bottom: 51px; }
  .music.section { padding-top: 50px; padding-bottom: 50px; }
  .band { margin-top: 18px; }
  .videos.section { padding-top: 53px; padding-bottom: 49px; }
  .concerts.section { padding-top: 35px; padding-bottom: 52px; }
  .news.section { padding-top: 31px; padding-bottom: 55px; }
  .footer { margin-top: 24px; }
}


/* ===============================================================
   GLORIUS V20 | Uninterrupted cinematic opening
   The music style/origin remains in the footer. Remove only the
   redundant line above the hero and reclaim vertical screen space.
   =============================================================== */

/* A shorter header still gives the full original GLORIUS logo room. */
@media (min-width: 1220px) {
  .site-header .header-inner {
    height: 102px;
    grid-template-columns: 210px minmax(0, 1fr) 176px;
    column-gap: clamp(39px, 3.5vw, 48px);
  }
  .site-header .brand img {
    width: 100%;
    max-height: 92px;
  }
}

/* At narrower widths, keep the compact nav and modestly smaller logo. */
@media (min-width: 701px) and (max-width: 1219px) {
  .site-header .header-inner {
    min-height: 82px;
    padding-block: 7px;
  }
  .site-header .brand img {
    width: min(26vw, 208px);
    max-height: 91px;
  }
}

/* No headline above the video: the footage is the introduction. */
.hero {
  padding-top: 16px;
}
.video-shell {
  margin-top: 0;
}

@media (max-width: 700px) {
  .site-header .header-inner {
    min-height: 0;
    padding: 8px 17px;
  }
  .site-header .brand img {
    width: min(50vw, 194px);
    max-height: 85px;
  }
  .hero {
    padding-top: 8px;
  }
}
@media (max-width: 365px) {
  .site-header .brand img {
    width: min(51vw, 178px);
  }
}


/* ===============================================================
   GLORIUS V22 | Original ornamental heading on tall desktop screens
   Restore the V19 horizontal gold rules, type sizing and spacing.
   Standard 1080p, tablet and mobile screens keep the V20 hero.
   =============================================================== */
.hero-genre { display: none; }
@media (min-width: 1220px) and (min-height: 1100px) {
  /* Preserve the breathing room that surrounded the original title. */
  .hero { padding-top: 26px; }
  .hero-genre {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    gap: 16px;
    margin: 0 0 12px;
  }
  .hero-genre p {
    margin: 0;
    color: #dbc29a;
    font: 600 14px/1.5 Cinzel, Georgia, serif;
    letter-spacing: .105em;
    white-space: nowrap;
  }
  .hero-genre .side-rule {
    width: min(9%, 102px);
    height: 1px;
    background: linear-gradient(to right, transparent, var(--gold));
  }
  .hero-genre .side-rule:last-child { transform: scaleX(-1); }
}


/* GLORIUS V25 | Retratos del video integrados en la sección La banda.
   El hero conserva la composición limpia de V22. */
.band-members{
  padding:35px clamp(24px,4.1vw,62px) 44px;
  border-top:1px solid var(--border);
  background:linear-gradient(120deg,#121015,#0d0b0d);
}
.band-members-heading{display:flex;align-items:center;justify-content:flex-start;gap:20px;margin-bottom:22px}
.band-members-heading h3{
  margin:0;color:#e7c78f;font:700 16px/1.5 Cinzel,Georgia,serif;letter-spacing:.1em;
}
.band-members-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.member-card{
  appearance:none;display:flex;flex-direction:column;width:100%;min-width:0;padding:0;
  background:#100e11;border:1px solid rgba(205,160,93,.38);text-align:left;
  color:var(--ivory);cursor:zoom-in;overflow:hidden;
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}
.member-card>img{
  display:block;width:calc(100% - 20px);aspect-ratio:1 / 1;height:auto;margin:10px auto 0;
  object-fit:cover;object-position:center 46%;filter:contrast(1.02) saturate(.88);
  border:1px solid rgba(205,160,93,.22);transition:filter .22s ease,transform .22s ease;
}
.member-card-copy{
  display:flex;flex-direction:column;flex:1;justify-content:flex-start;
  gap:5px;min-height:83px;padding:13px 12px 15px;
  background:linear-gradient(180deg,#1b1519,#110f13);
}
.member-card-copy strong{
  font:600 clamp(17px,1.7vw,23px)/1.12 'Cormorant Garamond',Georgia,serif;
  color:#f5dfbb;
}
.member-card-copy>span{font:500 11px/1.5 Manrope,Arial,sans-serif;color:#baaa97}
.member-card:hover,.member-card:focus-visible{
  border-color:#e6bd79;box-shadow:0 11px 27px rgba(0,0,0,.4);transform:translateY(-3px);
}
.member-card:hover>img,.member-card:focus-visible>img{filter:contrast(1.04) saturate(1) brightness(1.09);transform:scale(1.03)}
.member-card:focus-visible{outline:2px solid #f1d399;outline-offset:3px}
.member-lightbox[popover]{width:min(94vw,720px)}
.member-lightbox .lightbox-panel>img{
  display:block;width:auto;height:auto;max-width:100%;max-height:calc(94dvh - 141px);
  aspect-ratio:auto;object-fit:contain;background:#060607;
}
.member-lightbox .lightbox-foot strong{font-size:clamp(23px,3vw,30px)}
.member-lightbox .lightbox-foot span{font-size:12px}
@media(max-width:1000px){
  .band-members-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
  .member-card>img{width:calc(100% - 18px);margin-top:9px}
}
@media(max-width:700px){
  .band-members{padding:29px 18px 37px}
  .band-members-heading{display:block;margin-bottom:18px}
  .band-members-heading h3{font-size:15px}
    .band-members-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
  .member-card>img{width:calc(100% - 16px);margin-top:8px}
  .member-card-copy{padding:11px 10px 12px;min-height:76px}
  .member-card-copy strong{font-size:21px}
  .member-card-copy>span{font-size:10.5px}
  .member-card:nth-child(5){grid-column:1/-1;width:calc(50% - 6px);justify-self:center}
  .member-lightbox[popover]{width:min(96vw,560px)}
  .member-lightbox .lightbox-panel>img{max-height:calc(94dvh - 126px)}
}
@media(max-width:360px){
  .band-members-grid{gap:8px}
  .member-card-copy strong{font-size:19px}
  .member-card-copy>span{font-size:10px}
}
@media(prefers-reduced-motion:reduce){.member-card,.member-card>img{transition:none}}