@font-face{font-family:Fell;src:url('media/IMFellEnglish-Regular.ttf')}@font-face{font-family:Runic;src:url('media/NotoSansRunic-Regular.ttf')}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#090b0d;color:#e9e3d2;font-family:Georgia,serif;overflow-x:hidden}a{color:inherit;text-decoration:none}.site-header{position:fixed;z-index:100;top:0;width:100%;height:82px;padding:0 4vw;display:flex;align-items:center;gap:40px;border-bottom:1px solid #ffffff1f;background:linear-gradient(#090b0dcc,transparent);backdrop-filter:blur(6px)}.brand{font:23px Fell;letter-spacing:.13em;margin-right:auto}.site-header nav{display:flex;gap:34px;font:12px Arial;text-transform:uppercase;letter-spacing:.15em;color:#cbc6b9}.nav-cta{font:11px Arial;text-transform:uppercase;letter-spacing:.15em;border:1px solid #9d8c65;padding:12px 17px}.hero{height:100svh;min-height:680px;position:relative;overflow:hidden;display:grid;place-items:center;background:#10110f}.hero-sky{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 46%;border:0;pointer-events:none}.hero-vignette{position:absolute;inset:0;background:linear-gradient(90deg,#050706aa,transparent 35%,transparent 65%,#050706aa),linear-gradient(0deg,#090b0d 0%,transparent 28%,#05050455)}.hero-warrior{position:absolute;z-index:2;bottom:-2%;left:50%;height:38%;transform:translateX(-50%);filter:drop-shadow(0 15px 18px #000);pointer-events:none}.hero-copy{position:relative;z-index:4;text-align:center;margin-top:-22vh}.eyebrow,.kicker{font:11px Arial;text-transform:uppercase;letter-spacing:.38em;color:#c7b37d}.eyebrow{margin:0 0 22px;position:relative;z-index:1}.hero h1{margin:0 auto;padding-top:.12em;font:clamp(52px,11vw,132px)/1.08 Fell;letter-spacing:.12em;color:#e8d5a3;text-shadow:0 4px 18px #000}.hero-line{font:21px Fell;letter-spacing:.06em;line-height:1.6;text-shadow:0 2px 8px #000}.hero-line strong{font-weight:normal;color:#d4bd7a}.button{display:inline-flex;align-items:center;gap:38px;margin-top:24px;padding:15px 18px 15px 23px;border:1px solid #baa777;font:11px Arial;text-transform:uppercase;letter-spacing:.18em;background:#090b0d80;transition:.25s}.button:hover{background:#b2241b;border-color:#b2241b}.button b{font-size:17px}.scroll-mark{position:absolute;z-index:4;right:4vw;bottom:5vh;writing-mode:vertical-rl;font:9px Arial;text-transform:uppercase;letter-spacing:.25em;color:#aaa}.embers{position:absolute;z-index:3;inset:0;pointer-events:none;overflow:hidden}.embers i{position:absolute;left:var(--x);bottom:-10px;width:3px;height:3px;border-radius:50%;background:#f47b3d;box-shadow:0 0 8px #e44720;animation:rise var(--duration) linear var(--delay) infinite;opacity:0}@keyframes rise{15%{opacity:.8}100%{transform:translate(40px,-90vh);opacity:0}}
.section{position:relative;padding:150px 8vw}.section-number{position:absolute;top:90px;left:4vw;font:12px Arial;color:#8d8060;border-bottom:1px solid #8d8060;padding:0 30px 8px 2px}.saga{min-height:850px;display:grid;grid-template-columns:1fr 1fr;gap:11vw;align-items:center;background:radial-gradient(circle at 15% 50%,#252119,transparent 38%),#0b0d0d}.saga-copy{max-width:620px}.kicker{margin:0 0 22px}.section h2{font:clamp(54px,6.5vw,105px)/.85 Fell;margin:0 0 40px;letter-spacing:-.03em}.lead{font:clamp(20px,2vw,28px)/1.45 Fell;color:#d9cfb9}.saga-copy>p:last-child,.section-heading>p{font:15px/1.8 Arial;color:#999;max-width:550px}.manuscript{margin:0;padding:100px 70px;text-align:center;color:#362819;font:clamp(20px,2.3vw,34px)/1.55 Fell;background:url('media/manuscript-page.png') center/100% 100%;transform:rotate(1deg);filter:drop-shadow(0 30px 35px #000)}.manuscript cite{display:block;margin-top:28px;font:10px Arial;text-transform:uppercase;letter-spacing:.2em}.rune-line{display:block;font:14px Runic;color:#735335;margin-bottom:26px;letter-spacing:.18em}.realms{background:#111414;padding-bottom:100px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:70px}.section-heading h2{margin:0}.realm-stage{height:min(62vw,680px);min-height:480px;position:relative;overflow:hidden;background:#171b1d;border:1px solid #393a35}.realm-bg{position:absolute;inset:0;background-position:center;background-size:auto 100%;background-repeat:repeat-x}.realm-sky{background-image:url('media/bg-midgard-sky.png')}.realm-far{background-image:url('media/bg-midgard-far.png')}.realm-mid{background-image:url('media/bg-midgard-mid.png')}.realm-near{inset:auto 0 0;height:31%;background-image:url('media/bg-midgard-near.png');background-size:auto 100%;z-index:4}.runner{position:absolute;z-index:3;height:54%;left:18%;bottom:6%;filter:drop-shadow(0 10px 10px #0008)}.draugr{position:absolute;z-index:3;height:38%;right:18%;bottom:11%;filter:drop-shadow(0 10px 8px #0008)}.realm-caption{position:absolute;z-index:6;left:4%;bottom:7%;display:grid;grid-template-columns:auto auto;gap:0 15px;text-shadow:0 2px 5px #000}.realm-caption span{grid-row:1/3;font:12px Arial;color:#d1b967;border-right:1px solid #d1b967;padding-right:15px}.realm-caption strong{font:36px Fell}.realm-caption small{font:10px Arial;text-transform:uppercase;letter-spacing:.12em;color:#ccc}.realm-list{list-style:none;padding:28px 0 0;margin:0;display:grid;grid-template-columns:repeat(5,1fr);font:13px Fell;color:#6f716d}.realm-list li{padding:14px 8px;border-bottom:1px solid #303332}.realm-list span{font:9px Arial;margin-right:7px}.realm-list .active{color:#d4bd7a;border-color:#d4bd7a}
.gameplay{background:#0b0d0d}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#3a3933;border:1px solid #3a3933}.feature{min-height:570px;background:#101212;padding:35px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end}.feature>span{position:absolute;top:30px;font:10px Arial;color:#b9a874}.feature div{position:relative;z-index:2}.feature h3{font:34px Fell;margin:0 0 14px}.feature p{font:13px/1.7 Arial;color:#8d918e;margin:0}.feature-run{background:linear-gradient(0deg,#0b0d0d 2%,transparent 70%),url('media/bg-muspelheim-mid.png') center/auto 100%}.feature img{position:absolute;max-width:120%;max-height:65%;left:50%;top:45%;transform:translate(-50%,-50%);filter:drop-shadow(0 20px 15px #000)}.wyrm{min-height:850px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;background:radial-gradient(circle at 30% 45%,#38413b,transparent 40%),#080909}.wyrm-img{width:100%;filter:drop-shadow(0 35px 35px #000);transform:scaleX(-1)}.wyrm-copy{max-width:600px}.wyrm-copy p{font:16px/1.8 Arial;color:#929894}.wyrm-copy strong{font:80px Fell;color:#b52319;font-weight:normal}.final-cta{height:90vh;min-height:700px;position:relative;display:grid;place-items:center;text-align:center;overflow:hidden}.final-bg{position:absolute;inset:0;background:linear-gradient(#080a0b66,#080a0b 96%),url('media/bg-yggdrasil-mid.png') center/cover}.final-content{position:relative}.final-content h2{font:clamp(70px,9vw,145px)/.82 Fell;margin:30px 0}.final-content>p:not(.runes){font:12px Arial;text-transform:uppercase;letter-spacing:.25em;color:#b3aa97}.runes{font:18px Runic;color:#d6b75e;letter-spacing:.5em}.button-light{background:#ded5c0;color:#161715;border-color:#ded5c0}.final-content small{display:block;color:#686b67;font:10px Arial;margin-top:20px}footer{height:90px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;background:#070808;border-top:1px solid #242625;font:9px Arial;text-transform:uppercase;letter-spacing:.15em;color:#777}.reveal{opacity:0;transform:translateY(35px);transition:opacity .9s,transform .9s}.reveal.visible{opacity:1;transform:none}
@media(max-width:800px){.site-header{height:65px;padding:0 20px}.site-header nav{display:none}.nav-cta{font-size:9px}.hero-warrior{height:32%;bottom:0}.hero-copy{margin-top:-24vh}.hero h1{width:94vw}.hero-line{font-size:17px}.section{padding:110px 24px}.section-number{display:none}.saga{grid-template-columns:1fr;gap:60px}.manuscript{padding:80px 40px}.section-heading{display:block}.section-heading>p{margin-top:28px}.realm-stage{height:60vh;min-height:430px}.runner{left:2%;height:46%}.draugr{right:0;height:32%}.realm-caption small{display:none}.realm-list{grid-template-columns:repeat(2,1fr)}.feature-grid{grid-template-columns:1fr}.feature{min-height:480px}.wyrm{grid-template-columns:1fr;min-height:auto}.wyrm-img{margin-top:70px}.final-cta{height:85vh}.final-content h2{font-size:64px}footer{height:auto;gap:20px;padding:30px 20px;flex-direction:column}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.layer{transform:none!important}.embers{display:none}}
/* Interactive soundtrack and realm selector */
.music-toggle{display:flex;align-items:center;gap:9px;border:0;background:none;color:#cbc6b9;padding:10px;cursor:pointer;font:9px Arial;text-transform:uppercase;letter-spacing:.15em}.music-bars{height:13px;display:flex;align-items:end;gap:2px}.music-bars i{display:block;width:2px;height:4px;background:#c7b37d}.music-toggle[aria-pressed=true] .music-bars i{animation:meter .7s ease-in-out infinite alternate}.music-toggle[aria-pressed=true] .music-bars i:nth-child(2){animation-delay:-.35s}.music-toggle[aria-pressed=true] .music-bars i:nth-child(3){animation-delay:-.55s}@keyframes meter{to{height:13px}}
.realm-near{height:16%}.runner{bottom:8%}.draugr{bottom:10%}.realm-list li{cursor:pointer;transition:color .2s,border-color .2s}.realm-list li:hover,.realm-list li:focus-visible{color:#ddd;outline:none}.realm-stage.switching .realm-bg,.realm-stage.switching>img{opacity:.12}.realm-bg,.realm-stage>img{transition:opacity .18s}
@media(max-width:800px){.music-label{display:none}.music-toggle{padding:7px}.site-header{padding-left:14px;padding-right:14px}.nav-cta{font-size:8px;padding:10px}}
.play-page{min-height:100svh;display:flex;flex-direction:column;background:#090b0d}
.play-bar{flex:none;height:52px;padding:0 20px;display:flex;align-items:center;gap:24px;border-bottom:1px solid #ffffff1f;background:#090b0d}
.play-bar .brand{margin-right:auto;font-size:18px}
.play-note{font:9px Arial;text-transform:uppercase;letter-spacing:.18em;color:#8d8060}
.play-back{font:11px Arial;text-transform:uppercase;letter-spacing:.15em;color:#cbc6b9;border:1px solid #9d8c65;padding:8px 14px}
.play-frame{flex:1;width:100%;border:0;background:#000}
@media(max-width:800px){.play-note{display:none}}