/* Code Chaos · Gothic theme (Uhrwerk aus Blut era)
   Palette: sepia/brown-black, bone text, aged gold rules, ONE accent blood red, sparing violet glow. */
:root{
  --void:#0b0806; --deep:#110c09; --panel:#18110d; --umber:#241a13;
  --bone:#ece2ce; --bone-dim:#c9bca4; --parch:#b9a98f;
  --gold:#c9a86a; --gold-hi:#dcc08a; --gold-lo:#7a5f30;
  --blood:#8e1016; --blood-hi:#dc5046;
  --violet:#6b4fa3;
  --acid:var(--gold); --hot:var(--blood-hi); --ice:var(--parch);
  --dim:rgba(201,168,106,0.07); --line:rgba(201,168,106,0.18);
  --serif-cap:'Cinzel',Georgia,serif;
  --serif-body:'EB Garamond',Georgia,serif;
  --serif-lyric:'Cormorant Garamond','EB Garamond',Georgia,serif;
  --font-display:var(--serif-cap); --font-mono:var(--serif-cap); --font-body:var(--serif-body);
  --display:var(--serif-cap); --mono:var(--serif-cap);
  --frame:0 0 0 1px var(--gold-lo),0 0 0 6px var(--void),0 0 0 7px var(--gold);
}
html{font-size:17px;scroll-padding-top:72px}
body{background:var(--void);color:var(--bone-dim);font-family:var(--serif-body);cursor:auto;line-height:1.6;
  -webkit-font-smoothing:antialiased}
*{text-shadow:none!important}
::selection{background:var(--blood);color:var(--bone)}
::-webkit-scrollbar-thumb{background:var(--gold-lo)}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--gold-hi);outline-offset:3px}
strong,b{color:var(--bone)}
em{font-style:italic}

