.fragments-page{background:#07090c}.fragments-page body::before{opacity:.08}.language-picker{position:relative}.foe-hero{min-height:100svh;position:relative;display:grid;place-items:center;overflow:hidden;isolation:isolate;padding:110px 24px 70px}.foe-hero__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-4;filter:saturate(.82) contrast(1.06)}.foe-hero__veil{position:absolute;inset:0;z-index:-3;background:linear-gradient(90deg,#05070ad9,#05070a65 48%,#05070ab8),linear-gradient(0deg,#05070af2 0%,transparent 45%,#05070a8f 100%)}.foe-hero__content{width:min(720px,92vw);text-align:center}.foe-title-logo{display:block;width:min(650px,88vw);margin:0 auto -8px;filter:drop-shadow(0 12px 25px #000)}.foe-kicker{color:#efad3b;text-transform:uppercase;letter-spacing:.2em;font-weight:900;font-size:.82rem}.foe-lead{max-width:650px;margin:18px auto 30px;color:#d0d3d7;font-size:clamp(1rem,1.4vw,1.15rem)}.foe-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.button--ember{background:linear-gradient(135deg,#ff7417,#dc4e08);color:#fff;border:0;cursor:pointer;box-shadow:0 12px 35px #e85c1835}.button--steam{border-color:#b7842c;background:#080a0ebd;color:#fff}.foe-scroll{position:absolute;bottom:28px;color:#ef9b26;font-size:2rem;animation:foeBob 1.8s ease-in-out infinite}.foe-section{max-width:1180px;margin:auto;padding:100px 28px}.foe-about{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center}.foe-heading-line,.foe-section-title{color:#f0a52c;text-transform:uppercase;letter-spacing:.12em;font-weight:900}.foe-heading-line{font-size:.78rem}.foe-about h2{font-size:clamp(2.2rem,4vw,4rem);line-height:1.05;margin:.45rem 0 1.3rem}.foe-about p{color:#aeb4bc;max-width:560px}.foe-about__art{margin:0;border:1px solid #7b55254d;border-radius:18px;overflow:hidden;box-shadow:0 24px 70px #0009}.foe-about__art img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;transform:scale(1.03)}.foe-section-title{text-align:center;font-size:1.05rem;margin:0 0 45px;display:flex;align-items:center;justify-content:center;gap:14px}.foe-title-decoration{color:#9e6926;white-space:nowrap;font-weight:700;letter-spacing:.04em}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.foe-feature{text-align:center;padding:28px 18px 24px;border-top:1px solid #6d4c2438}.pixel-icon{height:70px;display:grid;place-items:center;font-size:2.8rem;color:#f29a1d;text-shadow:0 0 18px #ff781c33}.foe-feature h3{color:#ef9f24;font-size:.84rem;text-transform:uppercase;letter-spacing:.04em}.foe-feature p{color:#9fa6ae;font-size:.9rem}.world-banner{position:relative;min-height:410px;display:grid;place-items:center;overflow:hidden;border-block:1px solid #ffffff0d}.world-banner>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.8)}.world-banner__shade{position:absolute;inset:0;background:linear-gradient(#07101999,#05070ac9),radial-gradient(circle at center,transparent,#05070a 80%)}.world-banner__copy{position:relative;text-align:center;padding:40px 20px}.world-banner__copy h2{color:#f0a52c;text-transform:uppercase;letter-spacing:.08em;font-size:clamp(1.4rem,3vw,2.5rem)}.world-banner__copy p{color:#e2e4e7;font-size:1.05rem}.shot-carousel{position:relative}.shot-stage{width:min(950px,86vw);aspect-ratio:16/7;margin:auto;position:relative;border:1px solid #9b6c3057;border-radius:20px;overflow:hidden;background:#020304;box-shadow:0 25px 80px #0009}.shot-stage img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.015);transition:.65s var(--ease)}.shot-stage img.is-active{opacity:1;transform:scale(1)}.shot-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:3;border:0;background:transparent;color:#f2a329;font-size:3rem;cursor:pointer;text-shadow:0 0 16px #f2a32955}.shot-arrow--prev{left:0}.shot-arrow--next{right:0}.shot-dots{display:flex;justify-content:center;gap:8px;margin-top:24px}.shot-dots button{width:8px;height:8px;border:0;border-radius:99px;padding:0;background:#ffffff40;cursor:pointer}.shot-dots button.is-active{width:24px;background:#ff7417}.trailer-section{padding-top:50px}.trailer-card{position:relative;display:block;width:min(820px,90vw);aspect-ratio:16/9;margin:auto;padding:0;border:1px solid #ffffff1c;border-radius:18px;overflow:hidden;background:#05070a;cursor:pointer}.trailer-card img{width:100%;height:100%;object-fit:cover;filter:brightness(.55)}.trailer-card__play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:72px;aspect-ratio:1;border-radius:18px;display:grid;place-items:center;background:#d94b16;color:white;font-size:1.6rem;box-shadow:0 15px 35px #0009}.trailer-card__label{position:absolute;left:24px;bottom:20px;color:white;font-weight:800}.platforms{text-align:center;padding-top:55px}.steam-platform{display:inline-flex;align-items:center;gap:14px;padding:20px 34px;border:1px solid #ffffff18;border-radius:14px;background:#0d1118;font-size:1.1rem}.steam-mark{font-size:2rem}.foe-footer{max-width:1180px;margin:auto;padding:35px 28px 55px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;color:var(--muted);font-size:.8rem}.foe-footer p{text-align:center}.foe-footer>a:last-child{justify-self:end;color:#f08d22;font-size:1.2rem}.trailer-modal{position:fixed;inset:0;z-index:100;display:none;place-items:center;padding:24px}.trailer-modal.is-open{display:grid}.trailer-modal__backdrop{position:absolute;inset:0;border:0;background:#000d;backdrop-filter:blur(8px)}.trailer-modal__panel{position:relative;width:min(900px,94vw);aspect-ratio:16/9;background:#07090c;border:1px solid #ffffff20;border-radius:18px;overflow:hidden;box-shadow:0 30px 100px #000}.trailer-modal__panel>img{width:100%;height:100%;object-fit:cover;filter:brightness(.35)}.trailer-modal__message{position:absolute;inset:0;display:grid;place-content:center;text-align:center;color:#fff}.trailer-modal__play{font-size:3rem;color:#ef6c19}.trailer-modal__close{position:absolute;right:14px;top:10px;z-index:2;border:0;background:transparent;color:white;font-size:2.2rem;cursor:pointer}.ember-field::before,.ember-field::after{content:'';position:absolute;width:4px;height:4px;border-radius:50%;background:#ff8a1d;box-shadow:9vw 12vh #ff8a1d,21vw 38vh #e0a43a,35vw 20vh #ff6d17,53vw 65vh #d9932b,68vw 28vh #ff7a1b,82vw 54vh #f0a32d,91vw 17vh #ff6d17;opacity:.45;animation:embers 10s linear infinite}.ember-field::after{left:5vw;top:35vh;animation-duration:14s;transform:scale(.65)}
@keyframes foeBob{50%{transform:translateY(7px)}}@keyframes embers{from{transform:translateY(30vh);opacity:0}20%{opacity:.5}to{transform:translateY(-80vh);opacity:0}}
@media(max-width:820px){.foe-about{grid-template-columns:1fr;gap:35px}.foe-about__copy{text-align:center}.foe-about__copy p{margin-inline:auto}.feature-grid{grid-template-columns:1fr 1fr}.shot-stage{width:88vw;aspect-ratio:16/9}.shot-arrow--prev{left:-5px}.shot-arrow--next{right:-5px}.foe-footer{grid-template-columns:1fr auto;row-gap:18px}.foe-footer p{grid-column:1/-1;grid-row:2;margin:0}.foe-footer>a:last-child{grid-column:2;grid-row:1}}
@media(max-width:520px){.foe-hero{padding-inline:18px}.foe-title-logo{width:100vw;max-width:none;margin-left:-5vw}.foe-actions{display:grid;width:100%}.foe-actions .button{width:100%}.foe-section{padding:75px 20px}.feature-grid{grid-template-columns:1fr}.foe-feature{padding-inline:8px}.foe-section-title{gap:8px;font-size:.92rem}.foe-title-decoration{font-size:.78em;letter-spacing:0}.world-banner{min-height:330px}.shot-stage{width:84vw}.shot-arrow{font-size:2.5rem}.trailer-card{width:100%}}