@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@300;400;500&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#09051a;--deep:#12092a;--cyan:#54f4ee;--ice:#cafffb;--violet:#8a5cff;--ember:#ff9b52;--paper:#eeeaff;--muted:#aaa1c2;--line:rgba(202,255,251,.18);--mx:50%;--my:30%}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--ink)}body{margin:0;color:var(--paper);background:radial-gradient(circle at var(--mx) var(--my),rgba(55,230,220,.09),transparent 28rem),var(--ink);font-family:Manrope,system-ui,sans-serif;overflow-x:hidden}.skip{position:fixed;z-index:100;top:1rem;left:1rem;transform:translateY(-200%);padding:.8rem 1rem;background:var(--cyan);color:var(--ink)}.skip:focus{transform:none}a{color:inherit;text-decoration:none}button{font:inherit}#ether{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:0;opacity:.58}.noise{position:fixed;inset:0;z-index:50;pointer-events:none;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}.progress{position:fixed;top:0;left:0;right:0;height:2px;z-index:80}.progress i{display:block;height:100%;width:0;background:var(--cyan);box-shadow:0 0 16px var(--cyan)}.nav{position:fixed;z-index:70;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:1rem max(1.1rem,4vw);background:linear-gradient(var(--ink),transparent);transition:.3s}.nav.scrolled{background:rgba(9,5,26,.84);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.mark{display:flex;align-items:center;gap:.6rem;font-size:.76rem;font-weight:800;letter-spacing:.12em}.mark img{width:2.1rem;height:2.1rem;border-radius:50%;box-shadow:0 0 18px rgba(84,244,238,.25)}.mark em{font-style:normal;color:var(--cyan)}nav{display:none}.menu{width:3rem;height:3rem;border:1px solid var(--line);background:rgba(9,5,26,.45);color:white;display:grid;place-content:center;gap:4px}.menu span{width:19px;height:1px;background:currentColor}.menu b{position:absolute;width:1px;height:1px;overflow:hidden}.nav.open nav{display:flex;position:absolute;top:100%;left:1rem;right:1rem;padding:1.5rem;background:rgba(9,5,26,.96);border:1px solid var(--line);flex-direction:column;gap:1.2rem;font-family:'DM Mono';font-size:.8rem;text-transform:uppercase;letter-spacing:.1em}main,footer{position:relative;z-index:1}.hero{min-height:100svh;display:grid;align-items:center;padding:7rem 1.1rem 4rem;position:relative}.hero-copy{position:relative;z-index:3}.eyebrow,.section-code{font-family:'DM Mono',monospace;font-size:.64rem;letter-spacing:.16em;text-transform:uppercase;color:var(--cyan)}.eyebrow{display:flex;align-items:center;gap:.7rem}.eyebrow span{width:1.8rem;height:1px;background:var(--cyan);box-shadow:0 0 10px var(--cyan)}h1{font-size:clamp(3.25rem,15vw,9.5rem);line-height:.82;letter-spacing:-.075em;margin:1.4rem 0 1.6rem;text-transform:uppercase}h1>span{display:block}.hollow{color:transparent;-webkit-text-stroke:1px rgba(238,234,255,.65);position:relative}.hollow:after{content:attr(data-echo);position:absolute;left:.03em;top:.04em;color:transparent;-webkit-text-stroke:1px rgba(84,244,238,.28);filter:blur(1px);clip-path:inset(52% 0 18%)}.lede{color:var(--muted);font-size:clamp(1rem,2vw,1.2rem);line-height:1.7;max-width:37rem}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:1rem;margin-top:2rem}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:2rem;padding:1rem 1.2rem;border:1px solid var(--cyan);background:rgba(84,244,238,.08);color:var(--ice);font-family:'DM Mono';font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;transition:.25s}.button:hover,.button:focus-visible{background:var(--cyan);color:var(--ink);box-shadow:0 0 30px rgba(84,244,238,.28)}.summon,.spectral-button{border:0;background:none;color:var(--muted);font-family:'DM Mono';font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;border-bottom:1px dashed currentColor;padding:.75rem .2rem;cursor:pointer}.portal{position:relative;width:min(88vw,34rem);aspect-ratio:1;margin:2rem auto 0;perspective:800px}.apparition{position:absolute;inset:10%;overflow:hidden;border-radius:50% 50% 44% 46%;filter:drop-shadow(0 0 22px rgba(84,244,238,.35));transition:transform .18s}.apparition img{width:100%;height:100%;object-fit:cover}.apparition .echo-img{position:absolute;inset:0;mix-blend-mode:screen;opacity:.2;filter:hue-rotate(30deg);transform:translate(7px,-2px);clip-path:polygon(0 12%,100% 4%,100% 27%,0 36%,0 64%,100% 58%,100% 77%,0 89%)}.rings,.rings i{position:absolute;inset:0;border-radius:50%;border:1px solid rgba(84,244,238,.24)}.rings{animation:spin 28s linear infinite}.rings:before,.rings:after{content:'';position:absolute;background:var(--cyan);box-shadow:0 0 16px var(--cyan);border-radius:50%}.rings:before{width:6px;height:6px;top:-3px;left:50%}.rings:after{width:3px;height:3px;bottom:9%;left:14%}.rings i:nth-child(1){inset:5%;border-style:dashed;animation:spin 18s linear reverse infinite}.rings i:nth-child(2){inset:16%;border-color:rgba(138,92,255,.32)}.rings i:nth-child(3){inset:-4%;border-top-color:transparent;border-bottom-color:transparent}.specimen{position:absolute;bottom:-.7rem;right:0;font-family:'DM Mono';font-size:.58rem;letter-spacing:.12em;color:var(--cyan)}.specimen span{display:block;color:var(--muted)}.scroll-cue{display:none}.manifesto{padding:6rem 1.1rem 3rem}.big-copy{font-size:clamp(2.25rem,7vw,6.2rem);line-height:1.05;letter-spacing:-.055em;max-width:80rem;margin:2rem 0 5rem}.big-copy em{color:var(--cyan);font-style:normal;text-shadow:0 0 28px rgba(84,244,238,.32)}.signal-strip{width:110vw;margin-left:-5vw;display:flex;overflow:hidden;transform:rotate(-2deg);border-block:1px solid var(--line);padding:.85rem 0;color:var(--cyan);font-family:'DM Mono';font-size:.7rem;white-space:nowrap}.signal-strip span{animation:ticker 24s linear infinite}.experiments,.archive{padding:6rem 1.1rem}.section-head{display:grid;gap:1rem;margin-bottom:3rem}.section-head h2,.mascot h2,.contact h2{font-size:clamp(2.6rem,8vw,6rem);line-height:.9;letter-spacing:-.06em;margin:.7rem 0}.section-head>p{color:var(--muted);line-height:1.7;max-width:31rem}.cards{display:grid;gap:1px;background:var(--line);border:1px solid var(--line)}.lab-card{background:rgba(9,5,26,.88);padding:2rem 1.4rem;min-height:22rem;position:relative;overflow:hidden;transition:.35s}.lab-card:after{content:'';position:absolute;inset:0;background:linear-gradient(120deg,transparent 35%,rgba(84,244,238,.08),transparent 65%);transform:translateX(-120%);transition:.7s}.lab-card:hover:after,.lab-card:focus:after{transform:translateX(120%)}.lab-card:hover,.lab-card:focus{background:rgba(25,14,52,.94);outline:0}.number,.lab-card b{font-family:'DM Mono';font-size:.6rem;letter-spacing:.12em;color:var(--muted)}.glyph{font-size:4rem;color:var(--cyan);margin:2.6rem 0 3.5rem;text-shadow:0 0 24px rgba(84,244,238,.5);transition:.4s}.lab-card:hover .glyph{transform:rotate(23deg) scale(1.12)}.lab-card h3{font-size:1.4rem;margin:.5rem 0}.lab-card p{color:var(--muted);line-height:1.6;font-size:.9rem}.lab-card b{display:block;margin-top:1.5rem;color:var(--cyan)}.window{margin:4rem 0;position:relative;min-height:75vh;display:grid;align-items:end;overflow:hidden}.window-image{position:absolute;inset:-8%;z-index:-1}.window-image:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 20%,rgba(9,5,26,.95)),linear-gradient(90deg,rgba(9,5,26,.5),transparent)}.window-image img{width:100%;height:100%;object-fit:cover}.window-copy{padding:4rem 1.1rem}.window blockquote{margin:1rem 0;font-size:clamp(1.8rem,5vw,4.6rem);line-height:1.08;letter-spacing:-.045em}.window-copy>span{font-family:'DM Mono';font-size:.65rem;color:var(--muted)}.mascot{padding:6rem 1.1rem;display:grid;gap:3rem;align-items:center}.mascot-art{position:relative;aspect-ratio:1;overflow:hidden;border-radius:48% 48% 12% 12%;border:1px solid var(--line)}.mascot-art img{width:100%;height:100%;object-fit:cover}.scan{position:absolute;inset:0;background:linear-gradient(transparent 48%,rgba(84,244,238,.2) 50%,transparent 52%);background-size:100% 12px;mix-blend-mode:screen;opacity:.35}.mascot-copy em{font-style:normal;color:var(--cyan)}.mascot-copy>p:not(.section-code){color:var(--muted);line-height:1.75;max-width:34rem}.mascot dl{margin:2rem 0}.mascot dl div{display:flex;justify-content:space-between;gap:1rem;padding:.85rem 0;border-bottom:1px solid var(--line);font-family:'DM Mono';font-size:.64rem;text-transform:uppercase;letter-spacing:.08em}.mascot dt{color:var(--muted)}.mascot dd{margin:0;color:var(--cyan)}.archive-track{display:flex;gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:1.3rem;cursor:grab;scrollbar-color:var(--cyan) transparent}.archive-track figure{flex:0 0 84vw;scroll-snap-align:center;margin:0;position:relative}.archive-track img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;filter:saturate(.75);transition:.4s}.archive-track figure:hover img{filter:saturate(1.1)}figcaption{display:flex;justify-content:space-between;gap:1rem;padding:1rem .2rem;font-family:'DM Mono';font-size:.65rem;text-transform:uppercase;letter-spacing:.08em}figcaption span{color:var(--muted)}.contact{min-height:75vh;padding:7rem 1.1rem;display:grid;align-items:center;position:relative;overflow:hidden}.contact-inner{position:relative;z-index:2}.contact-inner>p:not(.section-code){color:var(--muted);line-height:1.7;max-width:38rem}.button.large{margin:2rem 0 1rem}.contact small{display:block;color:var(--muted);font-family:'DM Mono'}.contact-orb{position:absolute;width:30rem;height:30rem;right:-16rem;bottom:-8rem;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;animation:spin 22s linear infinite}.contact-orb i{position:absolute;inset:10%;border:1px dashed rgba(84,244,238,.3);border-radius:50%}.contact-orb i:nth-child(2){inset:30%;border-style:solid}.contact-orb span{font-size:6rem;color:var(--cyan);text-shadow:0 0 40px var(--cyan)}footer{padding:2rem 1.1rem;border-top:1px solid var(--line);display:grid;gap:1.2rem;color:var(--muted);font-family:'DM Mono';font-size:.62rem;text-transform:uppercase;letter-spacing:.08em}footer p{color:var(--cyan)}.reveal{opacity:0;transform:translateY(35px);transition:opacity .8s,transform .8s}.reveal.seen{opacity:1;transform:none}.summoned .apparition{animation:haunt .75s steps(2) 2}.summoned .portal{filter:hue-rotate(40deg)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes ticker{to{transform:translateX(-100%)}}@keyframes haunt{0%,100%{transform:translate(0)}25%{transform:translate(10px,-5px) scale(1.03)}50%{transform:translate(-8px,3px)}}
@media(min-width:760px){.nav{padding-top:1.4rem}.menu{display:none}nav{display:flex;gap:2rem;font-family:'DM Mono';font-size:.63rem;letter-spacing:.1em;text-transform:uppercase}nav a{color:var(--muted)}nav a:hover{color:var(--cyan)}.hero{grid-template-columns:minmax(0,1.1fr) minmax(24rem,.9fr);padding-inline:4vw}.portal{grid-column:2;grid-row:1}.hero-copy{grid-column:1;grid-row:1}.scroll-cue{display:flex;position:absolute;left:4vw;bottom:2rem;align-items:center;gap:.8rem;font-family:'DM Mono';font-size:.55rem;color:var(--muted);text-transform:uppercase;letter-spacing:.12em}.scroll-cue i{width:4rem;height:1px;background:var(--line)}.manifesto,.experiments,.archive,.mascot,.contact{padding-inline:4vw}.section-head{grid-template-columns:1.3fr .7fr;align-items:end}.cards{grid-template-columns:repeat(3,1fr)}.window-copy{padding:5rem 8vw}.mascot{grid-template-columns:minmax(20rem,.9fr) minmax(24rem,1.1fr);gap:8vw}.archive-track figure{flex-basis:min(60vw,62rem)}footer{padding-inline:4vw;grid-template-columns:1fr auto auto;align-items:center}.contact-orb{right:-7rem}}
@media(min-width:1200px){.hero{padding-inline:6vw}.manifesto,.experiments,.archive,.mascot,.contact{padding-inline:6vw}.portal{width:min(45vw,43rem)}.archive-track figure{flex-basis:52vw}.lab-card{padding:2.5rem;min-height:27rem}.glyph{margin-top:4rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}#ether{display:none}}
