@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@300;400;500&family=Manrope:wght@400;500;600&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f4fbff;font-synthesis:none;--cyan:#69f4f0;--muted:#e1f3f79e;--hairline:#b6e7ef2e;background:#020912;font-family:Manrope,system-ui,sans-serif}*{box-sizing:border-box}html,body{background:#020912;min-width:320px;min-height:100%;margin:0}body{min-height:100svh;overflow-x:hidden}button,input{font:inherit}button,a,input[type=range]{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}.terrain-demo{--terrain-progress:0;--terrain-traverse:0;--terrain-deconstruct:0;color:#f4fbff;background:#020912;height:650svh;position:relative}.terrain-sticky{isolation:isolate;background:linear-gradient(#001223 0%,#082f3a 31%,#526f70 42%,#f57d7a 48.7%,#792f50 52%,#04111f 63%,#010711 100%);width:100%;height:100svh;position:sticky;top:0;overflow:hidden}.terrain-sticky:before{z-index:0;content:"";filter:blur(16px);opacity:.88;background:linear-gradient(90deg,#0000 4%,#ff737a47 28%,#ffc09175 52%,#ff607d38 76%,#0000 96%);height:20%;animation:13s ease-in-out infinite alternate horizon-breathe;position:absolute;inset:38% -15% auto}.terrain-sticky:after{z-index:3;pointer-events:none;content:"";background:linear-gradient(90deg,#00050e57,#0000 24% 76%,#00040d57),linear-gradient(#00040c33,#0000 20% 75%,#0002099e);position:absolute;inset:0;box-shadow:inset 0 0 140px #00000052}.terrain-atmosphere{z-index:0;pointer-events:none;opacity:calc(1 - var(--terrain-deconstruct));background:radial-gradient(circle at 22% 19%,#66eeeb0a,#0000 22%),linear-gradient(177deg,#0000 0 46%,#ff89842b 46.3%,#0000 46.7%);position:absolute;inset:0}.terrain-blackout{z-index:0;pointer-events:none;opacity:var(--terrain-deconstruct);background:radial-gradient(circle at 50% 48%,#03141fe0,#020912 58%),#020912;position:absolute;inset:0}.terrain-atmosphere:after{content:"";filter:blur(17px);mix-blend-mode:screen;background:linear-gradient(90deg,#0000 0%,#ff767e24 22%,#ffd19e47 51%,#ff658424 78%,#0000 100%);width:86%;height:12%;animation:17s ease-in-out infinite alternate horizon-shimmer;position:absolute;top:43%;left:7%;transform:translate(-1.5%)scaleX(.96)}.star{background:#d3f9ffb8;border-radius:999px;width:2px;height:2px;position:absolute;box-shadow:0 0 7px #78e6ffcc}.star-one{top:14%;left:72%}.star-two{opacity:.6;top:22%;left:86%}.star-three{opacity:.44;top:9%;left:38%}.terrain-canvas{z-index:1;width:100%;height:100%;display:block;position:absolute;inset:0}.site-header,.hero-copy,.control-panel,.scene-footer,.no-script{z-index:4;position:absolute}.site-header{letter-spacing:.16em;width:100%;opacity:clamp(0, calc(1.7 - var(--terrain-deconstruct) * 1.7), 1);justify-content:space-between;align-items:center;padding:clamp(1.3rem,3vw,2.65rem) clamp(1.25rem,4vw,4.5rem);font-family:DM Mono,monospace;font-size:.68rem;display:flex;top:0;left:0}.brand{color:#e8ffff;align-items:center;gap:.7rem;text-decoration:none;display:inline-flex}.brand-mark{border:1px solid var(--cyan);width:.74rem;height:.74rem;transform:rotate(45deg);box-shadow:0 0 14px #3cf2ee80}.experiment-count{color:#e1f3f78a}.experiment-count span{color:var(--cyan)}.next-experiment{color:#e1f3f7b8;margin-left:1.15rem;text-decoration:none;transition:color .16s}.next-experiment:hover{color:var(--cyan)}.hero-copy{max-width:min(39rem,100vw - 2.5rem);opacity:clamp(0, calc(1 - var(--terrain-traverse) * 3.28), 1);pointer-events:none;text-shadow:0 2px 28px #000c16b3;transform:translate3d(0, calc(var(--terrain-traverse) * -4.1rem), 0);top:clamp(7.5rem,17vh,11rem);left:clamp(1.25rem,8vw,8.5rem)}.eyebrow{color:var(--cyan);letter-spacing:.18em;margin:0 0 1.25rem;font-family:DM Mono,monospace;font-size:.67rem}.hero-copy h1{letter-spacing:-.065em;max-width:14ch;margin:0;font-size:clamp(3.5rem,8.2vw,8.75rem);font-weight:400;line-height:.86}.intro{color:#eefafbb0;max-width:32rem;margin:1.7rem 0 0;font-size:clamp(.82rem,1.2vw,1rem);line-height:1.65}.control-panel{border:1px solid var(--hairline);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);width:min(17rem,100vw - 2.5rem);opacity:clamp(0, calc(1 - var(--terrain-deconstruct) * 4), 1);background:#010c1694;top:50%;right:clamp(1.25rem,4vw,4.5rem);transform:translateY(-20%);box-shadow:0 18px 70px #00000042}.terrain-demo.is-deconstructing .control-panel{pointer-events:none}.panel-toggle{color:#efffff;cursor:pointer;letter-spacing:.12em;text-transform:uppercase;background:0 0;border:0;justify-content:space-between;align-items:center;width:100%;padding:1rem 1.05rem;font-family:DM Mono,monospace;font-size:.67rem;display:flex}.toggle-glyph{width:.85rem;height:.85rem;position:relative}.toggle-glyph:before,.toggle-glyph:after{content:"";background:var(--cyan);width:100%;height:1px;transition:transform .22s;position:absolute;top:50%;left:0}.toggle-glyph:after{transform:rotate(90deg)}.control-panel.is-open .toggle-glyph:after{transform:rotate(0)}.panel-body{opacity:0;border-top:1px solid #0000;grid-template-rows:repeat(4,0fr);padding:0 1.05rem;transition:grid-template-rows .24s,padding .24s,opacity .18s,border-color .24s;display:grid;overflow:hidden}.panel-body>*{min-height:0;overflow:hidden}.control-panel.is-open .panel-body{border-top-color:var(--hairline);opacity:1;grid-template-rows:repeat(4,auto);padding-top:1rem;padding-bottom:1rem}.control-row{color:#e9fafcb8;letter-spacing:.08em;text-transform:uppercase;grid-template-columns:1fr auto;gap:.5rem 1rem;margin-bottom:.85rem;font-family:DM Mono,monospace;font-size:.64rem;display:grid}.control-row output{color:var(--cyan)}.control-row input{appearance:none;cursor:pointer;background:0 0;grid-column:1/-1;width:100%;height:1.1rem;margin:0}.control-row input::-webkit-slider-runnable-track{background:#a8e5eb47;height:1px}.control-row input::-webkit-slider-thumb{appearance:none;background:#0eacb9;border:1px solid #e8ffff;border-radius:50%;width:.7rem;height:.7rem;margin-top:-.32rem;box-shadow:0 0 12px #44ededb8}.control-row input::-moz-range-track{background:#a8e5eb47;height:1px}.control-row input::-moz-range-thumb{background:#0eacb9;border:1px solid #e8ffff;border-radius:50%;width:.7rem;height:.7rem;box-shadow:0 0 12px #44ededb8}.panel-actions{justify-content:space-between;padding-top:.35rem;display:flex}.text-button{color:#e5f7f994;cursor:pointer;letter-spacing:.07em;text-transform:uppercase;background:0 0;border:0;padding:0;font-family:DM Mono,monospace;font-size:.59rem}.text-button:hover{color:var(--cyan)}.scene-footer{color:#e0f5f780;letter-spacing:.09em;text-transform:uppercase;opacity:clamp(0, calc(1.7 - var(--terrain-deconstruct) * 1.7), 1);justify-content:space-between;align-items:center;font-family:DM Mono,monospace;font-size:.6rem;display:flex;bottom:clamp(1.3rem,3vw,2.65rem);left:clamp(1.25rem,4vw,4.5rem);right:clamp(1.25rem,4vw,4.5rem)}.coordinate{align-items:center;gap:.65rem;display:flex}.coordinate-pulse{background:var(--cyan);border-radius:50%;width:.38rem;height:.38rem;animation:2.2s ease-in-out infinite pulse;box-shadow:0 0 10px #45f1efd9}.scene-footer p{margin:0}.terrain-scroll-cue{color:#e0f7f9ad;align-items:center;gap:.65rem;display:flex}.terrain-scroll-cue output{width:3ch;color:var(--cyan)}.terrain-scroll-track{background:#a6e6ec38;width:2.8rem;height:1px;position:relative;overflow:hidden}.terrain-scroll-track i{background:var(--cyan);width:32%;animation:1.8s ease-in-out infinite terrain-scroll;position:absolute;inset:0 auto 0 0;box-shadow:0 0 8px #45f1efb8}.terrain-demo.is-deconstructing .terrain-scroll-track i{width:calc(var(--terrain-deconstruct) * 100%);animation:none}.no-script{color:#fff;background:#01070edb;padding:.7rem 1rem;bottom:5rem;left:50%;transform:translate(-50%)}@keyframes pulse{50%{opacity:.36;transform:scale(.72)}}@keyframes terrain-scroll{0%{transform:translate(-110%)}72%,to{transform:translate(320%)}}@keyframes horizon-breathe{0%{opacity:.68;transform:translate(-1.5%,1%)scaleX(.97)}52%{opacity:.95}to{opacity:.78;transform:translate(1.8%,-2%)scaleX(1.04)}}@keyframes horizon-shimmer{0%{opacity:.38;transform:translate(-2.5%)scaleX(.94)}45%{opacity:.76}to{opacity:.54;transform:translate(2.5%,-6%)scaleX(1.06)}}@media (max-width:760px){.terrain-demo{height:610svh}.experiment-count{text-align:right;max-width:10rem;line-height:1.4}.next-experiment{margin-top:.3rem;margin-left:0;display:block}.hero-copy{top:16vh}.hero-copy h1{font-size:clamp(3.35rem,16vw,5.75rem)}.intro{max-width:23rem}.control-panel{top:auto;bottom:4.3rem;right:1.25rem;transform:none}.scene-footer{align-items:flex-end}.scene-footer p{display:none}.terrain-scroll-cue{margin-left:auto}}@media (max-height:650px) and (min-width:761px){.hero-copy{top:6.7rem}.hero-copy h1{font-size:clamp(3.5rem,8vw,6.5rem)}.intro{max-width:28rem;margin-top:1rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}