body{overflow-x:hidden}button{color:inherit}.reading-progress{position:fixed;top:0;left:0;height:2px;width:100%;background:var(--green);transform:scaleX(0);transform-origin:left;z-index:100}header{position:fixed;left:0;right:0;background:#07090db3}nav{height:82px}.intro-screen{position:fixed;inset:0;background:#07090d;z-index:200;display:flex;align-items:center;justify-content:center;gap:25px;pointer-events:none;animation:introOut .8s 1s both}.intro-screen img{width:85px;animation:introMark 1s both}.intro-screen span{font-size:11px;letter-spacing:5px;color:var(--green)}@keyframes introOut{to{opacity:0;visibility:hidden;transform:translateY(-8%)}}@keyframes introMark{from{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.cinema{position:relative;min-height:850px;height:100svh;max-height:1250px;overflow:hidden;padding:0;isolation:isolate;background:radial-gradient(ellipse at 75% 35%,#4820823d,transparent 52%),#07090d}#field{position:absolute;inset:0;width:100%;height:100%;z-index:-1;opacity:.55}.hero-coordinate{position:absolute;top:125px;right:6%;font-size:9px;letter-spacing:2px;color:var(--muted);writing-mode:vertical-rl}.cinema-content{position:relative;padding-top:clamp(180px,25vh,290px);width:100%}.cinema h1{font-size:clamp(65px,9vw,139px);letter-spacing:-.075em;line-height:1.02;margin:35px 0 40px;max-width:1200px}.line{display:block;overflow:hidden;color:var(--white)}.line>span{display:block;color:inherit;animation:lineIn 1.3s cubic-bezier(.16,1,.3,1) 1.1s both}.line:nth-child(2)>span{animation-delay:1.25s}h1 em{font-style:normal;color:var(--green)}@keyframes lineIn{from{transform:translateY(110%) rotate(3deg)}to{transform:translateY(0) rotate(0)}}.entrance{animation:fadeIn 1.1s 1.5s both}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero-bottom{display:flex;justify-content:space-between;align-items:center;max-width:900px}.hero-bottom p{color:#b8bec7;font-size:17px}.round-link{display:flex;gap:20px;align-items:center;font-size:12px}.round-link span{display:grid;place-items:center;width:65px;height:65px;border:1px solid #686071;border-radius:50%;font-size:25px;transition:.4s}.round-link:hover span{background:var(--green);color:#07090d;transform:rotate(45deg)}.orbital{position:absolute;right:7%;top:16%;width:43vw;max-width:650px;aspect-ratio:1;transform:translate(var(--mx,0px),var(--my,0px));transition:transform .7s ease-out;z-index:-1}.orbital img{position:absolute;width:72%;left:14%;top:24%;opacity:.13;filter:drop-shadow(0 0 35px #9e73ff44)}.orb{position:absolute;inset:0;border:1px solid #9f78ec33;border-radius:50%;animation:orbit 32s linear infinite}.o1{transform:rotateX(50deg) rotateZ(-35deg)}.o2{inset:-10%;border-color:#39ff7329;animation-direction:reverse}.orb:after{content:'';position:absolute;top:15%;left:15%;width:9px;height:9px;background:var(--green);border-radius:50%;box-shadow:0 0 20px #39ff7380}@keyframes orbit{from{rotate:0deg;scale:1 .7}50%{scale:.85 1}to{rotate:360deg;scale:1 .7}}.hero-foot{position:absolute;bottom:30px;left:0;right:0;display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:2px;color:var(--muted)}.hero-foot button{background:none;border:0;color:var(--muted);font-size:10px;cursor:pointer}.scroll-cue{display:flex;align-items:center;gap:15px}.scroll-cue i{width:50px;height:1px;background:var(--green);transform-origin:left;animation:cue 2s infinite}@keyframes cue{50%{transform:scaleX(.3);opacity:.4}}.marquee{padding:24px 0;border-block:1px solid var(--line);overflow:hidden;transform:rotate(-1.2deg);background:#0c0f14;margin-top:-12px;position:relative}.marquee>div{white-space:nowrap;width:max-content;font-size:28px;font-weight:700;letter-spacing:1px;animation:marquee 32s linear infinite}.marquee b{color:var(--green);margin:0 35px}@keyframes marquee{to{transform:translateX(-50%)}}.reveal{opacity:1}.js-motion .reveal{opacity:0;transform:translateY(35px);transition:opacity .9s,transform .9s}.js-motion .reveal.visible{opacity:1;transform:none}.explorer{padding:130px 0}.explore-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:65px;margin-top:65px}.service-tabs{display:flex;flex-direction:column}.service-tabs button{background:none;border:0;border-top:1px solid var(--line);text-align:left;padding:28px 12px 28px 0;font-size:clamp(17px,2vw,25px);letter-spacing:-.7px;display:flex;gap:17px;align-items:center;cursor:pointer;transition:color .3s,padding .3s}.service-tabs button:last-child{border-bottom:1px solid var(--line)}.service-tabs small{font-size:10px;color:var(--muted);letter-spacing:1px}.service-tabs button span{margin-left:auto;color:var(--muted)}.service-tabs button[aria-selected=true]{color:var(--green);padding-left:15px;background:linear-gradient(90deg,#39ff7309,transparent)}.service-tabs button[aria-selected=true] span{color:var(--green);transform:rotate(45deg)}#service-panel{border:1px solid var(--line);background:#0d1016;min-width:0}.service-visual{height:240px;position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at center,#7c3aed25,transparent)}.visual-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff05 1px,transparent 1px),linear-gradient(90deg,#ffffff05 1px,transparent 1px);background-size:30px 30px;transform:perspective(450px) rotateX(35deg) scale(1.3)}.shape{position:absolute;transition:all .8s cubic-bezier(.2,.8,.2,1);border:1px solid var(--green);left:50%;top:50%;width:115px;height:115px;transform:translate(-50%,-50%) rotate(45deg)}.shape-a{border-radius:50%;width:140px;height:140px;box-shadow:inset 0 0 40px #39ff7308}.shape-b{width:90px;height:90px;border-color:#a679ff;transform:translate(-110%,-50%) rotate(45deg)}.shape-c{width:70px;height:70px;transform:translate(10%,-50%);border-color:#a679ff;border-radius:50%}.service-visual[data-mode="1"] .shape-a{border-radius:25%;width:155px;height:105px;transform:translate(-50%,-50%)}.service-visual[data-mode="1"] .shape-b{width:65px;height:65px;border-radius:50%;transform:translate(-50%,-50%)}.service-visual[data-mode="1"] .shape-c{width:20px;height:20px;border-radius:50%;transform:translate(250%,-180%);background:var(--green)}.service-visual[data-mode="2"] .shape-a{border-radius:8px;width:230px;height:135px;transform:translate(-50%,-50%)}.service-visual[data-mode="2"] .shape-b{width:70px;height:105px;transform:translate(65%,0);border-radius:8px;background:#0d1016}.service-visual[data-mode="2"] .shape-c{width:110px;height:2px;border-radius:0;transform:translate(-80%,-30px);background:var(--green)}.service-visual[data-mode="3"] .shape-a{border-radius:0;transform:translate(-70%,-50%) rotate(20deg)}.service-visual[data-mode="3"] .shape-b{transform:translate(-15%,-50%) rotate(-20deg);background:#7c3aed33}.service-visual[data-mode="3"] .shape-c{border-radius:0;transform:translate(-30%,-20%) rotate(45deg)}.service-visual[data-mode="4"] .shape-a{width:180px;height:180px}.service-visual[data-mode="4"] .shape-b{width:140px;height:140px;border-radius:50%;transform:translate(-50%,-50%)}.service-visual[data-mode="4"] .shape-c{width:100px;height:100px;transform:translate(-50%,-50%)}.visual-caption{position:absolute;bottom:17px;left:25px;font-size:8px;letter-spacing:2px;color:var(--muted)}.panel-copy{padding:30px}.panel-copy>small,.journey-text>small{font-size:9px;letter-spacing:2px;color:var(--green)}.panel-copy h3{font-size:34px;letter-spacing:-1.2px;line-height:1.1;margin:18px 0}.panel-copy p{font-size:14px;color:var(--muted);min-height:65px}.text-link{background:none;border:0;padding:25px 0 0;font-size:12px;cursor:pointer;color:var(--white);display:flex;justify-content:space-between;width:100%}.text-link span{color:var(--green)}.panel-copy.swapping{animation:fadeIn .5s both}.journey{background:#141019;padding:110px 0}.journey-sticky{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.journey h2{font-size:clamp(32px,4vw,52px);margin-top:30px}.journey-dots{display:flex;margin-top:45px;gap:12px}.journey-dots button{background:none;border:1px solid #4a3a5d;width:50px;height:50px;border-radius:50%;cursor:pointer;font-size:12px;transition:.4s}.journey-dots button.active{background:var(--purple);border-color:var(--purple);box-shadow:0 0 40px #7c3aed33}.journey-hint{color:var(--muted);font-size:11px;margin-top:22px}.journey-scene{position:relative;min-height:380px;padding-top:120px}.giant-number{font-size:280px;line-height:1;position:absolute;right:0;top:-30px;font-weight:700;letter-spacing:-30px;color:#9a69db13}.journey-text{position:relative;max-width:400px}.journey-text h3{font-size:52px;letter-spacing:-2px;margin:15px 0}.journey-text p{color:#b6adbf;font-size:15px}.journey-line{height:2px;background:#30253d;margin-top:30px}.journey-line i{display:block;height:100%;width:25%;background:var(--purple);transition:width .6s}.manifesto{border:0;padding:70px 45px;background:radial-gradient(ellipse at center,#7c3aed18,transparent 75%)}.manifesto:before{content:'✳';position:absolute;right:10%;top:0;font-size:100px;color:var(--green);animation:orbit 45s linear infinite}.contact{padding:110px 0}.contact-orbit{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px}.start-project{border:1px solid #0b6028;background:transparent;width:260px;height:260px;border-radius:50%;font-size:47px;line-height:1.1;letter-spacing:-2px;text-align:left;padding:55px;cursor:pointer;transition:background .5s,color .5s,transform .5s}.start-project span{display:block;font-size:45px;transition:transform .4s}.start-project:hover{background:#07090d;color:var(--green);transform:rotate(-6deg)}.start-project:hover span{transform:translate(10px,-5px)}.contact-orbit>span{font-size:9px;letter-spacing:2px}dialog{background:#0d1016;color:var(--white);border:1px solid var(--line);width:min(600px,92vw);max-height:90svh;padding:30px;border-radius:6px}dialog::backdrop{background:#030509ce;backdrop-filter:blur(15px)}dialog[open]{animation:fadeIn .4s}.dialog-heading{display:flex;justify-content:space-between;gap:15px}.dialog-heading small{font-size:9px;letter-spacing:2px;color:var(--green)}.dialog-heading h2{font-size:30px;margin:15px 0}.dialog-heading button{align-self:start;font-size:28px;background:none;border:0;cursor:pointer;padding:0 5px}.form{padding:20px 0 0;background:transparent}#cursor-glow{position:fixed;width:350px;height:350px;border-radius:50%;background:radial-gradient(circle,#7c3aed0c,transparent 70%);pointer-events:none;z-index:5;left:0;top:0;transform:translate(-1000px,-1000px)}body.effects-paused *,body.effects-paused *:before,body.effects-paused *:after{animation-play-state:paused!important}body.effects-paused .intro-screen{display:none}body.effects-paused .reveal{opacity:1;transform:none}body.effects-paused .line>span,body.effects-paused .entrance{animation:none}.effects-paused #cursor-glow{display:none}@media(max-width:850px){nav{height:72px}.cinema{min-height:760px;max-height:1000px}.cinema-content{padding-top:220px}.cinema h1{font-size:clamp(55px,10vw,84px);letter-spacing:-4px}.hero-coordinate{top:100px;font-size:8px}.orbital{width:70vw;right:-5%;top:90px}.orbital img{opacity:.16}.hero-bottom{align-items:start;flex-direction:column;gap:15px}.hero-bottom p{font-size:15px}.round-link span{height:50px;width:50px}.hero-foot{font-size:8px}.hero-foot>span:first-child{display:none}.explore-grid,.journey-sticky{grid-template-columns:1fr;gap:35px}.explorer{padding:80px 0}.service-tabs button{padding-block:20px}.service-visual{height:210px}.journey{padding:70px 0}.journey-scene{min-height:320px;padding-top:65px}.giant-number{font-size:230px}.contact-orbit{margin-top:15px}.start-project{width:220px;height:220px;font-size:42px;padding:45px}.contact{padding:75px 0}.marquee>div{font-size:20px}#cursor-glow{display:none}.manifesto{padding:45px 10px}.manifesto:before{font-size:70px;top:-10px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.intro-screen{display:none}.js-motion .reveal{opacity:1;transform:none}.line>span{transform:none}#cursor-glow{display:none}}