@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700;800&family=Cinzel+Decorative:wght@400;700;900&family=Cormorant+Garamond:wght@400;500;600;700&display=swap');
:root{
  --bg:#050813;--bg2:#0b1324;--panel:rgba(11,18,36,.70);--panel2:rgba(14,27,51,.82);
  --text:#f1f7ff;--muted:#afc0cf;--gold:#f4be59;--gold2:#ffe2a0;--ice:#6ddcff;--fire:#ff7342;--violet:#a46dff;
  --line:rgba(255,218,145,.24);--shadow:0 24px 80px rgba(0,0,0,.45);--radius:28px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Georgia,'Times New Roman',serif;overflow-x:hidden;min-height:100vh}a{color:inherit;text-decoration:none}img,video{max-width:100%;display:block}.site-bg{position:fixed;inset:0;z-index:-3;background:radial-gradient(circle at 18% 18%,rgba(109,220,255,.16),transparent 30%),radial-gradient(circle at 82% 15%,rgba(255,115,66,.15),transparent 28%),radial-gradient(circle at 48% 90%,rgba(164,109,255,.10),transparent 28%),linear-gradient(145deg,#050812,#081429 45%,#070912)}.site-bg:after{content:"";position:absolute;inset:0;background-image:url('../images/grain.png');opacity:.23;mix-blend-mode:screen}.cursor-aura{position:fixed;width:360px;height:360px;border-radius:999px;background:radial-gradient(circle,rgba(109,220,255,.12),transparent 62%);pointer-events:none;z-index:-1;transform:translate(-50%,-50%);opacity:.68}.topbar{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:16px clamp(16px,4vw,64px);transition:.35s ease;background:linear-gradient(to bottom,rgba(4,8,18,.78),rgba(4,8,18,0));}.topbar.is-scrolled{background:rgba(5,9,20,.88);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.brand img{width:min(310px,46vw);height:auto;filter:drop-shadow(0 8px 28px rgba(255,176,72,.22))}.main-nav{display:flex;gap:8px;padding:8px;border:1px solid rgba(255,255,255,.08);background:rgba(6,10,20,.48);border-radius:999px;align-items:center}.nav-link,.lang-pill{padding:10px 15px;border-radius:999px;color:#dfefff;font-size:15px;letter-spacing:.04em;white-space:nowrap}.nav-link:hover,.nav-link.is-active,.lang-pill:hover{background:linear-gradient(135deg,rgba(109,220,255,.18),rgba(244,190,89,.19));box-shadow:inset 0 0 0 1px rgba(255,221,145,.2)}.lang-pill{border:1px solid rgba(109,220,255,.35);color:#dff8ff}.nav-toggle{display:none;background:rgba(255,255,255,.06);border:1px solid var(--line);border-radius:14px;padding:10px}.nav-toggle span{display:block;width:24px;height:2px;background:#fff;margin:5px 0}.hero{position:relative;min-height:100svh;display:grid;place-items:center;padding:140px 24px 90px;isolation:isolate}.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-3;opacity:.48}.hero:before{content:"";position:absolute;inset:0;background-image:url('../images/story-cover.webp');background-size:cover;background-position:center;z-index:-4;filter:saturate(1.1)}.hero-shadow{position:absolute;inset:0;background:radial-gradient(circle at center,rgba(3,5,12,.08),rgba(2,4,10,.82) 78%),linear-gradient(to bottom,rgba(0,0,0,.44),rgba(0,0,0,.14),rgba(0,0,0,.82));z-index:-1}.floating-runes{position:absolute;inset:0;font-size:clamp(26px,5vw,80px);line-height:1.7;letter-spacing:.55em;opacity:.08;color:#d8f7ff;animation:floatRunes 38s linear infinite;white-space:pre-wrap;word-break:break-all;padding:12vh 6vw;z-index:-1}.hero-content{text-align:center;max-width:1060px}.hero-logo{width:min(760px,88vw);margin:0 auto 12px;filter:drop-shadow(0 22px 50px rgba(255,151,40,.34))}.kicker{text-transform:uppercase;letter-spacing:.28em;color:var(--gold2);font-size:13px;margin:0 0 13px;text-shadow:0 0 18px rgba(255,187,83,.38)}h1,h2,h3{font-weight:700;line-height:1.05;margin:0}h1{font-size:clamp(42px,7vw,100px);letter-spacing:-.04em;text-wrap:balance}h2{font-size:clamp(30px,4vw,56px);letter-spacing:-.03em}h3{font-size:22px}.lead{font-size:clamp(18px,2.05vw,25px);line-height:1.55;color:#d6e6f1;max-width:900px;margin:24px auto 0}.hero-actions{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:32px}.btn,.small-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid var(--line);border-radius:999px;padding:14px 22px;background:rgba(255,255,255,.05);box-shadow:0 12px 32px rgba(0,0,0,.24);transition:.22s ease;cursor:pointer}.btn:hover,.small-btn:hover{transform:translateY(-2px);box-shadow:0 18px 42px rgba(0,0,0,.36)}.btn.primary{background:linear-gradient(135deg,var(--gold),#ff7a3d);color:#160b03;font-weight:800}.btn.ghost{background:rgba(109,220,255,.1)}.btn.spotify{background:linear-gradient(135deg,#1DB954,#0f7f3b);color:#041109;font-weight:800}.section{padding:88px clamp(18px,5vw,90px);max-width:1540px;margin:0 auto}.intro-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.glass-card,.story-card{position:relative;border:1px solid var(--line);background:linear-gradient(180deg,var(--panel),rgba(8,13,28,.54));border-radius:var(--radius);padding:32px;box-shadow:var(--shadow);overflow:hidden}.glass-card:before,.story-card:before{content:"";position:absolute;inset:-1px;background:radial-gradient(circle at 20% 10%,rgba(109,220,255,.18),transparent 34%),radial-gradient(circle at 90% 90%,rgba(255,115,66,.14),transparent 35%);z-index:-1}.card-rune{font-size:52px;color:var(--ice);text-shadow:0 0 22px rgba(109,220,255,.6);display:inline-block;margin-bottom:18px}.glass-card p,.showcase-text p,.video-band p,.subhero p,.player-side p,.spotify-copy p,.gallery-tools p,.story-card p,.story-aside p{color:var(--muted);font-size:17px;line-height:1.68}.split-showcase{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:38px;align-items:center}.showcase-media{border-radius:34px;overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow);position:relative}.showcase-media img{width:100%;height:100%;object-fit:cover}.showcase-media:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 120px rgba(0,0,0,.54)}.showcase-text{padding:28px}.text-link{display:inline-block;margin-top:16px;color:var(--gold2);border-bottom:1px solid rgba(255,226,162,.4)}.video-band{display:grid;grid-template-columns:1.1fr .9fr;gap:30px;align-items:center}.video-band video{border-radius:32px;border:1px solid var(--line);box-shadow:var(--shadow);width:100%;background:#000}.subhero{min-height:58svh;padding:150px clamp(20px,5vw,90px) 80px;display:grid;place-items:end start;background-size:cover;background-position:center;position:relative;isolation:isolate}.subhero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,6,14,.84),rgba(3,6,14,.36)),linear-gradient(to top,rgba(6,9,19,1),rgba(6,9,19,.05));z-index:-1}.music-hero{background-image:url('../images/music-cover.webp')}.gallery-hero{background-image:url('../images/gallery-cover.webp')}.spotify-hero{background-image:url('../images/spotify-cover.webp')}.story-hero{background-image:url('../images/story-cover.webp')}.subhero-content{max-width:940px}.subhero h1{font-size:clamp(42px,6.5vw,92px)}.subhero p{font-size:20px;max-width:780px}.player-section{display:grid;grid-template-columns:1.45fr .55fr;gap:26px;align-items:stretch}.embed-shell,.spotify-frame{border:1px solid var(--line);border-radius:28px;overflow:hidden;background:#000;box-shadow:var(--shadow);min-height:420px}.embed-shell iframe{width:100%;height:100%;min-height:520px;border:0}.player-side{display:flex;flex-direction:column;gap:16px;justify-content:center}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:28px}.track-search{width:min(420px,100%);border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.07);padding:16px 18px;color:var(--text);outline:none}.track-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.track-card{display:grid;grid-template-columns:64px 1fr auto;align-items:center;gap:18px;border:1px solid rgba(255,255,255,.11);background:rgba(12,20,39,.62);border-radius:22px;padding:18px;transition:.2s ease;content-visibility:auto;contain-intrinsic-size:96px}.track-card:hover{transform:translateY(-2px);border-color:rgba(255,208,118,.42);background:rgba(18,31,58,.72)}.track-num{color:var(--gold);font-size:24px}.track-card p{margin:6px 0 0;color:var(--muted)}.small-btn{padding:10px 14px;font-size:14px;background:rgba(109,220,255,.1)}.gallery-tools{padding-top:32px;padding-bottom:0}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.gallery-item{position:relative;border:1px solid rgba(255,255,255,.12);border-radius:22px;overflow:hidden;background:#000;cursor:pointer;padding:0;color:#fff;text-align:left;box-shadow:0 18px 48px rgba(0,0,0,.26);aspect-ratio:700/430;content-visibility:auto;contain-intrinsic-size:430px}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:.35s ease;filter:saturate(1.04) contrast(1.04);transform:translateZ(0)}.gallery-item:hover img{transform:scale(1.04)}.gallery-item span{position:absolute;left:14px;right:14px;bottom:14px;background:rgba(5,8,18,.66);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:10px 12px}.lightbox{position:fixed;inset:0;z-index:100;background:rgba(0,0,0,.9);display:grid;place-items:center;padding:70px 18px 48px}.lightbox img{max-width:min(1280px,92vw);max-height:78svh;border-radius:18px;box-shadow:0 26px 110px rgba(0,0,0,.72);background:#000}.lightbox p{color:#fff;text-align:center;margin-top:14px}.lightbox-close,.lightbox-nav{position:fixed;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.08);color:#fff;border-radius:999px;cursor:pointer;backdrop-filter:blur(8px)}.lightbox-close{right:22px;top:18px;width:48px;height:48px;font-size:34px}.lightbox-nav{top:50%;width:54px;height:54px;font-size:52px;line-height:42px}.lightbox-nav.prev{left:24px}.lightbox-nav.next{right:24px}.spotify-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:26px;align-items:start}.story-layout{display:grid;grid-template-columns:.42fr 1fr;gap:28px;align-items:start}.story-aside{position:sticky;top:110px}.story-card{padding:clamp(28px,4vw,58px)}.story-card p{font-size:19px;color:#d3e2ee}.story-card p + p{margin-top:1.1em}.footer{text-align:center;padding:70px 18px 50px;color:var(--muted);border-top:1px solid rgba(255,255,255,.06);background:linear-gradient(to top,rgba(2,4,10,.9),transparent)}.footer img{max-width:900px;margin:0 auto 22px}.tiny{font-size:13px;opacity:.72}.reveal{opacity:0;transform:translateY(22px);transition:opacity .65s ease,transform .65s ease}.reveal.is-visible{opacity:1;transform:none}@keyframes floatRunes{0%{transform:translateY(0)}100%{transform:translateY(-120px)}}@media (max-width:1100px){.main-nav{gap:4px}.nav-link,.lang-pill{padding:9px 11px}.brand img{width:250px}}@media (max-width:980px){.main-nav{position:fixed;right:18px;top:82px;display:none;flex-direction:column;border-radius:22px;padding:12px;background:rgba(5,9,20,.96);align-items:stretch}.main-nav.is-open{display:flex}.nav-toggle{display:block}.intro-grid,.split-showcase,.video-band,.player-section,.track-grid,.gallery-grid,.spotify-layout,.story-layout{grid-template-columns:1fr}.story-aside{position:relative;top:auto}.section{padding:70px 20px}.hero{padding-top:126px}.section-head{display:block}.track-search{margin-top:18px}.brand img{width:235px}.lightbox-nav{display:none}}@media (max-width:560px){h1{font-size:40px}.subhero h1{font-size:40px}.track-card{grid-template-columns:44px 1fr}.track-card .small-btn{grid-column:2}.hero-actions{justify-content:stretch}.btn{width:100%}.gallery-grid{gap:12px}.topbar{padding:12px 14px}.brand img{width:198px}.story-card p{font-size:17px}.subhero{padding-top:126px}}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.cursor-aura,.floating-runes{display:none}.reveal{opacity:1;transform:none}}


/* v3 fixes: gallery exit + smoother gallery + safer embeds */
.lightbox[hidden]{display:none!important;visibility:hidden!important;pointer-events:none!important;}
.lightbox.is-open{display:grid!important;}
body.lightbox-open{overflow:hidden;}
.gallery-item{content-visibility:visible!important;contain:layout paint;transform:translateZ(0);}
.gallery-item img{backface-visibility:hidden;}
.gallery-item span{backdrop-filter:none!important;background:rgba(5,8,18,.82)!important;}
.yt-shell{position:relative;display:grid;place-items:center;min-height:520px;background:radial-gradient(circle at 50% 20%,rgba(109,220,255,.13),transparent 40%),linear-gradient(145deg,#030711,#0a1328);}
.yt-shell iframe{position:absolute;inset:0;width:100%;height:100%;border:0;}
.yt-fallback{position:relative;z-index:1;text-align:center;max-width:680px;padding:34px;color:#dcecff;}
.yt-fallback h3{font-size:clamp(24px,3vw,42px);margin-bottom:12px;}
.yt-fallback p{color:var(--muted);line-height:1.65;font-size:17px;}
.yt-shell.has-player .yt-fallback{display:none;}
@media (pointer:coarse){.cursor-aura{display:none!important}.gallery-item:hover img{transform:none!important}}
@media (max-width:700px){.yt-shell{min-height:360px}.embed-shell iframe{min-height:360px}.lightbox{padding:72px 10px 42px}.lightbox img{max-height:72svh}.lightbox-close{right:14px;top:14px}}


/* v4: compact navigation, stronger mobile layout, fantasy typography */
:root{
  --font-body:'Cormorant Garamond', Georgia, 'Times New Roman', serif;
  --font-title:'Cinzel Decorative', 'Cinzel', Georgia, serif;
  --font-ui:'Cinzel', Georgia, serif;
}
body{font-family:var(--font-body);font-size:18px;}
h1,h2,h3,.kicker,.nav-link,.lang-pill,.btn,.small-btn,.track-num{font-family:var(--font-ui);}
h1,.hero-logo + .kicker + h1,.subhero h1{font-family:var(--font-title);font-weight:900;text-shadow:0 0 22px rgba(109,220,255,.10),0 0 28px rgba(244,190,89,.14);}
h2{font-family:var(--font-title);font-weight:700;}
h3{font-family:var(--font-ui);font-weight:700;}
.lead,.glass-card p,.showcase-text p,.video-band p,.subhero p,.player-side p,.spotify-copy p,.gallery-tools p,.story-card p,.story-aside p,.track-card p,.footer p{font-family:var(--font-body);}
.topbar{padding:8px clamp(12px,3vw,42px);min-height:70px;background:linear-gradient(to bottom,rgba(4,8,18,.86),rgba(4,8,18,.18) 72%,rgba(4,8,18,0));}
.topbar.is-scrolled{min-height:62px;background:rgba(5,9,20,.91);}
.brand{display:inline-flex;align-items:center;min-width:0;}
.brand img{width:auto!important;height:56px!important;max-width:min(245px,34vw);object-fit:contain;filter:drop-shadow(0 4px 16px rgba(255,176,72,.32));}
.main-nav{gap:4px;padding:5px;border-radius:999px;background:rgba(6,10,20,.58);box-shadow:0 12px 36px rgba(0,0,0,.18);}
.nav-link,.lang-pill{padding:8px 11px;font-size:13px;letter-spacing:.055em;line-height:1;}
.lang-pill{padding-left:12px;padding-right:12px;}
.hero{padding-top:112px;}
.subhero{padding-top:120px;}
.hero-logo{filter:drop-shadow(0 22px 50px rgba(255,151,40,.34));}

@media (max-width:1180px){
  .brand img{height:50px!important;max-width:210px;}
  .nav-link,.lang-pill{padding:8px 9px;font-size:12px;}
  .main-nav{gap:2px;}
}

@media (max-width:980px){
  body.nav-open{overflow:hidden;}
  .topbar{min-height:62px;padding:8px 14px;background:rgba(5,9,20,.90);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,218,145,.16);}
  .topbar.is-scrolled{min-height:58px;}
  .brand img{height:44px!important;max-width:180px;}
  .nav-toggle{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;width:44px;height:40px;padding:0;border-radius:13px;background:linear-gradient(135deg,rgba(109,220,255,.12),rgba(244,190,89,.12));}
  .nav-toggle span{width:22px;height:2px;margin:3px 0;border-radius:99px;transition:transform .22s ease,opacity .22s ease;}
  .nav-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(8px) rotate(45deg);}
  .nav-toggle[aria-expanded="true"] span:nth-child(2){opacity:0;}
  .nav-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-8px) rotate(-45deg);}
  .main-nav{position:fixed;left:14px;right:14px;top:70px;display:none;grid-template-columns:1fr 1fr;border-radius:24px;padding:12px;background:linear-gradient(180deg,rgba(5,9,20,.98),rgba(9,17,35,.96));border:1px solid rgba(255,218,145,.22);box-shadow:0 22px 80px rgba(0,0,0,.56);backdrop-filter:blur(18px);max-height:calc(100svh - 92px);overflow:auto;}
  .main-nav.is-open{display:grid;}
  .nav-link,.lang-pill{display:flex;align-items:center;justify-content:center;min-height:44px;padding:13px 12px;font-size:13px;border-radius:16px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.07);}
  .nav-link.is-active{background:linear-gradient(135deg,rgba(109,220,255,.18),rgba(244,190,89,.20));border-color:rgba(255,218,145,.24);}
  .lang-pill{grid-column:auto;background:rgba(109,220,255,.12);}
  .hero{padding:96px 16px 72px;min-height:100svh;}
  .hero-logo{width:min(560px,88vw);}
  .lead{font-size:20px;line-height:1.52;}
  .subhero{min-height:52svh;padding:106px 18px 64px;}
  .section{padding:58px 18px;}
  .glass-card,.story-card{border-radius:22px;padding:24px;}
  .gallery-item{border-radius:18px;}
}

