*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#edf1f5;color:#253953;font-family:ui-rounded,"Avenir Next",Avenir,system-ui,sans-serif;font-size:17px;line-height:1.6}a{color:inherit;text-underline-offset:5px}a:hover{text-decoration-thickness:2px}a:focus-visible,summary:focus-visible{outline:3px solid #914c29;outline-offset:6px}.skip{position:absolute;left:16px;top:-80px;background:white;padding:12px;z-index:9}.skip:focus{top:12px}.wrap{max-width:1200px;margin:auto;padding:0 36px}header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:30px 0}.brand{text-decoration:none;font-size:27px;font-weight:750;letter-spacing:-1.5px}.brand b{display:inline-block;color:#60798f;font-weight:400;padding:0 6px}nav{display:flex;gap:28px;font-size:15px}nav a{text-decoration:none}main{min-height:65vh}.intro{padding:76px 0 66px;max-width:900px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(48px,7vw,92px);letter-spacing:-.065em;line-height:1.04;font-weight:650;margin-bottom:28px}h2{font-size:clamp(34px,4vw,54px);letter-spacing:-.045em;line-height:1.1}h3{font-size:22px;line-height:1.3}.intro p{max-width:550px;font-size:21px;color:#526578}.feature{background:#dce6de;border-radius:28px;display:grid;grid-template-columns:1fr 1fr;overflow:hidden;position:relative}.feature-copy{padding:64px 48px;align-self:center}.feature h2{font-family:Georgia,serif;font-weight:400;font-size:64px}.feature p{max-width:390px}.status{display:inline-block;font-size:14px;margin-bottom:24px;background:#f5f7f4;padding:5px 12px;border-radius:30px}.button{display:inline-flex;align-items:center;justify-content:center;background:#253953;color:#fff;padding:13px 23px;border-radius:100px;text-decoration:none;font-weight:600;margin-top:15px}.device{width:260px;margin:44px auto -70px;transform:rotate(7deg);border:8px solid #253953;border-radius:39px;overflow:hidden;box-shadow:0 24px 55px #25395325;background:#f4f1e8}.device img{width:100%;display:block}.about{padding:95px 0;display:grid;grid-template-columns:1fr 1fr;gap:80px}.about p{max-width:520px;color:#526578}.about h2{max-width:360px}footer{border-top:1px solid #25395324;padding:30px 0;display:flex;justify-content:space-between;gap:24px;font-size:14px;color:#526578}footer div{display:flex;gap:24px}.article{max-width:760px;margin:50px auto 90px}.article h1{font-size:clamp(44px,6vw,68px)}.article h2{font-size:29px;margin-top:40px}.article p,.article li{color:#41566b}.lede{font-size:22px}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;padding:30px 0 70px}figure{margin:0}figure img{display:block;width:100%;border-radius:18px;border:1px solid #25395324}figcaption{padding:18px 4px;color:#526578;font-size:16px}.game-intro{max-width:830px;padding-bottom:25px}.facts{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0}.facts span{padding:7px 14px;background:#dce6de;border-radius:30px;font-size:14px}details{border-bottom:1px solid #25395330;padding:20px 0}summary{cursor:pointer;font-weight:600;padding-right:15px}details p{margin:15px 0 0}.note{border-left:3px solid #60798f;padding:12px 22px;background:#e3e9ef}.plain-link{display:inline-block;margin-top:16px}.small{font-size:14px;color:#526578}@media(max-width:700px){.wrap{padding:0 22px}header{padding:22px 0;gap:12px}.brand{font-size:24px}nav{gap:16px;font-size:14px}.intro{padding:48px 0 38px}.intro p{font-size:19px}.feature{grid-template-columns:1fr}.feature-copy{padding:32px 28px 12px}.feature h2{font-size:52px}.device{margin:22px auto -95px;width:230px;transform:rotate(5deg)}.about{padding:65px 0;grid-template-columns:1fr;gap:12px}.gallery{gap:18px;grid-template-columns:1fr;max-width:340px;margin:auto}.article{margin-top:35px}.article h1{font-size:46px}footer{flex-direction:column;gap:10px}footer div{flex-wrap:wrap;gap:18px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Nil's night-sky studio identity. Pathpiece retains its own warm material palette. */
body{background:#070b13;color:#f2f3f6;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif}body>.wrap{max-width:1440px;padding:0 60px}.brand{font-weight:500;letter-spacing:-1px;font-size:25px}.brand-space{display:inline-block;width:7px}header{padding:30px 0;position:relative;z-index:3}nav{color:#bec7d5}nav a:hover{color:#fff}.home header{position:absolute;left:60px;right:60px;top:0}h1,h2{font-weight:400}.universe{height: min(960px,100svh);min-height:650px;position:relative;margin:0 -60px;background:radial-gradient(ellipse at 65% 48%,#152032 0%,#070b13 64%);isolation:isolate;overflow:hidden}.universe canvas{position:absolute;inset:0;width:100%;height:100%;z-index:-1}.hero-title{position:absolute;left:60px;top:39%;max-width:650px;pointer-events:none}.hero-title h1{font-size:clamp(56px,6.5vw,96px);letter-spacing:-.055em;line-height:1.05;font-weight:400;text-shadow:0 2px 35px #070b1366}.hero-title p{font-size:18px;color:#b3bfce;margin-top:30px}.hero-bottom{position:absolute;bottom:44px;left:60px;right:60px;display:flex;justify-content:space-between;align-items:center;font-size:14px}.explore{text-decoration:none}.explore span{margin-left:18px}#motion{font:inherit;color:#c8d3e2;background:#101a28;border:1px solid #ffffff30;border-radius:50px;padding:10px 17px;cursor:pointer}button:focus-visible{outline:3px solid #bdcfff;outline-offset:5px}.manifesto{text-align:center;padding:150px 0 145px}.manifesto p{font-size:clamp(35px,4vw,58px);line-height:1.3;letter-spacing:-.04em;margin-bottom:30px}.manifesto span{color:#a4b3c7}.feature{background:#dce6de;color:#253953;border-radius:10px;min-height:670px;scroll-margin-top:25px}.feature-copy{padding:80px 70px}.feature h2{font-size:80px;letter-spacing:-.06em}.feature .status{background:transparent;padding:0;color:#526578}.feature .device{width:300px;margin-top:65px;transform:rotate(6deg);box-shadow:0 35px 90px #25395340;border:9px solid #253953}.about{padding:140px 0;gap:100px}.about h2{font-size:52px;max-width:470px}.about p,.intro p,figcaption{color:#a9b8ca}.about a{color:#f2f3f6}footer{border-color:#ffffff26;color:#a9b8ca;padding:35px 0}.article p,.article li{color:#b8c3d3}.article h2{color:#f2f3f6}.article .button{background:#e7edf7;color:#182535}.article .small,.small{color:#a9b8ca}details{border-color:#ffffff26}.note{background:#132031}.game-intro .status{background:#172637;color:#d2e2f4}.game-intro{max-width:1000px;padding:80px 0 45px}.game-intro h1{font-size:clamp(55px,6.5vw,90px)}.facts span{background:#182a36;color:#c7ddd7}.gallery{gap:46px}.gallery figure:nth-child(2){padding-top:70px}.gallery figure:nth-child(3){padding-top:140px}.gallery img{border-radius:28px}.skip{color:#172637}.plain-link{color:#fff}
@media(min-width:1500px){.home header{left:max(60px,calc((100vw - 1320px)/2));right:max(60px,calc((100vw - 1320px)/2))}.universe{margin-left:calc((1320px - 100vw)/2);margin-right:calc((1320px - 100vw)/2)}.hero-title,.hero-bottom{left:max(60px,calc((100vw - 1320px)/2))}.hero-bottom{right:max(60px,calc((100vw - 1320px)/2))}}
@media(max-width:800px){body>.wrap{padding:0 24px}.home header{left:24px;right:24px}.universe{margin:0 -24px;min-height:740px;max-height:960px}.hero-title{left:24px;right:24px;top:auto;bottom:140px}.hero-title h1{font-size:clamp(49px,9vw,70px);max-width:600px}.hero-title p{margin-top:20px;font-size:16px}.hero-bottom{left:24px;right:24px;bottom:34px;font-size:12px}.manifesto{padding:95px 0}.manifesto p{font-size:36px}.feature{grid-template-columns:1fr;min-height:0}.feature-copy{padding:40px 30px 15px}.feature h2{font-size:60px}.feature .device{width:255px;margin-top:30px;margin-bottom:-100px}.about{padding:90px 0;gap:20px;grid-template-columns:1fr}.about h2{font-size:42px}.gallery{gap:35px}.gallery figure:nth-child(n){padding-top:0}.game-intro{padding-top:50px}.brand{font-size:23px}.feature .small{color:#526578}}

.feature .small{color:#526578}

img{height:auto}

.galaxy-scroll{height:calc(100svh + 65vh);min-height:1100px}.galaxy-scroll .universe{position:sticky;top:0}.universe canvas{z-index:0;cursor:grab;touch-action:pan-y}.universe canvas:active{cursor:grabbing}.universe canvas:focus-visible{outline:2px solid #bdcfff;outline-offset:-8px}.hero-title,.hero-bottom{z-index:1}.hero-bottom{pointer-events:none}.hero-bottom a,.hero-bottom button{pointer-events:auto}@media(prefers-reduced-motion:reduce){.galaxy-scroll{height:auto;min-height:0}.galaxy-scroll .universe{position:relative}}