/* film grain over everything, static (no motion) */
.grain{position:fixed;inset:0;z-index:9000;pointer-events:none;opacity:.07;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .9 0 0 0 0 .8 0 0 0 0 .6 0 0 0 .9 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.bg-grid,.scanlines,.nav-bars{display:none!important}
.vignette{background:radial-gradient(ellipse at center,transparent 55%,rgba(5,3,2,.75) 100%)}

/* ---------- NAV ---------- */
nav{height:64px;padding:0 20px;background:rgba(11,8,6,.88);border-bottom:1px solid var(--line);backdrop-filter:blur(10px)}
.nav-logo img{height:40px;width:auto;display:block}
.nav-links{gap:26px}
.nav-links a{font-family:var(--serif-cap);font-size:.72rem;letter-spacing:.16em;color:var(--bone-dim)}
.nav-links a::after{background:var(--gold)}
.nav-links a:hover{color:var(--gold-hi)}
.nav-links .fab{font-size:1rem}
.nav-toggle span{background:var(--bone)}
@media (max-width:900px){
  nav{padding:0 16px}
  .nav-menu{background:var(--deep);border-bottom:1px solid var(--gold-lo)}
  .nav-links a{font-size:.85rem}
  .nav-toggle{width:44px;height:44px;padding:10px}
}

/* ---------- SHARED ORNAMENTS ---------- */
.rule{display:flex;align-items:center;gap:14px;justify-content:center;color:var(--gold)}
.rule::before,.rule::after{content:"";height:1px;width:min(120px,22vw);background:linear-gradient(90deg,transparent,var(--gold))}
.rule::after{transform:scaleX(-1)}
.rule i{width:8px;height:8px;background:var(--blood);transform:rotate(45deg);display:block}
.eyebrow{font-family:var(--serif-cap);font-size:.74rem;letter-spacing:.32em;text-transform:uppercase;color:var(--gold)}
.framed{position:relative;box-shadow:var(--frame)}
.g-wrap{max-width:1180px;margin:0 auto;padding:88px 20px}
.g-title{font-family:var(--serif-cap);font-weight:600;color:var(--bone);letter-spacing:.06em;line-height:1.1;font-size:clamp(1.9rem,6vw,3.4rem)}
.g-lead{font-family:var(--serif-lyric);font-style:italic;color:var(--bone);font-size:clamp(1.25rem,3.6vw,1.7rem);line-height:1.45}
.btn-blood{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:14px 30px;
  background:var(--blood);color:var(--bone);font-family:var(--serif-cap);font-weight:700;font-size:.9rem;letter-spacing:.18em;text-transform:uppercase;
  border:1px solid var(--gold);box-shadow:0 0 0 4px var(--void),0 0 0 5px var(--gold-lo);transition:background .2s}
.btn-blood:hover{background:#a8141b}
.btn-ghost{display:inline-flex;align-items:center;min-height:48px;padding:12px 24px;border:1px solid var(--gold-lo);color:var(--bone);
  font-family:var(--serif-cap);font-size:.8rem;letter-spacing:.16em;text-transform:uppercase}
.btn-ghost:hover{border-color:var(--gold);color:var(--gold-hi)}

/* ---------- HERO / SINGLE ---------- */
#single{position:relative;min-height:100svh;display:grid;align-items:end;overflow:hidden;background:var(--void);padding:0}
#single .hero-media{position:absolute;inset:0;z-index:0}
#single .hero-media video,#single .hero-media img{width:100%;height:100%;object-fit:cover;object-position:50% 38%;display:block}
#single .hero-media::after{content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(11,8,6,.15) 0%,rgba(11,8,6,0) 30%,rgba(11,8,6,.55) 58%,rgba(11,8,6,.96) 82%,var(--void) 100%)}
#single .hero-copy{position:relative;z-index:2;padding:0 20px 36px;max-width:620px;text-align:center;margin:0 auto}
#single .hero-copy .eyebrow{display:block;margin-bottom:10px}
#single h1{font-family:var(--serif-cap);font-weight:700;color:var(--bone);font-size:clamp(2.1rem,10.5vw,4.6rem);line-height:1.02;letter-spacing:.04em;margin:0 0 14px}
#single .tagline{font-family:var(--serif-lyric);font-style:italic;font-size:clamp(1.2rem,4.8vw,1.65rem);color:var(--bone);line-height:1.35;margin:0 0 22px}
#single .date{font-family:var(--serif-cap);letter-spacing:.24em;color:var(--gold-hi);font-size:.82rem;margin:16px 0 0}
#single .ai-note{font-size:.8rem;color:var(--parch);margin:12px 0 0;letter-spacing:.04em}
#single .scroll-cue{display:block;margin:22px auto 0;width:1px;height:34px;background:linear-gradient(var(--gold),transparent)}
@media (min-width:960px){
  #single{grid-template-columns:1.05fr .95fr;align-items:center;gap:56px;padding:96px max(48px,calc((100vw - 1180px)/2)) 56px;
    background:radial-gradient(700px 520px at 72% 46%,rgba(107,79,163,.16),transparent 70%),radial-gradient(900px 600px at 20% 80%,rgba(60,40,26,.55),transparent 70%),var(--void)}
  #single .hero-media{position:relative;inset:auto;order:2;justify-self:center;width:min(100%,calc((100svh - 190px) * 9 / 16));aspect-ratio:9/16;box-shadow:var(--frame)}
  #single .hero-media::after{background:linear-gradient(180deg,transparent 70%,rgba(11,8,6,.35))}
  #single .hero-copy{order:1;text-align:left;padding:0;margin:0}
  #single .rule{justify-content:flex-start}
  #single .rule::before{display:none}
  #single .scroll-cue{margin-left:0}
}
@media (max-width:959px){
  #single .hero-media{bottom:auto;height:74svh}
  #single .hero-media video,#single .hero-media img{object-position:50% 22%}
  #single .hero-media::after{background:linear-gradient(180deg,rgba(11,8,6,.1) 0%,rgba(11,8,6,0) 40%,rgba(11,8,6,.7) 78%,var(--void) 100%)}
  #single{background:var(--void)}
  #single .date{letter-spacing:.14em}
}
@media (prefers-reduced-motion:reduce){ #single video{display:none} }

/* ---------- STORY ---------- */
#geschichte{background:linear-gradient(180deg,var(--void),var(--deep) 12%,var(--deep) 88%,var(--void))}
.story-head{text-align:center;max-width:640px;margin:0 auto 24px}
.scene{max-width:760px;margin:0 auto;padding:64px 4px;text-align:center;border-bottom:1px solid var(--dim)}
.scene:last-child{border-bottom:0}
.scene .num{font-family:var(--serif-cap);color:var(--gold);letter-spacing:.3em;font-size:.8rem;display:block;margin-bottom:6px}
.scene h3{font-family:var(--serif-cap);font-weight:600;color:var(--bone);letter-spacing:.1em;font-size:clamp(1.35rem,4.6vw,2rem);margin:0 0 22px}
.scene blockquote{margin:0 auto;max-width:620px;font-family:var(--serif-lyric);font-style:italic;color:var(--bone);font-size:clamp(1.35rem,4.8vw,2.05rem);line-height:1.4}
.scene blockquote::before{content:"„";color:var(--blood-hi)}
.scene blockquote::after{content:"“";color:var(--blood-hi)}
.scene.glass{background:radial-gradient(420px 220px at 50% 40%,rgba(107,79,163,.14),transparent 70%)}
.reveal{opacity:1;transform:none;transition:opacity .9s ease,transform .9s ease}
.js .reveal.pending{opacity:0;transform:translateY(18px)}
@media (prefers-reduced-motion:reduce){.js .reveal.pending{opacity:1;transform:none}}

/* ---------- ABOUT ---------- */
#ueber{background:var(--void)}
.about-grid{display:grid;gap:44px;align-items:center}
.about-portrait{max-width:440px;margin:8px auto 0;width:calc(100% - 16px)}
.about-portrait img{display:block;width:100%;height:auto}
.about-portrait figcaption{font-size:.8rem;color:var(--parch);margin-top:14px;text-align:center}
.about-copy p{color:var(--bone-dim);font-size:1.08rem;margin:0 0 16px}
.about-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--gold-lo);border:1px solid var(--gold-lo);margin:26px 0 0}
.about-stats div{background:var(--void);padding:16px 8px;text-align:center}
.about-stats b{display:block;font-family:var(--serif-cap);font-size:1.5rem;color:var(--gold-hi)}
.about-stats span{font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--bone-dim)}
@media (min-width:900px){.about-grid{grid-template-columns:.9fr 1.1fr}.about-portrait{margin:0}}

