@font-face{font-family:Cinzel;src:url('/assets/Cinzel-Regular.ttf') format('truetype');font-display:swap;font-weight:400}
:root{color-scheme:dark;--bg:#111216;--text:#eeece6;--muted:#b8b7b4;--gold:#d9ba7e;--line:#343336;--red:#852d34}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text);font:17px/1.7 system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--gold);outline-offset:7px}a:hover{color:var(--gold)}.skip{position:fixed;top:-100px;left:16px;z-index:10;background:var(--bg);padding:10px}.skip:focus{top:10px}.site-header{height:88px;padding:0 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#101116}.brand{display:flex;align-items:center;gap:13px;font-family:Cinzel,Georgia,serif;letter-spacing:.16em;font-size:21px}.sigil{display:inline-grid;place-items:center;width:36px;height:40px;border:1px solid #795747;color:var(--gold);background:#3e2026;font-size:20px;letter-spacing:0}nav{display:flex;gap:35px;font-size:14px}h1,h2,.subtitle{font-family:Cinzel,Georgia,serif;font-weight:400}h1{font-size:clamp(80px,12vw,158px);line-height:1;margin:16px 0 0;letter-spacing:.11em;padding-left:.11em;color:#e2c792}h2{font-size:clamp(27px,3vw,39px);line-height:1.4;margin:12px 0 0}.eyebrow{text-transform:uppercase;letter-spacing:.2em;font-size:12px;font-weight:600;color:var(--gold);margin:0}.hero{position:relative;min-height:780px;isolation:isolate;display:flex;justify-content:center;text-align:center;overflow:hidden;background:#14141e}.hero-art{position:absolute;width:100%;height:auto;min-width:1450px;bottom:40px;left:50%;transform:translateX(-50%);z-index:-2;image-rendering:auto}.hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(#10111688 0%,transparent 53%,#11121600 75%,#111216 100%)}.hero-content{padding:57px 24px 300px}.subtitle{font-size:clamp(21px,3vw,32px);letter-spacing:.14em;margin:9px 0 17px;color:var(--gold)}.hero-line{color:#d0ccca;margin:0 0 24px;font-size:18px}.button{display:inline-flex;align-items:center;gap:13px;background:var(--red);border:1px solid #a35250;padding:12px 26px;font-size:15px;transition:background .2s}.button:hover{background:#a13a40;color:white}.button span{font-size:25px;line-height:1}.hero-foot{position:absolute;bottom:21px;left:6%;right:6%;display:flex;justify-content:space-between;text-transform:uppercase;letter-spacing:.17em;font-size:12px;color:#b9afa0}.section{max-width:1280px;margin:auto;padding:82px 6%}.about{display:grid;grid-template-columns:1.1fr 1fr;gap:70px}.about-copy{color:var(--muted)}.about-copy p:first-child{margin-top:0}.about-copy p:last-child{margin-bottom:0}.trailer{padding-top:35px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:30px}.text-link{font-size:14px;color:var(--gold)}.text-link span{margin-left:8px}.video-frame{aspect-ratio:16/9;border:1px solid #524431;background:#08090b;box-shadow:0 20px 70px #0004}iframe{display:block;width:100%;height:100%;border:0}.follow{display:flex;align-items:center;justify-content:space-between;gap:35px;border-top:1px solid var(--line);padding-top:60px;padding-bottom:65px}.social-links{display:flex;gap:20px;flex-wrap:wrap}.social-links a{border-bottom:1px solid #796747;padding:12px 0;min-width:165px;display:flex;justify-content:space-between;gap:35px}footer{margin:0 6%;padding:30px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:13px;color:var(--muted)}footer .brand{font-size:17px}footer p{margin:0}@media(min-width:1700px){.hero{min-height:850px}.hero-content{padding-top:65px}}@media(max-width:700px){.site-header{height:74px;padding:0 6%}.brand{font-size:18px}nav{gap:18px;font-size:13px}.sigil{width:29px;height:34px;font-size:17px}.hero{min-height:690px}.hero-content{padding-top:56px;padding-bottom:280px}.hero-art{min-width:1330px;bottom:35px}.hero-foot{font-size:10px;letter-spacing:.1em}.about{grid-template-columns:1fr;gap:25px}.section{padding:55px 7%}.section-heading{align-items:start;flex-direction:column;gap:15px}.follow{align-items:start;flex-direction:column}.social-links{width:100%}.social-links a{min-width:180px}footer{flex-wrap:wrap}footer p{display:none}h2{font-size:28px}.hero-line{font-size:16px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.hero-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.button.steam{background:#ddc18a;color:#201b16;border-color:#ddc18a}.button.steam:hover{background:#f0d49b}.social-links a{min-width:115px}.follow{gap:40px}@media(max-width:700px){.hero-actions{gap:12px}.button{padding:10px 16px}.social-links{gap:25px}.hero-content{padding-top:43px}}

body{background:#111216 url('/assets/burning-wicker-battlefield.webp') center center/cover fixed no-repeat}body:before{content:'';position:fixed;inset:0;background:#090b0c88;pointer-events:none;z-index:-1}.hero{background:transparent}.hero:after{background:linear-gradient(180deg,#080a0b66 0%,#080a0b33 55%,#111216d9 100%)}.hero-content{text-shadow:0 2px 18px #000,0 1px 4px #000}.hero h1{color:#f1dbad}.hero .eyebrow,.hero .subtitle{color:#efcf91}.hero-line{color:#fff}.hero-actions{text-shadow:none}.section{background:#111216e8}.site-header{background:#101116f0}footer{background:#111216ed;padding-left:22px;padding-right:22px}.hero-foot{color:#e0d7c6}@media(max-width:700px){body{background-position:50% 0}.hero{min-height:690px}}

body{font-family:Cinzel,Georgia,serif}.site-header{position:absolute;z-index:5;inset:0 0 auto;height:80px;background:none;border:0;justify-content:center}.site-header nav{gap:38px;font-family:Cinzel,Georgia,serif;letter-spacing:.14em;font-size:13px;text-transform:uppercase}.site-header nav a{padding:10px 0;border-bottom:1px solid #d9ba7e55}.hero{min-height:850px}.hero-content{padding-top:140px;padding-bottom:150px;width:100%}.hero h1{font-size:clamp(60px,8.8vw,112px);letter-spacing:.055em;line-height:1.15;margin:0 auto 28px;padding:0;max-width:1050px}.title-first,.title-second{display:block}.title-first{font-size:.76em;letter-spacing:.12em}.title-second{display:flex;justify-content:center;align-items:baseline}.triskelion-o{display:inline-block;align-self:center;width:.75em;height:.75em;margin:0 .04em 0 -.015em;background:#f1dbad;mask:url('/assets/triskelion.png') center/190% 107% no-repeat;-webkit-mask:url('/assets/triskelion.png') center/190% 107% no-repeat}.hero-line{max-width:800px;margin:0 auto 30px;font-size:18px;line-height:1.8;padding:0 20px}.hero-actions .button{font-size:14px}.hero:after{background:linear-gradient(180deg,#080a0b88 0%,#080a0b55 55%,#111216e6 100%)}.hero-foot{font-size:12px}.hero-foot a{letter-spacing:.05em}.about-copy{font-size:16px;line-height:1.9}.brand{letter-spacing:.025em}.social-links{font-size:15px}@media(max-width:700px){.site-header{height:70px}.site-header nav{font-size:12px;gap:27px}.hero-content{padding-top:115px;padding-bottom:100px}.hero h1{font-size:68px;margin-bottom:24px}.hero-line{font-size:15px;line-height:1.8;padding:0}.hero{min-height:820px}.hero-actions .button{font-size:13px}.hero-foot{font-size:10px}.title-first{font-size:.7em}h2{font-size:26px}}

.hero h1{width:min(720px,90%);font-size:inherit;line-height:1;margin:0 auto 28px}.title-art{display:block;width:100%;height:auto;image-rendering:pixelated;filter:drop-shadow(0 5px 8px #0008)}.hero-content{padding-top:105px}.hero-line{max-width:800px}@media(max-width:700px){.hero-content{padding-top:110px}.hero h1{width:100%;margin-bottom:30px}.hero{min-height:780px}}

.steam-about{display:block}.steam-feature{display:grid;grid-template-columns:1fr 1.6fr;gap:45px;padding:35px 0;border-bottom:1px solid var(--line)}.steam-feature:first-child{padding-top:0}.steam-feature:last-child{border-bottom:0;padding-bottom:0}.steam-feature h2{font-size:27px;margin:0}.steam-feature p{margin:0}@media(max-width:700px){.steam-feature{grid-template-columns:1fr;gap:20px}}

.hero-actions{gap:22px}.hero-actions .button{position:relative;isolation:isolate;min-height:60px;min-width:240px;justify-content:center;padding:17px 27px;border:0;background:transparent;color:#f9e5b5;font-weight:600;letter-spacing:.035em;filter:drop-shadow(0 5px 0 #120d09) drop-shadow(0 8px 12px #0009);transition:transform .16s,filter .16s;text-shadow:0 2px #250b0c}.hero-actions .button:before,.hero-actions .button:after{content:'';position:absolute;pointer-events:none;clip-path:polygon(8px 0,calc(100% - 8px) 0,calc(100% - 8px) 4px,calc(100% - 4px) 4px,calc(100% - 4px) 8px,100% 8px,100% calc(100% - 8px),calc(100% - 4px) calc(100% - 8px),calc(100% - 4px) calc(100% - 4px),calc(100% - 8px) calc(100% - 4px),calc(100% - 8px) 100%,8px 100%,8px calc(100% - 4px),4px calc(100% - 4px),4px calc(100% - 8px),0 calc(100% - 8px),0 8px,4px 8px,4px 4px,8px 4px)}.hero-actions .button:before{inset:0;z-index:-2;background:linear-gradient(#ffedb0 0 5px,#b48743 5px calc(100% - 5px),#715021 calc(100% - 5px))}.hero-actions .button:after{inset:3px;z-index:-1;background:linear-gradient(#ad4850 0 3px,#752a32 3px 50%,#61222b 50% calc(100% - 4px),#3b1720 calc(100% - 4px));box-shadow:inset 0 0 0 2px #331a16}.hero-actions .button.steam{color:#fff1c2;background:transparent;text-shadow:0 2px #372413}.hero-actions .button.steam:after{background:linear-gradient(#b28a49 0 3px,#644922 3px 50%,#50391b 50% calc(100% - 4px),#302311 calc(100% - 4px))}.hero-actions .button:hover{color:#fff6dc;background:transparent;transform:translateY(-3px);filter:brightness(1.2) drop-shadow(0 7px 0 #120d09) drop-shadow(0 10px 16px #000a)}.hero-actions .button:active{transform:translateY(3px);filter:drop-shadow(0 2px 0 #120d09)}.hero-actions .button:focus-visible{outline:2px solid #fff1c2;outline-offset:7px}.social-links a{padding:12px 16px;border:1px solid #9d783e;background:#181613;box-shadow:inset 0 0 0 3px #111216,inset 0 0 0 4px #58482e,0 4px #08090a;transition:background .16s,transform .16s}.social-links a:hover{background:#302719;transform:translateY(-2px)}@media(max-width:700px){.hero-actions{gap:18px}.hero-actions .button{min-width:220px;min-height:58px}.social-links{gap:14px}.social-links a{flex:1;min-width:140px}}@media(prefers-reduced-motion:reduce){.hero-actions .button:hover,.hero-actions .button:active,.social-links a:hover{transform:none}}

.hero h1{position:relative;aspect-ratio:390/225}.title-art{width:95.9%;margin:2.05% auto 0}.title-art[hidden],#animated-title[hidden]{display:none}#animated-title{display:block;width:100%;height:auto;image-rendering:pixelated;filter:drop-shadow(0 5px 8px #0008)}