@media (max-width:560px){
  body{font-size:17px;}
  .topbar{min-height:58px;padding:7px 10px;}
  .brand img{height:38px!important;max-width:154px;}
  .nav-toggle{width:40px;height:38px;border-radius:12px;}
  .main-nav{left:10px;right:10px;top:62px;padding:10px;gap:8px;border-radius:20px;}
  .nav-link,.lang-pill{min-height:42px;font-size:12px;padding:12px 8px;}
  .hero{padding-top:88px;}
  .hero-logo{width:min(430px,92vw);margin-bottom:6px;}
  .kicker{font-size:11px;letter-spacing:.22em;}
  h1{font-size:clamp(34px,11vw,46px);letter-spacing:-.035em;}
  h2{font-size:clamp(27px,8.3vw,38px);}
  h3{font-size:21px;}
  .lead{font-size:18px;margin-top:18px;}
  .hero-actions{gap:10px;margin-top:24px;}
  .btn{padding:13px 18px;font-size:14px;}
  .subhero h1{font-size:clamp(33px,10vw,44px);}
  .subhero p{font-size:18px;}
  .intro-grid{gap:16px;}
  .card-rune{font-size:42px;margin-bottom:12px;}
  .track-card{gap:12px;padding:14px;border-radius:18px;}
  .track-num{font-size:20px;}
  .gallery-grid{grid-template-columns:1fr;gap:14px;}
  .gallery-item span{font-size:15px;left:10px;right:10px;bottom:10px;}
  .story-card p{font-size:18px;line-height:1.62;}
  .footer{padding:52px 16px 40px;}
}

