/* Keep the supplied artwork intact and the face clear of the headline. */
.nav .brand,footer .brand{display:inline-flex;flex-direction:column;align-items:center;gap:7px;flex-shrink:0;text-decoration:none;padding:8px 0;color:#eee6ff}
.brand .wordmark{display:block;font-family:Cinzel,Georgia,serif;font-weight:600;font-size:clamp(24px,2.5vw,36px);line-height:1.15;letter-spacing:.065em;background:linear-gradient(180deg,#fff 8%,#e1dce9 42%,#9689aa 49%,#ded6e8 65%,#b5a1ce 100%);background-clip:text;-webkit-background-clip:text;color:transparent;filter:drop-shadow(0 2px 6px #0008)}
.wordmark-fall{font-weight:700}
.brand-rule{display:block;height:1px;width:92%;position:relative;background:linear-gradient(90deg,transparent,#766181 28%,#d5b6f6 50%,#766181 72%,transparent)}
.brand-rule:after{content:"";position:absolute;width:5px;height:5px;left:calc(50% - 2.5px);top:-2px;transform:rotate(45deg);background:#c393fa;box-shadow:0 0 9px #a45df8aa}
footer .brand{justify-self:start}
@media(max-width:800px){.nav .brand .wordmark{font-size:clamp(20px,5.3vw,30px);letter-spacing:.025em}footer .brand{justify-self:center}.nav .brand{gap:6px}}
.noise{display:none}
.chapters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px 28px;border-top:0}
.chapter{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;min-width:0;border-bottom:1px solid var(--line);overflow:visible}
.chapter:before{display:none}
.chapter:hover{padding-left:0}
.album-cover{display:block;position:relative;width:100%;height:auto;aspect-ratio:1;object-fit:cover;background:#140c1e;transition:filter .25s}
.chapter:hover .album-cover{filter:brightness(1.12)}
.album-caption{display:grid;grid-template-columns:34px minmax(0,1fr) 20px;align-items:start;gap:8px;padding:20px 0 24px}
.album-caption h3{font-size:clamp(16px,1.6vw,23px);line-height:1.4;letter-spacing:.015em;overflow-wrap:break-word}
.album-caption .roman{font-size:13px;line-height:1.7}
.album-caption .arrow{padding:0;font-size:18px}
@media(max-width:900px){.chapters{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 18px}}
@media(max-width:500px){.chapters{grid-template-columns:1fr;gap:32px}.album-caption h3{font-size:21px}.album-caption{padding:18px 0 20px}}
.nav .brand:has(.brand-image),footer .brand:has(.brand-image){padding:0;gap:0;line-height:0}
.brand-image{display:block;width:clamp(230px,25vw,340px);height:84px;object-fit:contain;object-position:left center}
footer .brand-image{width:280px;max-width:100%;height:100px}
@media(max-width:800px){
 .nav .brand-image{width:clamp(165px,49vw,270px);height:66px}
 footer .brand-image{object-position:center}
}
.language-switch{display:flex;gap:4px;flex-shrink:0}
.language-switch button{background:transparent;color:#d5cddd;border:1px solid transparent;min-width:44px;min-height:44px;font:600 14px Inter,Arial,sans-serif;cursor:pointer}
.language-switch button[aria-pressed="true"]{border-color:#ac7fe4;color:#fff;background:#21132f}
a:focus-visible,button:focus-visible{outline:2px solid #c29afa;outline-offset:5px}
.hero{min-height:780px;height:100svh;padding-left:5vw;isolation:isolate}
.hero-art{left:33%;background-image:url('aetherfall-storm.png');background-position:center top;background-size:cover;filter:none;transform:none;z-index:-2}
.hero-art:after{background:linear-gradient(90deg,#06020b 0%,rgba(6,2,11,.65) 10%,transparent 35%)}
.hero-vignette{z-index:-1;background:linear-gradient(0deg,#06020b,transparent 22%),linear-gradient(180deg,rgba(6,2,11,.45),transparent 18%)}
.hero-copy{max-width:49%;padding-top:50px}
.hero h1{font-size:clamp(48px,5.5vw,88px);line-height:1.1;letter-spacing:-.035em}
.hero .lede{max-width:470px;font-size:16px}
.hero-actions{flex-wrap:wrap}
.button{font-size:12px;line-height:1.5;letter-spacing:.08em}
.eyebrow,.section-number{font-size:12px;letter-spacing:.2em}
nav a,.nav-cta{font-size:12px;letter-spacing:.1em}
.statement-grid>div p:last-child{font-size:16px}
.featured-copy p:last-child,.section-head>p,.loop-line,footer p,footer>span{font-size:12px}
.scroll-cue{display:none}
.listen h2{font-size:clamp(48px,7.5vw,110px);line-height:1.1}
@media(min-width:801px) and (max-width:1100px){.nav{gap:20px}nav{gap:18px}.nav-cta{display:none}.hero-art{left:25%;background-position:60% top}.hero-copy{max-width:55%}}
@media(max-width:800px){
 .nav{background:linear-gradient(#06020bd9,transparent);border:none}
 .brand{font-size:12px;letter-spacing:.14em;gap:8px}
 .hero{display:block;height:auto;min-height:0;padding:0 22px 65px}
 .hero-art{position:relative;left:auto;width:calc(100% + 44px);margin-left:-22px;height:auto;aspect-ratio:1/1;background-size:cover;background-position:center;z-index:0}
 .hero-art:after{background:linear-gradient(0deg,#06020b,transparent 25%)}
 .hero-vignette{display:none}
 .hero-copy{max-width:100%;padding-top:0;margin-top:0}
 .hero h1{font-size:clamp(38px,10vw,72px)}
 .hero .eyebrow{margin-bottom:20px}
 .hero-actions{flex-direction:row}
 .hero .lede{max-width:100%}
 .statement h2,.saga h2,.listen h2{font-size:clamp(30px,8vw,52px);line-height:1.12}
 .loop-line{letter-spacing:.12em;text-align:center}
 .loop-line span{max-width:75%}
 footer p{line-height:1.7}
}