:root {
  --bg:#050505;
  --panel:#11100f;
  --text:#f4eee4;
  --muted:#c8bdb0;
  --dim:#85776a;
  --gold:#d4ae62;
  --gold-2:#f2d892;
  --red:#74251f;
  --spotify:#1DB954;
  --youtube:#FF0033;
  --line:rgba(255,255,255,.14);
  --max:1180px;
  --radius:26px;
  --shadow:0 28px 90px rgba(0,0,0,.58);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;overflow-y:scroll;scrollbar-gutter:stable}.intro-active, .intro-active body{overflow-x:hidden}
body{margin:0;min-height:100vh;overflow-x:hidden;color:var(--text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55;background:radial-gradient(circle at 75% 5%,rgba(116,37,31,.32),transparent 34rem),linear-gradient(180deg,#050505,#0b0a09 52%,#050505)}
body::before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:linear-gradient(90deg,rgba(0,0,0,.74),rgba(0,0,0,.30)),radial-gradient(circle at 50% 0,rgba(116,37,31,.28),transparent 44%),url('assets/optimized/hero-bg.webp') center/cover;opacity:.56;filter:contrast(1.06) brightness(.76)}
img,video{display:block;max-width:100%}a{color:inherit}.intro-overlay{position:fixed;inset:0;z-index:100;overflow:hidden;background:#050505;display:grid;place-items:center;pointer-events:auto;transition:opacity .82s ease,visibility .82s ease;animation:introOverlayAutoClear .82s ease 9.15s forwards}
.intro-overlay.is-done{opacity:0;visibility:hidden;pointer-events:none}
.intro-overlay video{position:absolute;inset:50% auto auto 50%;width:100vw;height:100vh;min-width:100%;min-height:100%;object-fit:cover;object-position:center center;transform:translate(-50%,-50%);filter:contrast(1.08) brightness(.74) saturate(.9)}
.intro-shade{position:absolute;inset:0;background:radial-gradient(circle at 50% 38%,rgba(0,0,0,.04),rgba(0,0,0,.45) 58%,rgba(0,0,0,.76)),linear-gradient(180deg,rgba(0,0,0,.10),rgba(0,0,0,.58));pointer-events:none}
.intro-mark{position:relative;z-index:2;text-align:center;transform:translateY(0)}
.intro-mark span{display:block;font-family:UnifrakturCook,Cinzel,serif;color:var(--gold-2);font-size:clamp(5rem,13vw,12rem);line-height:.78;opacity:0;transform:translateY(42px);filter:blur(8px);letter-spacing:.04em;text-shadow:0 30px 78px rgba(0,0,0,.9),0 0 0 rgba(242,216,146,0);animation:introWordForge 2.15s cubic-bezier(.16,1,.3,1) 2.35s forwards}
@keyframes introWordForge{0%{opacity:0;transform:translateY(42px);filter:blur(8px);letter-spacing:.12em;text-shadow:0 30px 78px rgba(0,0,0,.9),0 0 0 rgba(242,216,146,0)}28%{opacity:.52;transform:translateY(20px);filter:blur(3px);letter-spacing:.055em;text-shadow:0 30px 78px rgba(0,0,0,.9),0 0 24px rgba(242,216,146,.22)}58%{opacity:1;transform:translateY(-3px);filter:blur(0);letter-spacing:.005em;text-shadow:0 30px 78px rgba(0,0,0,.9),0 0 58px rgba(242,216,146,.58),0 0 24px rgba(116,37,31,.42)}76%{opacity:1;transform:translateY(0);filter:blur(0);letter-spacing:0;text-shadow:0 28px 74px rgba(0,0,0,.9),0 0 42px rgba(242,216,146,.42)}100%{opacity:1;transform:translateY(0);filter:blur(0);letter-spacing:0;text-shadow:0 24px 60px rgba(0,0,0,.86),0 0 34px rgba(242,216,146,.34)}}
@keyframes introOverlayAutoClear{to{opacity:0;visibility:hidden;pointer-events:none}}
.intro-overlay.is-transitioning{background:transparent;pointer-events:none}.intro-overlay.is-transitioning video{transition:opacity 1.25s ease,filter 1.25s ease;opacity:0;transform:translate(-50%,-50%);filter:contrast(1.04) brightness(.62) saturate(.86)}.intro-overlay.is-transitioning .intro-shade{transition:opacity 1.05s ease;opacity:0}.intro-mark span.is-flying-away{opacity:0;transition:opacity .08s linear}.intro-flying-word{position:fixed;z-index:130;left:50%;top:50%;transform:translate(-50%,-50%);font-family:UnifrakturCook,Cinzel,serif;color:var(--gold-2);line-height:.78;white-space:nowrap;text-shadow:0 24px 60px rgba(0,0,0,.86),0 0 34px rgba(242,216,146,.34);pointer-events:none;will-change:transform}.intro-flying-word.is-moving{animation:wordFlyHome 1.38s cubic-bezier(.16,1,.22,1) forwards}.intro-flying-word.is-settled{opacity:0;transition:opacity .32s ease}@keyframes wordFlyHome{0%{transform:translate(-50%,-50%)}100%{transform:translate(calc(-50% + var(--target-x)),calc(-50% + var(--target-y)))}}
.intro-active .site-header{z-index:120;opacity:0;transform:translateY(-96px);filter:blur(4px);pointer-events:none;animation:none}.intro-nav-drop .site-header{animation:headerMechanicalDrop 1.82s cubic-bezier(.18,.82,.22,1) both}.intro-reveal .site-header,.intro-complete .site-header{opacity:1;transform:translateY(0);filter:none;pointer-events:auto;animation:none}.intro-active .hero-wordmark{opacity:0;animation:none}.hero-wordmark.is-receiving-wordmark{opacity:0!important}.intro-complete .hero-wordmark{opacity:1;transform:none;filter:none;animation:none}.intro-active .hero .eyebrow,.intro-active .hero-subline,.intro-active .lead,.intro-active .cta-row,.intro-active .scroll-cue{opacity:0;transform:translateY(24px)}.intro-active .hero-subline span{opacity:0;transform:translateY(20px) scale(.965);letter-spacing:.035em}.intro-reveal .hero .eyebrow,.intro-reveal .hero-subline,.intro-reveal .lead,.intro-reveal .cta-row,.intro-reveal .scroll-cue{opacity:0;transform:translateY(24px);animation:none}.intro-complete .hero .eyebrow{opacity:1;transform:none;animation:cinematicTextIn .72s cubic-bezier(.2,.8,.2,1) .22s both}.intro-complete .hero-subline{opacity:1;transform:none}.intro-complete .hero-subline span{animation:wordBuild .96s cubic-bezier(.16,1,.3,1) both}.intro-complete .hero-subline span:nth-child(1){animation-delay:.54s}.intro-complete .hero-subline span:nth-child(2){animation-delay:.82s}.intro-complete .hero-subline span:nth-child(3){animation-delay:1.10s}.intro-complete .lead{opacity:1;transform:none;animation:cinematicTextIn .78s cubic-bezier(.2,.8,.2,1) 1.48s both}.intro-complete .cta-row{opacity:1;transform:none;animation:cinematicTextIn .78s cubic-bezier(.2,.8,.2,1) 1.66s both}.intro-complete .scroll-cue{opacity:1;transform:none;animation:cinematicTextIn .72s cubic-bezier(.2,.8,.2,1) 2.05s both,scrollCueFloat 1.9s ease-in-out 2.8s infinite}@keyframes headerMechanicalDrop{0%{opacity:0;transform:translateY(-96px);filter:blur(5px)}18%{opacity:.38;transform:translateY(-70px);filter:blur(3px)}44%{opacity:1;transform:translateY(-18px);filter:blur(0)}58%{opacity:1;transform:translateY(7px);filter:blur(0)}70%{opacity:1;transform:translateY(-4px);filter:blur(0)}84%{opacity:1;transform:translateY(2px);filter:blur(0)}100%{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes brandLockIn{from{opacity:0}to{opacity:1}}@keyframes cinematicTextIn{0%{opacity:0;transform:translateY(24px);filter:blur(2px)}100%{opacity:1;transform:translateY(0);filter:blur(0)}}

.section-shell{width:min(var(--max),calc(100% - 40px));margin-inline:auto;position:relative;z-index:2}.grain,.embers{position:fixed;inset:0;pointer-events:none}.grain{z-index:3;opacity:.1;mix-blend-mode:screen;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 220 220' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E")}.embers{z-index:1;opacity:.55}
.site-header{position:sticky;top:18px;z-index:20;width:min(var(--max),calc(100% - 36px));margin:18px auto 0;padding:10px 14px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:22px;border:1px solid rgba(242,216,146,.18);border-radius:18px;background:linear-gradient(180deg,rgba(16,15,14,.86),rgba(4,4,4,.78));backdrop-filter:blur(18px);box-shadow:0 18px 60px rgba(0,0,0,.52),inset 0 1px 0 rgba(255,255,255,.08);overflow:hidden}
.site-header::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(242,216,146,.12) 50%,transparent),radial-gradient(circle at 50% 0,rgba(116,37,31,.22),transparent 44%);opacity:.7}
.site-header::after{content:"";position:absolute;left:18px;right:18px;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(242,216,146,.62),rgba(116,37,31,.55),transparent)}
.brand{position:relative;z-index:1;font-family:UnifrakturCook,Cinzel,serif;text-decoration:none;font-size:2.65rem;line-height:.86;color:var(--gold-2);text-shadow:0 0 18px rgba(212,174,98,.28),0 8px 22px rgba(0,0,0,.74);white-space:nowrap;padding:0 28px}
.brand::before,.brand::after{content:"";position:absolute;top:50%;width:44px;height:1px;background:linear-gradient(90deg,transparent,rgba(242,216,146,.7));opacity:.72}.brand::before{right:100%;transform:translateY(-50%)}.brand::after{left:100%;transform:translateY(-50%) rotate(180deg)}
nav{position:relative;z-index:1;display:flex;align-items:center;gap:10px}.nav-left{justify-content:flex-end}.nav-right{justify-content:flex-start}nav a,.header-cta{min-height:40px;display:inline-flex;align-items:center;justify-content:center;padding:9px 13px;text-decoration:none;font-weight:900;font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;border-radius:10px}nav a{color:#d8cec2;border:1px solid transparent}nav a:hover,nav a.is-active{color:#fff;border-color:rgba(242,216,146,.22);background:rgba(255,255,255,.055);box-shadow:inset 0 -1px 0 rgba(242,216,146,.24)}.header-cta{background:linear-gradient(135deg,var(--spotify),#58df83);color:#031307;border:1px solid rgba(29,185,84,.7);box-shadow:0 12px 32px rgba(29,185,84,.16);letter-spacing:.08em}
.hero{min-height:calc(100svh - 96px);display:grid;place-items:center;text-align:center;padding:82px 0 96px}.hero-centered{max-width:980px;margin:auto}.eyebrow{margin:0 0 14px;color:var(--gold-2);text-transform:uppercase;letter-spacing:.22em;font-weight:900;font-size:.82rem}.hero h1{font-family:UnifrakturCook,Georgia,serif;margin:0;color:var(--gold-2);font-size:clamp(5rem,13vw,12rem);line-height:.78;text-shadow:0 18px 42px rgba(0,0,0,.72),0 0 24px rgba(212,174,98,.22)}.hero-subline,h2{font-family:Cinzel,Georgia,serif}.hero-subline{margin:28px auto 0;font-weight:900;font-size:clamp(2rem,4.7vw,4.35rem);line-height:1.02;letter-spacing:-.05em;max-width:980px}.hero-subline span{display:block;margin:0}.lead,.section-title p,.band-copy p,.release-section p,.support-copy p{color:var(--muted);font-size:1.12rem}.lead{max-width:760px;margin:24px auto 0}.cta-row,.support-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:30px}.btn{min-height:56px;padding:15px 23px;border-radius:999px;text-decoration:none;font-weight:900;border:1px solid var(--line);display:inline-flex;align-items:center;justify-content:center;transition:transform .2s ease,filter .2s ease,box-shadow .2s ease}.btn:hover{transform:translateY(-2px);filter:brightness(1.06)}.btn-spotify{background:linear-gradient(135deg,#1DB954,#52dc7b);color:#031307;border-color:rgba(29,185,84,.65);box-shadow:0 16px 42px rgba(29,185,84,.22)}.btn-youtube{background:linear-gradient(135deg,#ff0033,#b81318);color:#fff;border-color:rgba(255,0,51,.58);box-shadow:0 16px 42px rgba(255,0,51,.18)}.btn-ghost{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.18)}.scroll-cue{width:max-content;margin:28px auto 0;display:inline-flex;flex-direction:column;align-items:center;gap:9px;text-decoration:none;color:rgba(242,216,146,.86);font-size:.72rem;font-weight:900;letter-spacing:.22em;text-transform:uppercase;text-shadow:0 8px 26px rgba(0,0,0,.72);animation:scrollCueFloat 1.9s ease-in-out infinite}.scroll-cue span{opacity:.78}.scroll-cue i{width:18px;height:34px;border:1px solid rgba(242,216,146,.48);border-radius:999px;position:relative;background:rgba(255,255,255,.025);box-shadow:0 0 22px rgba(212,174,98,.14)}.scroll-cue i::before{content:"";position:absolute;left:50%;top:7px;width:4px;height:4px;border-radius:50%;background:var(--gold-2);transform:translateX(-50%);animation:scrollDot 1.55s cubic-bezier(.2,.8,.2,1) infinite;box-shadow:0 0 14px rgba(242,216,146,.8)}@keyframes scrollCueFloat{0%,100%{transform:translateY(0);opacity:.82}50%{transform:translateY(7px);opacity:1}}@keyframes scrollDot{0%{opacity:0;transform:translate(-50%,0)}22%{opacity:1}72%{opacity:1;transform:translate(-50%,14px)}100%{opacity:0;transform:translate(-50%,17px)}}
.music-section,.band-section,.release-section,.support-section{padding:96px 0}.section-title{display:block;text-align:center;max-width:880px;margin:0 auto 40px}.section-title h2,.band-copy h2,.release-section h2,.support-copy h2{margin:0;font-size:clamp(2.55rem,5.8vw,5.7rem);line-height:.95;letter-spacing:-.055em}.platform-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;align-items:stretch}.platform-card{grid-column:span 2;min-height:258px;padding:26px;border-radius:var(--radius);border:1px solid var(--line);background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.025));text-decoration:none;box-shadow:0 20px 60px rgba(0,0,0,.28);transition:transform .22s ease,border-color .22s ease,background .22s ease}.platform-card:hover{border-color:rgba(242,216,146,.42);transform:translateY(-4px);background:linear-gradient(145deg,rgba(255,255,255,.11),rgba(255,255,255,.035))}.platform-card img{width:56px;height:56px;object-fit:contain;margin-bottom:24px}.platform-card span{display:block;color:var(--gold-2);font-size:.75rem;letter-spacing:.16em;text-transform:uppercase;font-weight:900;margin-bottom:8px}.platform-card strong{display:block;font-family:Cinzel,Georgia,serif;font-size:clamp(2rem,3.6vw,3.35rem);line-height:1;letter-spacing:-.045em}.platform-card em{display:block;margin-top:12px;color:var(--muted);font-style:normal}.primary-card{background:linear-gradient(145deg,rgba(212,174,98,.16),rgba(116,37,31,.16),rgba(255,255,255,.035))}.platform-card:nth-child(1){border-color:rgba(29,185,84,.28)}.platform-card:nth-child(2){border-color:rgba(255,0,51,.28)}
.band-section{display:grid;grid-template-columns:1fr;gap:38px;align-items:center;text-align:center}.band-copy{max-width:860px;margin:0 auto}.band-copy p{max-width:820px;margin:22px auto 0}.band-photos{display:grid;grid-template-columns:repeat(2,minmax(0,360px));justify-content:center;gap:26px;max-width:820px;margin:0 auto;width:100%}.band-photos figure{position:relative;margin:0;aspect-ratio:9/16;border-radius:28px;overflow:hidden;border:1px solid rgba(255,255,255,.18);box-shadow:var(--shadow);background:#111;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.band-photos figure:hover{transform:translateY(-6px);border-color:rgba(242,216,146,.46);box-shadow:0 34px 100px rgba(0,0,0,.72)}.band-photos video,.video-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.band-photos video{z-index:1;filter:contrast(1.08) brightness(.78) saturate(.9);transition:transform .45s ease,filter .25s ease}.video-poster{z-index:2;filter:contrast(1.08) brightness(.82) saturate(.9);transition:opacity .18s ease,transform .35s ease}.band-photos figure:hover video{transform:scale(1.045);filter:contrast(1.08) brightness(.92) saturate(1)}.band-photos figure:hover .video-poster{opacity:0;transform:scale(1.025)}.video-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.06),rgba(0,0,0,.18));pointer-events:none}.release-section{display:grid;grid-template-columns:1fr .9fr;gap:46px;align-items:center;padding:56px 46px;border:1px solid var(--line);border-radius:34px;background:linear-gradient(135deg,rgba(20,18,16,.92),rgba(7,7,7,.78));box-shadow:var(--shadow)}.release-section p{margin:0;font-family:Cinzel,Georgia,serif;font-weight:800;font-size:clamp(1.45rem,2.7vw,2.6rem);line-height:1.12;color:#f4eee4;text-wrap:balance}.support-section{display:grid;grid-template-columns:1fr auto;gap:32px;align-items:center}.support-actions{justify-content:flex-end;margin-top:0;max-width:560px}footer{display:flex;justify-content:space-between;gap:18px;padding:34px 0 52px;color:var(--dim);border-top:1px solid rgba(255,255,255,.12)}
.motion-ready .reveal-block{opacity:1;transform:none;transition:none}
.eyebrow{animation:eyebrowArrive .8s ease-out both}.lead{animation:leadArrive .72s cubic-bezier(.2,.8,.2,1) .98s both}.cta-row{animation:leadArrive .72s cubic-bezier(.2,.8,.2,1) 1.12s both}
.build-line span{opacity:1;transform:translateY(0);filter:none;animation:wordBuild .9s cubic-bezier(.16,1,.3,1) both;will-change:transform,text-shadow,letter-spacing}
.build-line span:nth-child(1){animation-delay:.20s}.build-line span:nth-child(2){animation-delay:.44s}.build-line span:nth-child(3){animation-delay:.68s}
@keyframes eyebrowArrive{from{opacity:0;letter-spacing:.38em;transform:translateY(-8px)}to{opacity:1;letter-spacing:.22em;transform:translateY(0)}}
@keyframes brandArrive{0%{opacity:0;transform:translateY(18px) scale(.96);text-shadow:0 0 0 rgba(212,174,98,0)}55%{opacity:1;transform:translateY(0) scale(1.015);text-shadow:0 18px 42px rgba(0,0,0,.72),0 0 38px rgba(242,216,146,.34)}100%{opacity:1;transform:translateY(0) scale(1);text-shadow:0 18px 42px rgba(0,0,0,.72),0 0 24px rgba(212,174,98,.22)}}
@keyframes wordBuild{0%{opacity:1;transform:translateY(18px) scale(.965);letter-spacing:.035em;text-shadow:0 0 0 rgba(242,216,146,0)}38%{opacity:1;transform:translateY(0) scale(1.025);letter-spacing:-.015em;text-shadow:0 0 34px rgba(242,216,146,.36),0 0 18px rgba(116,37,31,.22)}72%{opacity:1;transform:translateY(0) scale(1);letter-spacing:-.05em;text-shadow:0 0 18px rgba(242,216,146,.18),0 10px 30px rgba(0,0,0,.45)}100%{opacity:1;transform:translateY(0) scale(1);letter-spacing:-.05em;text-shadow:0 10px 30px rgba(0,0,0,.45)}}
@keyframes leadArrive{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
.intro-reveal.intro-complete .hero .eyebrow{opacity:1;transform:none;animation:cinematicTextIn .72s cubic-bezier(.2,.8,.2,1) .22s both}.intro-reveal.intro-complete .lead{opacity:1;transform:none;animation:cinematicTextIn .78s cubic-bezier(.2,.8,.2,1) 1.48s both}.intro-reveal.intro-complete .cta-row{opacity:1;transform:none;animation:cinematicTextIn .78s cubic-bezier(.2,.8,.2,1) 1.66s both}.intro-reveal.intro-complete .scroll-cue{opacity:1;transform:none;animation:cinematicTextIn .72s cubic-bezier(.2,.8,.2,1) 2.05s both,scrollCueFloat 1.9s ease-in-out 2.8s infinite}.intro-complete .scroll-cue{opacity:1;transform:none;animation:cinematicTextIn .72s cubic-bezier(.2,.8,.2,1) 2.05s both,scrollCueFloat 1.9s ease-in-out 2.8s infinite}
.intro-complete .hero .lead{display:block!important;visibility:visible!important;opacity:1!important;transform:none!important}.intro-complete .hero .cta-row{display:flex!important;visibility:visible!important;opacity:1!important;transform:none!important}.intro-complete .hero .scroll-cue{display:inline-flex!important;visibility:visible!important;opacity:1!important}.intro-complete .hero .eyebrow{display:block!important;visibility:visible!important;opacity:1!important;transform:none!important}
/* The three hero subline rows are animated by script.js with the Web
   Animations API after the Eichenblut wordmark lands. These CSS rules only
   keep them hidden during the intro so they cannot appear all at once. */
.intro-active .hero-subline span,
.intro-reveal:not(.intro-complete) .hero-subline span{
  opacity:0!important;
  transform:translateY(18px) scale(.965)!important;
  filter:none!important;
  letter-spacing:.035em!important;
  animation:none!important;
}
@media(max-width:980px){.site-header{grid-template-columns:1fr;justify-items:center;border-radius:20px;position:relative;top:0;gap:10px}.site-header::before{opacity:.55}.brand{grid-row:1;grid-column:1;font-size:2.35rem;padding:4px 0 0;max-width:100%;overflow:hidden;text-overflow:clip}.nav-left{grid-row:2;grid-column:1}.nav-right{grid-row:3;grid-column:1}.brand::before,.brand::after{display:none}.nav-left,.nav-right{width:100%;justify-content:center;flex-wrap:wrap}.header-cta{display:inline-flex}nav{flex-wrap:wrap}.hero,.band-section,.release-section,.support-section,.section-title{grid-template-columns:1fr}.hero{padding-top:56px}.platform-grid{grid-template-columns:1fr}.platform-card{grid-column:1}.support-section{text-align:center}.support-actions{justify-content:center;width:100%;max-width:100%;margin-top:18px}.section-title{text-align:center}.section-title p{margin:0 auto}.band-photos{max-width:760px}}

@media(max-width:820px){
  html,body{overflow-x:hidden}
  .section-shell,.site-header{width:min(100% - 28px,560px);max-width:min(100% - 28px,560px)}
  .platform-grid{grid-template-columns:1fr!important}
  .platform-card{grid-column:1!important;min-height:0}
  .support-section{grid-template-columns:1fr!important;text-align:center}
  .support-actions{justify-content:center!important;width:100%;max-width:100%;margin-top:18px}
  .support-actions .btn{width:100%;max-width:420px}
  .release-section{grid-template-columns:1fr!important;text-align:center;overflow:hidden}
  .release-section p{overflow-wrap:break-word}
}
@media(max-width:640px){html,body{width:100%;max-width:100%;overflow-x:hidden}.section-shell,.site-header{width:min(100% - 28px,430px);max-width:min(100% - 28px,430px);margin-left:auto;margin-right:auto}.site-header{overflow:hidden;padding:12px;border-radius:18px}.brand{font-size:2.15rem;padding:0;max-width:100%;white-space:normal;text-align:center}.nav-left,.nav-right{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;min-width:0}.nav-right{grid-template-columns:1fr}nav a,.header-cta{min-width:0;width:100%;font-size:.72rem;padding:8px 4px;white-space:nowrap}.header-cta{min-height:40px;max-width:210px;margin-inline:auto}nav a[href="#support"]{display:none}.hero{min-height:auto;gap:24px;padding:46px 0 72px;overflow:hidden;max-width:min(100% - 28px,430px);grid-template-columns:1fr}.hero-copy{width:100%;max-width:100%;min-width:0;overflow:visible}.hero h1{font-size:clamp(3rem,14vw,3.9rem);max-width:100%;overflow-wrap:anywhere}.hero-subline{font-size:clamp(1.26rem,5.8vw,1.58rem);line-height:1.08;letter-spacing:-.02em;max-width:100%;overflow-wrap:anywhere}.hero-subline span{display:block;margin:0}.hero-subline span:not(:last-child){margin-bottom:3px}.lead,.section-title p,.band-copy p,.release-section p,.support-copy p{font-size:1rem;max-width:100%;overflow-wrap:break-word}.cta-row,.support-actions{width:100%;max-width:100%;justify-content:center}.btn{width:100%;max-width:100%;min-height:54px;text-align:center;padding-left:16px;padding-right:16px}.music-section,.band-section,.support-section{padding:72px 0}.release-section{padding:34px 24px;text-align:center}.platform-grid,.band-photos{grid-template-columns:1fr}.platform-card,.primary-card{min-height:186px}.section-title h2,.band-copy h2,.release-section h2,.support-copy h2{font-size:clamp(2.05rem,9.8vw,2.8rem);max-width:100%;overflow-wrap:break-word}.band-photos figure{aspect-ratio:4/5;border-radius:24px}footer{flex-direction:column}}

@media(max-width:980px){
  .site-header{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;width:min(100% - 28px,560px)!important;max-width:min(100% - 28px,560px)!important;overflow:visible!important}
  .brand{order:1!important;display:block!important;width:100%!important;text-align:center!important;white-space:normal!important;overflow:visible!important}
  .nav-left{order:2!important;display:flex!important;width:100%!important;justify-content:center!important}
  .nav-right{order:3!important;display:flex!important;width:100%!important;justify-content:center!important}
}

@media (max-device-width:820px), (hover:none) and (pointer:coarse){
  html,body{width:100%!important;max-width:100%!important;overflow-x:hidden!important}
  .section-shell,.site-header{width:calc(100vw - 28px)!important;max-width:calc(100vw - 28px)!important;margin-left:auto!important;margin-right:auto!important}
  .site-header{display:flex!important;flex-direction:column!important;align-items:center!important;gap:8px!important;overflow:visible!important;padding:12px!important;position:relative!important;top:0!important}
  .brand{order:1!important;width:100%!important;max-width:100%!important;text-align:center!important;font-size:2.1rem!important;white-space:normal!important;overflow:visible!important;padding:0!important}
  .brand::before,.brand::after{display:none!important}
  .nav-left{order:2!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%!important;gap:6px!important}
  .nav-right{order:3!important;display:grid!important;grid-template-columns:1fr!important;width:100%!important;gap:6px!important}
  nav a,.header-cta{width:100%!important;min-width:0!important;white-space:nowrap!important;font-size:.72rem!important;padding:8px 4px!important}
  nav a[href="#support"]{display:none!important}
  .hero{width:calc(100vw - 28px)!important;max-width:calc(100vw - 28px)!important;overflow:hidden!important}
  .platform-grid{grid-template-columns:1fr!important}
  .platform-card{grid-column:1!important;width:100%!important;min-width:0!important}
  .support-section{grid-template-columns:1fr!important;text-align:center!important}
  .support-actions{justify-content:center!important;width:100%!important;max-width:100%!important}
  .support-actions .btn{width:100%!important;max-width:420px!important}
  .release-section{grid-template-columns:1fr!important;text-align:center!important;overflow:hidden!important}
}

/* v36 hard mobile override: keep the phone layout impossible to render as desktop. */
@media screen and (max-width:980px){
  body{min-width:0!important;overflow-x:hidden!important}
  .site-header{display:flex!important;flex-direction:column!important;grid-template-columns:none!important;align-items:center!important;justify-content:center!important;width:calc(100vw - 28px)!important;max-width:560px!important;margin:14px auto 0!important;padding:12px!important;gap:8px!important;overflow:visible!important}
  .site-header .brand{order:1!important;display:block!important;width:100%!important;max-width:100%!important;padding:0!important;text-align:center!important;white-space:normal!important;overflow:visible!important;font-size:clamp(1.95rem,9vw,2.35rem)!important;line-height:.9!important}
  .site-header .brand::before,.site-header .brand::after{display:none!important}
  .site-header .nav-left{order:2!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%!important;gap:6px!important}
  .site-header .nav-right{order:3!important;display:grid!important;grid-template-columns:1fr!important;width:100%!important;gap:6px!important}
  .site-header nav a,.site-header .header-cta{width:100%!important;min-width:0!important;max-width:none!important;white-space:nowrap!important;font-size:.72rem!important;padding:8px 4px!important;text-align:center!important}
  .site-header nav a[href="#support"]{display:none!important}
  .section-shell,.hero{width:calc(100vw - 28px)!important;max-width:560px!important;margin-left:auto!important;margin-right:auto!important;overflow:hidden!important}
  .platform-grid{display:grid!important;grid-template-columns:1fr!important;gap:14px!important;width:100%!important}
  .platform-card{grid-column:1!important;width:100%!important;min-width:0!important;min-height:0!important}
  .support-section,.release-section{display:grid!important;grid-template-columns:1fr!important;text-align:center!important;width:calc(100vw - 28px)!important;max-width:560px!important;overflow:hidden!important}
  .support-actions{justify-content:center!important;width:100%!important;max-width:100%!important;margin-top:18px!important}
  .support-actions .btn{width:100%!important;max-width:420px!important}
}

/* v37 JS-assisted mobile layout fallback. This applies even when a mobile
   browser reports an unusual CSS media width during the intro. */
.mobile-layout body{min-width:0!important;overflow-x:hidden!important}
.mobile-layout .site-header{display:flex!important;flex-direction:column!important;grid-template-columns:none!important;align-items:center!important;justify-content:center!important;width:calc(100vw - 28px)!important;max-width:560px!important;margin:14px auto 0!important;padding:12px!important;gap:8px!important;overflow:visible!important;left:auto!important;right:auto!important}
.mobile-layout .site-header .brand{order:1!important;display:block!important;width:100%!important;max-width:100%!important;padding:0!important;text-align:center!important;white-space:normal!important;overflow:visible!important;font-size:clamp(1.95rem,9vw,2.35rem)!important;line-height:.9!important}
.mobile-layout .site-header .brand::before,.mobile-layout .site-header .brand::after{display:none!important}
.mobile-layout .site-header .nav-left{order:2!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%!important;gap:6px!important}
.mobile-layout .site-header .nav-right{order:3!important;display:grid!important;grid-template-columns:1fr!important;width:100%!important;gap:6px!important}
.mobile-layout .site-header nav a,.mobile-layout .site-header .header-cta{width:100%!important;min-width:0!important;max-width:none!important;white-space:nowrap!important;font-size:.72rem!important;padding:8px 4px!important;text-align:center!important}
.mobile-layout .site-header nav a[href="#support"]{display:none!important}
.mobile-layout .section-shell,.mobile-layout .hero{width:calc(100vw - 28px)!important;max-width:560px!important;margin-left:auto!important;margin-right:auto!important;overflow:hidden!important}
.mobile-layout .platform-grid{display:grid!important;grid-template-columns:1fr!important;gap:14px!important;width:100%!important}
.mobile-layout .platform-card{grid-column:1!important;width:100%!important;min-width:0!important;min-height:0!important}
.mobile-layout .support-section,.mobile-layout .release-section{display:grid!important;grid-template-columns:1fr!important;text-align:center!important;width:calc(100vw - 28px)!important;max-width:560px!important;overflow:hidden!important}
.mobile-layout .support-actions{justify-content:center!important;width:100%!important;max-width:100%!important;margin-top:18px!important}
.mobile-layout .support-actions .btn{width:100%!important;max-width:420px!important}

/* v38 mobile cleanup: no bulky/clipped phone header, no blank intro handoff. */
.mobile-layout .site-header{display:block!important;width:calc(100vw - 28px)!important;max-width:430px!important;margin:12px auto 0!important;padding:10px 12px!important;border-radius:16px!important;text-align:center!important;overflow:visible!important}
.mobile-layout .site-header .brand{display:block!important;width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;font-size:clamp(2rem,10vw,2.55rem)!important;line-height:.9!important;text-align:center!important;white-space:normal!important;overflow:visible!important;text-shadow:0 0 16px rgba(212,174,98,.3),0 8px 18px rgba(0,0,0,.72)!important}
.mobile-layout .site-header .nav-left,.mobile-layout .site-header .nav-right{display:none!important}
.mobile-layout .hero{width:calc(100vw - 28px)!important;max-width:430px!important;min-height:auto!important;padding:34px 0 64px!important;overflow:visible!important}
.mobile-layout .hero-copy{width:100%!important;max-width:100%!important;overflow:visible!important}
.mobile-layout .eyebrow{font-size:.74rem!important;letter-spacing:.18em!important;margin-bottom:12px!important}
.mobile-layout .hero h1{font-size:clamp(3.55rem,15vw,4.55rem)!important;line-height:.82!important;white-space:normal!important;overflow:visible!important;overflow-wrap:normal!important}
.mobile-layout .hero-subline{font-size:clamp(1.62rem,7vw,2.05rem)!important;line-height:1.02!important;letter-spacing:-.045em!important;margin-top:22px!important;overflow:visible!important}
.mobile-layout .lead{font-size:1rem!important;line-height:1.52!important;margin-top:22px!important}
.mobile-layout .cta-row{gap:10px!important;margin-top:24px!important}
.mobile-layout .btn{width:100%!important;max-width:330px!important;margin-inline:auto!important;min-height:52px!important}
.mobile-layout .scroll-cue{margin-top:22px!important}
.mobile-layout .intro-overlay.is-transitioning{background:#070606!important;transition:opacity .42s ease!important}
.mobile-layout .intro-overlay.is-transitioning video{opacity:.72!important;transition:opacity .42s ease!important;filter:contrast(1.04) brightness(.72) saturate(.9)!important}
.mobile-layout .intro-overlay.is-transitioning .intro-shade{opacity:.28!important;transition:opacity .42s ease!important}
.mobile-layout .intro-flying-word.is-moving{animation:wordFlyHome .86s cubic-bezier(.16,1,.22,1) forwards!important}
.mobile-layout.intro-complete .hero .eyebrow{animation:cinematicTextIn .52s cubic-bezier(.2,.8,.2,1) .08s both!important}
.mobile-layout.intro-complete .lead{animation:cinematicTextIn .56s cubic-bezier(.2,.8,.2,1) 1.05s both!important}
.mobile-layout.intro-complete .cta-row{animation:cinematicTextIn .56s cubic-bezier(.2,.8,.2,1) 1.18s both!important}
.mobile-layout.intro-complete .scroll-cue{animation:cinematicTextIn .52s cubic-bezier(.2,.8,.2,1) 1.38s both,scrollCueFloat 1.9s ease-in-out 2s infinite!important}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.motion-ready .reveal-block{opacity:1;transform:none}.build-line span,.hero-wordmark,.eyebrow,.lead,.cta-row,.scroll-cue{opacity:1;transform:none;filter:none}.scroll-video-bg video{opacity:.45}.embers{display:none}}


/* v46 legal pages + footer links */
.site-footer{align-items:center;flex-wrap:wrap}.legal-links{display:flex;align-items:center;justify-content:flex-end;gap:14px;flex-wrap:wrap}.legal-links a,.legal-back{color:var(--muted);text-decoration:none;font-weight:900;letter-spacing:.08em;text-transform:uppercase;font-size:.78rem}.legal-links a:hover,.legal-back:hover{color:var(--gold-2)}.legal-page{background:radial-gradient(circle at 75% 5%,rgba(116,37,31,.28),transparent 34rem),linear-gradient(180deg,#050505,#0b0a09 52%,#050505)}.legal-page::before{opacity:.34}.legal-shell{padding:42px 0 72px}.legal-back{display:inline-flex;margin-bottom:18px}.legal-card{border:1px solid var(--line);border-radius:34px;background:linear-gradient(145deg,rgba(17,16,15,.94),rgba(5,5,5,.82));box-shadow:var(--shadow);padding:clamp(26px,5vw,54px);max-width:920px;margin:0 auto}.legal-card h1{font-family:UnifrakturCook,Cinzel,serif;color:var(--gold-2);font-size:clamp(3.4rem,9vw,7rem);line-height:.82;margin:0 0 28px;text-shadow:0 18px 42px rgba(0,0,0,.72),0 0 24px rgba(212,174,98,.22)}.legal-card h2{font-family:Cinzel,Georgia,serif;color:#f4eee4;font-size:clamp(1.35rem,3vw,2.05rem);line-height:1.05;margin:32px 0 10px}.legal-card p{color:var(--muted);margin:0 0 14px}.legal-card a{color:var(--gold-2)}@media(max-width:640px){.site-footer{align-items:center;text-align:center}.legal-links{justify-content:center;width:100%}.legal-card{border-radius:24px}.legal-card h1{font-size:clamp(3rem,15vw,4.5rem)}}