@font-face{font-family:Silkscreen;src:url('./assets/fonts/silkscreen-regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
:root{color-scheme:dark;--night:#121e25;--cream:#f4e8c9;--gold:#e8bd75;--muted:#a3b3af;--green:#9cb9a1;--pixel:Silkscreen,'Courier New',monospace}
*{box-sizing:border-box}
html{min-width:280px;background:var(--night)}
body{margin:0;min-height:100svh;display:flex;flex-direction:column;position:relative;isolation:isolate;color:var(--cream);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
button,a{-webkit-tap-highlight-color:transparent}
a{color:inherit}
button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:7px}
::selection{background:#e8bd75;color:#121e25}
.svg-definitions{position:absolute;width:0;height:0;overflow:hidden}
.site-header{display:flex;align-items:center;justify-content:space-between;gap:24px;width:100%;max-width:1600px;margin:0 auto;padding:38px 5.1%;position:relative;z-index:2}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-family:var(--pixel);font-size:27px;letter-spacing:-1.6px;line-height:1;color:var(--cream)}
.brand>svg{color:var(--gold);flex-shrink:0}
.brand-period{color:var(--gold)}
.development-status{font-size:10px;font-family:var(--pixel);display:flex;align-items:center;gap:10px;color:#b6c5bb}
.status-light{width:6px;height:6px;background:#aac2a0;box-shadow:0 0 0 4px #aac2a00b}
main{width:100%;flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:14px 24px 46px;position:relative;z-index:1}
.eyebrow{font-family:var(--pixel);font-size:11px;line-height:1.8;letter-spacing:1.2px;color:#c5cdbb;margin:0 0 8px;display:flex;gap:18px;justify-content:center;align-items:center}
.eyebrow>span{font-family:Arial,sans-serif;color:var(--gold);font-size:14px}
.construction-scene{position:relative;width:min(1100px,100%);aspect-ratio:1100/432;flex-shrink:0}
.scene-orbit{position:absolute;width:56%;height:95%;left:22%;top:2%;border:1px solid #b9bc9910;border-radius:50%;z-index:-1}
.scene-orbit:after{content:'';position:absolute;inset:22px;border:1px dashed #b9bc9910;border-radius:50%}
.scene-floor{position:absolute;bottom:4.5%;left:4%;width:92%;height:10%;background:#0c171e;clip-path:polygon(5% 0,92% 0,92% 12%,97% 12%,97% 32%,100% 32%,100% 72%,94% 72%,94% 88%,83% 88%,83% 100%,12% 100%,12% 85%,4% 85%,4% 63%,0 63%,0 29%,5% 29%)}
.sign-group{position:absolute;bottom:7%;left:50%;transform:translateX(-50%);width:43.6%;z-index:2}
.sign-note{font-family:var(--pixel);font-size:9px;letter-spacing:1px;white-space:nowrap;color:#b2b9a8;margin:0 0 15px}
h1{margin:0;line-height:0}
.soon-sign{display:block;width:100%;height:auto;filter:drop-shadow(0 8px 0 #08151b55)}
.character{position:absolute;object-fit:contain;height:auto;z-index:3;image-rendering:auto;transition:translate .3s ease;filter:drop-shadow(0 5px 0 #0a161b66)}
.builder{width:29.5%;left:3.5%;bottom:6%;transform:scaleX(-1)}
.planner{width:33.7%;right:1.8%;bottom:6%}
.scene-spark{position:absolute;width:16px;height:16px;color:var(--gold);opacity:.6;animation:twinkle 5s steps(2,end) infinite}
.spark-left{left:31%;top:14%;width:13px;height:13px}
.spark-right{right:10%;top:18%;animation-delay:2s;width:11px;height:11px;color:#a0baa8}
.grass{position:absolute;bottom:9%;width:21px;height:18px;background:#617d68;clip-path:polygon(0 30%,20% 30%,20% 55%,40% 55%,40% 0,60% 0,60% 55%,80% 55%,80% 30%,100% 30%,100% 100%,0 100%);z-index:4}
.grass-left{left:2.8%;transform:scale(.8)}
.grass-right{right:2.5%;bottom:10%}
.ground-pixels{position:absolute;inset:0;z-index:4;pointer-events:none}
.ground-pixels i{position:absolute;bottom:5%;width:8px;height:3px;background:#556452}
.ground-pixels i:nth-child(1){left:18%;bottom:4%}.ground-pixels i:nth-child(2){left:37%;bottom:8%;width:5px;background:#7d7256}.ground-pixels i:nth-child(3){right:38%;bottom:9%;width:4px}.ground-pixels i:nth-child(4){right:15%;bottom:4%;width:6px}.ground-pixels i:nth-child(5){left:48%;bottom:4%;width:6px}.ground-pixels i:nth-child(6){left:7%;bottom:12%;width:4px}.ground-pixels i:nth-child(7){right:31%;bottom:3%;width:4px}.ground-pixels i:nth-child(8){left:30%;bottom:2%;width:4px}
.hero-copy{margin:16px 0 0}
.hero-copy h2{font-family:var(--pixel);font-size:clamp(15px,1.75vw,23px);font-weight:400;line-height:1.6;letter-spacing:-.8px;margin:0 0 13px}
.hero-copy h2 span{color:var(--gold)}
.hero-copy p{font-size:14px;line-height:1.85;letter-spacing:.15px;color:var(--muted);margin:0}
.mobile-break{display:none}
.building-note{display:flex;align-items:center;justify-content:center;gap:12px;font-family:var(--pixel);font-size:9px;line-height:1.6;letter-spacing:.15px;color:#acbaa9;margin-top:30px}
.loading-pixels{display:flex;gap:4px}
.loading-pixels i{display:block;width:5px;height:5px;background:#617363;animation:loading 3s steps(1,end) infinite}
.loading-pixels i:nth-child(2){animation-delay:.45s}.loading-pixels i:nth-child(3){animation-delay:.9s}.loading-pixels i:nth-child(4){animation-delay:1.35s}
.sky{position:absolute;inset:0;z-index:-3;overflow:hidden;pointer-events:none}
.sky-dot{position:absolute;width:2px;height:2px;background:#79918a;opacity:.55}
.dot-1{left:13%;top:22%}.dot-2{left:39%;top:11%}.dot-3{right:33%;top:22%}.dot-4{right:7%;top:41%}.dot-5{left:8%;top:62%}.dot-6{right:25%;top:69%}.dot-7{left:26%;top:75%}.dot-8{right:17%;top:15%}
.sky-star{position:absolute;width:9px;height:9px;color:#8d9b86;opacity:.45}
.star-1{left:7%;top:38%}.star-2{right:6%;top:66%;width:7px;height:7px}.star-3{left:29%;top:17%;width:5px;height:5px}
.moon{position:absolute;right:12%;top:21%;width:28px;height:28px;background:#bac6b3;opacity:.35;clip-path:polygon(25% 0,75% 0,75% 12.5%,87.5% 12.5%,87.5% 25%,100% 25%,100% 75%,87.5% 75%,87.5% 87.5%,75% 87.5%,75% 100%,25% 100%,25% 87.5%,12.5% 87.5%,12.5% 75%,0 75%,0 25%,12.5% 25%,12.5% 12.5%,25% 12.5%)}
.moon:after{content:'';position:absolute;width:24px;height:24px;left:10px;top:-3px;background:var(--night);clip-path:inherit}
.landscape{position:absolute;bottom:0;width:100%;height:160px;z-index:-2;background:#15272b;clip-path:polygon(0 32%,4% 32%,4% 43%,9% 43%,9% 37%,14% 37%,14% 51%,22% 51%,22% 61%,27% 61%,27% 56%,33% 56%,33% 71%,43% 71%,43% 76%,58% 76%,58% 68%,65% 68%,65% 59%,73% 59%,73% 44%,78% 44%,78% 34%,84% 34%,84% 44%,90% 44%,90% 23%,95% 23%,95% 14%,100% 14%,100% 100%,0 100%)}
.landscape:after{content:'';position:absolute;inset:35px 0 0;background:#182d2e;clip-path:polygon(0 40%,8% 40%,8% 70%,21% 70%,21% 60%,29% 60%,29% 87%,72% 87%,72% 74%,85% 74%,85% 48%,93% 48%,93% 60%,100% 60%,100% 100%,0 100%)}
.site-footer{width:89.8%;max-width:1440px;align-self:center;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:22px 0 25px;border-top:1px solid #93a69a1c;font-size:10px;letter-spacing:.3px;color:#9cacaa;position:relative;z-index:2}
.copyright{flex:1}
.made-with{display:flex;align-items:center;gap:9px;font-size:10px;white-space:nowrap}
.made-with svg{color:#b2ad82}
.footer-end{display:flex;align-items:center;gap:18px;flex:1;justify-content:flex-end}
.domain{font-size:10px}
.motion-toggle{color:#a6b5ac;padding:8px;min-height:32px;min-width:32px;border:1px solid #99b09c33;background:#121e2580;cursor:pointer;display:grid;place-items:center;border-radius:0}
.motion-toggle[hidden]{display:none}
.motion-toggle:hover{color:var(--gold);border-color:var(--gold)}
.play-icon{display:none}
.motion-paused .pause-icon{display:none}.motion-paused .play-icon{display:block}
.motion-paused *, .motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important}
@keyframes loading{0%,55%,100%{background:#617363}20%,45%{background:#e8bd75}}
@keyframes twinkle{0%,75%,100%{opacity:.4}50%{opacity:.9}}
@media (hover:hover) and (prefers-reduced-motion:no-preference){.character:hover{translate:0 -5px}}
@media(min-width:1600px){.construction-scene{width:1180px}.site-header{padding-top:44px;padding-bottom:44px}.hero-copy{margin-top:24px}}
@media(max-width:900px){.site-header{padding:30px 5%}.brand{font-size:24px}.development-status{font-size:9px}.eyebrow{font-size:10px;letter-spacing:.7px}.sign-note{font-size:7px;margin-bottom:11px}.hero-copy h2{font-size:19px}.construction-scene{margin-top:20px;margin-bottom:12px;width:100%;aspect-ratio:1100/465}.builder{left:0;width:31%}.planner{right:-1%;width:35%}.sign-group{width:47%}.site-footer{font-size:9px;gap:16px}.made-with{font-size:9px}.domain{font-size:9px}}
@media(max-width:600px){.site-header{padding:25px 23px;gap:10px}.brand{gap:8px;font-size:22px}.brand>svg{width:20px;height:19px}.development-status{font-family:Arial,Helvetica,sans-serif;font-size:10px;gap:6px}.status-light{width:4px;height:4px}main{padding:30px 16px 38px;justify-content:center}.eyebrow{font-size:9px;letter-spacing:.25px;gap:10px;margin:0}.eyebrow>span{font-size:10px}.construction-scene{aspect-ratio:380/336;margin:10px 0 8px;width:min(430px,100%)}.scene-orbit{width:88%;left:6%;height:83%;top:3%}.scene-orbit:after{inset:16px}.sign-group{width:78%;bottom:31%;z-index:1}.sign-note{font-size:7px;letter-spacing:.2px;margin-bottom:12px}.builder{width:40.5%;left:-1%;bottom:0;z-index:3}.planner{width:46.5%;right:-2%;bottom:0;z-index:3}.scene-floor{bottom:0;height:8%;left:0;width:100%}.ground-pixels i{bottom:0!important}.spark-left{left:5%;top:11%;width:9px;height:9px}.spark-right{right:1%;top:38%;width:8px;height:8px}.grass-left{left:0;bottom:3%}.grass-right{right:0;bottom:3%;transform:scale(.7)}.hero-copy{margin:23px 0 0}.hero-copy h2{font-size:21px;letter-spacing:-.7px;line-height:1.65;margin-bottom:12px}.mobile-break{display:block}.hero-copy p{font-size:12px;line-height:1.9}.building-note{font-size:7px;gap:9px;margin-top:27px;letter-spacing:0}.loading-pixels{gap:3px}.loading-pixels i{width:4px;height:4px}.site-footer{width:calc(100% - 46px);padding:20px 0 21px;display:grid;grid-template-columns:1fr auto;gap:16px 10px;font-size:9px}.made-with{grid-column:1 / -1;grid-row:2;justify-content:center;font-size:9px}.copyright{font-size:9px}.footer-end{gap:12px}.domain{font-size:9px}.motion-toggle{min-width:28px;min-height:28px;padding:6px}.moon{right:9%;top:17%;width:20px;height:20px}.moon:after{width:18px;height:18px;left:6px}.star-1{left:6%;top:60%}.star-2{right:5%;top:75%}.dot-2,.dot-7,.star-3{display:none}.landscape{height:150px;opacity:.75}}
@media(max-width:360px){.site-header{padding-left:18px;padding-right:18px}.brand{font-size:19px;gap:6px}.brand>svg{width:17px;height:16px}.development-status{font-size:9px}.eyebrow{font-size:8px;gap:6px}.hero-copy h2{font-size:18px}.hero-copy p{font-size:11px}.building-note{font-size:6px}.sign-note{font-size:6px}.site-footer{width:calc(100% - 36px)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(max-width:600px){.construction-scene:before,.construction-scene:after{content:"";position:absolute;bottom:2%;height:35%;width:2.6%;background:#846144;box-shadow:inset 3px 0 #b8945d,3px 0 #0a151b,-3px 0 #0a151b;z-index:0}.construction-scene:before{left:29.2%}.construction-scene:after{left:68.2%}}