/* ---------- SOCIALS ---------- */
#folgen{background:var(--deep);text-align:center}
.social-list{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;max-width:900px;margin:28px auto 0;padding:0}
.social-list a{display:flex;align-items:center;justify-content:center;gap:10px;min-height:56px;border:1px solid var(--gold-lo);color:var(--bone);
  font-family:var(--serif-cap);font-size:.82rem;letter-spacing:.12em;background:rgba(36,26,19,.4)}
.social-list a:hover{border-color:var(--gold);color:var(--gold-hi)}
.social-list i{font-size:1.15rem;color:var(--gold)}

/* ---------- LEGACY SECTIONS: re-skin ---------- */
section{background:var(--void)}
#releases,#network,#album-runtime-terror{background:var(--deep)}
.section-title{font-family:var(--serif-cap)!important;font-weight:600;letter-spacing:.05em;line-height:1.08;color:var(--bone)}
.section-title em{color:var(--gold);font-style:normal}
.section-eyebrow{font-family:var(--serif-cap);color:var(--gold);letter-spacing:.3em}
.section-desc,.hero-desc,.mastering-intro{color:var(--bone-dim)}
.release-card{background:var(--panel)!important;border:1px solid var(--gold-lo)!important;border-radius:0!important}
.release-card:hover{border-color:var(--gold)!important;transform:none!important}
.release-card img{filter:sepia(.18) contrast(1.02)}
.release-title{font-family:var(--serif-cap)!important;color:var(--bone)!important}
.release-label,.release-type,.release-year{color:var(--bone-dim)!important;border-color:var(--gold-lo)!important;font-family:var(--serif-body)!important}
.btn-primary{background:var(--blood)!important;color:var(--bone)!important;border:1px solid var(--gold)!important;font-family:var(--serif-cap)!important;border-radius:0!important}
.btn-secondary{border:1px solid var(--gold-lo)!important;color:var(--bone)!important;background:transparent!important;font-family:var(--serif-cap)!important;border-radius:0!important}
.album-cover img,.album-tracklist-img{box-shadow:var(--frame)}
.pricing-table,.label-card,.mform-input,.mform-select,.mform-textarea{border-radius:0!important}
.mform-input,.mform-select,.mform-textarea{background:var(--panel)!important;border:1px solid var(--gold-lo)!important;color:var(--bone)!important;font-family:var(--serif-body)!important;font-size:1rem!important}
.mform-label{color:var(--bone-dim)!important}
.mform-submit{background:var(--blood)!important;color:var(--bone)!important;border:1px solid var(--gold)!important;font-family:var(--serif-cap)!important}
.attr-bar-fill{background:linear-gradient(90deg,var(--gold-lo),var(--gold))!important}
.timeline-dot{background:var(--gold)!important;box-shadow:none!important}
.gumroad-button{background:var(--blood)!important;color:var(--bone)!important;border:1px solid var(--gold)!important;border-radius:0!important}
[style*="border-radius"]{border-radius:0!important}