@media (max-width:380px){
  .brand img{height:34px!important;max-width:138px;}
  .main-nav{grid-template-columns:1fr;}
  .nav-link,.lang-pill{min-height:40px;}
}

/* v5 — video page and expanded gallery */
.video-hero{background-image:url('../images/video-wolf-village-poster.jpg')}
.video-intro{padding-top:46px;padding-bottom:18px;max-width:1120px}
.video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}
.video-card{border:1px solid var(--line);background:linear-gradient(180deg,rgba(9,16,32,.78),rgba(5,9,20,.62));border-radius:28px;overflow:hidden;box-shadow:var(--shadow);position:relative}
.video-card.featured{grid-column:1/-1;display:grid;grid-template-columns:1.25fr .75fr;align-items:stretch}
.video-card video{width:100%;aspect-ratio:16/9;object-fit:contain;background:#02040a;border-bottom:1px solid rgba(255,218,145,.16)}
.video-card.featured video{height:100%;min-height:420px;border-bottom:0;border-right:1px solid rgba(255,218,145,.16)}
.video-copy{padding:24px 26px 28px}
.video-copy p{color:var(--muted);font-size:17px;line-height:1.66}
.video-copy h2{font-size:clamp(30px,4.4vw,62px)}
.video-copy h3{font-size:clamp(23px,2.4vw,34px)}
.gallery-grid{grid-template-columns:repeat(auto-fit,minmax(270px,1fr))}
.gallery-item{min-height:260px}
@media (max-width:980px){.video-grid{grid-template-columns:1fr}.video-card.featured{grid-template-columns:1fr}.video-card.featured video{height:auto;min-height:0;border-right:0;border-bottom:1px solid rgba(255,218,145,.16)}.video-copy{padding:22px}}
@media (max-width:560px){.video-copy p{font-size:16px}.video-card{border-radius:22px}.video-grid{gap:16px}.gallery-item{min-height:220px}}