:root{--ink:#26251e;--night:#201f1a;--paper:#eee7d8;--gold:#d7ae70;--rust:#a24e32;--line:#c9bfaa;--muted:#6a675c}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible{outline:3px solid var(--rust);outline-offset:5px}.wrap{width:min(1180px,calc(100% - 96px));margin-inline:auto}.skip{position:fixed;left:16px;top:-80px;padding:12px 20px;background:var(--paper);z-index:100}.skip:focus{top:10px}.header{height:86px;display:flex;align-items:center;justify-content:space-between;padding:0 48px;background:var(--night);color:var(--paper);border-bottom:1px solid #514735}.brand{display:flex;align-items:center;gap:13px;white-space:nowrap;font:700 20px Georgia,serif;letter-spacing:2px}.brand em{color:var(--gold);font-weight:normal}.header nav{display:flex;align-items:center;gap:30px;font-size:13px}.header nav a{padding-block:12px}.header nav a:hover{color:var(--gold)}.nav-play{border:1px solid #786348;padding:10px 20px!important;color:var(--gold)}.nav-play span{margin-left:20px}.hero{min-height:720px;position:relative;isolation:isolate;background:#624d37 url('/assets/frontier.webp') center 58%/cover no-repeat;color:var(--paper);overflow:hidden}.hero-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(22,23,19,.89),rgba(26,25,22,.48) 45%,rgba(23,22,18,.03) 76%),linear-gradient(0deg,rgba(22,23,19,.83),transparent 25%)}.hero-content{padding-top:62px;padding-bottom:108px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2.4px;line-height:1.7;color:var(--gold);margin:0 0 22px}.eyebrow span{display:inline-block;width:24px;border-top:1px solid var(--gold);vertical-align:middle;margin-right:10px}.rust{color:var(--rust)}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Georgia,'Times New Roman',serif;font-weight:normal;letter-spacing:-1.5px;line-height:1.08}h1{font-size:122px;line-height:.85;margin:28px 0 32px;letter-spacing:-5px;text-shadow:0 2px 16px #211c1833}h1 i{color:var(--gold);font-size:.8em;font-weight:normal}.period{color:var(--gold)}.hook{font-family:Georgia,serif;font-size:22px;line-height:1.55;color:#e0d5bf;margin-bottom:27px}.hook strong{color:#fff3d9;font-weight:normal}.hero-actions{display:flex;align-items:center;gap:28px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:34px;padding:16px 23px;font-size:13px;font-weight:700;letter-spacing:.2px;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.primary{background:var(--gold);color:#25231c}.primary:hover{background:#e5bd80}.text-link{font-size:12px;border-bottom:1px solid #8e8069;padding-block:8px;color:#e8d9bd}.text-link span{margin-left:16px}.hero-bottom{position:absolute;bottom:0;width:100%;display:flex;justify-content:space-between;padding:23px 48px;border-top:1px solid #a4937040;font-size:10px;letter-spacing:1.7px;color:#dac7a7}.art-credit{position:absolute;bottom:86px;right:25px;font-size:9px;letter-spacing:1.4px;writing-mode:vertical-rl;color:#f0dfbd}.ticker{display:flex;align-items:center;justify-content:center;gap:38px;background:#302e25;color:#cab994;padding:20px 28px;font-size:10px;letter-spacing:1.7px}.ticker span:nth-child(even){color:var(--gold)}.section{padding-block:94px}h2{font-size:54px;margin-bottom:26px}h3{font-size:29px;margin-bottom:19px}.intro{display:grid;grid-template-columns:1fr 1fr;gap:95px}.intro h2{margin-bottom:0}.intro-copy{padding-top:10px}.intro-copy p{font-size:16px;color:#514f45;margin-bottom:18px}.small-note{font-size:13px!important;color:var(--muted)!important;line-height:1.8}.pillars{display:grid;grid-template-columns:repeat(3,1fr);padding-bottom:96px}.pillars article{padding:0 32px;border-left:1px solid var(--line);position:relative}.pillars article:first-child{padding-left:0;border-left:0}.pillars article:last-child{padding-right:0}.number{display:block;font-size:10px;font-weight:700;letter-spacing:1.5px;color:var(--rust);margin-bottom:27px}.pillars p{color:#615c50;font-size:14px;min-height:100px}.stamp{font-size:9px;letter-spacing:2px;color:#726a58;border-bottom:1px solid var(--line);padding-bottom:7px}.dispatch{background:#252820;color:var(--paper);position:relative}.dispatch-grid{display:grid;grid-template-columns:1fr 1fr;gap:110px;align-items:center}.dispatch h2{font-size:70px}.dispatch-lead{font-family:Georgia,serif;font-size:23px;color:#d2c6ab;max-width:360px}.light{color:#aaa893!important;max-width:360px}.release{border:1px solid #696347;padding:30px;background:#2c2f26;box-shadow:12px 12px 0 #1e211b}.release-top{display:flex;justify-content:space-between;gap:15px;align-items:center}.tag{font-size:9px;color:var(--gold);letter-spacing:1.4px;border:1px solid #86734b;padding:5px 8px}.release-date{font-size:8px;letter-spacing:1.2px;color:#b2b09b}.version{font-family:Georgia,serif;font-size:75px;line-height:1.2;margin:22px 0;color:#e9dbbe}.version>span{display:block;font:12px Arial,sans-serif;letter-spacing:1px;color:#b6b3a1}.release-list{list-style:none;padding:0;margin:26px 0 20px}.release-list li{padding:13px 0;border-top:1px solid #555744;display:flex;flex-direction:column;gap:3px}.release-list li>span{font-size:14px}.release-list small{color:#b6b3a1;font-size:12px}.release-foot{border-top:1px solid #555744;padding-top:20px;font-size:11px;line-height:1.8;color:#d8ccb2}.release-caveat{color:#a9a995;font-size:10px}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--gold);display:inline-block;margin-right:7px}.section-title{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:34px}.section-title h2{margin-bottom:0}.section-title>p{font-size:13px;color:var(--muted);margin-bottom:5px}.route-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.route{border:1px solid var(--line)}.trail-art{position:relative;overflow:hidden;background:#baae87;height:190px}.trail-art svg{width:100%;height:100%;display:block;object-fit:cover}.canyon .trail-art{background:#c79864}.trail-art span{position:absolute;bottom:12px;left:22px;font-size:9px;letter-spacing:1.5px;color:#f2dfb8;text-shadow:0 1px 7px #221d15}.route-copy{padding:28px}.route-copy .number{margin-bottom:14px}.route-copy p:last-child{font-size:14px;color:#615c50;margin-bottom:0;max-width:440px}.roadmap{background:#e5ddcc;border-block:1px solid #d7cdbb}.roadmap-list{border-top:1px solid #bdb39f}.roadmap-list article{display:flex;align-items:center;gap:30px;border-bottom:1px solid #c7bdab;padding:28px 0}.roadmap-index{font-family:Georgia,serif;color:var(--rust);font-size:24px;width:50px}.roadmap-list h3{font-size:26px;letter-spacing:-.5px;margin-bottom:7px}.roadmap-list p{font-size:13px;color:var(--muted);margin:0}.planned{margin-left:auto;border:1px solid #b7aa90;letter-spacing:1.5px;font-size:9px;padding:5px 12px;color:#726448}.play-section{text-align:center;padding-block:100px}.wheel{margin-bottom:24px}.play-section .eyebrow{margin-bottom:17px}.play-section h2{font-size:62px}.play-section>p:not(.eyebrow){font-size:15px;color:#666052}.play-section strong{font-weight:normal;color:var(--rust)}.dark{background:var(--night);color:var(--paper);margin-top:12px}.dark:hover{background:#4a4435}.coming{display:block;font-size:9px;letter-spacing:1.5px;color:var(--muted);margin-top:19px}.footer{border-top:1px solid var(--line);display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding-block:32px}.footer .brand{font-size:16px}.footer p{font-family:Georgia,serif;font-style:italic;color:#79705e;font-size:15px;margin:0}.footer>a:last-of-type{font-size:11px}.footer small{width:100%;font-size:10px;color:var(--muted);border-top:1px solid #d8cfbe;padding-top:20px;margin-top:10px}
@media(min-width:1600px){.hero{min-height:800px;background-position:center 58%}.hero-content{padding-top:95px}}@media(max-width:1000px){.wrap{width:calc(100% - 56px)}.header{padding-inline:28px}.header nav{gap:18px}.hero h1{font-size:108px}.hero{min-height:690px;background-position:58% center}.intro,.dispatch-grid{gap:45px}.section{padding-block:72px}h2{font-size:44px}.dispatch h2{font-size:58px}.pillars article{padding-inline:22px}.pillars p{min-height:130px}.ticker{gap:19px;font-size:9px}.release{padding:23px}.release-top{flex-wrap:wrap}.hero-bottom{padding-inline:28px}}
@media(max-width:700px){html{scroll-padding-top:20px}.wrap{width:calc(100% - 40px)}.header{height:auto;padding:18px 20px;flex-wrap:wrap;gap:18px}.brand{font-size:17px;gap:9px}.header .brand img{width:30px;height:30px}.header nav{width:100%;justify-content:space-between;gap:10px;font-size:10px}.header nav a{padding-block:0}.nav-play{padding:6px 10px!important}.nav-play span{margin-left:6px}.hero{min-height:740px;background-position:63% center}.hero-shade{background:linear-gradient(90deg,#171813e8,#1a191666 85%),linear-gradient(0deg,#161713,transparent 40%)}.hero-content{padding-top:45px;padding-bottom:115px}.eyebrow{font-size:9px;letter-spacing:1.7px}.hero h1{font-size:100px;margin-top:32px}.hook{font-size:19px}.hero-actions{flex-wrap:wrap;gap:13px 24px}.button{font-size:12px;padding:15px 20px}.hero-bottom{padding:18px 20px;flex-direction:column;gap:7px;font-size:8px;letter-spacing:1.3px}.art-credit{bottom:105px;right:12px;font-size:7px}.ticker{gap:12px;padding:15px 20px;flex-wrap:wrap;font-size:8px;line-height:1.4}.ticker span:nth-last-child(-n+2){display:none}.section{padding-block:60px}h2{font-size:39px;letter-spacing:-1px}.intro{grid-template-columns:1fr;gap:28px}.intro-copy{padding:0}.intro-copy p{font-size:15px}.pillars{grid-template-columns:1fr;padding-bottom:60px;gap:30px}.pillars article,.pillars article:first-child,.pillars article:last-child{border-left:0;border-top:1px solid var(--line);padding:27px 0 0}.number{margin-bottom:17px}.pillars p{min-height:0}.dispatch-grid{grid-template-columns:1fr;gap:34px}.dispatch h2{font-size:54px}.dispatch-lead,.light{max-width:none}.release{box-shadow:7px 7px 0 #1e211b}.section-title{align-items:start;flex-direction:column;gap:18px;margin-bottom:28px}.section-title>p{margin:0}.route-grid{grid-template-columns:1fr;gap:22px}.trail-art{height:170px}.roadmap-list article{gap:14px;align-items:start;position:relative;padding-block:26px}.roadmap-index{min-width:29px;font-size:21px}.roadmap-list h3{font-size:23px;padding-right:65px}.roadmap-list p{font-size:12px;padding-right:0}.planned{position:absolute;right:0;top:29px;padding:3px 6px;font-size:7px;letter-spacing:.5px}.play-section h2{font-size:43px}.coming{font-size:8px;letter-spacing:.7px}.footer{flex-direction:column;align-items:start;gap:19px}.footer small{margin:0}.play-section>p:not(.eyebrow){font-size:14px}.play-page .hero{min-height:calc(100svh - 86px)}.play-page .play-title{font-size:66px!important}.play-page .play-message{font-size:17px;max-width:490px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}.button:hover{transform:none}}
/* Play depot */
.play-page .hero{min-height:calc(100svh - 86px);display:flex;align-items:center}.play-page .hero-content{width:min(1180px,calc(100% - 80px));padding-block:90px}.play-page .play-title{font-size:88px;line-height:1.05;letter-spacing:-3px;margin:25px 0}.play-message{max-width:520px;color:#e4d8bf;font-size:19px}.depot-sign{display:inline-block;border:1px solid #9a8057;color:var(--gold);font-size:10px;letter-spacing:2px;padding:7px 12px;margin-bottom:24px}.play-page .hero-bottom{font-size:9px}
.play-page .hero-content{margin-inline:auto}

/* Disabled until browser play opens. Native disabled buttons block mouse and keyboard activation. */
.play-disabled{font-family:inherit;line-height:inherit;cursor:not-allowed;opacity:.72}.nav-play.play-disabled{font-size:inherit;background:transparent;white-space:nowrap}.button.play-disabled{border:1px solid #6f6755;box-shadow:none}.button.play-disabled:hover{transform:none;background:var(--night)}
