:root{--ink: #ece6dc;--ink-dim: #9aa3ab;--ink-faint: #6b747d;--ground: #0b0d10;--raised: #14181d;--raised-hi: #1b2027;--accent: #5fd8ff;--warm: #c8a877;--edge: rgba(255, 255, 255, .07);--measure: 62ch;--pad: clamp(20px, 5vw, 68px);--r: 3px;--ease: cubic-bezier(.22, .61, .36, 1)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}body{margin:0;background:var(--ground);color:var(--ink);font:400 16px/1.6 ui-sans-serif,system-ui,-apple-system,Segoe UI,Inter,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit}.skip{position:absolute;left:-9999px;top:0;z-index:100;background:var(--accent);color:#04121a;padding:10px 16px;font-weight:600}.skip:focus{left:12px;top:12px}.masthead{position:fixed;inset:0 0 auto;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:18px var(--pad);background:linear-gradient(180deg,rgba(11,13,16,.92),rgba(11,13,16,.55) 62%,transparent);backdrop-filter:blur(3px)}.wordmark{font-size:15px;letter-spacing:.015em}.wordmark-h{font-weight:650;color:var(--ink)}.wordmark-g{font-weight:400;color:var(--ink-faint);margin-left:.45em;letter-spacing:.22em;text-transform:uppercase;font-size:11px;position:relative;top:-1px}.masthead nav{display:flex;gap:26px}.masthead nav a{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-dim);text-decoration:none;padding:6px 0;transition:color .25s var(--ease)}.masthead nav a:hover,.masthead nav a:focus-visible{color:var(--ink)}.hero{position:relative;min-height:min(92vh,860px);display:flex;align-items:flex-end;padding:0 var(--pad) clamp(48px,9vh,108px);overflow:hidden}.hero-plate{position:absolute;inset:0;background:#17120c url(/media/the-ark-hero.jpg) center 46% / cover no-repeat;transform:scale(1.06);animation:drift 64s var(--ease) infinite alternate}@keyframes drift{0%{transform:scale(1.06) translateZ(0)}to{transform:scale(1.13) translate3d(-1.4%,-1.1%,0)}}.hero-grade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,13,16,.72) 0%,rgba(11,13,16,.14) 34%,rgba(11,13,16,.86) 88%,var(--ground) 100%),radial-gradient(120% 84% at 78% 24%,transparent 38%,rgba(11,13,16,.62) 100%)}.hero-body{position:relative;max-width:62ch}.hero h1{max-width:15ch}@media(max-width:760px){.hero h1{max-width:13ch}}.kicker{margin:0 0 20px;font-size:11.5px;letter-spacing:.2em;text-transform:uppercase;color:#e2c79b;font-weight:500;text-shadow:0 1px 16px rgba(0,0,0,.8)}.hero h1{margin:0 0 22px;font-size:clamp(38px,6.6vw,82px);line-height:1.02;letter-spacing:-.025em;font-weight:620;text-wrap:balance;text-shadow:0 2px 40px rgba(0,0,0,.55)}.dek{margin:0;max-width:44ch;color:#cfd6dc;font-size:clamp(15px,1.5vw,17.5px);line-height:1.62;text-shadow:0 1px 22px rgba(0,0,0,.65)}.section-h{margin:0 0 30px;font-size:11px;letter-spacing:.22em;text-transform:uppercase;font-weight:500;color:var(--ink-faint);display:flex;align-items:center;gap:18px}.section-h:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--edge),transparent)}.games,.about{padding:clamp(56px,9vh,104px) var(--pad)}.games{padding-bottom:clamp(32px,5vh,56px)}.grid{list-style:none;margin:0;padding:0;display:grid;gap:clamp(18px,2.4vw,30px);grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr))}@media(min-width:900px){.grid:has(>li:only-child){grid-template-columns:minmax(0,1fr)}.grid:has(>li:only-child) .card,.card.feature{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);max-width:1180px}.grid:has(>li:only-child) .shot,.card.feature .shot{aspect-ratio:auto;height:100%;min-height:340px}.grid:has(>li:only-child) .shot:after,.card.feature .shot:after{background:linear-gradient(90deg,transparent 52%,rgba(20,24,29,.92) 100%)}.grid:has(>li:only-child) .card-body,.card.feature .card-body{padding:clamp(26px,3vw,40px);gap:13px}.grid:has(>li:only-child) h3,.card.feature h3{font-size:clamp(26px,2.6vw,36px);letter-spacing:-.02em}.grid:has(>li:only-child) .tagline,.card.feature .tagline{font-size:15px}.grid:has(>li:only-child) .blurb,.card.feature .blurb{font-size:14.5px;max-width:46ch}}.more{margin:26px 0 0;padding:22px 24px;border-radius:var(--r);background:#ffffff06;box-shadow:0 1px 0 var(--edge) inset;color:var(--ink-faint);font-size:13px;line-height:1.6;display:flex;align-items:center;gap:14px;flex-wrap:wrap}.more strong{color:var(--ink-dim);font-weight:500}.more .tick{width:6px;height:6px;flex:none;border-radius:50%;background:var(--accent);box-shadow:0 0 10px var(--accent);opacity:.8}.card{position:relative;display:flex;flex-direction:column;background:var(--raised);border-radius:var(--r);overflow:hidden;text-decoration:none;color:inherit;box-shadow:0 1px 0 var(--edge) inset,0 10px 30px -14px #000000e6;transition:transform .42s var(--ease),box-shadow .42s var(--ease),background .42s var(--ease)}.card:hover,.card:focus-visible{transform:translateY(-5px);background:var(--raised-hi);box-shadow:0 1px #ffffff1c inset,0 26px 54px -18px #000000f2;outline:none}.card:focus-visible{box-shadow:0 0 0 2px var(--accent),0 26px 54px -18px #000000f2}.shot{position:relative;aspect-ratio:16 / 9;overflow:hidden;background:#191410}.shot img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s var(--ease),filter .5s var(--ease);filter:saturate(.94)}.card:hover .shot img{transform:scale(1.045);filter:saturate(1.04)}.shot:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 44%,rgba(20,24,29,.9) 100%)}.badge{position:absolute;top:12px;left:12px;z-index:2;font-size:9.5px;letter-spacing:.17em;text-transform:uppercase;font-weight:600;padding:5px 9px;border-radius:2px;background:#06090cb8;backdrop-filter:blur(6px);color:var(--ink)}.badge.playable{color:#04121a;background:var(--accent)}.card-body{padding:18px 20px 20px;display:flex;flex-direction:column;gap:10px;flex:1}.card h3{margin:0;font-size:20px;letter-spacing:-.01em;font-weight:600}.card .tagline{margin:0;color:var(--warm);font-size:13.5px;line-height:1.45}.card .blurb{margin:0;color:var(--ink-dim);font-size:13.5px;line-height:1.62}.facts{display:flex;flex-wrap:wrap;gap:6px;margin:2px 0 0;padding:0;list-style:none}.facts li{font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint);padding:4px 8px;border-radius:2px;background:#ffffff0b}.cta{margin-top:auto;padding-top:14px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px;letter-spacing:.18em;text-transform:uppercase;font-weight:600;color:var(--accent)}.cta .arrow{transition:transform .42s var(--ease)}.card:hover .cta .arrow{transform:translate(5px)}.cta .controls{color:var(--ink-faint);font-weight:400;letter-spacing:.04em;text-transform:none;font-size:11.5px}.card.soon{pointer-events:none}.card.soon .shot{background:#101317}.card.soon .placeholder{position:absolute;inset:0;display:grid;place-content:center;color:#2c333b;font-size:11px;letter-spacing:.24em;text-transform:uppercase;background:repeating-linear-gradient(135deg,rgba(255,255,255,.016) 0 12px,transparent 12px 24px)}.card.soon h3,.card.soon .blurb{color:var(--ink-faint)}.about-body{max-width:var(--measure);display:grid;gap:16px}.about-body p{margin:0;color:var(--ink-dim);font-size:15px;line-height:1.72}.about-body .fine{color:var(--ink-faint);font-size:13px}footer{display:flex;gap:10px;align-items:center;padding:26px var(--pad) 44px;color:var(--ink-faint);font-size:12px;letter-spacing:.04em}footer .dot{opacity:.45}@media(max-width:560px){.masthead nav{gap:18px}.hero{min-height:84vh}}