:root{--ink:#0b1111;--coal:#151a19;--gold:#b89a64;--cream:#e7dac1;--muted:#aaa18f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--cream);font:18px/1.7 'IM Fell English',Georgia,serif}a{color:inherit}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid #f5c778;outline-offset:4px}.hero{position:relative;min-height:540px;height:70vh;max-height:850px;background:linear-gradient(180deg,rgba(3,7,8,.28),rgba(3,7,8,.15) 55%,#0b1111),url('assets/grove.svg') center 48%/cover;display:grid;place-items:center;text-align:center;padding:5rem 1rem 3rem}.hero:after{content:'';position:absolute;inset:18px;border:1px solid #b89a6440;pointer-events:none}.hero-inner{position:relative;z-index:1}.kicker,.eyebrow{font:600 12px/1.6 Cinzel,serif;letter-spacing:.33em;text-transform:uppercase;color:var(--gold)}.hero h1{font:700 clamp(4rem,12vw,10rem)/1 Cinzel,serif;letter-spacing:.11em;color:#f1dfb5;text-shadow:0 8px 30px #000}.hero p{font-style:italic;font-size:clamp(1.1rem,2.5vw,1.7rem);max-width:700px;margin:1.2rem auto}.sigil{font-size:2rem;color:#c29b62;letter-spacing:.5em}.nav{position:sticky;top:0;z-index:30;background:#101514ed;border-block:1px solid #86683c;backdrop-filter:blur(12px)}.nav-inner{max-width:1200px;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.6rem 1.2rem}.brand{font:700 1rem Cinzel,serif;letter-spacing:.2em;text-decoration:none;color:var(--gold)}.nav-links{display:flex;flex-wrap:wrap;gap:.4rem 1.5rem}.nav a{text-decoration:none}.nav-links a{font:12px Cinzel,serif;letter-spacing:.09em}.nav a:hover{color:#e4c990}.intro{max-width:800px;margin:0 auto;padding:5rem 1.5rem;text-align:center}.intro p{font-size:clamp(1.25rem,2vw,1.6rem)}.intro .drop{font:4.2rem Cinzel,serif;float:left;line-height:.9;padding-right:.15em;color:var(--gold)}.ornament{color:var(--gold);text-align:center;letter-spacing:1rem;margin:1.5rem auto}.sanctum{position:relative;min-height:690px;max-width:1400px;margin:0 auto;background:radial-gradient(ellipse at 50% 70%,#4c3021 0%,#19201d 45%,#0b1111 75%);overflow:hidden;border-block:1px solid #685436}.sanctum:before{content:'';position:absolute;inset:0;background:url('assets/grove.svg') center/cover;opacity:.65}.sanctum h2{position:relative;text-align:center;margin:2.5rem 1rem 0;font:600 clamp(1.4rem,3vw,2.3rem) Cinzel,serif;color:#f0d8a7}.stations{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:1rem;max-width:1000px;margin:2.5rem auto 0;padding:1rem}.station{border:1px solid #ac89596e;background:#0c1111c9;color:var(--cream);min-height:300px;padding:1.5rem .8rem;display:flex;flex-direction:column;align-items:center;justify-content:end;transition:background .2s,transform .2s}.station:hover,.station[aria-pressed=true]{background:#2d261ddc;transform:translateY(-4px);border-color:#d5b17b}.station img{height:180px;max-width:100%;object-fit:contain;filter:drop-shadow(0 8px 20px #000)}.station .icon{font-size:6rem;line-height:2;color:#c9a66d}.station strong{font:600 14px Cinzel,serif;letter-spacing:.09em}.station small{color:#c2b49e;font-size:14px}.reveal{position:relative;max-width:880px;margin:1.4rem auto 3rem;padding:1.3rem 2rem;background:#0b1010ec;border:1px solid #b89a6470;min-height:125px}.reveal h3{font:600 1.1rem Cinzel,serif;color:var(--gold);margin:0}.reveal p{margin:.4rem 0 0}.chapter{max-width:1150px;margin:6rem auto;padding:0 1.5rem}.chapter-head{display:flex;align-items:center;gap:1.2rem;margin-bottom:1.7rem}.chapter-head:before,.chapter-head:after{content:'';height:1px;background:#826844;flex:1}.chapter-head h2{font:600 clamp(1.3rem,3vw,2rem) Cinzel,serif;text-align:center;color:var(--gold);margin:0}.release{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(0,1.2fr);background:#1a1b17;border:1px solid #806a46;box-shadow:0 15px 45px #0007}.release-art{background:linear-gradient(#0a0d0b55,#0a0d0be0),url('assets/grove.svg') center/cover;min-height:420px;display:flex;flex-direction:column;justify-content:end;padding:2rem}.release-art b{font:700 clamp(2.6rem,5vw,4.8rem) Cinzel,serif;letter-spacing:.12em}.release-copy{padding:clamp(1.5rem,4vw,4rem);align-self:center}.release-copy h3{font:600 clamp(2rem,4vw,3rem) Cinzel,serif;color:var(--gold);margin:.3rem 0}.button{display:inline-block;border:1px solid #b89a64;padding:.8rem 1.3rem;text-decoration:none;font:600 12px Cinzel,serif;letter-spacing:.1em;background:#33291d;color:#f0dfbf}.button:hover{background:#59442a}.chronicle{background:#171a17;padding:5rem 1rem;border-block:1px solid #4f4739}.book{max-width:1060px;margin:auto;display:grid;grid-template-columns:1fr 1fr;box-shadow:0 22px 55px #000b;transform:perspective(1400px) rotateX(2deg)}.page{min-height:480px;padding:clamp(1.3rem,4vw,3.5rem);color:#34271a;background:#c7b38d url('assets/vellum.svg') center/cover;border:9px solid #6a4b2c}.page+ .page{border-left:3px solid #7d5b39;background:linear-gradient(#d5c19bdb,#c3aa7fef),url('assets/vellum.svg') center/cover}.page h2{font:600 1.8rem Cinzel,serif}.page p{font-size:1.2rem}.page .initial{font:5rem Cinzel,serif;float:left;line-height:1;margin-right:.2em;color:#743a2a}.page .folio{font:12px Cinzel,serif;letter-spacing:.15em;border-top:1px solid #7a6244;padding-top:1rem;margin-top:2rem}.land{position:relative;min-height:510px;background:linear-gradient(180deg,#0b11113b,#0b1111),url('assets/grove.svg') center/cover;border:1px solid #6c5b40;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:2rem;padding:3rem}.land a{width:220px;min-height:150px;padding:2rem 1rem;background:#111815dc;border:1px solid #a5895d;text-align:center;text-decoration:none;display:flex;flex-direction:column;justify-content:center}.land a:hover{background:#382d1e}.land a span{font-size:3rem;color:var(--gold)}.land a b{font:600 13px Cinzel,serif}.media-note{text-align:center;color:var(--muted);font-style:italic;margin:1.5rem}.footer{padding:3rem 1rem;text-align:center;background:#080d0d;border-top:1px solid #86683c;color:#b6a993;font-size:15px}.footer a{margin:0 .5rem}.legal{max-width:850px;margin:4rem auto;padding:2rem;background:#171a17;border:1px solid #67553b}.legal h1{font:600 2rem Cinzel,serif;color:var(--gold)}@media(max-width:700px){.hero{height:auto;min-height:470px}.hero h1{letter-spacing:.02em}.nav-inner{display:block;text-align:center}.nav-links{justify-content:center;margin-top:.6rem;gap:.5rem 1rem}.stations{grid-template-columns:1fr;max-width:420px}.station{min-height:160px}.station img{height:100px}.station .icon{font-size:3rem;line-height:1.5}.release,.book{grid-template-columns:1fr}.page{min-height:300px}.land a{width:min(100%,280px)}.reveal{margin:1rem}.intro{padding:3rem 1.5rem}}
/* Multi-page additions */
.hero-sub{min-height:300px;height:42vh;max-height:500px}.hero-sub h1{font-size:clamp(2.5rem,7vw,6rem);letter-spacing:.07em}.hero-sub .sigil{font-size:1.4rem}.nav a[aria-current=page]{color:#edca8b;border-bottom:1px solid #edca8b}.portal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.portal{min-height:210px;padding:2rem 1rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;text-decoration:none;text-align:center;background:linear-gradient(150deg,#24241d,#111716);border:1px solid #7e6844;transition:background .2s,transform .2s}.portal:hover{background:#3a3022;transform:translateY(-3px)}.portal span{font-size:3rem;color:var(--gold)}.portal strong{font:600 1rem Cinzel,serif;color:#ead7ae}.portal small{color:#b8aa92}.center-action{text-align:center;padding:2rem 1rem}.center-action .button{margin:.4rem}.ritual-panel{max-width:850px;margin:auto;padding:clamp(2rem,5vw,5rem);border:1px solid #856f4a;background:radial-gradient(ellipse at 50% 10%,#4c3020,#141a18 70%);text-align:center}.ritual-panel h2{font:600 clamp(1.6rem,4vw,2.8rem) Cinzel,serif;color:var(--gold)}.ritual-symbol{font-size:7rem;line-height:1.4;color:#bfa16b}.ritual-panel blockquote{font-size:1.6rem;font-style:italic;color:#ddc596;margin:2rem auto}.ritual-panel .button{margin-top:1rem}@media(max-width:700px){.hero-sub{min-height:290px;height:auto}.portal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:430px){.portal-grid{grid-template-columns:1fr}.portal{min-height:150px}}

/* OKUNNR V8 additions */
.hero{background-image:linear-gradient(180deg,#05090855,#05090855 55%,#0b1111),url('assets/sturm.jpg')}
.hero-voelva{background-image:linear-gradient(180deg,#05090877,#05090888 60%,#0b1111),url('assets/voelva.jpg')}
.hero-spamadhr{background-image:linear-gradient(180deg,#05090877,#05090888 60%,#0b1111),url('assets/spamadhr.jpg')}
.hero-dorf{background-image:linear-gradient(180deg,#05090855,#05090855 60%,#0b1111),url('assets/dorf.jpg')}
.hero-okunnr{background-image:linear-gradient(180deg,#05090855,#05090855 60%,#0b1111),url('assets/okunnr.jpg')}
.character-photo{display:block;width:100%;max-height:570px;object-fit:cover;object-position:center 26%;border:1px solid #7e6844;margin:1.5rem auto}.character-copy{max-width:850px;margin:0 auto}.lyrics-tabs{display:flex;flex-wrap:wrap;gap:.65rem;justify-content:center;margin:2rem auto}.lyrics-tabs button{border:1px solid #a88b5b;background:#20231e;color:#e7dac1;padding:.75rem 1rem;font:600 13px Cinzel,serif}.lyrics-tabs button[aria-selected=true]{background:#70532c;color:#fff3da}.lyrics-lines{max-width:800px;margin:1rem auto 3rem;padding:2rem;background:#c6b08a;color:#322718;border:8px solid #665034;box-shadow:0 15px 40px #0007}.lyrics-lines p{white-space:pre-line;font-size:1.28rem}.lyrics-lines small{display:block;font-family:Cinzel,serif}.lyrics-lines[hidden]{display:none}.placeholder-notice{font-style:italic;color:#c7b18a;text-align:center}.hero-carousel{position:relative}.hero-carousel .hero{display:none}.hero-carousel .hero.active{display:grid}.slide-controls{position:absolute;bottom:1rem;left:50%;transform:translateX(-50%);display:flex;gap:.6rem;z-index:5}.slide-controls button{border:1px solid #c5a775;background:#101514dc;color:#f5e3be;padding:.6rem .9rem}.slide-controls button[aria-pressed=true]{background:#7a5c33}@media(max-width:700px){.character-photo{max-height:400px}.lyrics-lines{padding:1.2rem}}
/* Sprachumschalter DE / EN / NORRŒNT (okunnr.de / .com / .is) */
.nav-inner .lang-switch-group{display:inline-flex;gap:.35rem;flex-shrink:0}
.lang-switch{font:600 11px Cinzel,serif;letter-spacing:.1em;border:1px solid #86683c;padding:.35rem .6rem;color:#d9c49b}
.lang-switch:hover{border-color:#e4c990;color:#f0dfbf}
.lang-switch.active{background:#33291d;color:#edca8b;border-color:#edca8b}
@media(max-width:700px){.nav-inner .lang-switch-group{display:flex;justify-content:center;margin-top:.6rem}}

/* Herobilder immer vollständig zeigen (16:9) – das Bild füllt die Breite, der Rahmen wächst mit.
   Reicht der Platz für den Text nicht (Tablet, Handy), wird der Rahmen nach unten verlängert; das Bild bleibt ganz sichtbar. */
.hero,.hero-sub{height:auto;max-height:none;min-height:auto;aspect-ratio:16/9;background-color:#0b1111;background-repeat:no-repeat;background-position:center top;background-size:100% 100%,100% auto}
.hero-carousel .hero{padding-bottom:5.5rem}
@media(max-width:1100px){.hero h1{font-size:clamp(3rem,10vw,8rem)}}
@media(max-width:700px){
  .hero,.hero-sub{aspect-ratio:auto;min-height:calc(56.25vw + 11rem);background-size:100% 56.25vw,100% auto;place-items:end center;padding:2rem 1rem 1.5rem}
  .hero-carousel .hero{padding-bottom:5rem}
  .hero-inner{margin-top:calc(56.25vw - 6rem)}
}

/* VARGR – Liedtext: Strophen, Refrain und Ruf */
.lyrics-lines p{margin:0 0 1.4rem}
.lyrics-lines p.chorus{color:#5b3b17;font-style:italic;border-left:2px solid #86683c;padding-left:1rem}
.lyrics-lines p.hook{font:600 .95em Cinzel,serif;letter-spacing:.06em;color:#7a1f14}