:root{--bg:#050307;--ink:#f7f0f7;--muted:#958996;--line:rgba(255,255,255,.13);--pink:#ee238e;--deep:#461046;--ease:cubic-bezier(.16,1,.3,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,Arial,sans-serif;overflow-x:hidden}body.lock{overflow:hidden}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.grain{position:fixed;inset:0;z-index:1000;pointer-events:none;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.cursor{position:fixed;width:15px;height:15px;border:1px solid #fff;border-radius:50%;z-index:2000;pointer-events:none;transform:translate(-50%,-50%);mix-blend-mode:difference;transition:width .25s,height .25s}.cursor:after{content:"";position:absolute;width:3px;height:3px;background:#fff;border-radius:50%;left:5px;top:5px}.cursor.big{width:70px;height:70px}.cursor.big:after{opacity:0}#webgl{position:fixed;inset:0;width:100%;height:100%;z-index:-1;opacity:.9}
#loader{position:fixed;inset:0;background:#050307;z-index:5000;display:grid;place-items:center;transition:opacity 1s var(--ease),visibility 1s}.loader-logo{position:absolute}.loader-logo img{width:105px;filter:drop-shadow(0 0 35px rgba(230,35,142,.4))}.loader-counter{font:12px monospace;position:absolute;right:6vw;bottom:6vh}.loader-line{position:absolute;left:8vw;right:8vw;bottom:5vh;height:1px;background:#272029}.loader-line span{display:block;width:0;height:100%;background:var(--pink);box-shadow:0 0 20px var(--pink)}.loader-word{position:absolute;left:8vw;bottom:7vh;font:9px monospace;letter-spacing:.2em;color:#827583}.loaded #loader{opacity:0;visibility:hidden}
.nav{position:fixed;z-index:1200;top:0;left:0;right:0;height:88px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid transparent;transition:.5s var(--ease)}.nav.scrolled{height:70px;background:rgba(5,3,7,.62);backdrop-filter:blur(18px);border-color:var(--line)}.logo img{width:70px;height:70px;object-fit:contain}.nav-status{position:absolute;left:50%;transform:translateX(-50%);font:8px monospace;letter-spacing:.18em;color:#817582}.nav-status i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#50f0a4;box-shadow:0 0 12px #50f0a4;margin-right:8px}.nav nav{display:flex;gap:28px;font-size:10px;letter-spacing:.16em;text-transform:uppercase}.nav nav a{opacity:.65;transition:.2s}.nav nav a:hover{opacity:1;color:#f02b91}.menu{display:none}
.hero{height:100svh;min-height:720px;position:relative;display:flex;align-items:center;padding:110px 7vw 50px;overflow:hidden}.hero-index,.hero-coordinate{position:absolute;font:9px monospace;letter-spacing:.12em;color:#6f6572}.hero-index{left:7vw;top:120px}.hero-coordinate{right:4vw;bottom:42px;text-align:right;line-height:1.7}.hero-copy{width:min(1180px,100%);position:relative;z-index:3}.micro,.eyebrow{font:9px monospace;letter-spacing:.2em;color:#9c8f9d}.kinetic{font-size:clamp(68px,11.5vw,175px);line-height:.76;letter-spacing:-.09em;font-weight:650;margin:28px 0 60px}.kinetic span{display:block}.kinetic .outline{-webkit-text-stroke:1px rgba(255,255,255,.55);color:transparent}.kinetic em{font-family:Georgia,serif;font-style:italic;font-weight:400;color:var(--pink)}.hero-bottom{display:flex;align-items:flex-end;justify-content:space-between;max-width:720px}.hero-bottom p{max-width:430px;color:#a99eaa;font-size:15px;line-height:1.7}.circle-link{width:120px;height:120px;border:1px solid #665564;border-radius:50%;display:grid;place-items:center;text-align:center;font:9px monospace;letter-spacing:.12em;transition:.5s var(--ease);position:relative}.circle-link b{position:absolute;bottom:12px;font-size:17px;color:var(--pink)}.circle-link:hover{border-color:var(--pink);transform:rotate(-12deg) scale(1.06);box-shadow:0 0 50px rgba(238,35,142,.14)}.hero-word{position:absolute;right:-2vw;bottom:-10vw;font-size:48vw;line-height:.7;font-weight:800;letter-spacing:-.14em;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.035);z-index:0;pointer-events:none}
.statement{min-height:100vh;padding:160px 7vw;display:grid;grid-template-columns:120px 1fr 350px;gap:5vw;align-items:center;border-top:1px solid var(--line);position:relative}.section-no{font:10px monospace;color:#6d626f;align-self:start}.statement-main h2{font-size:clamp(55px,7.7vw,118px);line-height:.88;letter-spacing:-.075em;margin:25px 0}.statement-main h2 span{color:#d5cbd6}.statement-main h2 i{font-family:Georgia,serif;color:var(--pink);font-weight:400}.statement-side{align-self:end;color:#8f8391;font-size:14px;line-height:1.8}.statement-side p{margin:0 0 25px}.scroll-arrow{font-size:40px;color:#e32a90;margin-top:50px}
.work{border-top:1px solid var(--line);overflow:hidden;padding:145px 0 0}.work-head{padding:0 7vw 75px;display:flex;justify-content:space-between;align-items:end}.work-head h2,.lab-title h2,.process-intro h2,.journal-head h2,.contact-head h2{font-size:clamp(62px,8vw,120px);line-height:.82;letter-spacing:-.08em;margin:22px 0 0}.work-head h2 i,.lab-title h2 i,.process-intro h2 i,.journal-head h2 i,.contact-head h2 i{font-family:Georgia,serif;color:var(--pink);font-weight:400}.work-note{font:9px monospace;color:#827583;text-transform:uppercase;letter-spacing:.13em}.work-note span{color:var(--pink);font-size:17px;margin-left:12px}.horizontal-wrap{overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.horizontal-wrap::-webkit-scrollbar{display:none}.horizontal-track{display:flex;gap:22px;width:max-content;padding:0 7vw 100px}.project{width:min(72vw,960px);border-top:1px solid var(--line);padding-top:20px}.project-num{font:9px monospace;color:#776c79;margin-bottom:18px}.project-visual{height:520px;position:relative;overflow:hidden;border:1px solid var(--line);background:#09070b}.temporal{background:radial-gradient(circle at 50% 50%,#4a1047,transparent 32%),linear-gradient(130deg,#09060b,#1d091b)}.reticle{position:absolute;width:190px;height:190px;border:1px solid rgba(238,35,142,.6);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 70px rgba(238,35,142,.16);animation:spin 13s linear infinite}.reticle:before,.reticle:after{content:"";position:absolute;background:#e92791}.reticle:before{width:260px;height:1px;left:-35px;top:94px}.reticle:after{width:1px;height:260px;left:94px;top:-35px}.signal{position:absolute;left:0;right:0;height:1px;top:25%;background:#ed298e;box-shadow:0 0 25px 2px #ed298e;animation:scan 4s ease-in-out infinite}.phase{position:absolute;font:10px monospace;color:#c9b8c9;border-left:1px solid #ed298e;padding-left:8px}.phase-1{left:25%;top:58%}.phase-2{left:50%;top:38%}.phase-3{left:73%;top:67%}.visual-code{position:absolute;bottom:18px;left:20px;font:8px monospace;letter-spacing:.18em;color:#736675}.vision{background:linear-gradient(145deg,#08070a,#1a0e1c)}.vision-grid{position:absolute;inset:-20%;background-image:linear-gradient(rgba(238,35,142,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(238,35,142,.12) 1px,transparent 1px);background-size:55px 55px;transform:perspective(500px) rotateX(55deg) translateY(30%);animation:grid 9s linear infinite}.target{position:absolute;border:1px solid #e92791;box-shadow:0 0 25px rgba(233,39,145,.25)}.t1{width:32%;height:32%;left:20%;top:25%}.t2{width:22%;height:28%;right:19%;top:43%}.t3{width:14%;height:15%;left:52%;top:62%}.vision-readout{position:absolute;left:22%;top:21%;font:9px monospace;line-height:1.6;color:#ef77b6}.forecast{background:radial-gradient(circle at 50% 55%,#2d0c2c,#070509 68%)}.forecast svg{position:absolute;inset:10%;width:80%;height:80%;overflow:visible}.forecast svg path{fill:none;stroke:#e92791;stroke-width:4;filter:drop-shadow(0 0 10px rgba(233,39,145,.4))}.forecast-axis{position:absolute;left:10%;right:10%;top:50%;height:1px;background:#fff2;}.forecast-window{position:absolute;right:14%;top:12%;width:22%;height:76%;border-left:1px dashed #e92791;background:linear-gradient(90deg,transparent,rgba(233,39,145,.08))}.forecast-horizon{position:absolute;bottom:18px;left:20px;font:8px monospace;color:#746876}.human{background:radial-gradient(circle at 50% 50%,#5b1453,transparent 25%),#08060a}.human-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:28px;line-height:.8;text-align:center;z-index:2}.human-rings{position:absolute;left:50%;top:50%;border:1px solid #e92791;border-radius:50%;transform:translate(-50%,-50%) rotateX(68deg) rotateZ(15deg)}.r1{width:260px;height:260px;animation:spin 8s linear infinite}.r2{width:430px;height:430px;border-color:#74405f;animation:spin 14s linear infinite reverse}.human>span{position:absolute;right:20px;bottom:18px;font:8px monospace;line-height:1.4;color:#8b7d8b}.project-copy{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding-top:28px}.project-copy span{font:8px monospace;color:#7e727f;letter-spacing:.15em}.project-copy h3{font-size:46px;line-height:.9;letter-spacing:-.06em;margin:12px 0}.project-copy p{color:#938792;font-size:13px;line-height:1.7;max-width:350px}.project-copy button{align-self:end;justify-self:start;background:none;border:0;color:#eee;font:9px monospace;letter-spacing:.16em;padding:0 0 5px;border-bottom:1px solid #5b4a58}
.lab{min-height:100vh;position:relative;padding:150px 7vw;display:grid;grid-template-columns:1fr 1fr;gap:80px;overflow:hidden;border-top:1px solid var(--line)}.lab-orbit{position:absolute;width:55vw;height:55vw;border:1px solid rgba(233,39,145,.13);border-radius:50%;right:-20vw;top:8%;animation:spin 30s linear infinite}.lab-orbit:before,.lab-orbit:after{content:"";position:absolute;border:1px solid rgba(233,39,145,.1);border-radius:50%;inset:13%;transform:rotate(42deg)}.lab-orbit:after{inset:27%;transform:rotate(-33deg)}.lab-title{position:relative;z-index:2}.lab-copy{align-self:end;max-width:390px;color:#958996;font-size:14px;line-height:1.8;position:relative;z-index:2}.lab-stack{grid-column:1/-1;position:relative;z-index:3;margin-top:10px}.lab-stack div{display:grid;grid-template-columns:50px 1fr 30px;border-top:1px solid var(--line);padding:22px 0;transition:.35s}.lab-stack div:last-child{border-bottom:1px solid var(--line)}.lab-stack div:hover{padding-left:18px;color:#ee238e}.lab-stack b,.lab-stack i{font:9px monospace;color:#756b77}.lab-stack span{font-size:26px;letter-spacing:-.04em}.lab-mark{position:absolute;right:6vw;bottom:10vh;font:italic 180px Georgia;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.06)}
.process{padding:150px 7vw;display:grid;grid-template-columns:.8fr .8fr 1fr;gap:7vw;border-top:1px solid var(--line);align-items:center}.process-wheel{height:430px;width:430px;max-width:100%;position:relative;margin:auto}.wheel-ring{position:absolute;border:1px solid #512647;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.ring-a{width:100%;height:100%;animation:spin 22s linear infinite}.ring-b{width:68%;height:68%;border-color:#a52070;animation:spin 14s linear infinite reverse}.wheel-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:34px;line-height:.75;text-align:center}.wheel-center small{font:8px monospace;letter-spacing:.18em;color:#817482}.wheel-label{position:absolute;font:9px monospace;color:#c0afc0}.l1{top:-5%;left:45%}.l2{right:-4%;top:49%}.l3{bottom:-5%;left:38%}.l4{left:-4%;top:49%}.process-list>div{border-top:1px solid var(--line);padding:20px 0;display:grid;grid-template-columns:45px 1fr;gap:10px}.process-list span{font:9px monospace;color:#7a6e7d}.process-list h3{font-size:24px;margin:0}.process-list p{grid-column:2;color:#8e8290;font-size:12px;line-height:1.6;margin:0}
.journal{border-top:1px solid var(--line);padding:150px 7vw}.journal-head{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:end;margin-bottom:75px}.journal-head p{max-width:360px;color:#8e8290;line-height:1.7;font-size:13px}.journal-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:18px}.journal-grid article{border-top:1px solid var(--line);padding-top:15px}.post-art{height:360px;background:#0d080e;position:relative;overflow:hidden;margin-bottom:22px}.post-art span{position:absolute;top:17px;left:17px;font:9px monospace;color:#7e717f}.post-art strong{position:absolute;bottom:25px;left:25px;font-size:48px;line-height:.82;letter-spacing:-.07em}.pa{background:radial-gradient(circle at 70% 30%,#80165d,transparent 27%),#0d080e}.pb{background:radial-gradient(circle,#371037,#09070a 63%)}.pb strong{left:auto;right:25px;text-align:right}.pc{background:#100a11}.pc:after{content:"";position:absolute;left:-20%;width:140%;height:1px;top:50%;background:#ed278f;box-shadow:0 0 30px #ed278f;transform:rotate(-25deg)}.post-meta{font:8px monospace;letter-spacing:.15em;color:#796d7b}.journal-grid h3{font-size:24px;line-height:1.05;letter-spacing:-.04em;margin:15px 0}.journal-grid p{font-size:12px;line-height:1.65;color:#8f8391;margin-bottom:20px}.journal-grid a{font:9px monospace;letter-spacing:.15em;border-bottom:1px solid #5c4b5a;padding-bottom:6px}
.manifesto-2{height:75vh;min-height:550px;position:relative;display:flex;align-items:center;overflow:hidden;border-top:1px solid var(--line);background:radial-gradient(circle at 50% 50%,#280d29,transparent 45%)}.marquee-big{position:absolute;white-space:nowrap;top:50%;transform:translateY(-50%);font-size:15vw;line-height:.8;letter-spacing:-.08em;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.14);animation:marquee 30s linear infinite}.marquee-big span{display:inline-block}.manifesto-2-copy{position:relative;z-index:2;margin-left:7vw;max-width:480px}.manifesto-2-copy p{font-size:clamp(35px,4vw,65px);line-height:.94;letter-spacing:-.06em;margin:25px 0 40px}.manifesto-2-copy a{font:9px monospace;letter-spacing:.17em;border-bottom:1px solid #6c5668;padding-bottom:10px}.manifesto-2-copy a span{color:#ee238e;margin-left:10px}
.contact{position:relative;padding:150px 7vw;border-top:1px solid var(--line);overflow:hidden}.contact-bg{position:absolute;right:-5vw;bottom:-16vw;font-size:50vw;line-height:.6;font-weight:800;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.035);letter-spacing:-.14em}.contact-head,.contact-grid{position:relative;z-index:2;max-width:1280px;margin:auto}.contact-head h2{margin-top:25px}.contact-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:12vw;margin-top:100px}.contact-grid>div{padding-top:10px}.contact-grid>div>p{font-size:15px;line-height:1.8;color:#978b99;max-width:380px}.email{display:block;font-size:25px;margin:55px 0 25px}.contact-grid small{font:8px monospace;letter-spacing:.13em;color:#716673}.contact form{display:grid;gap:25px}.contact label{font:8px monospace;letter-spacing:.15em;color:#817481}.contact input,.contact textarea{width:100%;display:block;background:none;border:0;border-bottom:1px solid #3c303d;outline:0;color:#fff;padding:13px 0;resize:vertical}.contact input:focus,.contact textarea:focus{border-color:#ed278f}.contact form button{justify-self:start;border:1px solid #eee;background:#eee;color:#0b070c;padding:16px 20px;border-radius:100px;font:9px monospace;letter-spacing:.15em}.contact form button span{margin-left:20px}.contact form small{font-size:8px}
footer{border-top:1px solid var(--line);padding:35px 7vw;display:grid;grid-template-columns:1fr 1fr;gap:35px}footer>div{display:flex;align-items:center;gap:15px}footer img{width:55px;height:55px;object-fit:contain}footer span{font:9px monospace;letter-spacing:.16em;color:#746a77}footer nav{display:flex;justify-content:flex-end;gap:25px;font:9px monospace;letter-spacing:.15em;color:#8d818f}footer small{grid-column:1/-1;border-top:1px solid var(--line);padding-top:20px;color:#5f5663;font:8px monospace}
.modal,.post-modal{position:fixed;inset:0;z-index:3000;display:none;place-items:center;padding:25px}.modal.open,.post-modal.open{display:grid}.modal-bg,.post-bg{position:absolute;inset:0;background:rgba(3,2,5,.83);backdrop-filter:blur(16px)}.modal-card,.post-modal article{position:relative;z-index:2;width:min(850px,100%);max-height:86vh;overflow:auto;background:#0c080e;border:1px solid #392638;padding:55px}.close{position:absolute;right:20px;top:14px;background:none;border:0;color:#aaa;font-size:34px}.modal-card h2,.post-modal h2{font-size:clamp(45px,7vw,90px);line-height:.85;letter-spacing:-.07em;margin:22px 0}.modal-card>p,.post-modal article>p{font-size:18px;color:#afa2b0;line-height:1.65}.modal-card #modalBody,.post-modal #postLong{color:#908492;line-height:1.8;font-size:14px}.modal-card #modalBody strong{color:#eee}.post-modal article{width:min(900px,100%)}.post-modal h2{max-width:750px}.post-modal #postLong{margin-top:25px}
@keyframes scan{0%,100%{top:25%}50%{top:72%}}@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes grid{to{transform:perspective(500px) rotateX(55deg) translateY(30%) translateX(55px)}}@keyframes marquee{to{transform:translate(-50%,-50%)}} 
.reveal{opacity:0;transform:translateY(30px);transition:1s var(--ease)}.reveal.in{opacity:1;transform:none}
@media(max-width:900px){.nav{padding:0 20px}.nav-status{display:none}.nav nav{position:fixed;top:70px;left:0;right:0;background:rgba(5,3,7,.96);display:none;flex-direction:column;padding:30px 24px;border-bottom:1px solid var(--line)}.nav nav.open{display:flex}.menu{display:block;background:none;border:0;width:35px}.menu span{display:block;background:white;height:1px;margin:7px}.hero{padding:120px 24px 50px}.hero-index{left:24px}.hero h1{font-size:17vw}.hero-bottom{align-items:flex-start}.circle-link{width:95px;height:95px;flex:0 0 95px}.statement{padding:110px 24px;display:block}.statement-side{margin-top:50px}.work-head{padding:100px 24px 55px;display:block}.work-note{margin-top:30px}.horizontal-track{padding:0 24px 75px}.project{width:88vw}.project-visual{height:390px}.project-copy{grid-template-columns:1fr}.project-copy button{margin-top:5px}.lab{padding:110px 24px;display:block}.lab-copy{margin:55px 0}.lab-mark{font-size:100px}.process{padding:110px 24px;display:block}.process-wheel{width:330px;height:330px;margin:70px auto}.journal{padding:110px 24px}.journal-head{display:block}.journal-head p{margin-top:25px}.journal-grid{grid-template-columns:1fr}.post-art{height:290px}.manifesto-2{height:65vh}.manifesto-2-copy{margin-left:24px;margin-right:24px}.contact{padding:110px 24px}.contact-grid{grid-template-columns:1fr;margin-top:65px;gap:55px}footer{padding:30px 24px;grid-template-columns:1fr}footer nav{justify-content:flex-start;flex-wrap:wrap}footer small{grid-column:auto}.cursor{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}