@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}.site-backdrop{position:fixed;inset:0;z-index:0;pointer-events:none;background:linear-gradient(#090b0c88,#090b0c88),url('/assets/battlefield-backdrop.webp') center center/cover no-repeat}main,footer{position:relative;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){.site-backdrop{background-position:center center}.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)}

.steam-about{max-width:1400px;padding:85px 5%;background:linear-gradient(90deg,#101212f5,#171716ed,#101212f5)}.steam-feature{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(32px,5vw,78px);align-items:center;padding:70px 0;border-bottom:1px solid #a5804133}.steam-feature:first-child{padding-top:0}.steam-feature:last-child{padding-bottom:0}.steam-feature:nth-child(even) .feature-media{order:2}.steam-feature:nth-child(even) .feature-story{order:1}.feature-media{position:relative;margin:0;padding:9px;border:1px solid #8a693b;background:#090b0c;box-shadow:0 14px 38px #0007}.feature-media:before,.feature-media:after{content:'';position:absolute;width:32px;height:32px;pointer-events:none;border-color:#e2be7e;border-style:solid}.feature-media:before{left:-3px;top:-3px;border-width:3px 0 0 3px}.feature-media:after{right:-3px;bottom:-3px;border-width:0 3px 3px 0}.feature-media img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}.screenshot-slot{aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;background:radial-gradient(ellipse at center,#2d302822,transparent 65%),#131614;border:1px solid #8a693b30;color:#aa916a;text-align:center;padding:20px}.screenshot-slot .slot-mark{font-size:48px;line-height:1;color:#b9955755;margin-bottom:9px}.screenshot-slot>span:not(.slot-mark){font-size:15px;letter-spacing:.08em}.screenshot-slot small{font:11px/1.5 system-ui,sans-serif;letter-spacing:.11em;text-transform:uppercase;color:#77796e}.feature-story{position:relative}.feature-number{display:flex;align-items:center;gap:14px;color:#bc9252;font-size:13px;letter-spacing:.15em;margin-bottom:12px}.feature-number:after{content:'';width:65px;height:1px;background:linear-gradient(90deg,#ad834d,transparent)}.steam-feature h2{font-size:clamp(25px,2.5vw,36px);line-height:1.3;color:#edcf97;margin:0 0 24px}.steam-feature .about-copy{font-size:15px;line-height:1.95;color:#d3d0c7;max-width:58ch}.steam-feature p+p{margin-top:19px}.steam-feature:first-child{align-items:start}.steam-feature:first-child .feature-media{margin-top:42px;position:sticky;top:100px}@media(max-width:850px){.steam-about{padding:55px 7%}.steam-feature{grid-template-columns:1fr;gap:30px;padding:48px 0}.steam-feature:nth-child(even) .feature-media,.steam-feature:nth-child(even) .feature-story{order:initial}.steam-feature:first-child .feature-media{position:relative;top:auto;margin-top:0}.steam-feature .about-copy{max-width:none;font-size:15px}.steam-feature h2{margin-bottom:18px}.feature-media{max-width:100%;width:100%}}

.feature-media img{aspect-ratio:auto;object-fit:contain}.feature-media a{display:block}.feature-media a:focus-visible{outline:2px solid #f0d49b;outline-offset:5px}

.hero-actions .button.steam:hover,.hero-actions .button.steam:focus-visible{filter:brightness(1.1) drop-shadow(0 5px 0 #120d09) drop-shadow(0 0 8px #37ee9680) drop-shadow(0 0 22px #11c97755)}
.hero-actions .button.steam:hover:before,.hero-actions .button.steam:focus-visible:before{background:linear-gradient(#d4ffb9 0 3px,#55d995 3px calc(100% - 4px),#287c53 calc(100% - 4px))}
.hero-actions .button.steam:before{transition:background .2s}
.border-trace{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;opacity:0;transition:opacity .2s;fill:none}
.border-trace path{stroke-dasharray:.15 99.85;stroke-dashoffset:100;stroke-linecap:round;vector-effect:non-scaling-stroke}
.trace-glow{stroke:#20ed82;stroke-width:5;filter:blur(2px)}
.trace-core{stroke:#deffe5;stroke-width:2.5;filter:drop-shadow(0 0 3px #39ff93)}
.trailer-button:hover .border-trace,.trailer-button:focus-visible .border-trace{opacity:1}
.trailer-button:hover .border-trace path,.trailer-button:focus-visible .border-trace path{animation:trailer-border-trace 2s linear infinite}
@keyframes trailer-border-trace{to{stroke-dashoffset:0}}
@media(prefers-reduced-motion:reduce){.trailer-button:hover .border-trace path,.trailer-button:focus-visible .border-trace path{animation:none;stroke-dasharray:none}}

.brand-icon{display:block;flex:0 0 auto;filter:invert(91%) sepia(20%) saturate(570%) hue-rotate(344deg) brightness(105%)}.social-links a{justify-content:flex-start;gap:11px}.social-links a>span{margin-left:auto}.steam-icon{width:22px;height:22px}

.hero-actions .button.steam:focus-visible{outline:none}
.hero-actions .button.steam:hover,.hero-actions .button.steam:focus-visible{animation:wishlist-emerald-pulse 2.8s ease-in-out infinite}
@keyframes wishlist-emerald-pulse{0%,100%{filter:brightness(1.04) drop-shadow(0 5px 0 #120d09) drop-shadow(0 0 5px #27d78266) drop-shadow(0 0 13px #0acb7033)}50%{filter:brightness(1.16) drop-shadow(0 5px 0 #120d09) drop-shadow(0 0 10px #6affb6bb) drop-shadow(0 0 26px #10e47b88)}}
@media(prefers-reduced-motion:reduce){.hero-actions .button.steam:hover,.hero-actions .button.steam:focus-visible{animation:none}}

@font-face{font-family:Alagard;src:url('/fonts/Alagard.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
body,h2,.subtitle,.brand,.site-header nav{font-family:Alagard,Georgia,serif;font-weight:400}
body{font-size:20px}.site-header nav{font-size:18px;letter-spacing:.055em}.hero-line{font-family:Alagard,Georgia,serif;font-size:24px;line-height:1.5}.hero-actions .button{font-size:19px;letter-spacing:.025em;font-weight:400}.steam-feature .about-copy{font-size:20px;line-height:1.65}.steam-feature h2{font-size:32px}.social-links{font-size:20px}.hero-foot{font-size:15px}.feature-number{font-size:16px}footer{font-size:16px}.font-credit{font-size:13px;opacity:.7}
@media(max-width:700px){.site-header nav{font-size:16px}.hero-line{font-size:21px}.hero-actions .button{font-size:18px}.steam-feature .about-copy{font-size:19px}.hero-foot{font-size:12px}}

.press-kit{display:flex;align-items:center;justify-content:space-between;gap:30px;border-top:1px solid #7a8f6924;padding-top:48px;padding-bottom:54px;background:linear-gradient(105deg,#111713ef,#111216ef)}
.press-kit h2{margin:0;color:#edcf97}.press-kit p{margin:9px 0 0;color:#b8bdb1;font-size:19px}
.press-kit-link{display:flex;align-items:center;gap:12px;padding:17px 24px;border-bottom:1px solid #ad925c80;color:#eee3c8;font-size:22px;transition:color .2s,box-shadow .2s}
.press-kit-host{font:12px/1.5 Alagard,Georgia,serif;color:#adb4a6;margin-left:12px}.press-kit-link:hover{color:#b7f2cf;box-shadow:0 9px 20px -14px #33e79599}
@media(max-width:700px){.site-header nav{gap:clamp(12px,4vw,27px);font-size:15px;letter-spacing:.025em}.press-kit{align-items:flex-start;flex-direction:column;gap:18px}.press-kit-link{padding:14px 0;font-size:21px}.press-kit-host{font-size:13px}}


.feature-media{padding:5px;border:1px solid #a78648;background:#201b12;box-shadow:inset 0 1px #dfbf7755,inset 0 0 0 2px #44321b,0 8px 22px #0007;clip-path:none}
.feature-media:before,.feature-media:after{content:'';position:absolute;left:-12px;right:-12px;width:auto;height:32px;border:0;background:url('/icons/gold-medal.svg') left center/32px 32px no-repeat,url('/icons/gold-medal.svg') right center/32px 32px no-repeat;filter:drop-shadow(1px 2px 1px #0008);opacity:1;z-index:2;pointer-events:none;image-rendering:pixelated}
.feature-media:before{top:-12px;bottom:auto}.feature-media:after{top:auto;bottom:-12px;transform:none}
.feature-media a{mask:none;-webkit-mask:none;box-shadow:0 0 0 1px #71562e}
.feature-media a:after{content:none}
.feature-media a:focus-visible{outline:2px solid #f0d49b;outline-offset:2px;filter:none}

.title-art.title-snapshot{width:100%;margin:0;filter:none}#animated-title{position:absolute;inset:0;filter:none}
