:root{--ink:#090b0e;--coal:#121619;--bone:#f2eee5;--muted:#abb1b2;--red:#bb382c;--copper:#dc9b6f;--line:rgba(242,238,229,.18);--display:Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif;--body:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--ink)}body{margin:0;background:var(--ink);color:var(--bone);font:16px/1.6 var(--body);overflow-x:hidden}::selection{background:var(--red);color:#fff}img,video{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font:inherit}a,button{-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid var(--copper);outline-offset:4px}.wrap{width:min(90%,1440px);margin-inline:auto}.section{padding-block:clamp(5rem,10vw,10rem)}.skip-link{position:fixed;z-index:100;top:1rem;left:1rem;transform:translateY(-150%);padding:.75rem 1rem;background:var(--bone);color:var(--ink)}.skip-link:focus{transform:none}
.site-header{height:76px;padding:0 5%;position:fixed;inset:0 0 auto;z-index:50;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid transparent;transition:background .25s,border-color .25s}.site-header.is-scrolled{background:rgba(8,10,12,.94);border-color:var(--line);backdrop-filter:blur(14px)}.brand{font:1.65rem/1 var(--display);letter-spacing:.07em;white-space:nowrap}.brand span{color:var(--red)}.site-navigation{display:flex;gap:clamp(1rem,3vw,3rem);align-items:center;font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;font-weight:800}.site-navigation>a:not(.nav-cta):hover{color:var(--copper)}.nav-cta{padding:.8rem 1.15rem;border:1px solid var(--bone);transition:background .2s,color .2s}.nav-cta:hover{background:var(--bone);color:var(--ink)}.menu-button{display:none}
.hero{position:relative;min-height:min(900px,100svh);min-height:max(730px,100svh);display:flex;align-items:center;isolation:isolate;overflow:hidden}.hero-image{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(7,9,11,.98) 0%,rgba(7,9,11,.86) 32%,rgba(7,9,11,.2) 72%),linear-gradient(0deg,var(--ink),transparent 28%),url("assets/fenrir-unbound-new.webp") right 36%/auto 120% no-repeat;background-color:#171311}.hero:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 70% 40%,transparent 20%,rgba(0,0,0,.5) 90%)}.hero-content{position:relative;z-index:1;padding-block:8rem 6rem}.eyebrow{margin:0;color:var(--muted);font-weight:800;font-size:.7rem;letter-spacing:.25em;text-transform:uppercase}.eyebrow b{display:inline-block;width:24px;height:2px;background:var(--red);vertical-align:middle;margin-right:.8rem}.hero-pretitle{margin:clamp(2.5rem,6vw,6rem) 0 0;letter-spacing:.5em;font-size:.75rem;color:var(--copper);font-weight:800}.hero h1{margin:.3rem 0 .7rem;font:clamp(7rem,19vw,19rem)/.72 var(--display);letter-spacing:-.045em;text-shadow:0 8px 40px rgba(0,0,0,.3)}.hero h1 span{color:transparent;-webkit-text-stroke:2px var(--bone)}.hero-declaration{font:clamp(1.5rem,3.2vw,3.2rem)/1.1 var(--display);letter-spacing:.03em;margin:2.2rem 0 .5rem}.hero-subtitle{color:#ccc7bf;font-size:clamp(1rem,1.5vw,1.2rem);margin:0 0 2rem}.actions{display:flex;flex-wrap:wrap;gap:.8rem;align-items:center}.button{display:inline-flex;align-items:center;justify-content:center;gap:1rem;padding:1rem 1.45rem;min-height:52px;font-weight:900;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;line-height:1.2;transition:transform .2s,background .2s,border-color .2s}.button:hover{transform:translateY(-3px)}.button-red{background:var(--red);color:white}.button-red:hover{background:#d34839}.button-outline{border:1px solid rgba(242,238,229,.6);color:var(--bone)}.button-outline:hover{border-color:var(--bone);background:rgba(255,255,255,.08)}.button-cream{background:var(--bone);color:var(--ink)}.button-cream:hover{background:#fff}.hero-side-label{position:absolute;right:2.5%;top:50%;writing-mode:vertical-rl;font-size:.65rem;letter-spacing:.45em;color:#ded0c3}.scroll-line{position:absolute;bottom:2rem;left:5%;display:flex;gap:1rem;align-items:center;font-size:.62rem;letter-spacing:.25em;font-weight:800}.scroll-line span{display:block;width:62px;height:1px;background:var(--bone)}
.ticker{overflow:hidden;border-block:1px solid var(--line);background:#161414}.ticker-inner{min-width:max-content;display:flex;align-items:center;gap:3rem;padding:1rem 2rem;font:1rem/1 var(--display);letter-spacing:.17em}.ticker i{font-style:normal;color:var(--red)}
.section-top{display:flex;align-items:center;gap:2rem;margin-bottom:2rem}.section-top>p:last-child{margin:0;color:#85898b;font-size:.65rem;letter-spacing:.2em;font-weight:800;white-space:nowrap}.section-line{flex:1;height:1px;background:var(--line)}.section-title{margin:0 0 clamp(2.5rem,5vw,5rem);font:clamp(4.5rem,10vw,11rem)/.88 var(--display);letter-spacing:-.03em}.section-title em,.world h2 em,.listen-section h2 em,.interlude em,.album-copy h3 em{font-style:normal;color:var(--red)}.feature-release{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(2rem,6vw,7rem);padding:clamp(1rem,3vw,3rem);border:1px solid var(--line);background:radial-gradient(circle at 70% 20%,rgba(137,76,44,.16),transparent 60%),#101214}.album-art-frame,.secondary-art{position:relative}.album-art-frame img,.secondary-art img{width:100%;height:auto;box-shadow:0 30px 70px rgba(0,0,0,.35)}.art-index{position:absolute;bottom:0;left:0;background:var(--ink);padding:.7rem 1rem;font-size:.64rem;font-weight:800;letter-spacing:.2em}.ember{color:var(--copper)}.album-copy h3,.secondary-copy h3,.next-release h3{margin:1.4rem 0;font:clamp(3.7rem,7vw,8rem)/.87 var(--display);letter-spacing:-.025em}.album-lead{max-width:27rem;font-size:clamp(1.3rem,2vw,1.8rem);line-height:1.35;font-weight:700}.album-body{max-width:31rem;color:#b7b6b3}.release-status{display:flex;align-items:center;gap:.7rem;margin:2rem 0 1.4rem;color:var(--copper);font-size:.68rem;font-weight:900;letter-spacing:.15em}.release-status span{width:8px;height:8px;border-radius:50%;background:var(--red);box-shadow:0 0 14px var(--red)}.small-note{font-size:.75rem;color:#898b8b}.secondary-release{margin-top:1.25rem;display:grid;grid-template-columns:1fr .75fr;min-height:600px;align-items:center;gap:4vw;padding:clamp(1.5rem,4vw,4rem);background:linear-gradient(115deg,#271c1c,#0e1317 70%);border:1px solid var(--line)}.secondary-copy h3{font-size:clamp(3.7rem,6vw,7rem)}.secondary-copy>p:not(.eyebrow){max-width:28rem;color:#cbc6c0;font-size:1.15rem}.secondary-art{max-width:490px;justify-self:end}.text-link{padding:1rem;color:var(--bone);font-size:.7rem;text-transform:uppercase;letter-spacing:.15em;font-weight:900}.text-link:hover{text-decoration:underline}.next-release{display:flex;align-items:center;gap:2rem;padding:2rem 3rem;margin-top:1.25rem;border:1px solid var(--line);background:#15191d}.next-number{font:6rem/.8 var(--display);color:var(--red)}.next-release h3{font-size:clamp(2.2rem,4vw,4.5rem);margin:.4rem 0}.next-symbol{margin-left:auto;color:var(--red);font-size:5rem}
.world{overflow:hidden;background:#141311}.world-grid{display:grid;grid-template-columns:1fr 1fr;min-height:740px}.world-image{min-height:600px;overflow:hidden}.world-image img{width:100%;height:100%;object-fit:cover;object-position:center 35%}.world-copy{padding:clamp(3rem,8vw,9rem);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;background:radial-gradient(circle at 90% 10%,rgba(194,78,39,.14),transparent 55%)}.world h2{font:clamp(4.5rem,8vw,9rem)/.86 var(--display);margin:2rem 0}.world-copy>p:not(.eyebrow):not(.world-quote){max-width:31rem;color:#c6bfba;font-size:1.15rem}.world-line{width:75px;height:2px;background:var(--red);margin:2rem 0}.world-quote{font:clamp(1.8rem,2.8vw,3rem)/1.1 var(--display);margin:.5rem 0}.world-caption{font-size:.65rem;letter-spacing:.2em;color:var(--copper)}
.film-head{display:flex;justify-content:space-between;gap:3rem;align-items:end}.film-head .section-title{font-size:clamp(3.9rem,8vw,9rem)}.film-head>p{max-width:17rem;color:var(--muted);padding-bottom:3.5rem}.film-layout{display:grid;grid-template-columns:1fr .47fr;gap:1.25rem;align-items:stretch;max-height:780px}.film-player,.film-side{min-height:500px;background:#14171a;position:relative;overflow:hidden}.film-player{display:grid;place-items:center}.film-player video{height:100%;width:100%;max-height:780px;object-fit:contain}.film-side img{width:100%;height:100%;object-fit:cover}.film-side span{position:absolute;bottom:1rem;left:1rem;right:1rem;font-size:.65rem;letter-spacing:.16em;font-weight:800;text-shadow:0 2px 10px #000}.interlude{display:flex;justify-content:space-around;align-items:center;gap:1rem;padding:clamp(3rem,7vw,7rem) 5%;text-align:center;background:linear-gradient(90deg,#2b1614,#16191b 50%,#2b1614)}.interlude p{margin:0;font:clamp(2.5rem,5vw,6rem)/.95 var(--display)}.interlude span{color:var(--red);font-size:3rem}
.track-section{display:grid;grid-template-columns:1fr 1fr;column-gap:5vw}.track-section .section-top{grid-column:1/-1}.track-section .section-title{font-size:clamp(4rem,8vw,9rem)}.tracklist{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}.tracklist li{display:grid;grid-template-columns:2.5rem 1fr auto;gap:1rem;align-items:center;padding:1.15rem .2rem;border-bottom:1px solid var(--line)}.tracklist span{font-size:.7rem;font-weight:900;color:var(--red)}.tracklist strong{font-size:1.05rem}.tracklist small{color:#858a8b;font-size:.6rem;letter-spacing:.13em}
.listen-section{position:relative;isolation:isolate;padding:clamp(6rem,12vw,12rem) 0;overflow:hidden}.listen-bg{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(5,6,7,.95),rgba(5,6,7,.5)),url("assets/thunder-textless.webp") center 40%/cover}.listen-section h2{font:clamp(6rem,16vw,17rem)/.78 var(--display);letter-spacing:-.04em;margin:2rem 0}.listen-section .listen-content>p:not(.eyebrow){max-width:35rem;margin:0 0 2rem;color:#dbd9d6;font-size:1.1rem}.site-footer{padding-block:4rem;display:flex;align-items:end;justify-content:space-between;gap:2rem;color:#969b9d;font-size:.7rem;letter-spacing:.12em}.site-footer p{margin:.7rem 0 0}.site-footer .brand{color:var(--bone)}
@media(max-width:900px){.hero-image{background:linear-gradient(90deg,rgba(7,9,11,.94),rgba(7,9,11,.45)),linear-gradient(0deg,var(--ink),transparent 35%),url("assets/fenrir-unbound-new.webp") 70% center/cover}.feature-release,.secondary-release{gap:2rem}.album-copy h3{font-size:clamp(3.5rem,7vw,6rem)}.world-copy{padding:3rem}.world h2{font-size:clamp(3.5rem,7vw,6rem)}.track-section{display:block}.tracklist{max-width:760px;margin-left:auto}.film-head{display:block}.film-head>p{padding:0;margin:-1rem 0 2rem}}
@media(max-width:700px){.site-header{height:66px}.menu-button{display:block;width:44px;height:44px;padding:11px;background:none;border:0;z-index:52}.menu-button span{display:block;height:2px;background:var(--bone);margin:5px 0;transition:transform .2s,opacity .2s}.menu-button[aria-expanded=true] span:first-child{transform:translateY(7px) rotate(45deg)}.menu-button[aria-expanded=true] span:nth-child(2){opacity:0}.menu-button[aria-expanded=true] span:last-child{transform:translateY(-7px) rotate(-45deg)}.site-navigation{display:none;position:absolute;top:66px;left:0;right:0;background:#0b0d10;border-bottom:1px solid var(--line);padding:2rem 5%;flex-direction:column;align-items:stretch;gap:1.25rem}.site-navigation.is-open{display:flex}.hero{min-height:760px;min-height:100svh}.hero-image{background:linear-gradient(0deg,var(--ink),rgba(7,9,11,.35) 35%,rgba(7,9,11,.64)),url("assets/fenrir-unbound-new.webp") 60% center/cover}.hero-content{padding-block:8rem 7rem}.hero-pretitle{margin-top:6rem;font-size:.62rem;letter-spacing:.32em}.hero h1{font-size:clamp(6.5rem,25vw,12rem)}.hero-declaration{font-size:clamp(1.4rem,6vw,2.4rem)}.hero-side-label{display:none}.scroll-line{bottom:1.2rem}.section{padding-block:5rem}.section-top{gap:.7rem}.section-top>p:last-child{font-size:.56rem}.section-title{font-size:clamp(4.3rem,15vw,7rem)}.feature-release,.secondary-release{grid-template-columns:1fr}.feature-release{padding:1rem 1rem 2rem}.album-copy{padding:1rem}.album-copy h3,.secondary-copy h3{font-size:clamp(4rem,14vw,7rem)}.secondary-release{min-height:0;padding:2rem}.secondary-art{justify-self:start;max-width:100%}.next-release{padding:1.5rem;gap:1rem}.next-number{font-size:4rem}.next-release h3{font-size:clamp(2rem,8vw,3.5rem)}.next-symbol{display:none}.world-grid{grid-template-columns:1fr}.world-image{min-height:0;height:70vh;max-height:680px}.world-copy{padding:4rem 5%}.world h2{font-size:clamp(4rem,14vw,7rem)}.film-layout{grid-template-columns:1fr;max-height:none}.film-player{min-height:0}.film-player video{height:auto;max-height:80vh}.film-side{height:320px;min-height:0}.film-side img{object-position:center 25%}.interlude span{display:none}.tracklist li{grid-template-columns:2rem 1fr}.tracklist small{display:none}.listen-section h2{font-size:clamp(6rem,22vw,10rem)}.site-footer{display:block}.site-footer>p{margin-top:2rem}}
@media(max-width:390px){.wrap{width:92%}.hero h1{font-size:25vw}.actions .button{width:100%}.section-top>p:last-child{display:none}.album-copy h3{font-size:13vw}.next-number{font-size:3rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}
.film-archive{padding-top:4rem}.film-archive h2{font:clamp(3.6rem,7vw,8rem)/.9 var(--display);margin:0 0 3rem}.film-archive h2 em{font-style:normal;color:var(--red)}.archive-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.archive-grid figure{margin:0;background:#16191b;border:1px solid var(--line)}.archive-grid video{width:100%;height:460px;object-fit:cover;object-position:center 35%;background:#080a0c}.archive-grid figcaption{display:flex;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;font-size:.7rem;letter-spacing:.13em;font-weight:800}.archive-grid figcaption span{color:var(--muted)}@media(max-width:700px){.archive-grid{grid-template-columns:1fr}.archive-grid video{height:360px}.archive-grid figcaption{font-size:.62rem}}

/* SKAÐI VEX // October 2026 new release and visual archive */
.latest-record{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1fr);gap:clamp(1.5rem,5vw,5rem);align-items:center;padding:clamp(1rem,3vw,2.5rem);margin-top:1.5rem;border:1px solid var(--line);background:#14191d}.latest-art img{width:100%;aspect-ratio:1/1;object-fit:cover}.latest-record h3,.latest-tile h3{font:clamp(2.8rem,5vw,6rem)/.94 var(--display);margin:1rem 0}.latest-record p:not(.eyebrow),.latest-tile p:not(.eyebrow){color:var(--muted)}.latest-duo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;margin-top:1.5rem}.latest-tile{border:1px solid var(--line);background:#14191d;min-width:0}.latest-tile img{width:100%;height:auto;aspect-ratio:1/1;object-fit:cover}.latest-tile>div{padding:clamp(1.2rem,3vw,2.4rem)}.latest-tile h3{font-size:clamp(2.6rem,5vw,5rem)}.new-film-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}.new-film-grid figure{margin:0;min-width:0;background:#15191d}.new-film-grid video{width:100%;height:auto;aspect-ratio:9/12;object-fit:contain;background:#08090c}.new-film-grid figcaption,.archive-grid figcaption{padding:1rem;font-size:.78rem;font-weight:800;letter-spacing:.09em}.new-film-grid figcaption span{display:block;color:var(--copper);font-size:.66rem;padding-top:.4rem}@media(max-width:700px){.latest-record,.latest-duo{grid-template-columns:1fr}.new-film-grid{grid-template-columns:1fr}.new-film-grid video{aspect-ratio:9/11;max-height:70vh}.hero-image{background:linear-gradient(90deg,rgba(7,9,11,.94),rgba(7,9,11,.40)),linear-gradient(0deg,var(--ink),transparent 35%),url("assets/fenrir-unbound-new.webp") 65% center/cover}}

/* SKAÐI VEX — cinematic 10-second hero video, static artwork fallback */
.hero-video{position:absolute;inset:0;z-index:-1;width:100%;height:100%;object-fit:cover;object-position:70% 44%;pointer-events:none;background:transparent}
.hero:after{z-index:0;background:linear-gradient(90deg,rgba(7,9,11,.92) 0%,rgba(7,9,11,.73) 32%,rgba(7,9,11,.12) 76%),linear-gradient(0deg,rgba(7,9,11,.75),transparent 26%),radial-gradient(circle at 70% 40%,transparent 20%,rgba(0,0,0,.28) 90%)}
.hero-content{z-index:1}.hero-side-label,.hero .scroll-line{z-index:2}
@media(max-width:900px){.hero-video{object-position:67% center}.hero:after{background:linear-gradient(90deg,rgba(7,9,11,.9),rgba(7,9,11,.26)),linear-gradient(0deg,rgba(7,9,11,.78),transparent 30%)}}
@media(prefers-reduced-motion:reduce){.hero-video{display:none}}
