:root{color-scheme:dark;--ink:#090d10;--surface:#101518;--ivory:#eee9df;--muted:#a6adae;--gold:#c8a16a;--line:rgba(204,171,116,.23);--serif:'Cinzel',Georgia,serif;--sans:'Manrope',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--ink);color:var(--ivory);font-family:var(--sans);font-size:16px;line-height:1.7}a{color:inherit;text-decoration:none}button{font:inherit}a,button{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid #f8dba3;outline-offset:6px}::selection{background:#b28b50;color:#090d10}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-100px;left:20px;padding:12px 24px;background:var(--gold);color:var(--ink);z-index:100}.skip-link:focus{top:15px}.site-header{height:102px;position:absolute;inset:0 0 auto;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:0 4.5%;border-bottom:1px solid rgba(239,222,187,.15);background:linear-gradient(#090d1070,transparent)}.brand{width:130px;display:block}.brand img{display:block;width:100%;height:auto}.site-header nav{display:flex;gap:38px;padding-left:50px}.site-header nav a,.header-cta{font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;transition:color .2s}.site-header nav a:hover{color:var(--gold)}.header-cta{display:flex;align-items:center;gap:18px;color:#e6c696}.diamond{width:6px;height:6px;background:var(--gold);transform:rotate(45deg)}.hero{height:min(970px,100svh);min-height:770px;position:relative;display:grid;place-items:center;overflow:hidden;background:#161e22}.hero-landscape{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center 48%;inset:0;animation:landscape-enter 2.4s ease-out both}.hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,12,19,.46),rgba(6,12,19,.02) 24%,rgba(4,10,14,.58) 55%,#090d10 100%),linear-gradient(90deg,rgba(5,12,18,.25),transparent 40%,rgba(5,12,18,.2))}.hero-content{z-index:1;text-align:center;width:min(92%,780px);padding-top:92px;animation:content-enter 1.1s .1s both}.eyebrow{text-transform:uppercase;letter-spacing:.26em;font-size:12px;font-weight:600;color:var(--gold);margin:0 0 22px}.hero-eyebrow{display:flex;justify-content:center;align-items:center;gap:20px;color:#f5e1bf;text-shadow:0 1px 14px #000}.hero-eyebrow span{height:1px;width:45px;background:linear-gradient(90deg,transparent,#d7b987)}.hero-eyebrow span:last-child{transform:rotate(180deg)}h1{margin:0}.hero-logo{display:block;width:min(520px,78vw);height:auto;margin:0 auto;filter:drop-shadow(0 14px 24px #0008)}.hero-tagline{font-family:var(--serif);font-size:clamp(20px,2.1vw,30px);line-height:1.4;letter-spacing:.025em;margin:22px 0 12px;text-shadow:0 2px 18px #000}.hero-tagline em{font-style:normal;color:#e6c696}.hero-description{font-size:15px;line-height:1.7;color:#ccd0cb;margin:0 0 27px}.hero-actions{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}.button{min-height:54px;display:inline-flex;align-items:center;justify-content:center;gap:13px;padding:16px 29px;border:1px solid var(--gold);font-size:12px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;cursor:pointer;transition:background .25s,transform .25s,box-shadow .25s;color:var(--ivory);position:relative}.button:hover{transform:translateY(-2px)}.button-gold{color:#1e1b16;background:linear-gradient(115deg,#e0c08d,#c7a36f 60%,#b98e56);border-color:#dfbd87;box-shadow:inset 0 0 0 3px #32230d16,0 4px 20px #0003}.button-gold:hover{background:linear-gradient(115deg,#efd4a9,#d9b684);box-shadow:0 6px 24px #b58d4922}.button-outline{background:#0b121c55;border-color:#bbab8c60}.button-outline:hover{background:#baa17315;border-color:var(--gold)}.icon{width:21px;height:21px;flex:none}.play-small{width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:8px solid currentColor}.release-line{font-size:12px;letter-spacing:.11em;text-transform:uppercase;margin:24px 0 0;color:#aeb5b5}.release-line strong{font-weight:600;color:#d6c5a8}.release-line span{padding:0 12px;color:#6f756f}.scroll-cue{position:absolute;bottom:28px;display:flex;flex-direction:column;align-items:center;gap:12px;font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:#b0b5b0;z-index:2}.scroll-line{height:32px;width:1px;background:linear-gradient(transparent,var(--gold))}.hero-side-note{position:absolute;left:42px;bottom:100px;writing-mode:vertical-rl;transform:rotate(180deg);font-size:10px;letter-spacing:.25em;text-transform:uppercase;color:#a7ada783}.section-wrap{max-width:1232px;width:calc(100% - 96px);margin:auto}.intro{text-align:center;padding:92px 0 80px}h2{font-family:var(--serif);font-weight:400;font-size:clamp(30px,3.5vw,49px);line-height:1.3;margin:0 0 25px;letter-spacing:-.025em}h2 em{color:var(--gold);font-style:normal}.intro-copy{max-width:640px;color:var(--muted);margin:0 auto;font-size:16px}.trailer-section{padding:35px 0 100px;text-align:center}.trailer-placeholder{position:relative;min-height:480px;display:flex;align-items:center;justify-content:center;flex-direction:column;background:linear-gradient(#090d1040,#090d10dc),url('assets/battlefield.webp') center/cover;border:1px solid var(--line);margin-top:40px}.trailer-placeholder p{font-family:var(--serif);font-size:28px;margin:10px}.trailer-placeholder>span:last-child{text-transform:uppercase;font-size:12px;letter-spacing:.2em;color:#d2b47e}.trailer-seal{font-size:64px;color:var(--gold)}.release-section{text-align:center;padding:85px 0 110px;border-top:1px solid var(--line)}.release-section>p:not(.eyebrow){color:var(--muted);margin:0 0 32px}.site-footer{display:flex;justify-content:space-between;max-width:1232px;width:calc(100% - 96px);margin:auto;padding:32px 0;border-top:1px solid var(--line);font-size:12px;color:#888f90}.site-footer a:hover{color:var(--gold)}@keyframes content-enter{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes landscape-enter{from{transform:scale(1.035)}to{transform:scale(1)}}@media(min-width:1600px){.hero-logo{width:570px}.hero-tagline{margin-top:28px}.hero-content{padding-top:60px}}@media(max-width:900px){.site-header{height:88px}.site-header nav{padding:0;gap:23px}.header-cta{font-size:10px;gap:10px}.brand{width:100px}.hero{min-height:750px}.hero-content{padding-top:55px}.hero-side-note{display:none}.section-wrap,.site-footer{width:calc(100% - 48px)}}@media(max-width:600px){.site-header{height:76px;padding:0 22px}.site-header nav{gap:20px}.site-header nav a{font-size:10px;letter-spacing:.08em}.site-header nav a:last-child{display:none}.header-cta{display:none}.brand{width:90px}.hero{height:90svh;min-height:690px;max-height:900px}.hero-content{padding-top:20px}.hero-eyebrow{font-size:10px;letter-spacing:.19em;gap:12px}.hero-eyebrow span{width:22px}.hero-logo{width:88vw;max-width:430px}.hero-tagline{font-size:20px;margin-top:29px}.hero-description{font-size:14px}.hero-actions{width:270px;margin:auto;gap:12px}.hero-actions .button{width:100%}.release-line{font-size:10px}.scroll-cue{font-size:9px;bottom:20px}.scroll-line{height:20px}.intro{padding:66px 0 44px}h2{font-size:30px}.eyebrow{font-size:10px;letter-spacing:.18em}.intro-copy{font-size:16px}.trailer-section{padding:32px 0 65px}.trailer-placeholder{min-height:250px;margin-top:28px}.release-section{padding:60px 0 70px}.site-footer{font-size:12px;gap:20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
.hero-description{font-size:16px}
.site-header nav a{font-size:14px;letter-spacing:.12em}
.header-cta{font-size:12px}
.button{font-size:14px;letter-spacing:.085em}
.scroll-cue{font-size:12px;letter-spacing:.18em}
.section-ornament{display:flex;align-items:center;justify-content:center;gap:20px;color:var(--gold);font-size:22px;line-height:1;margin-bottom:36px}
.section-ornament span{display:block;width:75px;height:1px;background:linear-gradient(90deg,transparent,var(--line))}
.section-ornament span:last-child{transform:rotate(180deg)}
.intro{padding-top:58px;padding-bottom:88px}
.game-pillars{display:grid;grid-template-columns:repeat(3,1fr);margin-top:52px;text-align:left}
.pillar{padding:0 36px;border-left:1px solid var(--line)}
.pillar:first-child{padding-left:0;border:0}
.pillar:last-child{padding-right:0}
.pillar-number{font-family:var(--serif);font-size:14px;color:var(--gold);display:block;margin-bottom:13px}
.pillar h3{font-family:var(--serif);font-weight:500;font-size:22px;line-height:1.35;margin:0 0 15px}
.pillar p{font-size:16px;line-height:1.8;color:var(--muted);margin:0}
.global-community{margin-top:44px;padding-top:32px;border-top:1px solid var(--line)}
.global-community h3{font-family:var(--serif);font-size:clamp(21px,2.2vw,28px);font-weight:400;line-height:1.4;color:var(--gold);margin:0 0 15px}
.global-community p{font-size:16px;line-height:1.8;color:var(--muted);margin:0}
.section-heading{display:flex;align-items:end;justify-content:space-between;text-align:left;gap:24px;margin-bottom:32px}
.section-heading .eyebrow{margin-bottom:12px}
.section-heading h2{font-size:clamp(28px,3vw,40px);margin:0}
.trailer-section{padding:18px 0 83px}
.trailer-frame{aspect-ratio:16/9;position:relative;border:1px solid var(--line);background:#101619}
.trailer-art{width:100%;height:100%;object-fit:cover;display:block;filter:brightness(.4) saturate(.6)}
.trailer-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#07101815,#060c144d 80%)}
.trailer-emblem{width:74px;height:74px;border:1px solid #c5a66d80;transform:rotate(45deg);background:#10171bcc;margin-bottom:36px;box-shadow:0 0 0 7px #bc98591a,inset 0 0 26px #c7a36813}
.trailer-emblem span{display:block;transform:rotate(-45deg);font-family:var(--serif);font-size:27px;line-height:74px;letter-spacing:-.12em;padding-right:4px;color:#e5cc9d}
.trailer-label{font-family:var(--serif);font-size:clamp(26px,3vw,42px);letter-spacing:.03em;margin:0 0 7px}
.trailer-soon{font-size:16px;line-height:1.5;color:#c2c6c2;margin:0 0 24px}
.trailer-status{font-size:12px;text-transform:uppercase;letter-spacing:.23em;border-top:1px solid #ccb07855;padding-top:17px;color:#e2c698}
.frame-corner{position:absolute;width:24px;height:24px;border-color:#c6a16d;border-style:solid;pointer-events:none}
.corner-tl{top:-1px;left:-1px;border-width:2px 0 0 2px}
.corner-br{bottom:-1px;right:-1px;border-width:0 2px 2px 0}
.trailer-frame iframe,.trailer-frame video{display:block;border:0;width:100%;height:100%}
.trailer-caption{display:flex;justify-content:space-between;gap:20px;padding-top:20px;font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:#9ca5a7}
.caption-divider{color:#766950;margin:0 13px}
.trailer-caption>a{color:#c9ac7e}
.trailer-caption>a:hover{color:#ead0a5}
.release-section{max-width:none;width:100%;position:relative;overflow:hidden;padding:90px 0 94px;border-top:1px solid var(--line)}
.release-backdrop{position:absolute;inset:0;background:linear-gradient(#090d10ed,#090d109c 45%,#090d10f5),url('assets/battlefield.webp') 50% 53%/cover;opacity:.8}
.release-content{position:relative}
.release-content h2{font-size:clamp(35px,4.4vw,61px);margin-bottom:24px}
.release-content>p:not(.eyebrow){color:var(--muted);margin:0 0 31px}
.release-content .steam-note{font-size:12px!important;letter-spacing:.025em;margin:22px 0 0!important}
.steam-note:target{color:#e8c58c!important}
.footer-brand{width:85px}
.footer-brand img{display:block;width:100%;height:auto}
.site-footer{align-items:center;padding:27px 0;gap:30px}
.site-footer>span{margin-right:auto}
.site-footer>div{display:flex;gap:28px}
@media(max-width:900px){
  .site-header nav a{font-size:12px}
  .hero-side-note{display:none}
  .game-pillars{margin-top:40px}
  .pillar{padding:0 23px}
  .pillar h3{font-size:20px}
}
@media(max-width:600px){
  html{scroll-padding-top:32px}
  .site-header nav a{font-size:12px}
  .hero-content{padding-top:25px}
  .hero{min-height:730px}
  .hero-eyebrow{font-size:12px;letter-spacing:.12em}
  .hero-eyebrow span{width:16px}
  .hero-description{font-size:16px;margin-bottom:23px}
  .button{font-size:13px}
  .release-line{font-size:12px;letter-spacing:.045em;margin-top:21px}
  .scroll-cue{font-size:12px;letter-spacing:.1em}
  .scroll-line{height:13px}
  .eyebrow{font-size:12px;letter-spacing:.15em}
  .intro{padding-top:48px;padding-bottom:46px}
  .intro h2{font-size:29px}
  .section-ornament{margin-bottom:30px}
  .game-pillars{grid-template-columns:1fr;gap:25px;margin-top:32px}
  .pillar,.pillar:first-child,.pillar:last-child{padding:22px 0 0 44px;border:0;border-top:1px solid var(--line);position:relative}
  .pillar-number{position:absolute;left:0;top:25px}
  .pillar h3{margin-bottom:10px}
  .pillar p{font-size:16px}
  .section-heading{display:block;margin-bottom:25px}
  .section-heading h2{font-size:28px}
  .trailer-section{padding:16px 0 47px}
  .trailer-frame{aspect-ratio:4/3}
  .trailer-emblem{width:43px;height:43px;margin-bottom:19px;box-shadow:0 0 0 4px #bc98591a}
  .trailer-emblem span{font-size:18px;line-height:43px}
  .trailer-label{font-size:23px}
  .trailer-soon{font-size:14px;margin-bottom:12px}
  .trailer-status{font-size:12px;letter-spacing:.13em;padding-top:10px}
  .trailer-caption{font-size:12px;letter-spacing:.04em;flex-wrap:wrap;gap:8px;padding-top:13px}
  .caption-divider{margin:0 7px}
  .release-section{padding:58px 0 64px}
  .release-content h2{font-size:37px}
  .release-content>p:not(.eyebrow){font-size:16px;max-width:320px;margin-left:auto;margin-right:auto}
  .release-content .steam-note{max-width:285px}
  .site-footer{justify-content:center;flex-wrap:wrap;padding:28px 0;gap:18px 24px}
  .site-footer>span{margin:0;font-size:12px}
  .footer-brand{width:73px}
  .site-footer>div{width:100%;justify-content:center;font-size:14px;gap:28px}
}