:root{--vk-bg:#090b09;--vk-panel:#11140f;--vk-panel2:#171a13;--vk-text:#eee9dc;--vk-muted:#a9ad9f;--vk-gold:#c7a45f;--vk-gold2:#8f6d36;--vk-green:#74856a;--vk-line:rgba(220,194,132,.18)}
body.varkeld-page{background:var(--vk-bg);color:var(--vk-text)}
.vk-hero{position:relative;min-height:760px;display:grid;align-items:end;overflow:hidden;border-bottom:1px solid var(--vk-line);background:linear-gradient(180deg,rgba(5,7,6,.18),rgba(6,8,6,.34) 42%,rgba(6,8,6,.98) 94%),linear-gradient(90deg,rgba(6,8,6,.86),rgba(6,8,6,.22)),url('/assets/varkeld-gameplay-hero.png') center/cover no-repeat}
.vk-hero::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 78% 28%,rgba(209,175,106,.14),transparent 30%),linear-gradient(90deg,rgba(0,0,0,.45),transparent 52%)}
.vk-hero-inner{position:relative;z-index:2;max-width:1200px;width:100%;margin:0 auto;padding:130px clamp(22px,5vw,62px) 80px}
.vk-pretitle{color:var(--vk-gold);font-size:12px;font-weight:900;letter-spacing:.24em;text-transform:uppercase}
.vk-hero h1{margin:8px 0 2px;font-family:Georgia,'Times New Roman',serif;font-size:clamp(64px,12vw,145px);line-height:.78;letter-spacing:.035em;text-shadow:0 10px 45px #000}
.vk-saga{margin:18px 0;color:#d0c29f;font-family:Georgia,'Times New Roman',serif;font-size:clamp(18px,2.3vw,30px);letter-spacing:.18em;text-transform:uppercase}
.vk-lead{max-width:760px;margin:24px 0 0;color:#d5d8d0;font-size:clamp(18px,2vw,22px);line-height:1.65}
.vk-badges{display:flex;flex-wrap:wrap;gap:9px;margin-top:26px}.vk-badges span{padding:8px 11px;border:1px solid rgba(216,187,125,.25);border-radius:999px;background:rgba(9,12,9,.68);color:#d3c298;font-size:11px;font-weight:900;letter-spacing:.08em}
.vk-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.vk-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 18px;border-radius:11px;text-decoration:none;font-weight:900}.vk-primary{background:linear-gradient(135deg,var(--vk-gold),var(--vk-gold2));color:#10100c}.vk-secondary{border:1px solid rgba(218,192,137,.28);background:rgba(9,11,9,.72);color:var(--vk-text)}
.vk-section{max-width:1200px;margin:0 auto;padding:86px clamp(22px,5vw,62px)}.vk-section+.vk-section{border-top:1px solid rgba(255,255,255,.06)}
.vk-section-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.75fr);gap:50px;align-items:end;margin-bottom:38px}.vk-eyebrow{color:var(--vk-gold);font-size:11px;font-weight:900;letter-spacing:.18em;text-transform:uppercase}.vk-section h2{margin:8px 0 0;font-family:Georgia,'Times New Roman',serif;font-size:clamp(38px,6vw,70px);line-height:.98}.vk-section-head>p{margin:0;color:var(--vk-muted);font-size:17px;line-height:1.7}
.vk-story{display:grid;grid-template-columns:1.15fr .85fr;gap:28px}.vk-story-main,.vk-card,.vk-status-card,.vk-roadmap article,.vk-book-card{border:1px solid var(--vk-line);border-radius:22px;background:linear-gradient(145deg,rgba(24,28,21,.95),rgba(12,15,12,.96));box-shadow:0 24px 60px rgba(0,0,0,.16)}.vk-story-main{padding:34px}.vk-story-main p{color:#c3c8bc;line-height:1.8;font-size:17px}.vk-story-main strong{color:#fff}.vk-quote{margin:26px 0 0;padding:22px 0 0;border-top:1px solid var(--vk-line);color:#d2bf94;font-family:Georgia,'Times New Roman',serif;font-size:22px;line-height:1.5}.vk-story-side{display:grid;gap:16px}.vk-card{padding:26px}.vk-card h3{margin:6px 0 8px;font-size:22px}.vk-card p{margin:0;color:var(--vk-muted);line-height:1.65}
.vk-visual-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:18px}.vk-shot{position:relative;min-height:360px;overflow:hidden;border:1px solid var(--vk-line);border-radius:24px;background:#0b0d0a}.vk-shot img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}.vk-shot::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(6,8,6,.88))}.vk-shot-copy{position:absolute;z-index:2;left:24px;right:24px;bottom:22px}.vk-shot-copy strong{display:block;font-size:21px}.vk-shot-copy span{color:#c0c5b8;font-size:14px}
.vk-principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.vk-principles .vk-card{min-height:230px}.vk-icon{font-size:28px;color:var(--vk-gold)}
.vk-roadmap{display:grid;gap:14px}.vk-roadmap article{display:grid;grid-template-columns:135px 1fr;gap:24px;padding:25px}.vk-roadmap b{color:var(--vk-gold);font-size:11px;letter-spacing:.12em}.vk-roadmap h3{margin:0 0 7px;font-size:23px}.vk-roadmap p{margin:0;color:var(--vk-muted);line-height:1.65}.vk-roadmap article.current{border-color:rgba(207,172,98,.5);background:linear-gradient(145deg,rgba(38,35,22,.96),rgba(15,17,13,.97))}
.vk-status-card{display:grid;grid-template-columns:.85fr 1.15fr;overflow:hidden}.vk-status-visual{min-height:350px;background:linear-gradient(180deg,transparent,rgba(5,6,5,.5)),url('/assets/varkeld-world-preview.png') center/cover no-repeat}.vk-status-copy{padding:36px}.vk-status-copy h3{font-family:Georgia,'Times New Roman',serif;font-size:36px;margin:7px 0 12px}.vk-status-copy p{color:var(--vk-muted);line-height:1.7}.vk-meter{height:7px;margin:22px 0 10px;border-radius:99px;background:#242a20;overflow:hidden}.vk-meter span{display:block;width:22%;height:100%;background:linear-gradient(90deg,var(--vk-gold2),var(--vk-gold))}.vk-small{color:#848b7c;font-size:12px;line-height:1.6}
.vk-books{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.vk-book-card{padding:27px}.vk-book-card .book-no{color:var(--vk-gold);font-size:11px;font-weight:900;letter-spacing:.15em}.vk-book-card h3{font-family:Georgia,'Times New Roman',serif;font-size:26px;margin:8px 0}.vk-book-card p{color:var(--vk-muted);line-height:1.65}.vk-book-card .book-link-note{display:inline-block;margin-top:12px;color:#c6b487;font-size:12px}
.vk-legal{display:flex;flex-wrap:wrap;gap:11px;margin-top:22px}.vk-legal a{color:#d5c59e;text-decoration:none;border-bottom:1px solid rgba(213,197,158,.3)}
.vk-cta{max-width:1200px;margin:0 auto 70px;padding:48px clamp(22px,5vw,62px);border:1px solid var(--vk-line);border-radius:26px;background:radial-gradient(circle at 82% 25%,rgba(190,151,82,.15),transparent 35%),linear-gradient(135deg,#171a13,#0c0f0c)}.vk-cta h2{font-family:Georgia,'Times New Roman',serif;font-size:clamp(38px,6vw,68px);margin:7px 0}.vk-cta p{max-width:740px;color:var(--vk-muted);font-size:17px;line-height:1.7}
.vk-footer{border-top:1px solid var(--vk-line);padding:34px clamp(22px,5vw,62px);color:#8f9588}.vk-footer-inner{max-width:1200px;margin:0 auto;display:flex;gap:22px;justify-content:space-between;align-items:center;flex-wrap:wrap}.vk-footer a{color:#c9bc9a;text-decoration:none;margin-right:14px}
@media(max-width:820px){.vk-hero{min-height:690px;background-position:62% center}.vk-section-head,.vk-story,.vk-status-card{grid-template-columns:1fr}.vk-visual-grid{grid-template-columns:1fr}.vk-principles,.vk-books{grid-template-columns:1fr}.vk-roadmap article{grid-template-columns:1fr;gap:8px}.vk-status-visual{min-height:270px}}
@media(max-width:520px){.vk-hero-inner{padding-top:115px}.vk-hero h1{font-size:70px}.vk-saga{font-size:14px}.vk-section{padding-top:62px;padding-bottom:62px}.vk-shot{min-height:280px}}