:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f5f0e6;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--bg:#070b12;--bg-soft:#101724;--ink:#f5f0e6;--muted:#b8bec9;--line:#f5f0e629;--gold:#d8b36a;--cyan:#69d8ff;--rust:#b95f44;background:#070b12;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;margin:0;overflow-x:hidden}body:before{z-index:-2;content:"";background:radial-gradient(circle at 12% 24%,#69d8ff21,#0000 24rem),radial-gradient(circle at 84% 36%,#b95f441c,#0000 22rem),linear-gradient(#070b12 0%,#111725 48%,#070b12 100%);position:fixed;inset:0}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.site-header{z-index:20;background:linear-gradient(#070b12e0,#070b1200);justify-content:space-between;align-items:center;gap:1.5rem;padding:1rem clamp(1rem,4vw,3.5rem);display:flex;position:fixed;top:0;left:0;right:0}.brand-mark{letter-spacing:0;text-transform:uppercase;align-items:center;gap:.75rem;min-width:0;font-weight:700;display:inline-flex}.brand-mark img{object-fit:cover;border:1px solid #f5f0e63d;border-radius:50%;width:2.5rem;height:2.5rem}.site-nav{color:#f5f0e6c7;align-items:center;gap:clamp(.75rem,2vw,1.5rem);font-size:.9rem;display:flex}.site-nav a{transition:color .18s}.site-nav a:hover,.site-nav a:focus-visible{color:var(--ink)}.hero{isolation:isolate;place-items:center start;min-height:100svh;padding:7rem clamp(1rem,6vw,5rem) 4rem;display:grid;position:relative}.hero-media,.hero-vignette{position:absolute;inset:0}.hero-media{z-index:-3;background-image:url(/assets/images/KeyArt_Background_upscaled_Background_no_logo.png);background-position:bottom;background-size:cover;transform:scale(1.02)}.hero-vignette{z-index:-2;background:linear-gradient(90deg,#070b12d6 0%,#070b126b 45%,#070b121f 100%),linear-gradient(#070b1200 68%,#070b12 100%),radial-gradient(circle at 32% 58%,#69d8ff1f,#0000 28rem)}.hero-content{width:min(100%,72rem);max-width:72rem;padding-top:4rem}.eyebrow{color:var(--gold);letter-spacing:.16em;text-transform:uppercase;margin:0 0 .9rem;font-size:.78rem;font-weight:800}h1,h2,p{margin-top:0}h1{letter-spacing:0;text-transform:uppercase;overflow-wrap:normal;word-break:normal;max-width:12ch;margin-bottom:1rem;font-size:clamp(4.1rem,12vw,10.8rem);line-height:.82}.hero-content #hero-title{opacity:0;filter:blur(10px)}.hero-content.is-visible #hero-title{animation:1.6s cubic-bezier(.16,1,.3,1) .18s both heroTitleReveal}h2{letter-spacing:0;margin-bottom:1rem;font-size:clamp(2.2rem,5vw,5.4rem);line-height:1.02}.hero-copy{color:#f5f0e6d1;max-width:39rem;margin-bottom:2rem;font-size:clamp(1.1rem,2vw,1.35rem)}.hero-actions{flex-wrap:wrap;gap:.75rem;display:flex}.button{border:1px solid #0000;border-radius:.35rem;justify-content:center;align-items:center;min-height:3rem;padding:.85rem 1.2rem;font-weight:800;transition:border-color .18s,background .18s,transform .18s;display:inline-flex}.button:hover,.button:focus-visible{transform:translateY(-2px)}.button-primary{color:#080b10;background:var(--ink)}.button-secondary{background:#f5f0e614;border-color:#f5f0e63d}.scroll-cue{border:1px solid #f5f0e640;border-radius:999px;place-items:start center;width:2rem;height:3.3rem;display:grid;position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%)}.scroll-cue span{background:var(--ink);border-radius:50%;width:.35rem;height:.35rem;margin-top:.65rem;animation:1.7s ease-in-out infinite scrollDot}.section{padding:clamp(4.5rem,9vw,8rem) clamp(1rem,5vw,4rem)}.section-inner{width:min(100%,1180px);margin:0 auto}.split-layout{grid-template-columns:minmax(0,1.1fr) minmax(18rem,.7fr);align-items:center;gap:clamp(2rem,6vw,5rem);display:grid}.section-copy p,.studio-band p{max-width:44rem;color:var(--muted);font-size:clamp(1rem,1.8vw,1.2rem)}.project-section{background:linear-gradient(#070b12 0%,#101724f5 100%),url(/assets/images/KeyArt_Background_upscaled_Background_no_logo.png) 50%/cover}.feature-panel{border:1px solid var(--line);background:var(--line);border-radius:.5rem;gap:1px;display:grid;overflow:hidden;box-shadow:0 2rem 6rem #0000005c}.feature-panel>div{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#090e17c7;padding:1.2rem}.panel-kicker{color:var(--cyan);letter-spacing:.12em;text-transform:uppercase;margin-bottom:.3rem;font-size:.74rem;font-weight:800;display:block}.feature-panel strong{font-size:clamp(1.3rem,3vw,2rem);line-height:1}.media-section{background:#0b1019}.section-heading{max-width:54rem;margin-bottom:clamp(2rem,5vw,3.5rem)}.media-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.media-card{background:#0f1622;border:1px solid #f5f0e624;border-radius:.5rem;min-height:20rem;margin:0;position:relative;overflow:hidden}.media-card-wide{grid-column:1/-1;min-height:clamp(22rem,48vw,36rem)}.media-card img{aspect-ratio:16/9;object-fit:cover;width:100%;height:100%;transition:transform .5s}.media-card:hover img{transform:scale(1.035)}.media-card figcaption{color:#f5f0e6e6;letter-spacing:.1em;text-transform:uppercase;background:linear-gradient(#070b1200,#070b12d1);padding-top:3rem;font-size:.82rem;font-weight:800;position:absolute;bottom:1rem;left:1rem;right:1rem}.studio-section{background:linear-gradient(#0b1019fa,#070b12),url(/assets/images/KeyArt_Background_upscaled_Background_no_logo.png) 50%/cover}.studio-band{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#070b12b3;border:1px solid #f5f0e626;border-radius:.5rem;grid-template-columns:10rem minmax(0,1fr);align-items:center;gap:clamp(1.5rem,4vw,3rem);padding:clamp(1.25rem,3vw,2rem);display:grid}.studio-band img{border-radius:.35rem;width:10rem}.studio-band h2{line-height:1.08}.site-footer{background:#05070c;border-top:1px solid #f5f0e61f;padding:clamp(4rem,8vw,6rem) clamp(1.25rem,3vw,3.5rem)}.footer-inner{grid-template-columns:minmax(16rem,20rem) minmax(38rem,44rem) minmax(22rem,26rem);justify-content:space-between;align-items:start;gap:clamp(2.5rem,6vw,8rem);width:100%;margin:0 auto;display:grid}.footer-heading h2{max-width:8.4ch;margin-bottom:0}.social-column>.eyebrow{margin-bottom:1rem}.social-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.social-card{overflow-wrap:anywhere;background:#f5f0e60b;border:1px solid #f5f0e61f;border-radius:.35rem;align-content:center;gap:.25rem;min-height:4.4rem;padding:.9rem 1rem;display:grid}.social-card[href]{transition:border-color .18s,background .18s}.social-card[href]:hover,.social-card[href]:focus-visible{background:#69d8ff14;border-color:#69d8ff61}.social-label,.social-value{display:block}.social-label{color:var(--ink);font-size:.82rem;font-weight:800}.social-value{color:var(--cyan);font-size:clamp(.98rem,1.25vw,1.15rem);font-weight:800}.social-value-muted{color:#b8bec9b8}.social-card[href]:hover .social-value,.social-card[href]:focus-visible .social-value{color:#a8ecff}.playtest-card{background:linear-gradient(#69d8ff14,#f5f0e609),#f5f0e60b;border:1px solid #f5f0e624;border-radius:.5rem;gap:1rem;padding:clamp(1.1rem,3vw,1.5rem);transition:border-color .22s,box-shadow .22s;display:grid;position:relative;box-shadow:0 2rem 5rem #0000003d}.playtest-card.reveal.is-visible{animation:1.5s cubic-bezier(.16,1,.3,1) .12s both playtestCardReveal}.playtest-card h3{color:var(--ink);margin:0;font-size:clamp(1.55rem,3vw,2.25rem);line-height:1.05}.discord-cta{color:#081018;background:linear-gradient(180deg, #f8f3e7, #d9f5ff), var(--ink);text-align:center;border:1px solid #69d8ff6b;border-radius:.35rem;justify-content:center;align-items:center;gap:.85rem;min-height:4rem;padding:.75rem 1rem;font-size:clamp(1rem,2vw,1.16rem);font-weight:900;transition:border-color .18s,box-shadow .18s,transform .18s;display:flex}.discord-cta img{object-fit:contain;width:2.4rem;height:2.4rem}.discord-cta:hover,.discord-cta:focus-visible{border-color:var(--gold);transform:scale(1.015);box-shadow:0 0 0 1px #d8b36a2e}.playtest-note{color:#b8bec9c7;margin:0;font-size:.9rem}.reveal{opacity:0;transition:opacity .65s,transform .65s;transform:translateY(18px)}.reveal.is-visible{opacity:1;transform:translateY(0)}@keyframes heroTitleReveal{0%{opacity:0;filter:blur(10px);transform:translateY(.18em)}54%{opacity:1;filter:blur()}to{opacity:1;filter:blur();transform:translateY(0)}}@keyframes playtestCardReveal{0%{opacity:0;filter:blur(10px);transform:translateY(1rem)}to{opacity:1;filter:blur();transform:translateY(0)}}@keyframes scrollDot{0%,to{opacity:0;transform:translateY(0)}40%{opacity:1}70%{opacity:0;transform:translateY(1.35rem)}}@media (width<=820px){.site-header{align-items:flex-start}.brand-mark span{display:none}.site-nav{gap:.75rem;font-size:.82rem}.hero{min-height:96svh;padding-top:6rem}.hero-vignette{background:linear-gradient(90deg,#070b12e0,#070b124d),linear-gradient(#070b1200 66%,#070b12 100%)}.split-layout,.footer-inner,.studio-band{grid-template-columns:1fr}.footer-heading h2{max-width:10ch}.media-grid,.social-grid{grid-template-columns:1fr}.media-card,.media-card-wide{min-height:16rem}}@media (width<=520px){.site-nav a{padding:.35rem 0}h1{font-size:clamp(3.2rem,18vw,4.7rem)}.hero-actions,.button{width:100%}.studio-band img{width:8rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}