/* newsletter */
.cc-newsletter{background:var(--panel);border-top:1px solid var(--gold-lo);font-family:var(--serif-body)}
.cc-newsletter::before{background:radial-gradient(ellipse at center,rgba(107,79,163,.14) 0%,transparent 70%)}
.cc-newsletter__label{color:var(--gold);border-color:var(--gold-lo);font-family:var(--serif-cap)}
.cc-newsletter__heading{font-family:var(--serif-cap);color:var(--bone);font-weight:600}
.cc-newsletter__sub{color:var(--bone-dim)}
.cc-newsletter__input{background:var(--void)!important;border:1px solid var(--gold-lo)!important;color:var(--bone)!important;border-radius:0!important;font-family:var(--serif-body)}
.cc-newsletter__btn{background:var(--blood)!important;color:var(--bone)!important;border:1px solid var(--gold)!important;border-radius:0!important;font-family:var(--serif-cap)}

/* legal modal */
.legal-modal{background:var(--deep)!important;border:1px solid var(--gold-lo)!important}
.legal-title{font-family:var(--serif-cap)!important;color:var(--bone)!important}
.legal-eyebrow,.legal-block-title{font-family:var(--serif-cap)!important;color:var(--gold)!important}
.legal-block-content,.legal-scope{font-family:var(--serif-body)!important;color:var(--bone-dim)!important;font-size:.95rem!important}
.legal-block-content a{color:var(--gold-hi)!important}
.footer-legal a{color:var(--bone-dim)!important;font-family:var(--serif-cap)!important}

footer{background:#070504!important}
footer .footer-logo{height:70px;width:auto;display:block;margin-bottom:10px}

/* Mobile safety: legacy blocks with fixed paddings */
@media (max-width:640px){
  .section-inner{padding:64px 18px}
  table{display:block;max-width:100%;overflow-x:auto;font-size:.9rem;-webkit-overflow-scrolling:touch}
  .sound-radar-wrap,.sound-radar-wrap>div{max-width:100%!important}
  #radarCanvas{max-width:100%;height:auto}
}
html,body{overflow-x:clip}
.sound-layout>*,.network-layout>*,.mastering-layout>*,.about-grid>*{min-width:0}