:root {
  --ink: #0b0b0e;
  --paper: #ebe9df;
  --soft: #b7b5ae;
  --lime: #d7ff39;
  --violet: #856bff;
  --line: rgba(235, 233, 223, .2);
  --mono: "DM Mono", monospace;
  --sans: "Manrope", sans-serif;
  --serif: "Playfair Display", Georgia, serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--ink); }
body { margin: 0; color: var(--paper); background: var(--ink); font-family: var(--sans); overflow-x: hidden; }
body::selection { background: var(--lime); color: var(--ink); }
a { color: inherit; text-decoration: none; }
button, input, textarea { font: inherit; }
button { cursor: pointer; }

#starfield { position: fixed; z-index: 0; inset: 0; width: 100%; height: 100%; pointer-events: none; opacity: .66; }
.noise { position: fixed; inset: 0; z-index: 20; pointer-events: none; opacity: .055; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 220 220' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.9'/%3E%3C/svg%3E"); }
.cursor-dot, .cursor-ring { position: fixed; z-index: 40; top: 0; left: 0; border-radius: 50%; pointer-events: none; transform: translate(-50%, -50%); opacity: 0; }
.cursor-dot { width: 5px; height: 5px; background: var(--lime); }
.cursor-ring { width: 34px; height: 34px; border: 1px solid rgba(215, 255, 57, .8); transition: width .25s, height .25s, border-color .25s, background .25s; }
.cursor-ring.is-hover { width: 56px; height: 56px; background: rgba(215, 255, 57, .1); border-color: var(--lime); }

.site-header { position: absolute; z-index: 10; top: 0; display: flex; align-items: center; width: 100%; height: 96px; padding: 0 clamp(22px, 4vw, 70px); }
.wordmark { position: relative; z-index: 2; letter-spacing: -.12em; font-size: 1.37rem; font-weight: 800; line-height: 1; }
.wordmark span { font-family: var(--mono); font-size: .42rem; vertical-align: top; margin-left: 4px; letter-spacing: 0; }
.site-nav { display: flex; align-items: center; gap: clamp(16px, 2.2vw, 39px); margin-left: auto; }
.site-nav a, .header-signal, .section-index, .eyebrow, .coordinates, .card-info span, .lab-card b, .quote-author, .contact-link + .contact-link { font-family: var(--mono); font-size: .64rem; letter-spacing: .06em; text-transform: uppercase; }
.site-nav a { color: rgba(235, 233, 223, .47); transition: color .25s; }
.site-nav a:hover, .site-nav a.active { color: var(--paper); }
.site-nav a.active::after { content: ""; display: inline-block; width: 5px; height: 5px; margin: 0 0 1px 7px; background: var(--lime); border-radius: 50%; }
.header-signal { display: flex; align-items: center; gap: 8px; margin-left: clamp(20px, 4vw, 70px); color: var(--paper); }
.header-signal span { width: 7px; height: 7px; background: var(--lime); border-radius: 50%; box-shadow: 0 0 12px var(--lime); animation: pulse 2s infinite; }
.menu-toggle { display: none; }

main, .site-footer { position: relative; z-index: 1; }
.section-pad { padding-right: clamp(22px, 8.3vw, 144px); padding-left: clamp(22px, 8.3vw, 144px); }
.section-index { margin: 0; color: var(--lime); }
.eyebrow { display: flex; align-items: center; gap: 11px; margin: 0; color: var(--soft); }
.eyebrow span { width: 6px; height: 6px; border: 1px solid var(--lime); border-radius: 50%; }
.display-hero, .display-xl, .display-lg, .display-md { margin: 0; font-weight: 500; letter-spacing: -.065em; line-height: .95; }
.display-hero { font-size: clamp(4rem, 9.9vw, 10.5rem); }
.display-xl { font-size: clamp(3.7rem, 7.4vw, 8.4rem); }
.display-lg { font-size: clamp(3.35rem, 6vw, 7.1rem); }
.display-md { font-size: clamp(2.3rem, 4.1vw, 4.7rem); }
h1 em, h2 em, blockquote em, .manifesto-intro em { font-family: var(--serif); font-weight: 500; }

.hero { position: relative; min-height: 100svh; padding: 188px clamp(22px, 8.3vw, 144px) 48px; display: flex; flex-direction: column; justify-content: space-between; overflow: hidden; }
.home-hero::before { content: ""; position: absolute; width: min(76vw, 960px); height: min(76vw, 960px); left: 40%; top: 6%; border-radius: 50%; background: radial-gradient(circle, rgba(132, 108, 255, .12) 0%, rgba(132, 108, 255, .025) 42%, transparent 70%); filter: blur(7px); }
.hero-copy { position: relative; z-index: 2; }
.hero-title { max-width: 850px; margin: 27px 0 0; font-size: clamp(4.3rem, 9vw, 10rem); font-weight: 500; letter-spacing: -.075em; line-height: .84; }
.hero-title span, .hero-title em { display: block; }
.hero-title em { color: var(--lime); font-family: var(--serif); font-weight: 500; }
.hero-description { width: min(292px, 70vw); margin: 32px 0 0 37%; font-size: .81rem; line-height: 1.65; color: var(--soft); }
.orb-scene { position: absolute; z-index: 1; width: min(53vw, 700px); height: min(53vw, 700px); right: 4vw; top: 13%; animation: drift 10s ease-in-out infinite alternate; }
.orb { position: absolute; z-index: 3; left: 50%; top: 50%; width: 33%; aspect-ratio: 1; border-radius: 50%; transform: translate(-50%, -50%); overflow: hidden; background: radial-gradient(circle at 65% 32%, #f9f0d3 0%, #c5a4ff 13%, #8069ff 35%, #392c7b 65%, #101018 100%); box-shadow: -18px 17px 48px #050509, 0 0 35px rgba(145, 115, 255, .6), 0 0 130px rgba(135, 98, 255, .38); }
.orb::after { content: ""; position: absolute; inset: 9%; border: 1px solid rgba(242, 230, 255, .34); border-radius: 44% 53% 49% 60%; transform: rotate(22deg); }
.orb-inner { position: absolute; width: 65%; height: 65%; top: 24%; left: 16%; border: 1px solid rgba(215, 255, 57, .4); border-radius: 42% 58% 55% 42%; filter: blur(1px); animation: turn 8s linear infinite; }
.orb-reflection { position: absolute; top: 11%; left: 19%; width: 23%; height: 12%; background: #fffde9; border-radius: 50%; filter: blur(8px); transform: rotate(-38deg); opacity: .8; }
.orb-halo { position: absolute; left: 50%; top: 50%; width: 100%; height: 100%; border: 1px solid rgba(195, 175, 255, .35); border-radius: 50%; transform: translate(-50%, -50%) rotateX(68deg) rotateZ(-15deg); }
.halo-two { width: 76%; height: 76%; border-color: rgba(215, 255, 57, .25); animation: spin3d 10s linear infinite; }
.halo-three { width: 116%; height: 116%; border-style: dashed; border-color: rgba(255, 255, 255, .12); transform: translate(-50%, -50%) rotateX(74deg) rotateZ(48deg); animation: spin3d 16s linear infinite reverse; }
.orb-label { position: absolute; z-index: 4; color: rgba(235, 233, 223, .65); font: .53rem/1.4 var(--mono); letter-spacing: .08em; }
.label-one { top: 23%; left: 5%; }.label-two { right: 4%; bottom: 22%; color: var(--lime); }.label-three { top: 52%; right: 3%; transform: rotate(90deg); transform-origin: center; }
.hero-bottom { position: relative; z-index: 2; display: flex; justify-content: space-between; align-items: flex-end; }
.scroll-prompt { display: inline-flex; align-items: center; gap: 10px; color: var(--soft); font: .62rem var(--mono); text-transform: uppercase; letter-spacing: .08em; }
.scroll-dot { width: 25px; height: 25px; border: 1px solid rgba(235, 233, 223, .55); border-radius: 50%; position: relative; }
.scroll-dot::after { content: "↓"; position: absolute; left: 7px; top: 3px; color: var(--lime); font: .75rem var(--sans); animation: floatDown 1.6s ease-in-out infinite; }
.coordinates { margin: 0; color: rgba(235, 233, 223, .48); line-height: 1.55; text-align: right; }

.intro { overflow: hidden; padding-top: 145px; padding-bottom: 0; background: var(--paper); color: var(--ink); }
.intro .section-index { color: #6550d8; }.intro-grid { display: grid; grid-template-columns: 1fr 315px; gap: 8vw; align-items: end; margin: 96px 0 135px; }.intro-grid h2 em { color: #725dfe; }.intro-side { padding-bottom: 12px; }.intro-side p { margin: 0; font-size: .94rem; line-height: 1.7; }.text-link { display: inline-flex; gap: 20px; align-items: center; margin-top: 42px; font: .68rem var(--mono); text-transform: uppercase; letter-spacing: .07em; border-bottom: 1px solid var(--ink); padding-bottom: 9px; }.text-link b { font-size: 1rem; font-weight: 400; }
.marquee { display: flex; width: max-content; padding: 27px 0; color: #704fff; font-size: clamp(2rem, 3.8vw, 4.8rem); font-weight: 700; letter-spacing: -.06em; white-space: nowrap; animation: marquee 20s linear infinite; }.marquee div { padding-right: 38px; }

.capabilities { padding-top: 155px; padding-bottom: 150px; }.section-heading { display: flex; justify-content: space-between; align-items: start; }.section-heading > p:last-child { width: 180px; margin: 0; color: var(--soft); font-size: .75rem; line-height: 1.5; }.capability-list { margin-top: 85px; border-top: 1px solid var(--line); }.capability { display: grid; grid-template-columns: 12% 1fr 31% 36px; align-items: center; gap: 10px; min-height: 130px; border-bottom: 1px solid var(--line); transition: padding .4s, background .4s; }.capability:hover { padding: 0 25px; background: rgba(215, 255, 57, .95); color: var(--ink); }.capability span { color: var(--soft); font: .65rem var(--mono); }.capability:hover span { color: #4d4d43; }.capability h3 { margin: 0; font-size: clamp(2rem, 3vw, 3.8rem); font-weight: 500; letter-spacing: -.07em; }.capability p { margin: 0; font-size: .78rem; color: var(--soft); line-height: 1.45; }.capability:hover p { color: #4d4d43; }.capability i { font-size: 1.4rem; font-style: normal; }

.feature-experiment { display: grid; grid-template-columns: .94fr 1fr; min-height: 700px; padding-top: 0; padding-right: 0; background: #292443; }.experiment-visual { position: relative; overflow: hidden; min-height: 610px; background: radial-gradient(circle at 50% 45%, #f9ce6a 0%, #fa8c52 13%, #7d4ce7 36%, #322862 63%, #161326 100%); }.experiment-visual::after { content: ""; position: absolute; inset: 12px; border: 1px solid rgba(235,233,223,.26); }.experiment-visual p { position: absolute; z-index: 4; left: 30px; bottom: 20px; margin: 0; color: var(--paper); font: .57rem var(--mono); letter-spacing: .1em; }.prism { position: absolute; left: 50%; top: 47%; width: 240px; height: 310px; transform: translate(-50%, -50%); transform-style: preserve-3d; animation: prism 10s ease-in-out infinite alternate; }.prism i { position: absolute; display: block; width: 170px; height: 260px; left: 32px; top: 15px; border: 1px solid rgba(255, 249, 202, .75); background: linear-gradient(130deg, rgba(255,255,255,.55), rgba(225,179,255,.06)); transform: rotateX(58deg) rotateZ(29deg); box-shadow: 0 0 35px rgba(255, 240, 199, .25); }.prism i:nth-child(2) { transform: rotateX(58deg) rotateZ(149deg); }.prism i:nth-child(3) { transform: rotateX(58deg) rotateZ(269deg); }.scan-line { position: absolute; z-index: 2; inset: -60% 0 auto; height: 35%; background: linear-gradient(transparent, rgba(215,255,57,.25), transparent); transform: skewY(-20deg); animation: scan 4s linear infinite; }.feature-copy { padding: 100px clamp(22px, 8vw, 135px) 100px 8vw; align-self: center; }.feature-copy h2 { margin: 45px 0 35px; }.feature-copy > p:not(.section-index) { width: 270px; margin: 0; color: var(--soft); font-size: .85rem; line-height: 1.65; }.button { display: inline-flex; justify-content: space-between; align-items: center; min-width: 190px; padding: 15px 17px; border: 1px solid transparent; font: .62rem var(--mono); text-transform: uppercase; letter-spacing: .06em; transition: background .25s, color .25s, border-color .25s; }.button span { font-size: 1rem; }.button-light { margin-top: 42px; background: var(--lime); color: var(--ink); }.button-light:hover { background: var(--paper); }

.quote-section { padding-top: 155px; padding-bottom: 155px; }.quote-section blockquote { max-width: 1050px; margin: 65px 0 40px 13%; font-size: clamp(2.4rem, 5vw, 5.7rem); line-height: .99; letter-spacing: -.06em; }.quote-section blockquote em { color: var(--lime); }.quote-author { margin: 0 0 0 13%; color: var(--soft); }
.site-footer { display: flex; justify-content: space-between; align-items: center; padding: 25px clamp(22px, 4vw, 70px); border-top: 1px solid var(--line); }.site-footer p, .site-footer > a:last-child { margin: 0; color: var(--soft); font: .58rem var(--mono); letter-spacing: .06em; text-transform: uppercase; }

/* Atlas */
.atlas-hero { min-height: 88svh; padding-top: 196px; display: flex; flex-direction: column; }.atlas-title { display: flex; justify-content: space-between; align-items: end; margin-top: auto; }.atlas-title > p { width: 265px; margin: 0 0 15px; color: var(--soft); font-size: .82rem; line-height: 1.7; }.atlas-hero .scroll-prompt { margin-top: 65px; }.atlas-grid { display: grid; grid-template-columns: .85fr 1.15fr; gap: 9vw; padding-top: 150px; padding-bottom: 135px; background: #16151b; }.sticky-copy { position: sticky; align-self: start; top: 100px; }.sticky-copy h2 { margin: 42px 0 36px; }.sticky-copy h2 em { color: var(--violet); }.sticky-copy > p:last-child { width: 230px; color: var(--soft); font-size: .8rem; line-height: 1.7; }.atlas-nodes { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; }.atlas-node { position: relative; min-height: 410px; padding: 22px; overflow: hidden; background: #24212e; }.atlas-node:nth-child(2) { transform: translateY(90px); }.atlas-node:nth-child(3) { transform: translateY(0); }.atlas-node:nth-child(4) { transform: translateY(90px); }.atlas-node > span { position: relative; z-index: 2; color: var(--soft); font: .58rem var(--mono); letter-spacing: .08em; }.atlas-node h3 { position: relative; z-index: 2; margin: 0; font-size: 2.25rem; font-weight: 500; letter-spacing: -.07em; }.atlas-node p { position: relative; z-index: 2; width: 88%; margin: 14px 0 0; color: rgba(235,233,223,.64); font-size: .72rem; line-height: 1.55; }.round-link { position: absolute; z-index: 3; bottom: 20px; right: 20px; display: grid; place-items: center; width: 37px; height: 37px; border: 1px solid rgba(235,233,223,.4); border-radius: 50%; font-size: 1.1rem; transition: background .25s, color .25s; }.round-link:hover { background: var(--lime); color: var(--ink); }.node-graphic { position: relative; height: 230px; margin: -19px -16px 0; }.node-graphic::before, .node-graphic::after { content: ""; position: absolute; border-radius: 50%; }.graphic-sense { background: radial-gradient(circle at 60% 50%, #d5ff44 0 2%, transparent 2.5%), radial-gradient(circle at 60% 50%, #6552ff 0 20%, transparent 52%); }.graphic-sense::before { width: 155px; height: 155px; top: 35px; left: 48%; border: 1px solid rgba(215,255,57,.75); animation: breathe 3s infinite alternate; }.graphic-sense::after { width: 92px; height: 92px; top: 68px; left: 66%; border: 1px solid rgba(235,233,223,.6); }.graphic-sense i { position: absolute; left: 55%; top: 0; width: 1px; height: 100%; background: linear-gradient(transparent, var(--lime), transparent); transform: rotate(33deg); }.graphic-sense i:nth-child(2) { transform: rotate(93deg); }.graphic-sense i:nth-child(3) { transform: rotate(155deg); }.graphic-sense i:nth-child(4) { left: 68%; transform: rotate(-44deg); }.graphic-reason { background: radial-gradient(circle at 55% 46%, #ef9eff 0 4%, transparent 5%), linear-gradient(124deg, transparent 49%, rgba(248,203,255,.6) 50%, transparent 51%), linear-gradient(59deg, transparent 49%, rgba(248,203,255,.4) 50%, transparent 51%); }.graphic-reason i { position: absolute; width: 9px; height: 9px; border-radius: 50%; background: #ec9bff; box-shadow: 0 0 19px #ec9bff; }.graphic-reason i:nth-child(1){left:35%;top:31%}.graphic-reason i:nth-child(2){left:69%;top:25%}.graphic-reason i:nth-child(3){left:58%;top:64%}.graphic-make { background: radial-gradient(ellipse at 51% 68%, #d3ff3e 0 3%, transparent 3.4%), radial-gradient(ellipse at 51% 68%, #a88eff 0 19%, transparent 43%); }.graphic-make i { position: absolute; width: 185px; height: 80px; left: 22%; top: 39%; border: 1px solid rgba(212,255,62,.6); border-radius: 50%; transform: rotate(var(--r)); }.graphic-make i:nth-child(1){--r:0deg}.graphic-make i:nth-child(2){--r:36deg}.graphic-make i:nth-child(3){--r:72deg}.graphic-make i:nth-child(4){--r:108deg}.graphic-make i:nth-child(5){--r:144deg}.graphic-belong { background: radial-gradient(circle at 50% 50%, #d7ff39 0 3%, transparent 3.5%); }.graphic-belong::before { width: 152px; height: 152px; left: 25%; top: 22px; border: 1px solid rgba(215,255,57,.85); box-shadow: inset 0 0 25px rgba(215,255,57,.15); }.graphic-belong::after { width: 142px; height: 142px; left: 43%; top: 61px; border: 1px solid rgba(157,127,255,.85); }.graphic-belong i { position: absolute; width: 5px; height: 5px; background: var(--paper); border-radius: 50%; }.graphic-belong i:nth-child(1){left:29%;top:34%}.graphic-belong i:nth-child(2){right:21%;top:43%}.graphic-belong i:nth-child(3){left:51%;bottom:20%}.signal-break { position: relative; display: grid; place-items: center; min-height: 570px; overflow: hidden; background: var(--lime); color: var(--ink); }.signal-break p { position: relative; z-index: 2; margin: 0; font: clamp(.9rem, 1.6vw, 1.6rem)/1.35 var(--mono); font-weight: 500; letter-spacing: .02em; text-align: center; }.signal-orb { position: absolute; width: min(62vw, 580px); aspect-ratio: 1; }.signal-orb i { position: absolute; inset: 0; border: 1px solid #181818; border-radius: 50%; transform: rotateX(73deg) rotateZ(18deg); }.signal-orb i:nth-child(2){transform:rotateX(73deg) rotateZ(78deg)}.signal-orb i:nth-child(3){transform:rotateX(73deg) rotateZ(138deg)}.principles { padding-top: 145px; padding-bottom: 145px; }.principle { display: grid; grid-template-columns: 12% 1fr; border-bottom: 1px solid var(--line); padding: 45px 0; }.principle span { color: var(--lime); font: .62rem var(--mono); }.principle h3 { max-width: 850px; margin: 0; font-size: clamp(1.9rem, 3.9vw, 4.8rem); font-weight: 500; line-height: 1.05; letter-spacing: -.065em; }

/* Lab */
.lab-hero { padding-top: 195px; padding-bottom: 90px; }.lab-hero h1 { margin-top: 75px; }.lab-hero h1 em { color: var(--lime); }.lab-meta { display: flex; justify-content: space-between; gap: 30px; margin-top: 75px; color: var(--soft); font: .63rem/1.6 var(--mono); letter-spacing: .04em; text-transform: uppercase; }.lab-meta p { margin: 0; }.filter { padding: 0; color: var(--soft); background: transparent; border: 0; font: inherit; transition: color .2s; }.filter + .filter { margin-left: 6px; }.filter:hover, .filter.active { color: var(--lime); }.lab-grid { display: grid; grid-template-columns: repeat(3, 1fr); grid-auto-flow: dense; gap: 14px; padding-top: 0; padding-bottom: 150px; }.lab-card { min-height: 440px; display: flex; flex-direction: column; overflow: hidden; background: #1b1a20; transition: opacity .4s, transform .4s; }.lab-card.wide { grid-column: span 2; }.lab-card.tall { grid-row: span 2; min-height: 894px; }.lab-card.is-hidden { display: none; }.card-art { position: relative; flex: 1; overflow: hidden; min-height: 230px; }.card-info { position: relative; padding: 22px; min-height: 145px; }.card-info span { color: var(--soft); }.card-info h2 { margin: 13px 0 3px; font-size: 1.9rem; font-weight: 500; letter-spacing: -.065em; }.card-info p { max-width: 270px; margin: 0; color: var(--soft); font-size: .72rem; line-height: 1.5; }.card-info b { position: absolute; right: 22px; bottom: 24px; font-weight: 400; color: var(--lime); }.card-info b i { display: inline-block; width: 5px; height: 5px; margin: 0 0 1px 4px; border-radius: 50%; background: var(--lime); box-shadow: 0 0 9px var(--lime); animation: pulse 2s infinite; }.lab-card:hover .card-art > * { transform: scale(1.1) rotate(4deg); }.art-echo { background: radial-gradient(ellipse at center, #f074cc 0%, #8646e5 30%, #2d205e 62%, #16111f 100%); }.echo-wave { position: absolute; left: 50%; top: 50%; width: 18%; height: 18%; border: 1px solid rgba(255,233,255,.85); border-radius: 50%; transform: translate(-50%, -50%); transition: transform .9s cubic-bezier(.2,.8,.2,1); }.echo-wave:nth-child(2){width:43%;height:43%;border-color:rgba(255,225,255,.55)}.echo-wave:nth-child(3){width:75%;height:75%;border-color:rgba(255,225,255,.2)}.lab-card:hover .echo-wave:nth-child(1){transform:translate(-50%,-50%) scale(1.7)}.lab-card:hover .echo-wave:nth-child(2){transform:translate(-50%,-50%) scale(.8)}.art-moss { background: radial-gradient(circle at 50% 50%, #d7ff39 0%, #799636 7%, #35461e 26%, #16211d 60%, #111413 100%); }.moss-dot { position: absolute; width: 52%; aspect-ratio: 1; border: 1px solid rgba(215,255,57,.45); border-radius: 42% 58% 47% 53%; filter: blur(.3px); transition: transform .9s ease; }.moss-dot:nth-child(1){left:3%;top:2%}.moss-dot:nth-child(2){right:-15%;top:17%;width:64%}.moss-dot:nth-child(3){left:17%;bottom:-17%;width:68%}.moss-dot:nth-child(4){left:-24%;bottom:18%;width:57%}.moss-dot:nth-child(5){left:28%;top:30%;width:44%;border-color:#efffb5}.art-voice { display: grid; place-items: center; background: #c8eec8; }.voice-bars { display: flex; height: 70%; gap: 9px; align-items: center; transition: transform .8s ease; }.voice-bars i { display: block; width: 7px; background: #16422e; border-radius: 5px; animation: bars 1.5s ease-in-out infinite alternate; }.voice-bars i:nth-child(1){height:34%;animation-delay:.1s}.voice-bars i:nth-child(2){height:75%;animation-delay:.4s}.voice-bars i:nth-child(3){height:52%;animation-delay:.2s}.voice-bars i:nth-child(4){height:94%;animation-delay:.8s}.voice-bars i:nth-child(5){height:45%;animation-delay:.3s}.voice-bars i:nth-child(6){height:80%;animation-delay:.6s}.voice-bars i:nth-child(7){height:31%;animation-delay:.1s}.voice-bars i:nth-child(8){height:58%;animation-delay:.5s}.voice-bars i:nth-child(9){height:25%;animation-delay:.7s}.art-ritual { display: grid; place-items: center; background: #ea513f; }.ritual-ring { width: 43%; aspect-ratio: 1; border: 1px solid #2b0b08; border-radius: 50%; box-shadow: 0 0 0 25px rgba(54,12,9,.25), 0 0 0 52px rgba(54,12,9,.13); transition: transform 1.2s ease; }.art-ritual p { position: absolute; margin: 0; font: 6rem var(--serif); color: #2b0b08; }.art-tide { background: #b4b5ff; }.tide-line { position: absolute; left: -10%; width: 120%; height: 50%; border-top: 3px solid #39376d; border-radius: 50%; transition: transform .9s ease; }.tide-line:nth-child(1){top:15%;transform:rotate(-5deg)}.tide-line:nth-child(2){top:32%;transform:rotate(4deg)}.tide-line:nth-child(3){top:50%;transform:rotate(-3deg)}.tide-line:nth-child(4){top:67%;transform:rotate(5deg)}.lab-card:hover .tide-line:nth-child(odd){transform:translateX(4%) rotate(-8deg)}.lab-card:hover .tide-line:nth-child(even){transform:translateX(-4%) rotate(8deg)}.art-choir { display: flex; align-items: center; justify-content: center; gap: 6%; background: #302946; }.art-choir span { display: block; color: #d7ff39; font-size: clamp(2rem,4vw,4rem); text-shadow: 0 0 24px #b9e731; animation: choir 2s ease-in-out infinite alternate; transition: transform .8s ease; }.art-choir span:nth-child(2){animation-delay:.2s}.art-choir span:nth-child(3){animation-delay:.5s}.art-choir span:nth-child(4){animation-delay:.7s}.art-choir span:nth-child(5){animation-delay:.3s}.lab-end { padding-top: 145px; padding-bottom: 155px; text-align: center; background: #eeede5; color: var(--ink); }.lab-end h2 { margin-top: 55px; }.lab-end h2 em { color: #785eff; }.lab-end .button { margin-top: 45px; }

/* Manifesto */
.manifesto-hero { min-height: 100svh; padding-top: 205px; padding-bottom: 100px; display: flex; flex-direction: column; background: #e1d7c7; color: #1c1a1d; }.manifesto-hero .section-index { color: #745be3; }.manifesto-intro { max-width: 1130px; margin: auto 0 48px 9%; font-size: clamp(3.25rem, 7vw, 8.1rem); line-height: .95; letter-spacing: -.075em; }.manifesto-intro em { color: #6e54e6; }.redacted-lines { display: grid; grid-template-columns: 2fr 1fr 3fr 1.5fr; gap: 6px; height: 7px; margin-left: 9%; }.redacted-lines span { background: #1b191d; }.manifesto-caption { margin: 45px 0 0 9%; font: .62rem/1.65 var(--mono); letter-spacing: .04em; text-transform: uppercase; }.manifesto-statements { padding-top: 145px; padding-bottom: 145px; }.statement { display: grid; grid-template-columns: 13% minmax(0, 1fr) 220px; gap: 20px; padding: 50px 0; border-top: 1px solid var(--line); }.statement:last-child { border-bottom: 1px solid var(--line); }.statement > span { color: var(--lime); font: .61rem var(--mono); }.statement h2 { margin: 0; font-size: clamp(2rem, 3.65vw, 4.5rem); font-weight: 500; line-height: 1.02; letter-spacing: -.065em; }.statement h2 em { color: var(--lime); }.statement p { margin: 10px 0 0; color: var(--soft); font-size: .76rem; line-height: 1.6; }.manifesto-end { min-height: 95svh; padding-top: 140px; padding-bottom: 110px; display: flex; flex-direction: column; align-items: center; justify-content: center; overflow: hidden; text-align: center; background: #493e96; }.manifesto-end .section-index { position: relative; z-index: 2; }.manifesto-end h2 { position: relative; z-index: 2; margin-top: 40px; }.manifesto-end h2 em { color: var(--lime); }.manifesto-end .button { position: relative; z-index: 2; margin-top: 45px; }.flower-machine { position: absolute; width: min(90vw, 860px); aspect-ratio: 1; opacity: .95; }.petal { position: absolute; left: 50%; top: 50%; width: 30%; height: 58%; border: 1px solid rgba(215,255,57,.68); border-radius: 100% 0 100% 0; transform-origin: 0 0; }.p1 { transform: rotate(0deg); }.p2 { transform: rotate(72deg); }.p3 { transform: rotate(144deg); }.p4 { transform: rotate(216deg); }.p5 { transform: rotate(288deg); }.flower-core { position: absolute; left: 44.5%; top: 44.5%; width: 11%; aspect-ratio: 1; border-radius: 50%; background: var(--lime); box-shadow: 0 0 55px rgba(215,255,57,.8); }.flower-machine { animation: slowspin 32s linear infinite; }

/* Contact */
.connect-hero { position: relative; min-height: 87svh; padding-top: 190px; overflow: hidden; }.connect-hero h1 { position: relative; z-index: 2; margin-top: 85px; }.connect-hero h1 em { color: var(--lime); }.connect-note { position: relative; z-index: 2; margin: 55px 0 0 43%; color: var(--soft); font-size: .8rem; line-height: 1.7; }.contact-orbit { position: absolute; right: -4vw; top: 2%; width: min(60vw, 750px); aspect-ratio: 1; }.contact-orbit i { position: absolute; inset: 0; border: 1px solid rgba(154,127,255,.4); border-radius: 50%; transform: rotateX(64deg) rotateZ(10deg); animation: spin3d 16s linear infinite; }.contact-orbit i:nth-child(2) { inset: 14%; border-color: rgba(215,255,57,.4); animation-duration: 10s; animation-direction: reverse; }.contact-orbit i:nth-child(3) { inset: 30%; border-color: rgba(235,233,223,.35); animation-duration: 22s; }.contact-orbit b { position: absolute; left: 48%; top: 47%; width: 8%; aspect-ratio: 1; border-radius: 50%; background: var(--lime); box-shadow: 0 0 50px rgba(215,255,57,.9); }.contact-section { display: grid; grid-template-columns: .72fr 1fr; gap: 12vw; padding-top: 120px; padding-bottom: 160px; background: #1a1820; }.contact-aside { display: flex; flex-direction: column; align-items: flex-start; }.contact-link { display: flex; justify-content: space-between; gap: 20px; width: 100%; padding: 20px 0; border-bottom: 1px solid var(--line); font-size: clamp(1.3rem, 2vw, 2rem); letter-spacing: -.05em; }.contact-link:first-of-type { margin-top: 35px; }.contact-link span { color: var(--lime); }.availability { margin: 70px 0 0; color: var(--soft); font: .62rem/1.65 var(--mono); text-transform: uppercase; letter-spacing: .06em; }.availability i { display: inline-block; width: 6px; height: 6px; margin: 0 7px 1px 0; border-radius: 50%; background: var(--lime); box-shadow: 0 0 9px var(--lime); }.signal-form { display: grid; gap: 38px; }.signal-form label { display: grid; gap: 13px; color: var(--soft); font: .6rem var(--mono); text-transform: uppercase; letter-spacing: .06em; }.signal-form input, .signal-form textarea { width: 100%; padding: 0 0 14px; border: 0; border-bottom: 1px solid rgba(235,233,223,.38); outline: 0; resize: vertical; background: transparent; color: var(--paper); font: 1.1rem var(--sans); letter-spacing: -.03em; transition: border-color .2s; }.signal-form textarea { min-height: 90px; }.signal-form input:focus, .signal-form textarea:focus { border-color: var(--lime); }.signal-form input::placeholder, .signal-form textarea::placeholder { color: rgba(235,233,223,.33); }.signal-form .button { margin-top: 4px; }.form-status { min-height: 18px; margin: -18px 0 0; color: var(--lime); font: .62rem var(--mono); }

/* Motion */
.reveal { opacity: 0; transform: translateY(24px); transition: opacity .75s ease, transform .75s cubic-bezier(.2,.75,.25,1); }.reveal.is-visible { opacity: 1; transform: none; }.reveal-up { opacity: 0; transform: translateY(32px); animation: rise .8s cubic-bezier(.2,.75,.25,1) forwards; }.delay-1 { animation-delay: .12s; }.delay-2 { animation-delay: .24s; }.delay-3 { animation-delay: .45s; }
@keyframes rise { to { opacity: 1; transform: translateY(0); } } @keyframes pulse { 50% { opacity: .35; } } @keyframes floatDown { 50% { transform: translateY(5px); } } @keyframes drift { to { transform: translateY(17px) rotate(3deg); } } @keyframes turn { to { transform: rotate(360deg); } } @keyframes spin3d { to { transform: translate(-50%, -50%) rotateX(68deg) rotateZ(345deg); } } .contact-orbit i { animation-name: orbitSpin; } @keyframes orbitSpin { to { transform: rotateX(64deg) rotateZ(370deg); } } @keyframes marquee { to { transform: translateX(-50%); } } @keyframes prism { 0% { transform: translate(-50%, -50%) rotateX(0deg) rotateY(0); } 100% { transform: translate(-50%, -50%) rotateX(21deg) rotateY(360deg); } } @keyframes scan { to { transform: translateY(450%) skewY(-20deg); } } @keyframes breathe { to { transform: scale(1.16); opacity: .28; } } @keyframes bars { to { transform: scaleY(.4); } } @keyframes choir { to { transform: translateY(-13px); opacity: .6; } } @keyframes slowspin { to { transform: rotate(360deg); } }

@media (max-width: 800px) {
  .cursor-dot, .cursor-ring { display: none; }.site-header { height: 76px; }.menu-toggle { position: relative; z-index: 12; display: grid; gap: 6px; width: 35px; margin-left: auto; padding: 7px; background: transparent; border: 0; }.menu-toggle i { display: block; height: 1px; background: var(--paper); transition: transform .3s; }.menu-toggle.is-open i:first-child { transform: translateY(3.5px) rotate(45deg); }.menu-toggle.is-open i:last-child { transform: translateY(-3.5px) rotate(-45deg); }.site-nav { position: fixed; z-index: 11; inset: 0; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 22px; padding: 12vw; background: #16151b; transform: translateX(100%); transition: transform .45s cubic-bezier(.6,0,.3,1); }.site-nav.is-open { transform: translateX(0); }.site-nav a { font-size: 1.15rem; color: var(--paper); }.header-signal { display: none; }.hero { padding-top: 142px; }.hero-title { font-size: clamp(3.9rem, 18vw, 7rem); }.hero-description { margin-left: 0; }.orb-scene { width: 106vw; height: 106vw; right: -30vw; top: 25%; opacity: .73; }.hero-bottom { margin-top: 80px; }.coordinates { display: none; }.intro { padding-top: 90px; }.intro-grid { grid-template-columns: 1fr; gap: 42px; margin: 62px 0 75px; }.intro-side { padding-left: 20%; }.capabilities { padding-top: 90px; padding-bottom: 90px; }.section-heading > p:last-child { display: none; }.capability-list { margin-top: 50px; }.capability { grid-template-columns: 16% 1fr 25px; min-height: 105px; }.capability p { display: none; }.feature-experiment { grid-template-columns: 1fr; padding-right: 0; }.experiment-visual { min-height: 430px; }.feature-copy { padding: 75px 22px; }.quote-section { padding-top: 90px; padding-bottom: 90px; }.quote-section blockquote, .quote-author { margin-left: 0; }.site-footer { flex-wrap: wrap; gap: 16px; }.site-footer p { width: 100%; order: 3; }
  .atlas-hero { min-height: 83svh; padding-top: 135px; }.atlas-title { display: block; margin-top: auto; }.atlas-title > p { margin-top: 30px; }.atlas-grid { grid-template-columns: 1fr; padding-top: 90px; padding-bottom: 90px; }.sticky-copy { position: static; }.atlas-nodes { margin-top: 35px; }.atlas-node { min-height: 340px; }.atlas-node:nth-child(2), .atlas-node:nth-child(4) { transform: translateY(45px); }.signal-break { min-height: 410px; }.principles { padding-top: 90px; padding-bottom: 90px; }.principle { grid-template-columns: 16% 1fr; padding: 34px 0; }
  .lab-hero { padding-top: 135px; padding-bottom: 60px; }.lab-hero h1 { margin-top: 55px; }.lab-meta { display: block; margin-top: 50px; }.lab-meta p + p { margin-top: 20px; }.lab-grid { grid-template-columns: 1fr 1fr; gap: 10px; padding-bottom: 90px; }.lab-card { min-height: 350px; }.lab-card.wide { grid-column: span 2; }.lab-card.tall { min-height: 715px; }.card-info { padding: 15px; min-height: 130px; }.card-info h2 { font-size: 1.45rem; }.card-info b { display: none; }.lab-end { padding-top: 90px; padding-bottom: 100px; }
  .manifesto-hero { padding-top: 135px; }.manifesto-intro { margin-left: 0; }.redacted-lines, .manifesto-caption { margin-left: 0; }.manifesto-statements { padding-top: 90px; padding-bottom: 90px; }.statement { grid-template-columns: 15% 1fr; padding: 37px 0; }.statement p { grid-column: 2; margin: 0; }.manifesto-end { min-height: 78svh; }
  .connect-hero { min-height: 75svh; padding-top: 135px; }.connect-hero h1 { margin-top: 65px; }.connect-note { margin: 40px 0 0; }.contact-orbit { width: 115vw; right: -45vw; top: 7%; }.contact-section { grid-template-columns: 1fr; gap: 80px; padding-top: 80px; padding-bottom: 90px; }
}

@media (max-width: 480px) {
  .section-pad { padding-right: 20px; padding-left: 20px; }.hero { padding-right: 20px; padding-left: 20px; }.hero-title { font-size: 3.72rem; }.atlas-nodes { gap: 10px; }.atlas-node { padding: 15px; min-height: 310px; }.node-graphic { height: 190px; }.atlas-node h3 { font-size: 1.75rem; }.atlas-node p { font-size: .65rem; }.lab-grid { grid-template-columns: 1fr; }.lab-card.wide { grid-column: span 1; }.lab-card.tall { grid-row: span 1; min-height: 390px; }.lab-card { min-height: 390px; }.lab-card.tall .card-art { min-height: 260px; }.statement { grid-template-columns: 12% 1fr; }.manifesto-intro { font-size: 3.35rem; }.site-footer { padding-right: 20px; padding-left: 20px; }
}

@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; transition-duration: .01ms !important; } }