:root{--bg:#090b0d;--panel:#0d1114;--panel2:#11171a;--text:#eef3f1;--muted:#87918e;--line:#20292a;--accent:#64d7c1;--max:1240px;--pad:clamp(22px,5vw,72px)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;line-height:1.5;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;z-index:-2;background-image:linear-gradient(rgba(118,145,140,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(118,145,140,.045) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,black,transparent 80%)}a{color:inherit;text-decoration:none}button{font:inherit}.skip{position:absolute;top:-80px;left:20px;background:var(--accent);color:#04100d;padding:12px 18px;z-index:99}.skip:focus{top:20px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.site-header{height:86px;position:fixed;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 var(--pad);z-index:20;border-bottom:1px solid transparent;transition:.3s}.site-header.scrolled{height:68px;background:rgba(9,11,13,.88);backdrop-filter:blur(16px);border-color:var(--line)}.brand{display:flex;align-items:center;gap:11px;font-size:12px;letter-spacing:.3em;font-weight:700}.brand-mark{display:grid;place-items:center;width:27px;height:31px;color:var(--accent);font:500 22px Georgia,serif;border:1px solid #2e4742;clip-path:polygon(50% 0,100% 100%,0 100%)}nav{display:flex;gap:clamp(20px,3vw,44px);font-size:12px;color:#aab3b1;letter-spacing:.08em}nav a{transition:.2s}nav a:hover,nav a:focus{color:var(--accent)}.menu{display:none;background:none;border:0;color:white;padding:10px}.menu span:not(.sr-only){display:block;width:25px;height:1px;background:currentColor;margin:6px}.ambient{position:fixed;inset:0;pointer-events:none;z-index:-1}.ambient i{position:absolute;width:4px;height:4px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px var(--accent);opacity:0;animation:signal 14s infinite}.ambient i:nth-child(1){top:18%;left:25%;animation-delay:2s}.ambient i:nth-child(2){top:55%;left:75%;animation-delay:7s}.ambient i:nth-child(3){top:82%;left:38%;animation-delay:11s}@keyframes signal{0%,88%,100%{opacity:0;transform:translateX(0)}90%{opacity:.7}98%{opacity:0;transform:translateX(64px)}}.hero{min-height:100svh;max-width:var(--max);margin:auto;padding:150px var(--pad) 70px;display:grid;grid-template-columns:1.18fr .82fr;align-items:center;position:relative}.eyebrow,.meta{text-transform:uppercase;letter-spacing:.18em;font-size:10px;color:var(--accent);font-weight:700}.hero h1,.section h2{font-weight:400;letter-spacing:-.055em;line-height:.95;margin:22px 0;font-size:clamp(48px,7.4vw,105px)}em{font-family:Georgia,serif;font-weight:400;color:var(--accent)}.lead{font-size:clamp(17px,2vw,22px);color:#aeb6b4;max-width:610px}.text-link{display:inline-flex;gap:80px;margin-top:38px;padding-bottom:10px;border-bottom:1px solid #52615e;font-size:13px;letter-spacing:.05em}.text-link span{color:var(--accent)}.logo-stage{height:min(580px,62vw);position:relative;display:grid;place-items:center;opacity:.9}.a-logo{width:min(350px,90%);overflow:visible}.a-logo path{fill:none}.guide{stroke:#3d4c4b;stroke-width:1;stroke-dasharray:5 7;animation:fade-guide 4s both}.main-stroke{stroke:var(--accent);stroke-width:4;stroke-linecap:square;stroke-linejoin:miter;stroke-dasharray:1100;stroke-dashoffset:1100;filter:drop-shadow(0 0 5px rgba(100,215,193,.2));animation:draw 2.2s .3s cubic-bezier(.65,0,.2,1) forwards}@keyframes draw{to{stroke-dashoffset:0}}@keyframes fade-guide{0%,60%{opacity:0}100%{opacity:.6}}.axis{position:absolute;background:#2b3535;animation:axis 1s both}.axis-x{width:90%;height:1px}.axis-y{height:86%;width:1px}@keyframes axis{from{transform:scale(0)}to{transform:scale(1)}}.node{position:absolute;width:7px;height:7px;border:1px solid var(--accent);background:var(--bg)}.n1{top:7%;left:50%}.n2{bottom:13%;left:19%}.n3{bottom:13%;right:19%}.coord{position:absolute;font:9px monospace;color:#5b6866;letter-spacing:.15em}.c1{top:13%;right:2%}.c2{bottom:4%;left:8%}.scroll-note{position:absolute;bottom:32px;left:var(--pad);font:9px monospace;color:#687370;letter-spacing:.12em;text-transform:uppercase;display:flex;align-items:center;gap:15px}.scroll-note span{width:70px;height:1px;background:#35413f}.section{max-width:var(--max);margin:auto;padding:clamp(100px,14vw,190px) var(--pad)}.section-head{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:end;padding-bottom:55px;border-bottom:1px solid var(--line)}.section-head h2{font-size:clamp(50px,7vw,90px);margin-bottom:0}.section-head>p{color:var(--muted);font-size:17px;max-width:480px}.project{display:grid;grid-template-columns:.72fr 1.28fr;gap:clamp(35px,6vw,100px);align-items:center;padding:clamp(90px,12vw,150px) 0;border-bottom:1px solid var(--line)}.project.reverse{grid-template-columns:1.28fr .72fr}.project.reverse .project-copy{order:2}.project-copy{position:relative}.number{font:10px monospace;color:#596461;position:absolute;right:0;top:0}.project h3,.experiment h3{font-size:clamp(30px,4vw,48px);font-weight:400;letter-spacing:-.035em;margin:13px 0 22px}.project-copy>p:not(.meta){color:#9da6a4;font-size:16px}.project ul{display:flex;flex-wrap:wrap;gap:8px;padding:18px 0 0;margin:0;list-style:none}.project li{font-size:10px;text-transform:uppercase;letter-spacing:.12em;border:1px solid #293332;padding:7px 10px;color:#7f8a87}.private-note{display:inline-block;margin-top:22px;font:9px monospace;color:#65716e;letter-spacing:.13em}.screen{aspect-ratio:1.42;background:#e8ece9;color:#18201e;box-shadow:0 35px 90px rgba(0,0,0,.35);overflow:hidden;position:relative;transition:.5s transform,.5s box-shadow}.project:hover .screen{transform:translateY(-6px);box-shadow:0 40px 100px rgba(0,0,0,.55),0 0 0 1px rgba(100,215,193,.45)}.browser-bar{height:8%;background:#14191a;color:#56615f;display:flex;align-items:center;gap:5px;padding:0 3%;font:8px monospace}.browser-bar b{width:5px;height:5px;border-radius:50%;background:#3c4544}.browser-bar span{margin-left:auto;margin-right:auto}.mock-toolbar{height:20%;padding:4% 6%;display:flex;align-items:center;gap:12px}.mock-toolbar strong{font-size:clamp(12px,1.5vw,21px);margin-right:auto}.mock-toolbar i{width:18%;height:28%;background:#c9d0cd}.calendar-grid{height:65%;margin:0 6%;background:repeating-linear-gradient(90deg,transparent 0,transparent 19.7%,#cdd4d1 20%),repeating-linear-gradient(0deg,transparent 0,transparent 24.7%,#cdd4d1 25%);position:relative}.calendar-grid:after{content:"";position:absolute;left:21%;top:27%;width:36%;height:18%;background:var(--accent);opacity:.7}.library{background:#d8dfd8}.mock-hero{height:52%;background:#17201e;color:white;padding:7%;display:flex;flex-direction:column;justify-content:center}.mock-hero small{font:8px monospace;color:var(--accent);letter-spacing:.2em}.mock-hero strong{font:clamp(16px,2.4vw,34px) Georgia,serif;margin:8px 0}.mock-hero div{height:2px;width:30%;background:var(--accent)}.book-row{height:40%;display:flex;gap:4%;padding:5% 7%}.book-row i{flex:1;background:#aebbb4}.book-row i:nth-child(2){background:#8da79f}.clb{display:flex;background:#f0f2f0;padding-top:8%}.clb .browser-bar{position:absolute;inset:0 0 auto}.clb-side{width:23%;background:#15201e;color:white;padding:6%;display:flex;flex-direction:column;gap:12%}.clb-side strong{color:var(--accent)}.clb-side i{height:2px;background:#52615e}.clb-body{width:77%;padding:7%}.clb-body small{font:7px monospace;color:#75827e}.clb-body>strong{display:block;font-size:clamp(13px,2vw,28px);margin:4% 0}.stats{display:flex;gap:4%}.stats i{height:40px;flex:1;background:#d8dedb}.chart{height:34%;margin-top:6%;background:linear-gradient(135deg,transparent 48%,#76cbbb 49%,#76cbbb 51%,transparent 52%)}.quality{background:#121819;color:white}.quality-head{height:25%;padding:6%;display:flex;justify-content:space-between}.quality-head span{font:8px monospace;color:#788581}.quality-content{display:flex;gap:12%;align-items:center;padding:2% 9%}.ring{width:30%;aspect-ratio:1;border:10px solid #28312f;border-top-color:var(--accent);border-radius:50%}.bars{flex:1;display:flex;align-items:end;gap:7%;height:90px}.bars i{flex:1;background:#303a37;height:40%}.bars i:nth-child(2){height:75%;background:#508f83}.bars i:nth-child(3){height:56%}.bars i:nth-child(4){height:88%;background:var(--accent)}.bars i:nth-child(5){height:64%}.privacy{position:absolute;right:5%;bottom:5%;font:7px monospace;color:#6d7875;border:1px solid #39413f;padding:5px}.game{background:#141918;color:white}.level{padding:7% 9%}.level small{font:7px monospace;color:var(--accent);letter-spacing:.15em}.level strong{display:block;font-size:clamp(20px,3vw,40px);margin:3% 0}.progress{height:5px;background:#2d3533}.progress i{display:block;width:72%;height:100%;background:var(--accent)}.level span{font:8px monospace;color:#7a8582}.badges{display:flex;gap:4%;padding:3% 9%}.badges i{display:grid;place-items:center;width:17%;aspect-ratio:1;border:1px solid #43504d;clip-path:polygon(50% 0,95% 25%,95% 75%,50% 100%,5% 75%,5% 25%);font:9px monospace;color:var(--accent)}.experiments{max-width:none;background:#0c0f11}.experiments>*{max-width:calc(var(--max) - var(--pad)*2);margin-left:auto;margin-right:auto}.experiment-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:60px}.experiment{background:var(--panel2);padding:18px 18px 34px;position:relative;border:1px solid transparent;transition:.3s}.experiment:hover{border-color:#2b3b38;transform:translateY(-3px)}.status{position:absolute;right:28px;top:28px;z-index:2;font:8px monospace;text-transform:uppercase;letter-spacing:.14em;background:#121817;padding:6px 8px}.status:before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;margin-right:7px;background:#a478d5;animation:pulse 2s infinite}.status.prototype:before{background:#6ca6d9}.status.live:before{background:#63d49e}@keyframes pulse{50%{opacity:.35}}.experiment-art{height:270px;background:#0c1011;margin-bottom:30px;position:relative;overflow:hidden}.cards-art{display:grid;place-items:center}.cards-art i{position:absolute;width:110px;height:158px;border:1px solid #2d4a44;background:#101817;transform:rotate(-11deg) translateX(-35px)}.cards-art i:nth-child(2){transform:rotate(1deg);border-color:var(--accent)}.cards-art i:nth-child(3){transform:rotate(13deg) translateX(35px)}.cards-art i:nth-child(2):after{content:"A";position:absolute;inset:30%;display:grid;place-items:center;border:1px solid #34534d;color:var(--accent);font:28px Georgia}.ai-art{display:grid;place-items:center}.ai-art i{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 20px var(--accent)}.ai-art i:nth-child(1){left:20%;top:25%}.ai-art i:nth-child(2){right:19%;top:34%}.ai-art i:nth-child(3){left:28%;bottom:20%}.ai-art i:nth-child(4){right:29%;bottom:17%}.ai-art:before,.ai-art:after{content:"";position:absolute;width:60%;height:1px;background:#29433e;transform:rotate(28deg)}.ai-art:after{transform:rotate(-30deg)}.ai-art span{z-index:1;border:1px solid var(--accent);padding:20px;color:var(--accent);font:18px monospace}.display-art{display:grid;place-items:center}.display-art>div{width:76%;aspect-ratio:1.7;background:#18211f;border:5px solid #252e2c;padding:7%;box-shadow:0 18px 30px #000}.display-art small{font:7px monospace;color:var(--accent)}.display-art strong{display:block;font:22px Georgia;margin:8% 0}.display-art i{display:block;width:70%;height:4px;background:#35413e}.experiment h3{font-size:27px}.experiment>p:last-child{color:#87918e;font-size:14px}.process-line{margin-top:80px;display:grid;grid-template-columns:repeat(5,1fr);position:relative}.process-line:before,.process-progress{content:"";position:absolute;top:5px;left:0;right:0;height:1px;background:#2b3433}.process-progress{background:var(--accent);right:auto;width:0;transition:1.7s ease}.process-line.in-view .process-progress{width:100%}.process-line article{padding:42px 25px 0 0;position:relative}.process-line article:before{content:"";position:absolute;top:0;left:0;width:11px;height:11px;border:1px solid var(--accent);border-radius:50%;background:var(--bg)}.process-line span{font:9px monospace;color:var(--accent)}.process-line h3{font-size:18px;font-weight:400;margin:12px 0}.process-line p{font-size:13px;color:#737e7b}.about{padding-bottom:50px}.about-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:10vw}.about h2{font-size:clamp(44px,6vw,78px)}.about-grid>div:last-child{padding-top:70px;color:#8c9794}.about-lead{font-size:clamp(19px,2.2vw,25px);color:#c7cecc}.early{border-top:1px solid var(--line);padding-top:25px;margin-top:45px;font-size:13px}.contact{margin-top:160px;padding:clamp(70px,10vw,130px) 0;border-top:1px solid var(--line);position:relative}.contact h2{font-size:clamp(60px,10vw,135px)}.contact>a{position:absolute;right:0;bottom:18%;font-size:16px;border-bottom:1px solid var(--accent);padding:0 5px 9px}.contact>a span{color:var(--accent);margin-left:35px}footer{max-width:var(--max);margin:auto;padding:40px var(--pad);border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;color:#63706d;font-size:10px;letter-spacing:.1em}footer p:nth-child(2){text-align:center}footer p:last-child{text-align:right}.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s ease}.reveal.in-view{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}@media(max-width:850px){.menu{display:block;z-index:2}nav{position:fixed;inset:0;background:#090b0df5;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:22px;transform:translateY(-100%);transition:.4s}nav.open{transform:none}.hero{grid-template-columns:1fr;padding-top:130px}.logo-stage{position:absolute;right:-12%;top:18%;width:55%;opacity:.24;z-index:-1}.hero-copy{align-self:center}.project,.project.reverse{grid-template-columns:1fr}.project.reverse .project-copy{order:0}.project-copy{max-width:620px}.experiment-grid{grid-template-columns:1fr}.experiment-art{height:330px}.about-grid{grid-template-columns:1fr;gap:20px}.about-grid>div:last-child{padding-top:0}.contact>a{position:static;display:inline-block}.section-head{grid-template-columns:1fr;gap:10px}.process-line{grid-template-columns:1fr;margin-left:5px}.process-line:before,.process-progress{top:0;bottom:0;left:5px;width:1px;height:auto}.process-line.in-view .process-progress{width:1px;height:100%}.process-line article{padding:0 0 48px 42px}.process-line article:before{left:0}footer{grid-template-columns:1fr;gap:15px}footer p:nth-child(2),footer p:last-child{text-align:left;margin:0}}@media(max-width:520px){.site-header{height:68px}.hero h1{font-size:48px}.hero{min-height:820px}.logo-stage{top:30%;width:76%;right:-26%}.project{padding:80px 0}.screen{aspect-ratio:1.15}.experiment-art{height:260px}.section{padding-top:100px;padding-bottom:100px}.contact{margin-top:90px}.contact h2{font-size:59px}.scroll-note{display:none}}