@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=Barlow:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#0b100f;--panel:#121916;--text:#eeeae1;--muted:#a6afa9;--accent:#c4b18a;--line:#ffffff20;--heading:'Barlow Condensed','Arial Narrow',sans-serif;--body:'Barlow',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font:1rem/1.65 var(--body)}a{color:inherit;text-decoration:none}button{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:6px}p{color:var(--muted)}.skip{position:fixed;top:-100px;left:16px;z-index:100;background:var(--accent);color:#101512;padding:10px}.skip:focus{top:10px}.header{height:94px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;gap:28px;border-bottom:1px solid var(--line);position:absolute;inset:0 0 auto;z-index:5;background:#0b100f70}.wordmark{font:800 1.9rem/.95 var(--heading);letter-spacing:.07em}.wordmark span{display:block;font:500 .55rem/1.4 var(--body);letter-spacing:.18em;margin-top:7px}.header nav{display:flex;gap:30px;font-size:.9rem}.header nav a:hover,.text-link:hover{color:var(--accent)}.button{display:inline-flex;align-items:center;justify-content:center;gap:35px;background:var(--accent);border:1px solid var(--accent);color:#101512;padding:15px 25px;text-transform:uppercase;letter-spacing:.1em;font-size:.875rem;font-weight:700;min-height:48px;transition:background .2s}.button:hover{background:#e0cba1}.button.small{padding:10px 19px;gap:24px}.hero{min-height:850px;height:100svh;max-height:1100px;position:relative;background:radial-gradient(ellipse at 75% 40%,#34463c,#0b100f 70%);display:flex;align-items:center;padding:145px 7% 100px}.hero-content{width:650px;position:relative;z-index:1}.eyebrow{font-size:.8rem;letter-spacing:.19em;font-weight:600;color:var(--accent);margin:0 0 22px}.hero h1{margin:0 0 20px}.hero h1 img{display:block;width:100%;height:auto}.hero-intro{font-size:1.3rem;line-height:1.6;color:#d3d8d3}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:32px;margin-top:30px}.text-link{font-size:.9rem;border-bottom:1px solid var(--line);padding:12px 0}.meta{font-size:.75rem;letter-spacing:.12em;margin-top:32px}.meta span{padding:0 12px;color:var(--accent)}.hero-bottom{position:absolute;bottom:32px;left:7%;right:7%;display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:22px;font-size:.75rem;letter-spacing:.12em;color:var(--muted)}.section{max-width:1440px;margin:auto;padding:115px 7%;scroll-margin-top:20px}.intro{display:grid;grid-template-columns:1.1fr 1fr;gap:90px;align-items:center}h2{font:600 clamp(2.5rem,4.5vw,4.75rem)/1.02 var(--heading);letter-spacing:-.02em;margin:0 0 30px;text-transform:uppercase}h2 em{font-style:normal;color:var(--accent)}.lead{font-size:1.3rem;line-height:1.6;color:var(--text)}.note{font-size:.9rem;border-left:2px solid var(--accent);padding-left:20px;margin-top:30px}footer{padding:35px 7%;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:var(--muted);font-size:.75rem;letter-spacing:.07em}@media(max-width:900px){.header nav{gap:18px}.wordmark{font-size:1.6rem}.header{gap:16px;padding:0 5%}.hero{min-height:760px;padding-left:6%;padding-right:6%}.hero-content{width:590px}.intro{gap:45px}.section{padding:85px 6%}}@media(max-width:650px){.header{height:80px}.header nav{display:none}.wordmark span{display:none}.button.small{font-size:.75rem;padding:10px 13px;gap:10px}.hero{min-height:720px;max-height:900px;padding-top:115px}.hero-intro{font-size:1.1rem}.hero-bottom{font-size:.7rem;gap:16px}.hero-bottom>a{max-width:100px;text-align:right}.intro{grid-template-columns:1fr;gap:10px}.section{padding:70px 6%}.lead{font-size:1.15rem}footer{flex-direction:column;gap:15px}.actions{gap:18px}.eyebrow{font-size:.75rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
.hero-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:68% center}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#060b0cf0 0%,#080e10ae 25%,#070b0d30 65%),linear-gradient(0deg,var(--bg),transparent 26%)}.art-label{position:absolute;right:4%;top:120px;writing-mode:vertical-rl;color:#d6dad0;font-size:.65rem;letter-spacing:.18em;opacity:.8}.hero-content{width:52%;max-width:690px}.hero h1 img{width:115%;max-width:750px;margin-left:-6%}.hero-intro{margin-top:15px}.hero .eyebrow{margin-bottom:26px}.menu-toggle{display:none}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:45px}.section-heading h2{margin-bottom:0}.section-heading>p{max-width:400px;font-size:1rem;margin-bottom:5px}.feature-section{background:#111815;border-block:1px solid var(--line)}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:0}.features article{padding:20px 35px 10px;border-left:1px solid var(--line)}.features article:first-child{padding-left:0;border-left:0}.features article:last-child{padding-right:0}.feature-no{color:var(--accent);font:400 1rem var(--body);display:block;margin-bottom:32px}.features h3,h3{font:600 2rem/1.12 var(--heading);text-transform:uppercase;margin:0 0 18px}.features h3{font-size:2.5rem}.features p{font-size:1rem;max-width:32em}.micro{font-size:.75rem;letter-spacing:.1em;color:var(--accent)}.features .micro{display:block;margin-top:28px;font-size:.7rem}.arsenal-showcase{display:grid;grid-template-columns:1.3fr 1fr;gap:70px;align-items:center}.weapon-view{position:relative;background:radial-gradient(ellipse,#263128,#121916 65%);border:1px solid var(--line);min-height:470px;padding:22px;display:flex;flex-direction:column;justify-content:space-between}.weapon-view img{width:100%;height:360px;object-fit:contain;filter:drop-shadow(0 24px 18px #0008);image-rendering:auto}.weapon-caption{display:flex;justify-content:space-between;color:var(--muted);font-size:.65rem;letter-spacing:.1em}.weapon-info h3{font-size:4rem}.weapon-info dl{margin:25px 0}.weapon-info dl>div{display:flex;justify-content:space-between;gap:20px;padding:10px 0;border-bottom:1px solid var(--line);font-size:.9rem}.weapon-info dt{color:var(--muted)}.weapon-info dd{margin:0;text-align:right}.weapon-selector{display:flex;gap:8px;flex-wrap:wrap}.weapon-selector button{padding:11px 14px;border:1px solid var(--line);background:transparent;color:var(--muted);cursor:pointer;font-size:.875rem;min-height:44px}.weapon-selector button[aria-pressed=true]{color:var(--bg);background:var(--accent);border-color:var(--accent)}.weapon-selector button:hover{border-color:var(--accent)}.survival-band{background:#19201b;border-block:1px solid var(--line)}.survival-band>.section{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding-block:85px}.survival-band h2{font-size:clamp(2.4rem,4vw,4rem)}details{border-bottom:1px solid var(--line)}summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 0;font-size:1.1rem;font-weight:500}summary::-webkit-details-marker{display:none}summary span{color:var(--accent);font-size:1.5rem;font-weight:400}details[open]>summary span{transform:rotate(45deg)}details p{margin-top:0;margin-bottom:24px}.media-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.media-card{border:1px solid var(--line);padding:0;position:relative;background:#121916;aspect-ratio:1.9;color:var(--text);text-align:left;cursor:pointer;overflow:hidden}.media-card img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.media-card:hover img{transform:scale(1.035)}.media-wide{grid-column:1/-1;aspect-ratio:2.45}.media-wide img{object-position:center 55%}.media-overlay{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:space-between;padding:25px;background:linear-gradient(transparent 35%,#040907ee)}.media-overlay small{display:block;font-size:.7rem;letter-spacing:.12em;color:#c4c9c2}.media-overlay strong{display:block;font:600 1.8rem/1.2 var(--heading);text-transform:uppercase;margin-top:8px}.expand{width:40px;height:40px;border:1px solid #ffffff60;display:grid;place-items:center;font-size:1.5rem}.media-note{font-size:.875rem;margin-top:22px}.news-section{background:#111815;border-block:1px solid var(--line)}.tag{display:inline-block;color:var(--accent);border:1px solid #c4b18a55;padding:6px 12px;font-size:.7rem;letter-spacing:.13em}.news-list article{display:grid;grid-template-columns:100px 1fr;gap:35px;padding:40px 0;border-top:1px solid var(--line)}.news-index{font:500 5rem/.95 var(--heading);color:#7c897d}.news-list h3{font-size:2.3rem;margin-top:12px}.news-list details{border:0}.news-list summary{justify-content:flex-start;width:fit-content;padding:5px 0;font-size:.9rem;color:var(--accent);gap:20px;min-height:44px}.news-detail{max-width:750px;padding:20px 0 0}.requirements{display:grid;grid-template-columns:1fr 1.2fr;gap:100px}.requirements h2{font-size:3.8rem}.requirements-table>div{display:grid;grid-template-columns:90px 1fr;gap:25px;padding:23px 0;border-bottom:1px solid var(--line)}.requirements-table .req-heading{font-size:.7rem;letter-spacing:.12em;color:var(--accent);padding-top:0}.requirements-table p{margin:0;font-size:.95rem}.requirements-table strong{font-size:1.1rem;font-weight:600}.community-section{background:#111815;border-top:1px solid var(--line)}.community-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.community-card{border:1px solid #c4b18a40;padding:35px;background:linear-gradient(135deg,#232c22,#131916)}.community-card h3{font-size:2.5rem;margin:35px 0 20px;letter-spacing:.04em}.community-card h3>span{display:block;font-size:1.2rem;color:var(--accent);letter-spacing:.2em;margin-top:10px}.community-card p{max-width:470px}.community-card .text-link{display:inline-block}.domain-label{display:block;border-top:1px solid var(--line);margin-top:35px;padding-top:23px;font-size:.9rem;color:var(--text)}.domain-label span{display:block;font-size:.65rem;letter-spacing:.1em;color:var(--muted);margin-top:5px}.community-card.future{background:#101613;border-color:var(--line)}.future .tag{color:var(--muted);border-color:var(--line)}.hub-note{font-size:.875rem}.download-section{text-align:center;position:relative;max-width:none;overflow:hidden;background:linear-gradient(#0b100fe8,#0b100fde),url('assets/outlands-wilderness.webp') center 45%/cover}.download-section h2{font-size:clamp(3rem,6vw,6rem)}.download-section .actions{justify-content:center}.release-status{display:inline-block;font-size:.75rem;letter-spacing:.14em;color:var(--accent);margin:12px 0}footer{align-items:center}footer>div{display:flex;gap:24px;font-size:.875rem}footer .wordmark{color:var(--text);font-size:1.6rem}footer>span{text-align:right;font-size:.75rem}dialog{padding:22px;background:#0b100f;color:var(--text);border:1px solid var(--line);max-width:1100px;width:94vw;max-height:94svh;overflow:auto}dialog::backdrop{background:#000e}dialog img{display:block;width:100%;max-height:70svh;object-fit:contain}.dialog-top,.dialog-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px}.dialog-top{margin-bottom:16px}.dialog-top span{font:600 1.5rem var(--heading);text-transform:uppercase}.dialog-top button,.dialog-bottom button{background:transparent;border:1px solid var(--line);color:var(--text);padding:8px 14px;min-width:44px;min-height:44px;cursor:pointer}.dialog-bottom p{font-size:.875rem}.dialog-bottom>div{display:flex;gap:15px;align-items:center;flex-shrink:0}body.modal-open{overflow:hidden}
@media(min-width:1500px){.hero{padding-left:max(7%,calc((100vw - 1240px)/2))}}
@media(max-width:1100px){.header nav{gap:17px;font-size:.8rem}.header{gap:18px}.header .button{gap:12px}.arsenal-showcase{gap:35px}.requirements{gap:50px}.section-heading>p{max-width:330px}.features article{padding-inline:25px}.hero-content{width:61%}}
@media(max-width:900px){.header nav{position:absolute;top:94px;left:0;right:0;background:#0b100ff5;display:none;padding:25px 6%;border-bottom:1px solid var(--line);flex-wrap:wrap;gap:0}.header nav.is-open{display:flex}.header nav a{font-size:1rem;min-width:33%;padding:14px 10px}.menu-toggle{display:flex;align-items:center;gap:12px;background:transparent;border:1px solid var(--line);color:var(--text);padding:8px 13px;min-height:44px;cursor:pointer;margin-left:auto;font-size:.875rem}.hero-content{width:68%}.hero-art{object-position:62% center}.section-heading{align-items:flex-start;flex-direction:column;gap:15px}.section-heading>p{max-width:100%}.features h3{font-size:2.1rem}.survival-band>.section{gap:40px}.requirements{gap:40px}.requirements h2{font-size:3rem}.community-card{padding:25px}footer{flex-wrap:wrap;gap:25px}footer>span{text-align:left}.weapon-view{min-height:390px}.weapon-view img{height:280px}.weapon-info h3{font-size:3rem}}
@media(max-width:650px){.header{gap:10px}.header .wordmark{font-size:1.45rem}.header .button.small{font-size:.7rem;padding-inline:10px;gap:8px}.menu-toggle{font-size:0;padding:8px 11px}.menu-toggle span{font-size:1.1rem}.header nav{top:80px}.header nav a{min-width:50%}.hero-content{width:100%;padding-top:40px}.hero h1 img{width:110%;margin-left:-5%}.hero-art{object-position:64% center}.hero-shade{background:linear-gradient(90deg,#060b0ccc,#080e1040),linear-gradient(0deg,#0b100f 2%,#0b100f40 70%,#0b100f55)}.art-label{font-size:.6rem;right:3%;top:105px}.hero .eyebrow{font-size:.7rem;max-width:85%;letter-spacing:.14em}.meta{font-size:.65rem;letter-spacing:.08em}.meta span{padding:0 6px}.features{grid-template-columns:1fr}.features article,.features article:first-child,.features article:last-child{padding:27px 0;border-left:0;border-top:1px solid var(--line)}.feature-no{margin-bottom:20px}.features h3{font-size:2.25rem}.features h3 br{display:none}.features .micro{margin-top:20px}.arsenal-showcase{grid-template-columns:1fr;gap:30px}.weapon-view{min-height:340px}.weapon-view img{height:270px}.weapon-info .note{margin-top:24px}.survival-band>.section{grid-template-columns:1fr;gap:25px;padding-block:65px}.media-grid{grid-template-columns:1fr;gap:18px}.media-wide{grid-column:auto;aspect-ratio:1.45}.media-card{aspect-ratio:1.65}.media-overlay{padding:18px}.media-overlay small{font-size:.6rem}.media-overlay strong{font-size:1.6rem}.media-note{font-size:.8rem}.news-list article{grid-template-columns:45px 1fr;gap:18px;padding:30px 0}.news-index{font-size:3rem}.news-list h3{font-size:1.9rem}.requirements{grid-template-columns:1fr;gap:30px}.requirements-table>div{grid-template-columns:70px 1fr;gap:18px}.community-grid{grid-template-columns:1fr}.community-card h3{margin-top:25px}.section-heading{margin-bottom:30px}.dialog-top{gap:10px}.dialog-top span{font-size:1.1rem}.dialog-bottom{flex-direction:column;align-items:flex-start;gap:0}.dialog-bottom>div{align-self:flex-end}footer{align-items:flex-start}footer>div{flex-wrap:wrap;gap:20px}}
@media(max-width:360px){.header .wordmark{font-size:1.2rem}.header .button.small{font-size:.65rem}.hero-bottom{font-size:.6rem}.actions .button{gap:20px}}
/* Keep secondary labels legible at compact sizes. */
.wordmark span,.micro,.features .micro,.weapon-caption,.art-label,.media-overlay small,.domain-label span,.tag,.req-heading,.hero .eyebrow,.hero-bottom,.meta{font-size:.75rem}
.wordmark span{letter-spacing:.035em}.art-label{letter-spacing:.1em}.header .button.small{font-size:.875rem}
@media(max-width:650px){.header .button.small{font-size:.75rem}.hero-bottom{font-size:.75rem}.meta{letter-spacing:0}.wordmark span{display:none}.hero h1 img{max-width:100%;width:100%;margin-left:0}.hero-content{padding-right:10px}.features h3 br:after{content:' '}}