:root{--bg:#071317;--panel:#102328;--gold:#d6b66b;--cream:#f2ebd8;--muted:#a9b9b9;--line:#c5aa6238;color-scheme:dark;font-family:Arial,Helvetica,sans-serif;color:var(--cream);background:var(--bg)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #8dd9d2;outline-offset:5px}[hidden]{display:none!important}.wrap{max-width:1220px;width:calc(100% - 96px);margin:auto}p{line-height:1.75;color:var(--muted)}h1,h2,h3{font-family:Georgia,'Times New Roman',serif;font-weight:400}h2{font-size:clamp(34px,3.6vw,52px);line-height:1.14;margin:12px 0 24px}h3{font-size:25px}img{max-width:100%;display:block}.eyebrow{font-size:11px;line-height:1.5;letter-spacing:2.8px;font-weight:700;color:var(--gold);text-transform:uppercase}.button{display:inline-flex;align-items:center;justify-content:center;gap:36px;background:linear-gradient(110deg,#edce88,#bb9348);color:#172020;padding:19px 26px;font-size:13px;font-weight:700;letter-spacing:.3px;border:1px solid #f2d895;box-shadow:0 4px 24px #0003;transition:filter .2s,transform .2s}.button:hover{filter:brightness(1.1);transform:translateY(-2px)}.button span{font-size:21px}.button.compact{padding:11px 18px;font-size:12px;gap:20px}.top{height:88px;padding:0 4%;display:flex;align-items:center;justify-content:space-between;background:#071619f5;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;backdrop-filter:blur(15px)}.brand{display:flex;align-items:center;gap:12px;font:bold 25px Georgia;letter-spacing:2px;color:#e9ce8a}.brand small{display:block;font:7px Arial;letter-spacing:2px;margin-top:7px}.brand-mark{border:1px solid #b38d4e;transform:rotate(45deg);font-size:26px;width:42px;height:42px;display:grid;place-items:center;letter-spacing:0}.top nav{display:flex;align-items:center;gap:30px;font-size:12px;color:#d4dcd6}.top nav>a:not(.button):hover{color:var(--gold)}.menu-toggle{display:none}.hero{height:720px;min-height:650px;position:relative;overflow:hidden;border-bottom:1px solid var(--line)}.hero-art{position:absolute;inset:0;background:linear-gradient(90deg,#071419ed 0%,#071419b8 24%,#07141932 57%,transparent 78%),linear-gradient(0deg,#071317 0%,transparent 30%),url('/valtheris-site/assets/heroes.png') center/cover}.hero-inner{position:relative;max-width:1220px;width:calc(100% - 96px);margin:auto;padding-top:120px}.hero h1{font-size:clamp(50px,5.5vw,80px);max-width:640px;line-height:1.06;letter-spacing:-2px;margin:24px 0}.hero-inner>p:not(.eyebrow){max-width:450px;font-size:16px;color:#d3dddd}.actions{display:flex;align-items:center;gap:30px;margin-top:32px}.text-link{font-size:13px;display:flex;gap:20px}.hero-meta{display:flex;gap:24px;margin-top:35px;font-size:11px;color:#afc0bc}.hero-meta span+span:before{content:'·';margin-right:24px;color:var(--gold)}.art-label{position:absolute;right:28px;bottom:32px;color:#ccdac8;font-size:8px;letter-spacing:1.4px}.scroll-cue{position:absolute;bottom:30px;left:4%;font-size:9px;letter-spacing:2px;display:flex;align-items:center;gap:22px;color:var(--gold)}.scroll-cue span{font-size:20px}.intro{padding-top:100px;padding-bottom:65px;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:110px}.intro p{font-size:15px}.world{display:grid;grid-template-columns:1.05fr 1fr;gap:80px;align-items:center;padding-bottom:110px}.world-image{margin:0;position:relative;border:1px solid var(--line);padding:10px}.world-image:before{content:'';position:absolute;inset:-7px 35px;border-top:1px solid var(--gold);border-bottom:1px solid var(--gold);pointer-events:none}.world-image img{width:100%;height:570px;object-fit:cover;object-position:50% 55%}.world-image figcaption{position:absolute;bottom:10px;left:10px;right:10px;padding:70px 24px 26px;background:linear-gradient(transparent,#061317);font:18px Georgia}.world-image figcaption span{display:block;font:9px Arial;letter-spacing:2px;color:var(--gold);margin-bottom:12px}.world-copy>p{font-size:14px}.feature-list{list-style:none;padding:0;margin:28px 0 0}.feature-list li{display:flex;gap:22px;padding:18px 0;border-top:1px solid var(--line)}.feature-list li>span{font:14px Georgia;color:var(--gold);padding-top:4px}.feature-list h3{font-size:21px;margin:0 0 7px}.feature-list p{font-size:13px;margin:0}.classes{padding:85px 0;background:radial-gradient(ellipse at 45% 70%,#1e3739,#0b1b21 65%);border-block:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-bottom:35px}.section-heading>p{font-size:12px;margin-bottom:25px}.class-tabs{display:flex;border-bottom:1px solid var(--line);gap:7px}.class-tabs button{color:#adbcbb;background:none;border:0;border-bottom:2px solid transparent;padding:18px 27px;font-size:13px}.class-tabs button[aria-selected=true]{color:#ebce8b;border-color:var(--gold);background:linear-gradient(transparent,#d2b46712)}.class-stage{height:480px;position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;overflow:hidden}.class-portrait{height:430px;width:250px;justify-self:center;background-image:url('/valtheris-site/assets/classes.png');background-size:500% auto;background-repeat:no-repeat;mask-image:linear-gradient(black 80%,transparent);filter:drop-shadow(0 0 25px #ccae6420)}.portrait-0{background-position:0 0}.portrait-1{background-position:25% 0}.portrait-2{background-position:50% 0}.portrait-3{background-position:75% 0}.portrait-4{background-position:100% 0}.class-copy{padding:28px 40px 28px 0;max-width:500px}.class-copy h3{font-size:56px;margin:15px 0}.class-copy p{font-size:14px}.class-copy p.muted{font-size:11px;max-width:350px}.class-copy .button{margin-top:12px}.class-number{position:absolute;bottom:18px;right:5px;font-size:11px;letter-spacing:3px;color:var(--gold)}.mechanics{padding-block:100px}.mechanic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.mechanic-grid article{border-top:1px solid var(--line);padding-top:25px}.symbol{font-size:32px;color:var(--gold)}.mechanic-grid h3{font-size:23px;margin:20px 0 12px}.mechanic-grid p{font-size:13px}.guide{background:#102126;border-block:1px solid var(--line)}.guide-inner{padding-block:80px;display:grid;grid-template-columns:1fr 1fr;gap:120px;align-items:center}.guide-inner>div>p{max-width:340px;font-size:14px}.guide-inner .button{margin-top:20px}.steps{padding:0;margin:0;list-style:none}.steps li{display:flex;gap:25px;padding:20px 0;border-bottom:1px solid var(--line)}.steps li>span{font:30px Georgia;color:#aa8b50}.steps h3{margin:0 0 6px;font-size:23px}.steps p{font-size:13px;margin:0}.gallery{padding-block:95px}.gallery-grid{display:grid;grid-template-columns:1.5fr 1fr;grid-template-rows:230px 230px;gap:18px}.gallery-item{padding:0;border:1px solid var(--line);position:relative;overflow:hidden;text-align:left;background:#102328;color:var(--cream)}.gallery-item:first-child{grid-row:1/3}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.gallery-item:hover img{transform:scale(1.035)}.gallery-item>span{position:absolute;bottom:0;left:0;right:0;padding:60px 23px 23px;background:linear-gradient(transparent,#061317ed);font:23px/1.3 Georgia}.gallery-item small{display:block;font:9px Arial;letter-spacing:2px;color:var(--gold);margin-bottom:10px}.gallery-item b{float:right;color:var(--gold)}.caption-note{font-size:11px}.faq{padding:20px 0 90px;display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}details{border-bottom:1px solid var(--line);padding:20px 0}summary{font-size:15px;cursor:pointer;line-height:1.5}details p{font-size:13px;max-width:580px}.final-cta{text-align:center;padding:90px 24px;background:radial-gradient(ellipse at 50% 100%,#1b4244,#0b1b20 65%);border-block:1px solid var(--line)}.final-cta h2{font-size:58px}.final-cta>p:last-child{font-size:12px;margin-top:24px}footer.wrap{padding-block:45px;display:flex;gap:45px;align-items:center;justify-content:space-between}footer p{font-size:12px}footer small{font-size:10px}footer>div{display:flex;gap:25px;flex-wrap:wrap;font-size:11px}.campaigns{padding-block:30px;display:grid;grid-template-columns:repeat(2,1fr);gap:25px}.campaign{border:1px solid var(--line);padding:14px;background:#11262a}.campaign>img{width:100%;aspect-ratio:3/1;object-fit:contain;background:#08171b}.campaign small{display:block;color:var(--gold);font-size:9px;letter-spacing:2px;margin:10px 0}.campaign h3{font-size:25px;margin:12px 0}.campaign p{font-size:13px}.campaign a{display:inline-block;color:var(--gold);padding:12px 0;font-size:13px}.notice{padding:20px;border-bottom:1px solid var(--line);font-size:14px;line-height:1.6}dialog{border:1px solid var(--gold);padding:12px;background:#0a1a20;color:var(--cream);width:min(1000px,94vw);max-height:92dvh}dialog::backdrop{background:#02080de8}dialog>img{max-height:78dvh;object-fit:contain;margin:auto}dialog p{font-size:13px;margin:15px 10px 4px}#close-lightbox{position:sticky;top:0;float:right;width:44px;height:44px;background:#10272f;color:white;border:1px solid var(--gold);z-index:1}.skip{position:fixed;top:-70px;left:20px;z-index:50;background:var(--gold);color:#071317;padding:15px}.skip:focus{top:10px}.noscript{text-align:center}
@media(min-width:1700px){.hero-art{background-position:center 40%}.hero{height:810px}.hero-inner{padding-top:160px}}
@media(max-width:1000px){.top nav{gap:17px}.brand{font-size:21px}.brand small{font-size:6px}.brand-mark{display:none}.wrap,.hero-inner{width:calc(100% - 48px)}.hero{height:680px}.hero-art{background-position:58% center}.hero-inner{padding-top:110px}.hero h1{max-width:500px}.intro{gap:45px;padding-top:65px}.world{gap:35px}.world-image img{height:540px}.mechanic-grid{grid-template-columns:1fr 1fr}.guide-inner{gap:50px}.class-tabs button{padding:18px}.faq{gap:35px}footer.wrap{flex-wrap:wrap}.hero-meta{gap:12px}.hero-meta span+span:before{margin-right:12px}}
@media(max-width:640px){html{scroll-padding-top:82px}.top{height:72px;padding-inline:20px}.brand{font-size:22px}.brand small{font-size:6px}.menu-toggle{display:block;border:1px solid var(--line);background:#10252a;color:var(--cream);padding:11px 14px;font-size:12px}.top nav{display:none;position:absolute;top:72px;left:0;right:0;background:#091c20;padding:22px;flex-direction:column;align-items:stretch;gap:0;border-bottom:1px solid var(--gold)}.top nav.open{display:flex}.top nav>a{padding:16px}.hero{height:auto;min-height:0}.hero-art{background-image:linear-gradient(0deg,#071317 1%,#071317ed 40%,transparent 75%),url('/valtheris-site/assets/heroes.png');background-size:100% 100%,auto 440px;background-position:center,70% top;background-repeat:no-repeat}.hero-inner{padding-top:360px;padding-bottom:100px;width:calc(100% - 40px)}.hero .eyebrow{font-size:9px;letter-spacing:2px}.hero h1{font-size:47px;letter-spacing:-1px;line-height:1.08;margin:17px 0}.hero-inner>p:not(.eyebrow){font-size:14px;max-width:100%}.actions{gap:25px;margin-top:25px}.button{padding:16px 18px;gap:20px;font-size:12px}.text-link{font-size:12px;gap:8px}.hero-meta{font-size:10px;gap:10px;flex-wrap:wrap;margin-top:25px}.hero-meta span+span:before{display:none}.hero-meta span{padding-right:10px;border-right:1px solid var(--line)}.art-label{top:335px;bottom:auto;right:20px;font-size:7px}.scroll-cue{bottom:20px;left:20px;font-size:8px}.wrap{width:calc(100% - 40px)}.intro{grid-template-columns:1fr;gap:0;padding-top:50px;padding-bottom:30px}.intro p{font-size:14px}.world{grid-template-columns:1fr;gap:40px;padding-bottom:55px}.world-image img{height:430px}.world-copy h2{font-size:36px}.classes{padding:50px 0}.section-heading{display:block;margin-bottom:24px}.section-heading>p{font-size:12px}.class-tabs{overflow-x:auto;gap:0}.class-tabs button{padding:16px 17px;font-size:12px;flex-shrink:0}.class-stage{height:auto;grid-template-columns:1fr}.class-portrait{width:230px;height:370px;margin-top:20px}.class-copy{padding:15px 0 35px;max-width:none}.class-copy h3{font-size:43px}.class-copy .eyebrow{font-size:9px}.class-number{bottom:10px}.mechanics{padding-block:55px}.mechanic-grid{gap:20px}.mechanic-grid h3{font-size:21px}.mechanic-grid p{font-size:12px;line-height:1.7}.guide-inner{grid-template-columns:1fr;gap:30px;padding-block:50px}.gallery{padding-block:55px}.gallery-grid{display:flex;flex-direction:column}.gallery-item{height:270px}.gallery-item:first-child{height:400px}.gallery-item>span{font-size:23px}.faq{grid-template-columns:1fr;gap:10px;padding-bottom:50px}.faq h2 br{display:none}.final-cta{padding:60px 20px}.final-cta h2{font-size:44px}footer.wrap{gap:10px;padding-block:30px}footer>div{gap:20px;line-height:2;padding-top:15px;width:100%}.campaigns{grid-template-columns:1fr;padding-block:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Gameplay edition */
.trailer-section{padding:100px 0;background:radial-gradient(ellipse at 50% 35%,#173240 0, #071319 68%);border-block:1px solid #c4a15d33;scroll-margin-top:90px}.cinema{padding:8px;background:#03090d;border:1px solid #b8995c88;box-shadow:0 24px 80px #0008}.cinema video{display:block;width:100%;aspect-ratio:16/9;background:#02090e}.cinema-footer{display:flex;justify-content:space-between;gap:20px;padding:20px 0;color:#dcc48e;font-size:12px;letter-spacing:.09em}.cinema-footer a{color:#f1e0bc}.chapters{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.chapters button{background:#10212a;border:1px solid #c7a25e44;color:#eee2c6;padding:18px 14px;text-align:left;cursor:pointer;font-size:15px;min-height:64px}.chapters small{display:block;color:#aebfc4;font-size:10px;margin-bottom:6px}.chapters span{float:right;color:#d3b36b}.chapters button:hover,.chapters button:focus-visible{border-color:#e8c16d;background:#1a3440}.dragon-feature{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px;padding-block:100px}.dragon-copy p:not(.eyebrow){color:#afc3c8;line-height:1.85;max-width:500px}.dragon-image{border:1px solid #bda56a55;background:#0c1c23;padding:12px;cursor:zoom-in;color:#d8bd84}.dragon-image img{width:100%;max-height:600px;object-fit:contain;display:block}.dragon-image span{display:block;padding:16px;font-size:11px;letter-spacing:.08em}.gallery-expanded{grid-template-columns:repeat(3,minmax(0,1fr))}.gallery-expanded .gallery-item{min-width:0}.gallery-expanded .gallery-item img{height:360px;object-fit:cover;object-position:50% 45%}.gallery-expanded .gallery-item:last-child{grid-column:span 2}.gallery-expanded .gallery-item:nth-last-child(-n+2) img{object-fit:contain;background:#07161d}.top nav{gap:20px}
@media(max-width:850px){.chapters{grid-template-columns:repeat(3,1fr)}.dragon-feature{gap:28px}.gallery-expanded{grid-template-columns:repeat(2,minmax(0,1fr))}.top nav{gap:12px}}
@media(max-width:600px){.trailer-section{padding:60px 0}.cinema{padding:3px}.cinema-footer{flex-direction:column;gap:10px;line-height:1.5}.chapters{grid-template-columns:repeat(2,1fr)}.dragon-feature{grid-template-columns:1fr;padding-block:60px}.gallery-expanded{grid-template-columns:1fr}.gallery-expanded .gallery-item:last-child{grid-column:auto}.gallery-expanded .gallery-item img{height:340px}.dragon-image img{max-height:500px}}

/* VT-HEADER-LOGO-START */
.top > .brand {
    flex: 0 0 auto;
    align-self: stretch;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 0;
}
.top > .brand .vt-header-logo {
    display: block;
    width: 180px;
    height: 82px;
    object-fit: contain;
    filter: drop-shadow(0 2px 5px rgba(0,0,0,.35));
}
@media (max-width: 768px) {
    .top > .brand .vt-header-logo {
        width: 142px;
        height: 66px;
    }
}
/* VT-HEADER-LOGO-END */