*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}.skip-link{position:absolute;top:-60px;left:20px;z-index:10;background:#e4ebec;color:#142738;padding:14px}.skip-link:focus{top:10px}.mission-header{height:96px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;background:#0c1c2d;border-bottom:1px solid #344b60}.mission-header nav{display:flex;align-items:center;gap:35px;font-size:12px}.mission-header nav a{padding:14px 0;color:#bcced9}.mission-header nav a:last-child{padding:13px 19px;border:1px solid #6e8a9e;border-radius:3px}.frontier-hero{position:relative;min-height:680px;height:calc(100svh - 96px);max-height:980px;isolation:isolate;display:flex;align-items:center;padding:4% 7% 8%;background:#08131f;overflow:hidden}.frontier-art{position:absolute;inset:0;z-index:-2;background:url('/xscape/frontier.png') center 64%/cover no-repeat;image-rendering:auto}.frontier-hero::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#081728de,transparent 78%),linear-gradient(0deg,#0c1c2b,transparent 17%)}.frontier-heading h1{font:500 clamp(66px,7.6vw,126px)/.92 var(--font-display);letter-spacing:-.035em;margin:24px 0 28px;color:#edf1ed}.frontier-intro{font-size:17px;line-height:1.7;color:#b7cbd7;margin-bottom:29px}.frontier-actions{display:flex;align-items:center;gap:27px;font-size:12px}.launch-link{display:inline-flex;align-items:center;justify-content:space-between;gap:38px;min-height:54px;padding:16px 22px;background:#ffa466;color:#172b3d;font-size:13px;font-weight:700;border:1px solid #ffc499;border-radius:3px}.launch-link:hover{background:#ffc18c}.frontier-heading>small{display:block;color:#91aabc;font-size:10px;margin-top:17px}.frontier-caption{position:absolute;bottom:24px;left:7%;right:7%;display:flex;justify-content:space-between;color:#8fa9bb;font-size:9px;letter-spacing:.16em}.mission-primer{display:grid;grid-template-columns:1fr 2.2fr 1.2fr;gap:40px;padding:65px 7%;border-block:1px solid #344b60;align-items:center}.mission-primer h2,.loadout-manifest h2,.habitat-story h2,.frontier-next h2{font:400 clamp(32px,3.3vw,48px)/1.08 var(--font-display);margin:0 0 19px}.mission-primer p,.habitat-story p,.frontier-next p{color:#a2bbcc;font-size:14px;line-height:1.8;max-width:61ch}.mission-primer>a,.habitat-story a{font-size:12px;color:#ecc2a1;border-bottom:1px solid #587082;padding-bottom:15px}.loadout-manifest{padding:80px 7%}.loadout-manifest header{display:flex;justify-content:space-between;align-items:end;margin-bottom:38px}.loadout-manifest h2{margin:13px 0 0}.loadout-manifest header>span{font-size:12px;color:#89a5bc;line-height:1.7}.hardware-row{display:grid;grid-template-columns:1fr 1fr 1fr;border-top:1px solid #3b556d;border-bottom:1px solid #3b556d}.hardware-row article{padding:27px 32px 26px 0;min-width:0}.hardware-row article+article{border-left:1px solid #3b556d;padding-left:32px}.hardware-index{font-size:10px;letter-spacing:.14em;color:#91acbf}.hardware-row [data-weapon]{height:140px;display:flex;align-items:center;justify-content:center}.hardware-row .relic-sprite{width:150px;height:120px;filter:drop-shadow(0 10px 0 #061320)}.hardware-row h3{font-size:19px;font-weight:500;margin:8px 0 15px}.hardware-row p{font-size:13px;line-height:1.8;color:#9eb7c8;min-height:72px;max-width:34ch}.hardware-spec{font-size:9px;letter-spacing:.1em;color:#b3cbd8}.habitat-story{position:relative;min-height:560px;display:flex;align-items:center;overflow:hidden;isolation:isolate;padding:65px 7%}.habitat-story img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 50%;z-index:-2}.habitat-story::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#07182dee 5%,#07182ddd 35%,#07182d18 80%);z-index:-1}.habitat-story>div{max-width:420px}.habitat-story h2{font-size:52px;margin:19px 0}.habitat-story p{margin-bottom:26px}.frontier-next{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:80px 7%;border-bottom:1px solid #36516a}.frontier-next h2{margin-top:16px;max-width:550px}.frontier-next p{max-width:540px}.frontier-next .launch-link{flex:none}.mission-footer{display:flex;align-items:center;gap:30px;padding:38px 7%;font-size:11px;color:#90aabd}.mission-footer>span{margin-right:auto}.mission-footer img{margin-right:10px}@media(max-width:760px){.mission-header{height:76px;padding:0 20px}.mission-header img{width:133px}.mission-header nav{gap:16px}.mission-header nav a{font-size:11px}.mission-header nav a:nth-child(2){display:none}.mission-header nav a:last-child{padding:10px}.frontier-hero{height:auto;min-height:720px;padding:60px 24px 240px;align-items:start}.frontier-heading h1{font-size:76px}.frontier-art{background-position:66% bottom;background-size:auto 100%}.frontier-hero::before{background:linear-gradient(90deg,#071728aa,transparent),linear-gradient(0deg,#0c1c2b,transparent 30%)}.frontier-intro{font-size:14px}.frontier-actions{gap:20px;flex-wrap:wrap}.frontier-caption{left:24px;right:24px;gap:20px;line-height:1.7;font-size:8px}.mission-primer{grid-template-columns:1fr;padding:38px 24px;gap:20px}.mission-primer>a{justify-self:start}.loadout-manifest{padding:48px 24px}.loadout-manifest header>span{display:none}.hardware-row{grid-template-columns:1fr}.hardware-row article,.hardware-row article+article{border-left:0;border-bottom:1px solid #3b556d;padding:25px 0;display:grid;grid-template-columns:1fr 120px;column-gap:18px}.hardware-row article:last-child{border-bottom:0}.hardware-index,.hardware-row h3,.hardware-row p,.hardware-spec{grid-column:1}.hardware-row [data-weapon]{grid-column:2;grid-row:1/5;height:180px}.hardware-row p{min-height:0;margin:0 0 20px}.hardware-row .relic-sprite{width:115px}.habitat-story{padding:45px 24px 170px;min-height:600px;align-items:start}.habitat-story::before{background:linear-gradient(90deg,#07182dee,#07182d60)}.habitat-story h2{font-size:43px}.frontier-next{padding:48px 24px;display:block}.frontier-next .launch-link{margin-top:20px}.mission-footer{padding:30px 24px;flex-wrap:wrap;gap:20px}.mission-footer>span{width:100%;order:3;font-size:10px}.mission-footer img{width:110px}}
