:root{color-scheme:dark;--bg:#0a0d0f;--silver:#d3d5cf;--muted:#a1a7a3;--line:#ffffff24;--serif:Cinzel,Georgia,serif;--sans:"DM Sans",Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;background:var(--bg);color:#e9e9e3;font:15px/1.7 var(--sans)}a{color:inherit;text-decoration:none}.skip{position:absolute;top:-80px;left:1rem;z-index:30;background:white;color:black;padding:.6rem}.skip:focus{top:1rem}.header{height:78px;position:absolute;inset:0 0 auto;z-index:10;padding:0 7vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff20}.brand{display:flex;gap:12px;align-items:center;font:600 13px var(--serif);letter-spacing:.16em}.brand small{display:block;font:9px var(--sans);letter-spacing:.38em;color:#a4aaa5}.header nav{display:flex;gap:40px;align-items:center;font-size:11px;letter-spacing:.12em;text-transform:uppercase}.header nav a:hover,.text-link:hover{color:white}.menu{display:none}.hero{height:min(920px,100vh);min-height:690px;position:relative;display:flex;align-items:center;overflow:hidden;background:#080b0d}.hero-art{position:absolute;inset:0;background:url('assets/northvek-artwork.png') center 48%/cover no-repeat}.hero-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#080b0dbb,transparent 58%),linear-gradient(0deg,#080b0d99,transparent 38%,#080b0d30)}.hero-copy{position:relative;z-index:1;margin:100px 0 0 9vw;max-width:430px;text-shadow:0 2px 18px #050708}.eyebrow{font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:#b5bbb6;margin:0 0 20px}.hero h1,.contact h2{font:500 clamp(42px,6vw,76px)/1.12 var(--serif);letter-spacing:-.04em;margin:0}.hero h1 em,.heading h2 em,.about h2 em,.contact h2 em{font-weight:400;color:#b4bbb6}.hero-copy>p:not(.eyebrow){color:#d1d4d0;max-width:370px;margin:24px 0 30px}.button{border:1px solid #d4d9d377;display:inline-flex;align-items:center;gap:32px;padding:12px 17px;font-size:10px;letter-spacing:.12em;text-transform:uppercase;transition:.2s}.button:hover{background:#e9ebe6;color:#111}.hero-foot{position:absolute;bottom:26px;left:7vw;right:7vw;display:flex;justify-content:space-between;color:#a8afaa;font-size:9px;letter-spacing:.18em}.section{padding:110px 12vw}.games,.updates{background:#0d1011}.heading{display:flex;justify-content:space-between;align-items:end;gap:28px;margin-bottom:45px}.heading h2,.about h2{font:500 clamp(38px,5vw,60px)/1.2 var(--serif);letter-spacing:-.03em;margin:0}.heading>p{max-width:310px;color:var(--muted);font-size:13px;margin:0 0 5px}.feature{display:grid;grid-template-columns:1.1fr .9fr;background:#15191a}.game-art{min-height:370px;background:radial-gradient(ellipse at 55% 37%,#616a66,#273031 45%,#121718 80%);position:relative;overflow:hidden}.game-art:before{content:"";position:absolute;inset:0;background:linear-gradient(145deg,transparent 35%,#080b0dbb),linear-gradient(0deg,#080b0d66,transparent 65%);clip-path:polygon(0 70%,16% 38%,30% 61%,51% 14%,70% 60%,87% 25%,100% 59%,100% 100%,0 100%)}.game-info{padding:42px 8%;display:flex;flex-direction:column;align-items:flex-start}.game-info h3{font:500 clamp(30px,4vw,46px)/1.2 var(--serif);margin:0 0 18px}.game-info>p:not(.eyebrow){color:#afb5b0;font-size:13px;margin:0 0 22px;max-width:430px}.tags{display:flex;gap:9px;margin:auto 0 18px;flex-wrap:wrap}.tags span{border:1px solid var(--line);padding:4px 8px;font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:#bac0bb}.text-link{font-size:10px;letter-spacing:.12em;text-transform:uppercase;border-bottom:1px solid #7b827e;padding-bottom:5px}.note{font-size:10px;color:#79817c;margin:13px 0 0}.about{padding:100px 14vw;min-height:500px;display:grid;grid-template-columns:.6fr 1fr;gap:6vw;align-items:center;position:relative;background:linear-gradient(110deg,#1a2021,#101415 72%)}.about-art{width:min(100%,250px);aspect-ratio:1.4;overflow:hidden;border:1px solid #ffffff33}.about-art img{width:100%;height:100%;object-fit:cover}.about h2{margin-bottom:22px}.about div>p:not(.eyebrow){max-width:500px;color:#b0b6b1;font-size:14px}.est{position:absolute;right:8vw;bottom:24px;font-size:9px;letter-spacing:.16em;color:#727b76}.update{border-top:1px solid var(--line);padding:20px 0;display:grid;grid-template-columns:.65fr 1.1fr 1.4fr;gap:20px;align-items:center}.update:last-of-type{border-bottom:1px solid var(--line)}.update small{font-size:9px;letter-spacing:.15em;color:#9ba29d}.update h3{font:500 18px var(--serif);margin:0}.update p{font-size:12px;color:#9ba29d;margin:0}.contact{text-align:center;padding:100px 7vw;background:radial-gradient(ellipse at 50% 100%,#2b3435,#111617 65%,#0b0d0f)}.contact h2{font-size:clamp(44px,6vw,74px)}.contact>p:not(.eyebrow){color:#b1b8b2;font-size:13px;margin:18px auto 26px}.social{display:flex;justify-content:center;gap:28px;margin-top:40px}.social a{font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:#aab1ab}footer{border-top:1px solid var(--line);padding:22px 7vw;display:flex;justify-content:space-between;gap:20px;color:#858d87;font-size:10px}footer>a{font:600 11px var(--serif);letter-spacing:.13em;color:#cbd0cb}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}@media(max-width:760px){.header{height:68px;padding:0 6vw}.menu{display:flex;width:40px;height:40px;border:0;background:none;flex-direction:column;justify-content:center;align-items:center;gap:6px}.menu i{width:21px;height:1px;background:#eee}.header nav{display:none;position:absolute;top:68px;left:0;right:0;background:#101415;padding:14px 6vw 22px;flex-direction:column;align-items:stretch;gap:0}.header nav.open{display:flex}.header nav a{padding:12px 0;border-bottom:1px solid var(--line)}.hero{height:86svh;min-height:650px}.hero-art{background-position:center}.hero-copy{margin:110px 7vw 0;max-width:340px}.hero h1{font-size:clamp(42px,10vw,64px)}.hero-foot{left:6vw;right:6vw;font-size:8px}.section{padding:78px 7vw}.heading{flex-direction:column;align-items:flex-start;margin-bottom:30px;gap:14px}.feature{grid-template-columns:1fr}.game-art{min-height:260px}.game-info{padding:32px 8%}.about{padding:76px 8vw;grid-template-columns:1fr;gap:30px}.about-art{width:165px}.est{top:28px;bottom:auto;right:7vw}.update{grid-template-columns:1fr 20px;gap:5px 12px}.update small,.update h3,.update p{grid-column:1}.update h3{grid-row:2}.update p{grid-row:3}.contact{padding:80px 7vw}.social{gap:18px;flex-wrap:wrap}footer{padding:22px 7vw;flex-wrap:wrap}footer span:nth-child(2){display:none}}@media(max-width:390px){.hero h1{font-size:40px}.hero-foot span:last-child{max-width:140px;text-align:right}}

.game-art{background-image:linear-gradient(0deg,rgba(8,11,13,.18),transparent 48%),url('assets/the-last-oath-art.png');background-size:cover;background-position:center 58%}.game-art:before{display:none}