:root{--black:#080808;--gold:#e9b74e;--ivory:#f7e6bc;--muted:#bdb4a3;--red:#e73c25;--pink:#c835a0;--blue:#087fce;--green:#75a936}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--ivory);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.topline{height:5px;background:linear-gradient(90deg,var(--red) 0 25%,var(--pink) 25% 50%,var(--blue) 50% 75%,var(--green) 75%)}.header{height:84px;padding:0 clamp(20px,5vw,86px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #8063266e;background:#080808ed;position:sticky;top:0;z-index:20;backdrop-filter:blur(16px)}.brand,.footer-brand{font:800 27px 'Cinzel',serif;letter-spacing:.14em}.brand-star{color:var(--gold);font-size:12px;margin-left:8px;vertical-align:middle}.header nav{display:flex;gap:clamp(18px,3vw,45px)}.header nav a,.eyebrow,.hero-tag,.outline-button,.hero-bottom,.member-info p,.member-num,.track-heading,.album-footnote,.platforms,.small-note,footer p,footer small,footer>a{font-size:11px;letter-spacing:.2em;font-weight:700}.header nav a{color:#d6c9ae;transition:color .2s}.header nav a:hover{color:var(--gold)}.menu-toggle{display:none;background:none;color:var(--gold);border:1px solid #745b2c;padding:8px 12px;font-size:20px}.hero{min-height:770px;display:grid;grid-template-columns:1fr 1fr;align-items:center;position:relative;overflow:hidden;padding:65px max(5vw,24px) 75px;gap:3vw}.hero-glow{position:absolute;inset:0;background:radial-gradient(ellipse at 78% 45%,#9c341c21,transparent 46%),radial-gradient(ellipse at 20% 50%,#712a6a1c,transparent 45%);pointer-events:none}.hero-copy{position:relative;z-index:1;max-width:650px;margin-left:auto}.eyebrow{color:var(--gold);margin:0 0 24px}.hero h1{font:900 clamp(55px,7.5vw,120px)/1 'Cinzel',serif;letter-spacing:-.055em;margin:0;color:var(--ivory);text-shadow:0 2px 35px #f2ad3d26}.hero-tag{color:var(--gold);margin:27px 0}.gold-rule{width:160px;border-top:1px solid #9a6d2f;position:relative;margin:35px 0}.gold-rule span{position:absolute;top:-11px;left:70px;background:var(--black);padding:0 8px;color:var(--gold)}.hero-sub{font-size:clamp(16px,1.5vw,20px);line-height:1.85;color:#cfc2ac;max-width:440px;margin-bottom:35px}.outline-button{display:inline-flex;align-items:center;gap:30px;padding:18px 22px;border:1px solid var(--gold);color:var(--gold);transition:.2s}.outline-button:hover{background:var(--gold);color:var(--black)}.outline-button span{font-size:18px}.hero-art{position:relative;width:100%;max-width:690px;margin:auto;filter:drop-shadow(0 0 35px #e9b74e12)}.hero-art img{width:100%;border-radius:50%}.hero-bottom{position:absolute;bottom:25px;left:0;right:0;text-align:center;color:#b59d70}.hero-bottom span{padding:0 15px;color:var(--gold)}.section{padding:105px clamp(20px,6vw,90px);max-width:1600px;margin:auto;scroll-margin-top:90px}.section-head{text-align:center;max-width:750px;margin:0 auto 52px}.section-head h2,.listen h2{font:700 clamp(29px,4vw,57px)/1.2 'Cinzel',serif;letter-spacing:-.035em;margin:0 0 23px}.section-head h2 em,.listen h2 em{font-style:normal;color:var(--gold)}.section-head>p:last-child,.listen>p:not(.eyebrow):not(.small-note){color:#c2b6a5;line-height:1.85;font-size:16px}.studio-frame{border:2px solid var(--gold);padding:7px;background:#080808;box-shadow:0 0 0 1px #6b4a20,0 25px 70px #000}.studio-frame img{width:100%;max-height:740px;object-fit:cover}.world-caption{text-align:center;font-family:'Cinzel',serif;color:#c9ae7a;font-size:13px;letter-spacing:.06em;margin:30px 0 0}.band{border-top:1px solid #513b22}.members{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.member{border:1px solid #7e632e;background:#101010;overflow:hidden}.member img{width:100%;aspect-ratio:1/1;object-fit:cover;transition:transform .5s}.member:hover img{transform:scale(1.025)}.member-info{padding:26px 28px 30px;border-top:4px solid var(--accent)}.member.red{--accent:var(--red)}.member.pink{--accent:var(--pink)}.member.blue{--accent:var(--blue)}.member.green{--accent:var(--green)}.member-num{color:var(--accent)}.member h3{font:800 clamp(30px,3vw,45px) 'Cinzel',serif;margin:8px 0}.member-info p{color:var(--gold);margin:0}.member blockquote{font:italic 17px/1.5 Georgia,serif;color:#e4d6bf;margin:20px 0 0}.album{border-top:1px solid #513b22}.album-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(30px,5vw,80px);align-items:center}.album-cover{padding:7px;border:1px solid var(--gold);background:#161008}.album-cover img{width:100%}.track-panel{border-top:2px solid var(--gold);border-bottom:2px solid var(--gold);padding:20px 0}.track-heading{display:flex;justify-content:space-between;color:var(--gold);padding:8px 0 18px}.tracks{list-style:none;padding:0;margin:0;counter-reset:tracks}.tracks li{counter-increment:tracks;display:flex;align-items:baseline;gap:18px;border-top:1px solid #443625;padding:14px 2px;font-size:15px;color:#f1e4cb}.tracks li:before{content:counter(tracks,decimal-leading-zero);font:600 12px 'Cinzel',serif;color:var(--gold);flex-shrink:0}.tracks li bdi{color:#d5bb90}.album-footnote{text-align:center;color:#927b55;margin:24px 0 0}.listen{text-align:center;border-top:1px solid #513b22;padding-top:110px;padding-bottom:120px}.ornament{font-size:45px;color:var(--gold);margin-bottom:25px}.listen>p:not(.eyebrow):not(.small-note){max-width:650px;margin:0 auto 35px}.platforms{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin:35px auto 15px}.platforms span{border:1px solid #6e552c;color:#d4bd8d;padding:17px 22px}.small-note{color:#837766}footer{border-top:2px solid #c9953c;text-align:center;padding:60px 20px 45px;background:radial-gradient(ellipse at top,#33201266,transparent 70%)}.footer-star{color:var(--gold);font-size:35px}.footer-brand{font-size:40px;margin:12px 0}footer p{color:var(--gold)}footer small{display:block;color:#83796b;margin:35px 0 20px}footer>a{color:var(--gold)}@media(max-width:850px){.hero{grid-template-columns:1fr;min-height:unset;padding-top:75px;gap:40px;text-align:center}.hero-copy{margin:auto}.hero h1{font-size:clamp(52px,12vw,95px)}.gold-rule{margin:30px auto}.hero-sub{margin:0 auto 30px}.hero-art{max-width:600px}.hero-bottom{position:static;grid-column:1;margin-top:15px}.album-grid{grid-template-columns:1fr}.album-cover{max-width:590px;margin:auto}.section{padding:75px 22px}.header nav{gap:16px}.header nav a{font-size:10px}}@media(max-width:600px){.header{height:70px;padding:0 20px}.brand{font-size:22px}.menu-toggle{display:block}.header nav{display:none;position:absolute;top:70px;left:0;right:0;flex-direction:column;padding:25px;background:#101010;border-bottom:1px solid var(--gold)}.header nav.open{display:flex}.hero{padding:65px 20px 50px}.hero-tag{line-height:1.8}.members{grid-template-columns:1fr}.section-head h2,.listen h2{font-size:32px}.track-heading{font-size:9px}.tracks li{font-size:13px;gap:12px}.member-info{padding:20px}.studio-frame{padding:4px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Version 2: approved dark stained-glass visual system */
:root{--black:#080708;--gold:#e9b74e;--ivory:#ffe7ae}
html,body{max-width:100%;overflow-x:clip}
body{background:#080708}
.brand,.footer-brand,.hero h1{font-family:'Pirata One',Georgia,serif;font-weight:400;letter-spacing:.015em}
.brand{font-size:37px;line-height:1}.hero h1{font-size:clamp(78px,9.4vw,150px);letter-spacing:-.015em;line-height:1.05}
.header{padding-inline:max(24px,calc((100vw - 1320px)/2));height:76px}
.header nav a{font-weight:700}
.hero{width:100%;max-width:1440px;margin-inline:auto;min-height:680px;padding:64px 36px 75px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,5vw,85px)}
.hero-copy{width:100%;max-width:590px;margin:0;justify-self:center;text-align:center}
.hero-sub{font-family:Georgia,serif;font-style:italic;color:#f3dfb3;margin-inline:auto}
.gold-rule{margin-inline:auto}.hero-art{width:100%;max-width:590px;justify-self:center}
.hero .outline-button{margin-inline:auto}
.hero-bottom{letter-spacing:.15em}
.section{position:relative;isolation:isolate;max-width:none;padding:88px max(24px,calc((100vw - 1320px)/2));overflow:hidden}
.section-head,.studio-frame,.world-caption,.members,.album-grid,.listen>*{position:relative;z-index:1}
.section-head{margin-bottom:38px}
.section-head h2,.listen h2{font-family:'Cinzel',Georgia,serif;font-weight:800;color:#ffe4aa}
.section-head>p:last-child{font-family:Georgia,serif;font-size:19px;color:#e4d4b5}
/* Transparent decorative panels: intentionally low contrast behind content. */
.world,.band,.album,.listen{background-color:#080708}
.world:before,.band:before,.album:before,.listen:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background-image:url('/assets/glass-ornament.svg');background-repeat:no-repeat;background-position:center top;background-size:min(100%,1500px) auto;opacity:.32}
.band:before{background-position:center 20px;opacity:.24}
.album:before{background-position:center center;opacity:.17;transform:scaleX(-1)}
.listen:before{opacity:.24}
.world:after,.band:after,.album:after,.listen:after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(90deg,#0807082b,#080708b8 35%,#080708b8 65%,#0807082b)}
.studio-frame{max-width:1200px;margin:auto;border:3px solid #dca83e;padding:5px;box-shadow:0 0 0 1px #73551e,0 22px 60px #000}
.studio-frame img{max-height:none;aspect-ratio:3/2;object-fit:cover}
.members{max-width:1300px;margin:auto;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.member{min-width:0;background:#080808;border:2px solid #bd8b32}
.member img{aspect-ratio:1/1;object-fit:cover}
.member-info{text-align:center;padding:16px 12px 20px;border-top:2px solid var(--accent)}
.member h3{font-family:'Cinzel',serif;font-size:clamp(20px,2.1vw,30px);margin:6px 0}
.member-info p{font-size:9px;letter-spacing:.1em;line-height:1.6}
.member blockquote{font-size:13px;line-height:1.5;margin-top:10px}
.album-grid{max-width:1200px;margin:auto}
.hero-tag{line-height:1.8}
@media(max-width:1000px){.members{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{min-height:620px;gap:20px}.hero h1{font-size:clamp(70px,9vw,110px)}}
@media(max-width:850px){.hero{grid-template-columns:minmax(0,1fr);padding:64px 24px 48px;gap:30px;min-height:0}.hero-copy{max-width:600px}.hero-art{max-width:560px}.hero-bottom{margin:10px auto 0}.section{padding:76px 24px}.header{padding:0 24px}}
@media(max-width:600px){.header{padding-inline:18px;height:70px}.brand{font-size:30px}.hero{padding:52px 20px 45px}.hero h1{font-size:clamp(66px,17vw,100px)}.hero-art{max-width:100%}.section{padding:64px 20px}.section-head h2,.listen h2{font-size:clamp(27px,7vw,38px)}.members{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.member-info{padding:12px 6px}.member h3{font-size:20px}.member-info p{font-size:8px}.member-num{font-size:9px}.member blockquote{font-size:11px}.studio-frame{padding:3px}.studio-frame img{aspect-ratio:3/2}.world:before,.band:before,.album:before,.listen:before{background-size:auto 650px;opacity:.17}.hero-sub{font-size:17px}}
@media(max-width:380px){.members{grid-template-columns:1fr}.member-info{padding:20px}.member h3{font-size:26px}}

/* v3 — artwork-led wordmarks and visible but subdued stained-glass borders */
.brand img{width:clamp(145px,16vw,218px);height:auto;max-height:55px;object-fit:contain;object-position:left center}
.hero h1{margin:0 auto;line-height:0;max-width:510px}
.hero h1 img{display:block;width:100%;height:auto;filter:drop-shadow(0 4px 18px #f1a63119)}
.footer-brand img{width:240px;max-width:80%;height:auto;margin:auto}
.hero{isolation:isolate}
.hero:before,.hero:after{content:"";position:absolute;z-index:-1;top:0;bottom:0;width:clamp(90px,17vw,245px);background-repeat:no-repeat;background-size:100% auto;opacity:.48;pointer-events:none}
.hero:before{left:0;background-image:linear-gradient(to bottom,transparent 72%,#080708 100%),url('/assets/ornament-left.webp');background-position:top left}
.hero:after{right:0;background-image:linear-gradient(to bottom,transparent 72%,#080708 100%),url('/assets/ornament-right.webp');background-position:top right}
.world:before,.band:before,.album:before,.listen:before{background-image:linear-gradient(90deg,transparent 65%,#080708 100%),url('/assets/ornament-world-left.webp');background-size: min(27vw,350px) auto;background-position:left 25px;opacity:.65}
.world:after,.band:after,.album:after,.listen:after{background:linear-gradient(270deg,transparent 65%,#080708 100%),url('/assets/ornament-world-right.webp');background-repeat:no-repeat;background-size:min(27vw,350px) auto;background-position:right 25px;opacity:.65}
.section-head,.studio-frame,.world-caption,.members,.album-grid,.listen>*{z-index:2}
@media(max-width:850px){.hero:before,.hero:after{opacity:.25;width:22vw}.hero h1{max-width:450px}.world:before,.band:before,.album:before,.listen:before,.world:after,.band:after,.album:after,.listen:after{background-size:30vw auto;opacity:.35}}
@media(max-width:600px){.hero:before,.hero:after{opacity:.18;width:24vw}.hero h1{width:min(100%,420px)}.brand img{width:145px}.world:before,.band:before,.album:before,.listen:before,.world:after,.band:after,.album:after,.listen:after{opacity:.23}}

/* v4: cleaned hero ornament and balanced album decorations */
.hero:before{background-image:linear-gradient(to bottom,transparent 72%,#080708 100%),url('/assets/ornament-left-clean.png')}
.hero:after{background-image:linear-gradient(to bottom,transparent 72%,#080708 100%),url('/assets/ornament-right-clean.png')}
.album{background-image:url('/assets/ornament-world-left.webp'),url('/assets/ornament-world-right.webp');background-repeat:no-repeat,no-repeat;background-position:left 25px,right 25px;background-size:min(27vw,350px) auto,min(27vw,350px) auto;background-blend-mode:normal}
.album:before,.album:after{display:none}
@media(max-width:850px){.album{background-size:30vw auto,30vw auto}}
@media(max-width:600px){.album{background-size:30vw auto,30vw auto}}

/* v5 — full-bleed hero and continuous, edge-anchored stained glass */
@media (min-width:851px){
 .hero{max-width:none;width:100%;padding-left:max(36px,calc((100vw - 1320px)/2));padding-right:max(36px,calc((100vw - 1320px)/2));}
 .hero:before{left:0;} .hero:after{right:0;}
}
/* Stretch the custom vertical ornament strips to the entire height of each section.
   Foreground text and illustrations remain above the decorative layers. */
.world,.band,.album,.listen{position:relative;isolation:isolate;}
.world:before,.band:before,.album:before,.listen:before,
.world:after,.band:after,.album:after,.listen:after{
 display:block;content:"";position:absolute;top:0;bottom:0;z-index:0;
 width:min(25vw,310px);height:100%;pointer-events:none;
 background-repeat:no-repeat;background-size:100% 100%;opacity:.65;transform:none;
}
.world:before,.band:before,.album:before,.listen:before{left:0;right:auto;background-image:url('/assets/ornament-left-vertical.png');background-position:left top;}
.world:after,.band:after,.album:after,.listen:after{right:0;left:auto;background-image:url('/assets/ornament-right-vertical.png');background-position:right top;}
.album{background-image:none;}
.section-head,.studio-frame,.world-caption,.members,.album-grid,.listen>*{position:relative;z-index:2;}
@media(max-width:850px){
 .world:before,.band:before,.album:before,.listen:before,
 .world:after,.band:after,.album:after,.listen:after{width:25vw;opacity:.4;}
}
@media(max-width:600px){
 .world:before,.band:before,.album:before,.listen:before,
 .world:after,.band:after,.album:after,.listen:after{width:20vw;opacity:.25;}
}

/* v6: robust full-height decorative backgrounds for non-hero panels.
   Paint them directly on the section instead of conflicting pseudo-elements. */
.section.world,.section.band,.section.album,.section.listen {
  background-color:#080708;
  background-image:url('/assets/ornament-left-vertical.png'),url('/assets/ornament-right-vertical.png');
  background-position:left top,right top;
  background-size:min(25vw,310px) 100%,min(25vw,310px) 100%;
  background-repeat:no-repeat,no-repeat;
}
.section.world::before,.section.band::before,.section.album::before,.section.listen::before,
.section.world::after,.section.band::after,.section.album::after,.section.listen::after { content:none !important; display:none !important; }
@media(max-width:850px){
 .section.world,.section.band,.section.album,.section.listen {background-size:25vw 100%,25vw 100%;}
}
@media(max-width:600px){
 .section.world,.section.band,.section.album,.section.listen {background-size:20vw 100%,20vw 100%;}
}

/* v7: enlarge illustrated character cards without changing section layout */
.portrait-trigger { position:relative; display:block; width:100%; padding:0; margin:0; border:0; background:transparent; cursor:zoom-in; color:#ffe4a2; font:inherit; }
.portrait-trigger img { display:block; width:100%; height:auto; }
.portrait-trigger:focus-visible { outline:3px solid #f1c45c; outline-offset:3px; }
.portrait-hint { position:absolute; bottom:12px; right:12px; padding:9px 12px; background:rgba(5,5,8,.84); border:1px solid rgba(237,189,83,.65); color:#ffe0a0; font:700 10px 'DM Sans',sans-serif; letter-spacing:.12em; }
/* v8: uniformly framed portrait with close control overlaid on the artwork */
.portrait-modal {
  position:fixed; inset:0; margin:auto;
  box-sizing:border-box;
  width:min(780px, calc(100vw - 32px), calc(90dvh - 58px));
  max-width:none; max-height:94dvh;
  padding:14px;
  border:1px solid #c79742;
  background:#08070a; color:#f6db9a;
  box-shadow:0 20px 90px #000;
  overflow:visible;
}
.portrait-modal::backdrop { background:rgba(0,0,0,.9); backdrop-filter:blur(5px); }
.portrait-full { display:block; width:100%; height:auto; max-height:calc(94dvh - 58px); object-fit:contain; margin:0; }
.portrait-close {
  position:absolute; z-index:10; top:22px; right:22px;
  display:grid; place-items:center;
  width:42px; height:42px; padding:0;
  border:1px solid #d6a64d; border-radius:2px;
  background:rgba(8,7,10,.9); color:#f6db9a;
  font:400 30px/1 Arial,sans-serif;
  cursor:pointer; box-shadow:0 3px 14px rgba(0,0,0,.65);
}
.portrait-close:hover { background:#302116; color:#fff2cb; }
.portrait-close:focus-visible { outline:3px solid #fff; outline-offset:2px; }
.portrait-modal-caption { margin:10px 0 0; text-align:center; font:700 12px 'DM Sans',sans-serif; letter-spacing:.2em; }
@media(max-width:600px) { .portrait-modal { width:min(calc(100vw - 20px), calc(90dvh - 58px)); padding:10px; } .portrait-close { top:17px; right:17px; width:38px; height:38px; } .portrait-hint { bottom:8px; right:8px; } }

/* v9: record label credit alongside Korvara in the footer */
.footer-logos{display:flex;align-items:center;justify-content:center;gap:clamp(36px,7vw,100px);flex-wrap:wrap;margin:18px auto 24px;}
.footer-logos .footer-brand{margin:0;}
.footer-logos .footer-brand img{width:240px;max-width:100%;}
.footer-label-mark{display:flex;flex-direction:column;align-items:center;gap:10px;}
.footer-label-caption{font:700 10px 'DM Sans',sans-serif;letter-spacing:.22em;color:var(--gold);}
.footer-label-mark a{display:block;border-radius:50%;transition:transform .2s,filter .2s;}
.footer-label-mark a:hover{transform:scale(1.05);filter:drop-shadow(0 0 10px #e9b74e55);}
.footer-label-mark a:focus-visible{outline:2px solid var(--gold);outline-offset:5px;}
.footer-label-mark img{display:block;width:112px;height:112px;object-fit:contain;}
@media(max-width:600px){.footer-logos{gap:28px;flex-direction:column;}.footer-label-mark img{width:100px;height:100px;}}

/* v10: vertically stacked footer marks */
.footer-logos{flex-direction:column;flex-wrap:nowrap;gap:24px;margin:18px auto 24px;}
.footer-label-mark{gap:0;}
.footer-label-mark img{width:112px;height:112px;}
@media(max-width:600px){.footer-logos{gap:20px;}.footer-label-mark img{width:100px;height:100px;}}

/* v11: Vedrella Nocturno mark below the footer tagline */
footer .footer-logos{margin-bottom:12px;}
footer .footer-label-mark{margin:20px auto 0;justify-content:center;}