@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{font-family:DM Sans,sans-serif;color:#f0f1e9;background:#0c100e;font-synthesis:none;--green:#c5f7b2;--muted:#969f97;--line:#2a302b}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--green);outline-offset:6px}header{height:100px;display:flex;align-items:center;justify-content:space-between;padding:0 5.5%;border-bottom:1px solid var(--line);position:relative;z-index:10;background:#0c100e}.brand{display:flex;align-items:center;gap:11px;font:700 23px/1 Space Grotesk,sans-serif;letter-spacing:1px}.brand svg{width:41px;fill:none;stroke:var(--green);stroke-width:2.5}.brand-sub{display:block;font-size:9px;letter-spacing:4.2px;margin-top:7px}nav{display:flex;gap:36px;align-items:center;font-size:13px}nav a:hover{color:var(--green)}.nav-contact{border:1px solid #596052;padding:12px 18px;border-radius:4px}.nav-contact span{margin-left:25px}.menu-toggle{display:none}.hero{position:relative;min-height:730px;overflow:hidden;padding:80px 5.5% 0}.hero-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(#91a98707 1px,transparent 1px),linear-gradient(90deg,#91a98707 1px,transparent 1px);background-size:80px 80px;-webkit-mask-image:linear-gradient(90deg,transparent,#000);mask-image:linear-gradient(90deg,transparent,#000)}.hero-copy{position:relative;z-index:2;width:55%;pointer-events:none}.hero-copy a{pointer-events:auto}.eyebrow,.section-label,.hero-bottom,.world-label,.orbit-coordinate,.world-note small,.lab-stamp,.lab-index,.lab-caption,.mode-label,.lab-footnote,footer>a:last-child{font:500 10px/1.6 Space Grotesk,sans-serif;letter-spacing:1.5px}.eyebrow{display:flex;align-items:center;gap:10px}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 12px #b1f49f44}h1{font:500 clamp(60px,7.5vw,110px)/.97 "Space Grotesk",sans-serif;letter-spacing:-6px;margin:30px 0 24px;position:relative}em{font-style:normal;color:var(--green)}.title-star{display:inline-block;color:var(--green);font-size:75px;position:absolute;margin:4px 0 0 40px;transform:rotate(10deg)}.hero-copy p{color:var(--muted);font-size:15px;line-height:1.8;margin-bottom:28px}.button{display:inline-flex;gap:45px;align-items:center;padding:17px 20px;background:var(--green);color:#152014;font-size:12px;font-weight:650;border-radius:3px;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px);background:#defad4}.button span{font-size:20px}.world{position:absolute;left:43%;right:0;top:10px;bottom:65px}.world canvas{width:100%;height:100%;touch-action:pan-y}.world-label{position:absolute;top:40px;left:30%;font-size:8px;color:#939d8d}.orbit-coordinate{position:absolute;right:9%;top:27%;font-size:8px;color:#76856e}.world-note{position:absolute;bottom:13px;right:16%;font-size:11px;color:#c7cebf;line-height:2}.world-note>span{position:absolute;left:-30px;font-size:28px;top:-4px}.world-note small{font-size:7px;color:#788471}.hero-bottom{position:relative;margin-top:65px;display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:22px 0;color:#7f8b7f;font-size:8px}.hero-bottom a{color:#c4c9bf}.hero-bottom a span{margin-left:20px}.ticker{border-block:1px solid var(--line);display:flex;justify-content:space-around;align-items:center;padding:23px 0;gap:30px;overflow:hidden;white-space:nowrap;color:#cbd1c4;font:500 15px Space Grotesk,sans-serif;letter-spacing:2px;background:#121812}.ticker b{font-size:27px;font-weight:400;color:var(--green)}.section{padding:85px 5.5%;scroll-margin-top:0}.section-label{display:flex;justify-content:space-between;font-size:9px;color:var(--muted);margin-bottom:45px}.small-star{font-size:32px;color:var(--green);line-height:.5}.studio{display:grid;grid-template-columns:1fr 3fr;gap:40px}.studio .section-label{display:block}.studio .small-star{display:block;margin-top:35px}h2{font:500 clamp(30px,3.8vw,54px)/1.12 "Space Grotesk",sans-serif;letter-spacing:-2px;margin:0}.studio h2 span{color:#7e897c}.studio-columns{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin:22px 0 28px}p{color:var(--muted);font-size:14px;line-height:1.85}.principles{border-top:1px solid var(--line);padding-top:25px;display:flex;justify-content:space-between;font-size:11px}.principles i{font: 9px Space Grotesk;color:#6b7867;margin-right:12px}.playground{background:#121713;border-block:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:40px}.section-heading p{font-size:12px;margin-bottom:4px}.lab{display:grid;grid-template-columns:1.6fr 1fr;border:1px solid #354033;border-radius:5px;overflow:hidden}.lab-visual{position:relative;min-height:460px;background:#0a100e;overflow:hidden}.lab-visual canvas{width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0;touch-action:none}.lab-stamp{position:absolute;top:25px;left:25px;font-size:8px;color:#a2bd95}.lab-stamp .status-dot{margin-right:8px;width:4px;height:4px}.lab-index{position:absolute;right:25px;top:25px;color:#71836a;font-size:8px}.lab-caption{position:absolute;bottom:24px;left:25px;right:25px;display:flex;justify-content:space-between;font-size:8px;color:#7e9975;pointer-events:none}.lab-controls{padding:36px;background:#1b231c;border-left:1px solid #354033}.lab-controls .eyebrow{font-size:8px;color:#a6b39e}h3{font:500 34px/1.15 Space Grotesk;letter-spacing:-1px;margin:22px 0 16px}.lab-controls p{font-size:12px;min-height:64px}.mode-label{font-size:8px;margin:25px 0 8px;color:#91a18a}.modes{display:flex;gap:7px}.modes button{flex:1;display:flex;gap:7px;align-items:center;background:transparent;border:1px solid #43503c;color:#9aa992;font-size:9px;border-radius:3px;padding:12px 8px}.modes button span{font-size:11px;flex:1}.modes button.active{color:#162015;background:var(--green);border-color:var(--green)}.lab-actions{display:flex;gap:20px;margin-top:17px}.lab-actions button{background:none;border:0;color:#c1cbb8;padding:5px 0;font-size:11px}.lab-actions button:hover{color:#fff}.lab-footnote{display:block;font-size:7px;letter-spacing:.5px;color:#829078;margin-top:25px}.next{margin:70px 5.5%;padding:35px 40px 50px;background:var(--green);color:#172315;position:relative;overflow:hidden;border-radius:4px}.next .section-label{color:#3d5c32;margin-bottom:35px}.next .status-dot{background:#405b35}.next .eyebrow{font-size:8px;color:#547344;margin-bottom:20px}.next h2{font-size:58px}.next em{color:#68885b}.next p{font-size:12px;color:#507043}.dark-button{background:#172315;color:#e0f4d7;margin-top:12px}.dark-button:hover{background:#30462a}.next-body{position:relative;z-index:1}.next-art{position:absolute;font:500 400px/1 sans-serif;right:1%;top:45px;color:#172315;transform:rotate(15deg)}footer{padding:30px 5.5% 45px;display:flex;justify-content:space-between;align-items:center;gap:20px}footer .brand{font-size:17px}footer .brand svg{width:30px}footer .brand-sub{font-size:7px;letter-spacing:2.9px}footer p,footer>span{font-size:10px;color:#7e897a}footer>a:last-child{font-size:8px}.skip-link{position:fixed;top:-80px;z-index:99;background:var(--green);color:#000;padding:15px}.skip-link:focus{top:10px}@media(min-width:1550px){header,.hero,.section,footer{padding-left:max(5.5%,calc((100vw - 1400px)/2));padding-right:max(5.5%,calc((100vw - 1400px)/2))}.next{padding:40px}.hero{min-height:790px}}@media(max-width:900px){h1{letter-spacing:-4px;font-size:76px}.hero{min-height:700px}.hero-copy{width:65%}.world{left:35%;opacity:.7}.title-star{font-size:48px;margin-left:20px}.studio{grid-template-columns:1fr;gap:0}.studio .section-label{display:flex}.studio .small-star{margin:0}.lab{grid-template-columns:1.2fr 1fr}.lab-controls{padding:25px}.modes{gap:4px}.modes button{padding:10px 5px;font-size:8px}.next-art{font-size:290px;right:-40px;top:110px}footer p{display:none}}@media(max-width:600px){header{height:78px;padding:0 6%}.brand{font-size:20px}.brand svg{width:35px}.menu-toggle{display:block;background:none;border:1px solid #3d4839;color:var(--green);border-radius:3px;padding:6px 10px;font-size:20px}nav{display:none;position:absolute;top:78px;left:0;right:0;background:#151c15;padding:25px 6%;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:22px}nav.open{display:flex}.hero{padding:42px 6% 0;min-height:835px}.hero-copy{width:100%}.eyebrow{font-size:7px;letter-spacing:1px}h1{font-size:67px;letter-spacing:-4px;margin:25px 0 20px}.title-star{font-size:42px;margin:10px 0 0 20px}.hero-copy p{font-size:13px}.button{font-size:11px;padding:12px 17px}.world{top:380px;left:10%;right:-12%;bottom:65px;opacity:1}.world-label{top:50px;font-size:6px}.orbit-coordinate{font-size:6px;right:16%;top:45%}.world-note{font-size:9px;bottom:0;right:21%}.world-note small{font-size:6px}.hero-bottom{margin-top:330px;font-size:6px;padding:20px 0;gap:15px}.hero-bottom a span{margin-left:5px}.ticker{justify-content:flex-start;padding:16px 20px;gap:24px;font-size:11px}.ticker b{font-size:22px}.section{padding:55px 6%}.section-label{margin-bottom:30px;font-size:8px}h2{font-size:34px;letter-spacing:-1.4px}.studio-columns{grid-template-columns:1fr;gap:0;margin:17px 0 25px}.studio-columns p{font-size:13px;margin:9px 0}.principles{gap:15px;flex-wrap:wrap;font-size:9px}.principles i{margin-right:5px}.section-heading{display:block}.section-heading p{font-size:12px;margin-top:20px}.lab{grid-template-columns:1fr}.lab-visual{min-height:320px}.lab-controls{border-left:0;border-top:1px solid #354033;padding:26px}.lab-controls p{min-height:0}h3 br{display:none}h3{font-size:30px}.modes button{padding:13px 10px}.lab-footnote{font-size:8px}.next{margin:35px 6%;padding:26px 24px 40px}.next h2{font-size:40px}.next-art{font-size:230px;opacity:.1;top:130px;right:-70px}.next p{max-width:270px}.desktop-break{display:none}footer{padding:25px 6% 35px;flex-wrap:wrap}footer .brand{width:100%;margin-bottom:10px}footer>span{font-size:9px}footer>a:last-child{font-size:7px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
