:root{--green:#00f58a;--green-soft:#5bffb6;--green-dark:#043b25;--black:#070d09;--black2:#0b1510;--panel:#101b15;--line:#264336;--text:#f0f7f0;--muted:#99b1a2;--low:#648374;--mono:'Courier New',ui-monospace,monospace;--display:'Arial',Helvetica,sans-serif;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--black);color:var(--text);font-family:Arial,Helvetica,sans-serif;min-width:320px;-webkit-font-smoothing:antialiased;overflow-x:hidden}::selection{background:var(--green);color:#06130a}button,input,select,textarea{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--green);outline-offset:4px}h1,h2,h3,p{margin-top:0}body.motion-off *,body.motion-off *:before,body.motion-off *:after{animation-duration:0.001ms!important;animation-iteration-count:1!important;transition-duration:0.001ms!important;scroll-behavior:auto!important}body.motion-off .reveal{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.reveal{opacity:1!important;transform:none!important}} .progress{position:fixed;top:0;left:0;height:3px;width:100%;transform:scaleX(0);transform-origin:left;background:var(--green);z-index:300}.skip{position:absolute;top:-70px;left:20px;z-index:500;padding:15px;background:var(--green);color:#001509}.skip:focus{top:10px}.cursor-light{position:fixed;top:0;left:0;width:490px;height:490px;pointer-events:none;z-index:1;transform:translate3d(-1000px,-1000px,0);background:radial-gradient(circle,rgba(0,245,138,.065),transparent 65%);mix-blend-mode:screen}.navigation{height:88px;display:flex;gap:20px;align-items:center;justify-content:space-between;padding:0 clamp(22px,4vw,70px);position:absolute;top:0;left:0;right:0;z-index:90;border-bottom:1px solid rgba(131,187,152,.17)}.wordmark{display:inline-flex;gap:14px;align-items:center;font-weight:900;font-size:28px;letter-spacing:-1.8px;white-space:nowrap}.dot{color:var(--green)}.brand-icon{width:32px;height:32px;display:grid;place-items:center;border:2px solid var(--green);transform:rotate(45deg);border-radius:5px}.brand-icon>span{height:12px;width:12px;border:2px solid var(--green);background:#07331c;border-radius:2px}.desktop-links{display:flex;gap:clamp(20px,3.1vw,50px);align-items:center}.desktop-links a{color:#bbcbc0;font-size:12px;transition:color .2s}.desktop-links a:hover,.nav-secondary:hover{color:var(--green)}.nav-right{display:flex;gap:12px;align-items:center}.nav-secondary,.motion-toggle{border:0;background:none;color:#c4d9c8;font:10px var(--mono);letter-spacing:.06em;white-space:nowrap}.motion-toggle{padding:12px;border:1px solid #3b5545}.motion-toggle span{color:var(--green)}.nav-secondary{padding:12px}.nav-cta{background:var(--green);color:#00150b;padding:15px 18px;font:700 10px var(--mono);white-space:nowrap}.nav-cta span{margin-left:9px}.nav-cta:hover,.solid-button:hover{background:#7fffc3}.chapter{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #325445;padding-top:16px;color:var(--green-soft);font:10px var(--mono);letter-spacing:.12em}.chapter span:last-child{color:#638a75}.section-pad{padding:132px clamp(24px,5.1vw,92px)}.overline{color:var(--green);font:10px var(--mono);letter-spacing:.12em}.section-display{font-family:var(--display);font-weight:900;font-size:clamp(47px,6.7vw,110px);line-height:.96;letter-spacing:-.075em;margin:38px 0}.section-display>span{color:var(--green)}.reveal{opacity:0;transform:translateY(48px);transition:opacity .95s cubic-bezier(.25,1,.5,1),transform .95s cubic-bezier(.2,.75,.2,1)}.reveal.show{opacity:1;transform:translateY(0)}.solid-button,.ghost-button{display:inline-flex;min-height:56px;align-items:center;justify-content:space-between;gap:28px;padding:16px 21px;font:700 11px var(--mono);letter-spacing:.01em;transition:background .2s,transform .25s, border-color .2s}.solid-button{background:var(--green);color:#05190f}.ghost-button{border:1px solid #486454;background:transparent;color:#e0f5e4}.ghost-button:hover{border-color:var(--green)}.solid-button:hover,.ghost-button:hover{transform:translateY(-3px)}.thin-line{width:31px;height:1px;background:var(--green)}.hero-foot{display:flex;align-items:center;gap:15px;font:10px var(--mono);letter-spacing:.06em;color:#6d9781}.eyebrow{font:10px var(--mono);letter-spacing:.12em;display:flex;align-items:center;gap:13px;color:#b9cdbd}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 17px var(--green);animation:signal 2.2s infinite}.slash{color:var(--green)}@keyframes signal{50%{opacity:.42;box-shadow:0 0 4px var(--green)}} .studio-hero{min-height:850px;height:min(980px,100svh);position:relative;display:grid;grid-template-columns:minmax(0,1.16fr) minmax(380px,.84fr);gap:clamp(30px,3vw,70px);align-items:center;padding:115px clamp(24px,5.1vw,92px) 65px;overflow:hidden;background:radial-gradient(ellipse at 71% 42%,#0a301d 0%,#07130d 40%,#050a07 79%)}.hero-grid{pointer-events:none;position:absolute;inset:0;background:linear-gradient(#0a281b5d 1px,transparent 1px),linear-gradient(90deg,#0a281b5d 1px,transparent 1px);background-size:92px 92px;mask-image:radial-gradient(ellipse at 65% 40%,#000 0%,transparent 70%)}.hero-noise{pointer-events:none;position:absolute;inset:0;background-image:radial-gradient(#17be7259 .75px,transparent .75px);background-size:31px 31px;opacity:.3}.hero-content,.hero-art{position:relative;z-index:2}.studio-head{font:900 clamp(66px,7.45vw,148px)/.92 var(--display);letter-spacing:-.088em;margin:35px 0 37px;white-space:nowrap}.line-mask{display:block;overflow:hidden;padding-right:18px}.line-mask>span{display:block;animation:titleRise 1.25s cubic-bezier(.16,1,.3,1) both}.line-mask:nth-child(2)>span{animation-delay:.14s}.line-mask:nth-child(3)>span{animation-delay:.28s}.line-mask.outline>span,.outline-text{-webkit-text-stroke:1.6px #d2f6df;color:transparent}.punctuation{color:var(--green)}@keyframes titleRise{from{transform:translateY(115%) skewY(4deg);opacity:0}to{transform:translateY(0) skewY(0);opacity:1}}.hero-description{color:#bdd0c0;font-size:clamp(15px,1.36vw,20px);line-height:1.65;max-width:650px}.hero-buttons{display:flex;flex-wrap:wrap;gap:12px;margin:33px 0 64px}.hero-art{height:min(580px,62vh);min-height:440px;display:flex;flex-direction:column;justify-content:center;isolation:isolate}.stage-hud{display:flex;justify-content:space-between;gap:12px;font:9px var(--mono);letter-spacing:.06em;color:#638b74}.hud-top{margin-bottom:13px}.hud-bottom{margin-top:13px}.hud-online{color:var(--green)}.canvas-frame{position:relative;aspect-ratio:1.08;border:1px solid #2f6043;background:radial-gradient(circle at 50% 50%,#0b2b1b99 0%,#06130b 64%,#060f09 100%);overflow:hidden;box-shadow:0 0 80px #00d8780b,inset 0 0 85px #00b9680b}.canvas-frame:before,.canvas-frame:after{content:'';width:23px;height:23px;position:absolute;pointer-events:none;border:1px solid var(--green);z-index:6}.canvas-frame:before{top:-1px;left:-1px;border-bottom:0;border-right:0}.canvas-frame:after{bottom:-1px;right:-1px;border-top:0;border-left:0}#systemCanvas{position:absolute;inset:0;width:100%;height:100%;display:block}.core-title{position:absolute;z-index:3;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;font:bold clamp(20px,2.1vw,34px)/.92 var(--display);letter-spacing:-.055em;text-shadow:0 0 27px #030d09;pointer-events:none}.core-title em{color:var(--green);font-style:normal}.core-title span{display:block;font:9px var(--mono);letter-spacing:.2em;color:#82b697;margin-top:16px}.field-marker{position:absolute;z-index:4;font:9px var(--mono);background:#07130ebd;border:1px solid #315c41;padding:10px;color:#b5e5c4}.marker-a{top:17%;left:7%}.marker-b{top:21%;right:9%}.marker-c{bottom:15%;left:8%}.marker-d{bottom:18%;right:6%}.reticle{position:absolute;width:13px;height:13px;border:1px solid var(--green);border-radius:50%;box-shadow:0 0 24px #00ff8877;animation:signal 3s infinite}.r1{top:14%;left:54%}.r2{bottom:14%;right:39%;animation-delay:1.2s}.scroll-prompt{position:absolute;bottom:30px;right:clamp(24px,5.1vw,92px);font:10px var(--mono);color:#77a68c}.scroll-prompt span{color:var(--green);display:inline-block;margin-left:12px;animation:scrollBounce 2s infinite}@keyframes scrollBounce{50%{transform:translateY(7px)}}.signal-strip{height:74px;background:#0c2014;border-top:1px solid #1d6038;border-bottom:1px solid #1d6038;display:flex;align-items:center;overflow:hidden}.signal-track{display:flex;align-items:center;gap:35px;white-space:nowrap;width:max-content;animation:marquee 33s linear infinite;font:700 22px var(--display);letter-spacing:-.05em;color:#d5f9de}.signal-track i{color:var(--green);font-style:normal;font-size:17px}@keyframes marquee{to{transform:translateX(-50%)}} .editorial{background:#08110c}.editorial-split{display:grid;grid-template-columns:1.4fr .6fr;align-items:end;gap:35px;margin-bottom:85px}.editorial-split .section-display{margin-bottom:0}.editorial-note{padding-bottom:9px}.mini-cross{font-size:42px;color:var(--green)}.editorial-note p{color:#bacfc1;line-height:1.8;font-size:16px}.text-link{font:11px var(--mono);color:var(--green);border-bottom:1px solid #2b8152;padding-bottom:7px}.system-explorer{display:grid;grid-template-columns:.8fr 1.2fr;border:1px solid #345742;min-height:650px;background:#0b1910}.system-list{border-right:1px solid #345742;display:flex;flex-direction:column}.system-choice{padding:31px clamp(20px,2.8vw,44px);color:#c6d7c9;flex:1;display:flex;gap:18px;align-items:center;justify-content:space-between;border:0;border-bottom:1px solid #345742;background:transparent;text-align:left;transition:background .3s,color .3s}.system-choice:last-child{border-bottom:0}.system-choice small{font:11px var(--mono);color:#6c9678}.system-choice strong{font-size:clamp(21px,2.3vw,37px);font-weight:700;letter-spacing:-.05em;flex:1}.system-choice>span{font-size:20px}.system-choice:hover{background:#122d1c}.system-choice.selected{background:var(--green);color:#061b0e}.system-choice.selected small{color:#15623a}.system-stage{padding:29px 37px 37px;display:flex;flex-direction:column;min-width:0}.stage-rail{display:flex;justify-content:space-between;color:#9ac2a5;font:10px var(--mono);letter-spacing:.07em}.system-visual{height:350px;max-width:580px;width:100%;position:relative;align-self:center;display:flex;align-items:center;justify-content:center;perspective:750px}.system-visual:after{content:'';position:absolute;inset:10px;background-image:linear-gradient(#17422b33 1px,transparent 1px),linear-gradient(90deg,#17422b33 1px,transparent 1px);background-size:29px 29px;mask-image:radial-gradient(ellipse,#000,transparent 70%)}.sys-orbit{position:absolute;border:1px solid #26955b;border-radius:50%;animation:orbitSpin 25s linear infinite;z-index:1}.orbit-one{width:265px;height:265px;border-style:dashed}.orbit-two{width:198px;height:198px;border-color:#45b77770;animation-direction:reverse;animation-duration:19s}.sys-orbit:after{content:'';position:absolute;width:7px;height:7px;border-radius:50%;background:var(--green);top:10%;left:14%;box-shadow:0 0 14px var(--green)}@keyframes orbitSpin{to{transform:rotate(360deg)}}.sys-center{position:relative;z-index:4;display:grid;place-items:center;height:128px;width:128px;border-radius:50%;background:radial-gradient(circle at 30% 20%,#1b6840,#0b2316 75%);box-shadow:0 0 60px #00f58a33;border:1px solid #64e4a0;font:bold 17px var(--mono);text-align:center;color:#edfff2}.sys-node{position:absolute;z-index:5;padding:11px 14px;background:#0a1a11;border:1px solid #366d49;font:10px var(--mono);color:#c6f3d2}.sys-n1{top:14%;left:18%}.sys-n2{top:18%;right:14%}.sys-n3{bottom:15%;left:14%}.sys-n4{bottom:19%;right:14%}.sys-ping{width:350px;height:350px;border:1px solid #257b4c22;border-radius:50%;position:absolute;animation:ping 4s ease-in-out infinite;z-index:1}@keyframes ping{50%{transform:scale(1.13);opacity:.15}}.stage-bottom{display:flex;gap:25px;justify-content:space-between;align-items:flex-end;border-top:1px solid #365843;padding-top:28px;margin-top:auto}.stage-bottom h3{font-size:clamp(23px,2.5vw,36px);letter-spacing:-.06em;margin:12px 0}.stage-bottom p{color:#a9bfb0;font-size:14px;line-height:1.6;max-width:480px;margin:0}.stage-stack{flex-shrink:0;display:flex;flex-direction:column;gap:8px;text-align:right}.stage-stack span{font:9px var(--mono);color:var(--green);letter-spacing:.05em}.system-visual.switching{animation:panelRefresh .55s ease}@keyframes panelRefresh{from{filter:blur(9px);opacity:.2;transform:scale(.96)}to{filter:blur(0);opacity:1;transform:scale(1)}} .case-zone{background:#0c1811}.case-intro{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:42px}.case-intro p{max-width:360px;color:#a9bcae;line-height:1.75;margin-bottom:37px}.case-list{border-top:1px solid #385846}.case-row{width:100%;min-height:180px;display:grid;grid-template-columns:70px 1fr 230px 40px;gap:25px;align-items:center;background:none;border:0;border-bottom:1px solid #385846;color:#f1f8f2;text-align:left;padding:24px 6px;transition:background .2s,padding .2s}.case-row:hover,.case-row[aria-expanded=true]{background:#122b1b;padding-left:18px}.case-n,.case-meta{font:10px var(--mono);color:#7ba38b}.case-big{font-size:clamp(26px,3.4vw,61px);font-weight:800;letter-spacing:-.065em}.case-arrow{font-size:30px;color:var(--green);transition:transform .3s}.case-row[aria-expanded=true] .case-arrow{transform:rotate(45deg)}.case-detail{padding:28px 20px 43px;display:grid;grid-template-columns:.95fr 1.05fr;gap:50px;border-bottom:1px solid #385846;background:#0d2114}.case-detail[hidden]{display:none}.case-detail h3{font-size:36px;letter-spacing:-.06em;margin:18px 0}.case-detail p{color:#b3cfbc;font-size:15px;line-height:1.8;max-width:620px}.case-detail .subtle-note{font:11px/1.7 var(--mono);color:#6a9079}.case-animation{min-height:280px;background:radial-gradient(ellipse at center,#10482a,#07160e 70%);border:1px solid #346146;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:13px;padding:25px;position:relative;overflow:hidden}.case-animation span{position:relative;z-index:2;padding:13px 17px;background:#0c2316;border:1px solid #49af72;color:#defde7;font:11px var(--mono)}.case-beam{position:absolute;inset:-25%;background:conic-gradient(from 0deg,transparent 30%,#00f58a10 40%,transparent 52%,#00f58a12 70%,transparent 80%);animation:orbitSpin 13s linear infinite}.case-ai span{border-radius:25px}.case-platform span{transform:skewY(-5deg)} .manifesto{position:relative;min-height:710px;overflow:hidden;background:var(--green);color:#04170e;padding:90px clamp(24px,5.1vw,92px)}.manifesto .chapter{border-top-color:#034e2c;color:#034e2c}.manifesto .chapter span:last-child{color:#168047}.manifesto-backdrop{position:absolute;white-space:nowrap;font-weight:900;font-size:28vw;letter-spacing:-.10em;color:#00c97530;left:-5%;top:30%;transform:rotate(-12deg);pointer-events:none}.manifesto-inner{position:relative;z-index:2}.manifesto .overline{color:#086b3d;margin-top:95px}.manifesto h2{font-weight:900;font-size:clamp(60px,9vw,150px);line-height:.93;letter-spacing:-.09em;margin:35px 0 80px}.manifesto h2 em{font-style:normal;color:transparent;-webkit-text-stroke:2px #052c1b}.manifesto-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;border-top:1px solid #08753f;padding-top:27px}.manifesto-steps span{font:10px var(--mono);color:#07683b}.manifesto-steps p{font-size:17px;font-weight:700;margin-top:15px;max-width:200px;line-height:1.4} .brief-zone{background:#09120d}.brief-grid{display:grid;grid-template-columns:1fr .9fr;gap:clamp(35px,8vw,135px);padding-top:20px}.contact-copy{color:#c0d1c2;font-size:19px;line-height:1.7;max-width:570px}.brief-form{border:1px solid #3a694b;background:#0c1d12;padding:38px;display:flex;flex-direction:column;gap:17px}.brief-form label{font:11px var(--mono);margin-top:12px;color:#e2f5e4}.brief-form select,.brief-form textarea{border:1px solid #3e644c;background:#09130d;color:#e9f8ed;padding:16px;width:100%;outline-offset:2px}.brief-form select{min-height:51px}.brief-form textarea{resize:vertical;line-height:1.6}.brief-form textarea::placeholder{color:#6b927b}.brief-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:7px}.brief-actions .solid-button,.brief-actions .ghost-button{font-size:10px}.brief-status{font:10px/1.6 var(--mono);color:#669476;margin:2px 0}.footer{background:#050b07;border-top:1px solid #2f523b;padding:33px clamp(24px,5.1vw,92px);display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;align-items:center;color:#789986;font:10px var(--mono)}.footer a{color:var(--green)} .personal{--green:#00ef8b;--green-soft:#53ffc1;background:#080f0b}.personal .navigation{border-color:#2d4935}.panda-avatar{width:42px;height:42px;border:1px solid #217248;background:#0b2a19;border-radius:50%;overflow:hidden;display:flex;align-items:flex-start;justify-content:center}.panda-avatar img{width:38px;margin-top:1px}.personal-hero{position:relative;min-height:840px;min-height:100svh;display:grid;grid-template-columns:minmax(0,1.04fr) minmax(350px,.96fr);overflow:hidden;padding-top:88px;background:#09140d}.personal-gridlines{position:absolute;inset:0;background:radial-gradient(ellipse at 65% 40%,#085b2c3a,transparent 60%),linear-gradient(90deg,#15462b1c 1px,transparent 1px);background-size:100%,88px 88px;pointer-events:none}.personal-hero-copy{position:relative;z-index:5;padding:clamp(80px,10vh,160px) 15px 60px clamp(24px,5.1vw,92px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.personal-head{font:900 clamp(64px,7vw,121px)/.96 var(--display);letter-spacing:-.08em;white-space:nowrap;margin:37px 0}.accent-text{color:var(--green)}.personal-head .line-mask{padding-right:22px}.personal-deck{max-width:585px;font-size:17px;line-height:1.8}.personal-hero .hero-buttons{margin-bottom:45px}.personal .hero-foot{margin-top:auto}.panda-stage{position:relative;overflow:hidden;background:radial-gradient(ellipse at 53% 45%,#126b3e 0%,#0b3a24 31%,#0a2519 55%,#06120b 95%);border-left:1px solid #345c40;isolation:isolate}.panda-stage:after{content:'';position:absolute;inset:0;background:radial-gradient(#3f9d5e33 .8px,transparent .8px);background-size:24px 24px;opacity:.5;pointer-events:none}.panda-stage-top,.panda-stage-bottom{position:absolute;z-index:8;left:28px;right:28px;display:flex;justify-content:space-between;gap:15px;font:10px var(--mono);letter-spacing:.06em;color:#b0d9b9}.panda-stage-top{top:29px}.panda-stage-bottom{bottom:28px}.panda-halo{position:absolute;width:680px;height:680px;top:50%;left:50%;border-radius:50%;border:1px solid #7effb037;transform:translate(-50%,-50%);animation:orbitSpin 46s linear infinite}.halo-2{height:500px;width:500px;border-style:dashed;border-color:#22e88077;animation-duration:35s;animation-direction:reverse}.halo-3{height:850px;width:850px;border-color:#31ff8a1e;animation-duration:67s}.panda-light{position:absolute;width:50%;height:50%;border-radius:50%;left:25%;top:30%;background:#00e48222;filter:blur(58px);animation:softGlow 5s infinite alternate}@keyframes softGlow{to{transform:scale(1.35);opacity:.6}}.panda-illustration{width:min(94%,710px);height:72%;position:absolute;object-fit:contain;top:50%;left:50%;z-index:3;transform:translate(-50%,-48%);filter:drop-shadow(0 34px 40px #020d0888);animation:pandaFloat 7s ease-in-out infinite}@keyframes pandaFloat{50%{transform:translate(-50%,-50%)}}.art-side-label{position:absolute;top:52%;left:22px;z-index:7;writing-mode:vertical-rl;transform:rotate(180deg);font:10px var(--mono);color:#a8cfb2;letter-spacing:.09em}.panda-stamp{position:absolute;z-index:8;bottom:74px;right:5%;display:flex;align-items:center;gap:14px;background:#06190fdb;border:1px solid #3d995d;padding:10px 15px;transform:rotate(5deg);box-shadow:0 8px 35px #0005}.panda-stamp img{height:54px;width:auto}.panda-stamp span{font:10px/1.6 var(--mono);color:#c4ffdb} .personal-manifesto{background:#0b1910}.personal-manifesto-inner{position:relative;max-width:1320px;margin:0 auto;padding:70px 0 0}.personal-manifesto .section-display{font-size:clamp(48px,7.5vw,125px);position:relative;z-index:1}.personal-manifesto .section-display span{color:transparent;-webkit-text-stroke:1px var(--green)}.giant-asterisk{position:absolute;right:6%;top:-25px;font-size:clamp(160px,31vw,500px);color:#0a672f38;line-height:1;animation:orbitSpin 45s linear infinite;pointer-events:none}.manifesto-personal-line{font-size:clamp(23px,3.5vw,54px);font-weight:800;letter-spacing:-.045em;color:var(--green);margin:35px 0}.principle-copy{font-size:clamp(18px,1.9vw,25px);line-height:1.7;color:#afc7b6;max-width:900px}.principle-signature{border-top:1px solid #3c6848;margin-top:80px;padding:27px 0;display:flex;justify-content:space-between;gap:25px;font:11px var(--mono);color:#b1e0ba}.principle-signature span{color:var(--green);font-size:23px} .hardparts{background:#07120b}.hardparts-intro{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:50px}.hardparts-intro p{color:#a6c3af;max-width:310px;line-height:1.75}.hardparts-shell{border:1px solid #315e3d;display:grid;grid-template-columns:.9fr 1.1fr;min-height:615px;background:#0d1f13}.lens-menu{display:flex;flex-direction:column;border-right:1px solid #315e3d}.lens{flex:1;display:grid;grid-template-columns:36px 1fr 30px;gap:14px;align-items:center;text-align:left;background:transparent;border:0;border-bottom:1px solid #315e3d;color:#c6dac8;padding:28px clamp(20px,3vw,42px)}.lens:last-child{border:0}.lens>span:first-child{font:11px var(--mono);color:#78ac86}.lens strong{font-size:clamp(25px,2.45vw,39px);letter-spacing:-.055em}.lens-arrow{font-size:22px;color:var(--green)}.lens:hover{background:#173c24}.lens.selected{background:var(--green);color:#05180c}.lens.selected>span,.lens.selected .lens-arrow{color:#10542f}.lens-stage{display:flex;flex-direction:column;padding:31px 42px 35px}.lens-visual{height:290px;position:relative;display:flex;align-items:center;justify-content:center}.lens-ring{border:1px solid #26a75d;border-radius:50%;position:absolute;animation:orbitSpin 30s linear infinite}.lr1{width:240px;height:240px;border-style:dashed}.lr2{width:190px;height:190px;animation-direction:reverse}.lens-visual-center{position:relative;z-index:3;border-radius:50%;height:135px;width:135px;display:grid;place-items:center;background:radial-gradient(circle at 30% 20%,#1b6c3a,#081b0e 80%);border:1px solid #6bec97;color:var(--green);font:bold 20px var(--mono);box-shadow:0 0 60px #0df07723}.lens-satellite{position:absolute;z-index:4;font:10px var(--mono);padding:10px;background:#092213;border:1px solid #328b4f;color:#d3f5d8}.lens-s1{left:12%;top:20%}.lens-s2{right:11%;top:19%}.lens-s3{right:24%;bottom:9%}.lens-stage h3{font-size:clamp(25px,2.9vw,42px);letter-spacing:-.06em;margin:17px 0}.lens-stage p{color:#afc8b4;line-height:1.75;font-size:15px;max-width:650px}.lens-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:auto}.lens-tags span,.proof-tags span{border:1px solid #2d6f42;color:var(--green);font:10px var(--mono);padding:10px 12px} .selected-personal{background:#0c1a10}.proof-head{display:flex;justify-content:space-between;align-items:end;gap:25px}.proof-head p{color:#a1bca9;line-height:1.75;max-width:320px;margin-bottom:45px}.proof-stack{border-top:1px solid #2c5e39}.proof-feature{padding:58px 0;display:grid;grid-template-columns:.3fr 1fr;gap:35px;border-bottom:1px solid #2c5e39;transition:background .25s,padding .3s}.proof-feature:hover{background:#12321c;padding-left:20px}.proof-side{display:flex;flex-direction:column;justify-content:space-between;color:#88af92;font:10px var(--mono);letter-spacing:.06em}.proof-symbol{color:var(--green);font-size:87px;line-height:1}.proof-feature h3{font-size:clamp(36px,5.2vw,75px);font-weight:800;letter-spacing:-.07em;line-height:.99}.proof-feature h3 em{font-style:normal;color:var(--green)}.proof-feature p{font-size:17px;line-height:1.7;color:#b7cfbd;max-width:740px}.proof-tags{display:flex;flex-wrap:wrap;gap:9px;margin-top:23px} .origin{padding:0 clamp(24px,5.1vw,92px) 80px;background:#0c1a10}.origin-frame{display:grid;grid-template-columns:.8fr 1.2fr;background:#07130b;border:1px solid #2d7144}.origin-illustration{position:relative;min-height:500px;overflow:hidden;background:radial-gradient(circle at 48% 52%,#155b32,#091b0f 65%);display:flex;align-items:center;justify-content:center}.origin-illustration img{position:relative;z-index:2;height:365px;filter:drop-shadow(0 25px 30px #020b0744);animation:pandaFloatAlt 5s ease-in-out infinite}@keyframes pandaFloatAlt{50%{transform:translateY(-12px)}}.origin-circles{position:absolute;width:420px;height:420px;border:1px dashed #23ff874b;border-radius:50%;animation:orbitSpin 29s linear infinite}.origin-circles:before{content:'';position:absolute;inset:45px;border:1px solid #43ae644d;border-radius:50%}.origin-copy{display:flex;flex-direction:column;justify-content:center;padding:75px clamp(28px,6vw,100px)}.origin-copy h2{font-size:clamp(43px,4.8vw,78px);font-weight:900;letter-spacing:-.07em;line-height:.96;margin:27px 0 33px}.origin-copy h2 em{color:var(--green);font-style:normal}.origin-copy p{max-width:640px;color:#b6cbb9;line-height:1.7;font-size:17px}.personal-contact{background:#08130c;min-height:550px}.personal-contact h2{font-weight:900;font-size:clamp(60px,8.3vw,140px);letter-spacing:-.09em;line-height:.92;margin:65px 0 30px}.personal-contact h2 span{color:var(--green)}.personal-contact>p{color:#b3cbb8;font-size:19px}.contact-links{display:flex;flex-wrap:wrap;gap:12px;margin:38px 0 75px}.personal-cv-note{color:#719880;border-top:1px solid #325a40;padding-top:22px;font:10px var(--mono)} @media(max-width:1250px){.desktop-links{gap:20px}.nav-secondary{display:none}.studio-hero{grid-template-columns:1.12fr .88fr;gap:25px}.studio-head{font-size:clamp(61px,7vw,105px)}.personal-head{font-size:clamp(58px,6.5vw,99px)}.hero-art{min-height:400px}.case-row{grid-template-columns:40px 1fr 160px 35px}} @media(max-width:980px){.navigation{height:77px}.desktop-links{display:none}.studio-hero{min-height:0;height:auto;padding-top:145px;padding-bottom:100px;grid-template-columns:1fr}.studio-head{font-size:clamp(66px,10vw,125px)}.hero-art{height:540px;max-width:650px;width:100%;margin:0 auto}.scroll-prompt{bottom:21px}.editorial-split,.case-intro,.brief-grid,.hardparts-intro,.proof-head{grid-template-columns:1fr;display:block}.editorial-note{max-width:590px;margin-top:35px}.case-intro p{max-width:570px}.system-explorer,.hardparts-shell{grid-template-columns:1fr}.system-list,.lens-menu{border-right:0;border-bottom:1px solid #345742;display:grid;grid-template-columns:repeat(2,1fr)}.system-choice,.lens{min-height:110px}.system-stage{min-height:590px}.case-row{grid-template-columns:34px 1fr 30px}.case-meta{display:none}.manifesto-steps{grid-template-columns:repeat(2,1fr)}.personal-hero{grid-template-columns:1fr;min-height:0}.personal-hero-copy{min-height:690px;padding:105px 27px 80px}.personal-head{font-size:clamp(64px,11vw,115px)}.panda-stage{height:690px}.hardparts-intro p,.proof-head p{max-width:570px}.lens-menu{grid-template-columns:1fr 1fr 1fr}.lens{display:flex;flex-direction:column;align-items:flex-start;min-height:165px;gap:12px;justify-content:space-between;padding:20px}.lens strong{font-size:24px}.lens .lens-arrow{display:none}.lens-stage{min-height:610px}} @media(max-width:650px){.navigation{padding:0 18px;gap:8px}.wordmark{font-size:23px;gap:10px}.brand-icon{width:27px;height:27px}.nav-cta{padding:12px 10px;font-size:9px}.motion-toggle{font-size:8px;padding:10px 7px}.section-pad{padding:88px 22px}.studio-hero{padding:130px 20px 70px;gap:50px}.eyebrow{font-size:8px;gap:9px;flex-wrap:wrap}.studio-head{font-size:clamp(52px,12.3vw,77px)}.hero-description{font-size:15px}.hero-description br{display:none}.hero-buttons{gap:8px;margin-bottom:35px}.solid-button,.ghost-button{padding:13px;min-height:49px;font-size:9px;gap:12px}.hero-foot{font-size:8px;line-height:1.7}.hero-art{height:365px;min-height:0}.stage-hud{font-size:7px}.field-marker{font-size:7px;padding:7px}.core-title{font-size:24px}.signal-strip{height:61px}.signal-track{font-size:17px}.section-display{font-size:clamp(42px,11vw,65px)}.editorial-split{margin-bottom:45px}.editorial-note p{font-size:15px}.system-list{grid-template-columns:1fr 1fr}.system-choice{padding:20px 13px;min-height:104px;gap:7px}.system-choice strong{font-size:19px}.system-choice small{font-size:9px}.system-choice>span{font-size:15px}.system-stage{padding:22px 15px;min-height:0}.stage-rail{font-size:8px}.system-visual{height:300px}.orbit-one{width:240px;height:240px}.orbit-two{width:178px;height:178px}.sys-center{width:115px;height:115px;font-size:14px}.sys-node{font-size:8px;padding:7px}.stage-bottom{display:block}.stage-stack{flex-direction:row;flex-wrap:wrap;align-items:start;text-align:left;margin-top:20px}.stage-stack span{font-size:8px}.case-intro p{margin-top:20px}.case-row{grid-template-columns:28px 1fr 21px;min-height:130px;gap:9px}.case-big{font-size:clamp(24px,6.2vw,40px)}.case-n{font-size:9px}.case-arrow{font-size:22px}.case-detail{grid-template-columns:1fr;gap:20px;padding:22px 12px}.case-animation{min-height:210px}.case-animation span{padding:8px;font-size:9px}.case-detail h3{font-size:28px}.manifesto{padding:70px 23px;min-height:0}.manifesto .overline{margin-top:65px}.manifesto h2{font-size:clamp(51px,12vw,85px)}.manifesto-steps{gap:13px}.manifesto-steps p{font-size:14px}.brief-form{padding:22px 17px}.footer{font-size:8px;padding:30px 22px}.personal-hero-copy{padding:85px 22px 75px;min-height:700px}.personal-head{font-size:clamp(50px,11.9vw,79px);margin-top:35px}.personal-deck{font-size:15px}.personal .hero-foot{margin-top:10px}.panda-stage{height:520px}.panda-illustration{width:98%;height:77%}.panda-stamp{bottom:62px;right:4%}.panda-stamp img{height:40px}.panda-stamp span{font-size:8px}.panda-stage-top,.panda-stage-bottom{font-size:8px;left:17px;right:17px}.personal-manifesto-inner{padding-top:38px}.personal-manifesto .section-display{font-size:clamp(44px,10vw,72px)}.manifesto-personal-line{font-size:25px}.principle-copy{font-size:17px}.principle-signature{font-size:9px;margin-top:35px}.lens-menu{grid-template-columns:1fr}.lens{min-height:98px;display:grid;grid-template-columns:26px 1fr 23px;align-items:center}.lens strong{font-size:22px}.lens .lens-arrow{display:block}.lens-stage{min-height:0;padding:20px 18px 27px}.lens-visual{height:280px}.lens-satellite{font-size:8px;padding:7px}.lens-stage h3{font-size:30px}.proof-feature{grid-template-columns:1fr;padding:38px 0;gap:16px}.proof-side{flex-direction:row}.proof-symbol{font-size:34px}.proof-feature h3{font-size:clamp(37px,9vw,58px)}.proof-feature p{font-size:15px}.origin{padding:0 22px 65px}.origin-frame{grid-template-columns:1fr}.origin-illustration{min-height:350px}.origin-illustration img{height:285px}.origin-copy{padding:46px 23px}.origin-copy h2{font-size:clamp(37px,9.5vw,60px)}.origin-copy p{font-size:15px}.personal-contact h2{font-size:clamp(49px,10.9vw,79px)}.contact-links{margin-bottom:45px}} @media(max-width:390px){.wordmark{font-size:21px}.nav-right{gap:6px}.nav-cta{padding:11px 8px}.motion-toggle{padding:8px 6px}.studio-head{font-size:49px}.personal-head{font-size:47px}} .system-visual .sys-node{appearance:none;cursor:pointer;border:1px solid #4e9770;transition:background .28s,border-color .28s,box-shadow .28s,color .28s,transform .28s;min-height:42px;touch-action:manipulation}.system-visual .sys-node:hover,.system-visual .sys-node:focus-visible{background:#17452b;color:#e9ffef;border-color:#00f58a;box-shadow:0 0 25px #00f58a35;transform:translateY(-3px)}.system-visual .sys-node[aria-pressed=true]{background:var(--green);border-color:var(--green);color:#06170c;box-shadow:0 0 32px #00f58a57;transform:scale(1.09);font-weight:900}.system-visual:has(.sys-node[aria-pressed=true]) .sys-center{box-shadow:0 0 0 10px #00f58a15,0 0 68px #00f58a55}.node-inspector{border:1px solid #2f6545;background:linear-gradient(115deg,#102c1d,#0b1a11);padding:17px 20px 19px;max-width:680px;width:100%;margin:0 auto 26px;position:relative;overflow:hidden;min-height:154px}.node-inspector:before{position:absolute;content:'';top:0;left:-30%;height:2px;width:42%;background:linear-gradient(90deg,transparent,var(--green),transparent);transition:left .52s ease}.node-inspector.loaded:before{left:100%}.node-inspector-head{font:10px var(--mono);letter-spacing:.10em;color:var(--green);display:flex;justify-content:space-between}.node-inspector-body{display:flex;gap:17px;align-items:center;margin:12px 0}.inspector-sigil{flex:0 0 44px;height:44px;display:grid;place-items:center;border:1px solid #398a55;color:#00f58a;background:#102e1c;font-size:25px}.node-inspector h4{font:800 24px/1.1 Arial,sans-serif;letter-spacing:-.045em;margin:0 0 8px}.node-inspector p{font:13px/1.55 Arial,sans-serif;color:#b8d9c1;margin:0}.node-inspector-tags{display:flex;flex-wrap:wrap;gap:7px;padding-left:61px}.node-inspector-tags span{font:9px var(--mono);border:1px solid #316d4b;color:#91efaf;padding:5px 8px}.node-inspector.loaded .node-inspector-body{animation:inspectorEnter .45s cubic-bezier(.16,1,.3,1)}@keyframes inspectorEnter{from{opacity:.1;transform:translateX(18px)}to{opacity:1;transform:translateX(0)}} .manifesto{background:#00e982}.manifesto .chapter{border-top-color:#02502e;color:#033a25;font-size:12px;font-weight:700}.manifesto .chapter span:last-child{color:#064f30}.manifesto .overline{color:#04472d;font-size:13px;font-weight:700}.manifesto h2{font-size:clamp(62px,9.2vw,156px);letter-spacing:-.08em;line-height:.94;text-shadow:0 1px 0 #ffffff22}.manifesto h2 em{color:#002b1a;-webkit-text-stroke:0;text-shadow:0 2px 0 #b4ffd255}.manifesto-backdrop{color:#043f2410;top:36%;letter-spacing:-.08em}.manifesto-steps{border-top:2px solid #055638;gap:24px}.manifesto-steps span{font-size:12px;color:#034328;font-weight:700}.manifesto-steps p{font-size:clamp(19px,1.6vw,23px);font-weight:800;line-height:1.27;color:#002a1b;max-width:270px} .arcade-section{background:#070f0b;position:relative;overflow:hidden}.arcade-section:before{position:absolute;content:'';top:-250px;right:-220px;width:750px;height:750px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,#0083472c,transparent 68%)}.arcade-section>*{position:relative}.arcade-header{display:grid;grid-template-columns:1.2fr .8fr;align-items:end;gap:30px;margin:40px 0 42px}.arcade-header .section-display{font-size:clamp(46px,6.4vw,104px);line-height:.96;margin:20px 0 0}.arcade-header>p{font-size:16px;line-height:1.75;color:#bbd1c1;max-width:440px;justify-self:end}.arcade-shell{border:1px solid #397950;background:#07140d;max-width:1320px;margin:auto;box-shadow:0 30px 80px #0005}.arcade-top,.arcade-hud{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;padding:15px 21px;border-bottom:1px solid #29563b;font:10px var(--mono);letter-spacing:.06em}.arcade-top{color:#9ccbad;background:#0d2516}.arcade-top .arcade-led{display:inline-block;border-radius:50%;width:7px;height:7px;background:var(--green);box-shadow:0 0 12px #00f58a;vertical-align:middle;margin-right:8px}.arcade-hud{color:#9bd3a8}.arcade-hud b{font-size:18px;color:#e9fff1;margin-left:8px;letter-spacing:0}.arcade-screen{position:relative;background:radial-gradient(ellipse at 50% 50%,#0e2b1a,#040b07 77%);isolation:isolate;overflow:hidden}.arcade-screen canvas{width:100%;height:auto;aspect-ratio:920/420;display:block;touch-action:none}.arcade-overlay{position:absolute;z-index:5;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:14px;background:#06130bdd;backdrop-filter:blur(3px);padding:20px}.arcade-overlay[hidden]{display:none}.arcade-overlay>span{font:11px var(--mono);color:var(--green);letter-spacing:.12em}.arcade-overlay strong{font:900 clamp(28px,6vw,70px)/.92 Arial,sans-serif;letter-spacing:-.08em;color:#f1fff3}.arcade-overlay p{font-size:14px;color:#bed5c0;max-width:400px;line-height:1.5;margin:0}.arcade-overlay button,.debug-buttons button:first-child{border:0;background:var(--green);color:#05130b;font:900 11px var(--mono);padding:16px 21px}.arcade-controls{padding:19px 21px;display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap;border-top:1px solid #245339}.arcade-controls>span,.game-access{font:10px/1.6 var(--mono);color:#7bb18c}.arcade-controls>div{display:flex;flex-wrap:wrap;gap:7px}.arcade-controls button{background:#112a1a;color:#e5ffee;border:1px solid #41815b;font:10px var(--mono);padding:13px 18px;min-height:43px;touch-action:none}.arcade-controls button:hover,.arcade-controls button:focus-visible{background:#184c2d;border-color:var(--green)}.arcade-controls #shooterFire{background:#005f33;border-color:#00b26d;color:#f2fff5}.game-access{border-top:1px solid #1e422e;padding:12px 21px;margin:0} .debug-section{background:#0c1a10}.debug-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(30px,6vw,90px);align-items:center;margin-top:43px}.debug-intro .section-display{font-size:clamp(50px,6.2vw,102px);line-height:.96;white-space:normal}.debug-intro>p:not(.overline){color:#b9d3bf;line-height:1.7;max-width:500px;font-size:16px}.debug-intro .debug-note{font-size:13px!important;color:#87b99a!important;border-left:2px solid #1d8953;padding-left:16px;margin:34px 0}.debug-hud{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:31px 0}.debug-hud>div{border:1px solid #2d6945;background:#09180e;padding:18px 13px;display:grid;gap:9px}.debug-hud span{font:9px var(--mono);color:#8bcca2}.debug-hud strong{font:800 28px Arial,sans-serif;color:#dbffe7}.debug-buttons{display:flex;gap:8px;flex-wrap:wrap}.debug-buttons button{min-height:51px;padding:14px 19px}.debug-buttons button:last-child{border:1px solid #417754;background:transparent;color:#e1f4e4;font:11px var(--mono)}.debug-screen{border:1px solid #356a49;background:#06130b;box-shadow:0 30px 80px #0006}.debug-screen-top{display:flex;justify-content:space-between;gap:8px;border-bottom:1px solid #27573b;padding:15px;color:#a8d6b3;font:10px var(--mono)}.debug-screen-top span:last-child{color:var(--green)}.debug-screen canvas{width:100%;height:auto;aspect-ratio:640/440;display:block;cursor:crosshair;touch-action:manipulation}.debug-screen>p{font:10px var(--mono);color:#7dab8b;padding:12px 15px;margin:0;border-top:1px solid #28583a} @media(max-width:980px){.arcade-header{grid-template-columns:1fr}.arcade-header>p{justify-self:start}.debug-grid{grid-template-columns:1fr}.debug-intro .section-display{font-size:clamp(49px,9vw,95px)}.arcade-screen canvas{min-height:240px}} @media(max-width:650px){.node-inspector{padding:15px 13px 16px;min-height:175px;margin-bottom:17px}.node-inspector h4{font-size:19px}.node-inspector p{font-size:12px}.node-inspector-tags{padding-left:0}.inspector-sigil{height:35px;flex-basis:35px}.manifesto h2{font-size:clamp(49px,10vw,72px);letter-spacing:-.08em}.manifesto .overline{margin-top:55px}.manifesto-steps p{font-size:18px}.arcade-header .section-display{font-size:clamp(42px,10vw,65px)}.arcade-hud{font-size:9px}.arcade-hud b{font-size:14px}.arcade-top span:last-child{display:none}.arcade-screen canvas{min-height:260px;object-fit:cover}.arcade-controls{padding:12px;justify-content:center}.arcade-controls>span{font-size:8px;text-align:center}.arcade-controls>div{justify-content:center}.arcade-controls button{padding:11px 13px}.debug-intro .section-display{font-size:clamp(43px,9.4vw,67px)}.debug-screen canvas{min-height:260px}.debug-grid{gap:20px}} @media(prefers-reduced-motion:reduce){.node-inspector.loaded .node-inspector-body{animation:none}}body.motion-off .node-inspector.loaded .node-inspector-body{animation:none} @media print{.arcade-section,.debug-section{display:none!important}} .debug-hud>div>span{font:9px var(--mono);color:#8bcca2}.debug-hud strong #debugTime{font:inherit;color:inherit} .lens-visual .lens-satellite{cursor:pointer;appearance:none;min-height:40px;min-width:93px;text-align:center;transition:transform .24s ease,background .24s,border-color .24s,box-shadow .24s,color .24s;touch-action:manipulation} .lens-visual .lens-satellite:hover,.lens-visual .lens-satellite:focus-visible{border-color:#00ef8b;background:#155134;box-shadow:0 0 0 3px #00ef8b1c,0 0 25px #00ef8b2c;transform:translateY(-3px);color:#fff} .lens-visual .lens-satellite[aria-pressed="true"]{background:#00ef8b;color:#06160e;border-color:#00ef8b;box-shadow:0 0 0 5px #00ef8b20,0 0 32px #00ef8b42} .lens-readout{position:relative;overflow:hidden;border:1px solid #3f8658;background:linear-gradient(110deg,#10351d,#0b2115 65%,#0b1b12);padding:17px 22px 16px;margin:0 0 22px;box-shadow:0 14px 33px #030b0630} .lens-readout[hidden]{display:none} .lens-readout.arriving{animation:lensReadoutEnter .3s cubic-bezier(.19,1,.22,1) both} .lens-readout:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#00ef8b,transparent)} .lens-readout-rail{display:flex;justify-content:space-between;gap:12px;color:#00ef8b;letter-spacing:.09em;font:10px var(--mono)} .lens-readout-body{display:flex;align-items:center;gap:16px;margin-top:12px} .lens-readout-icon{height:48px;width:48px;flex:0 0 48px;display:grid;place-items:center;border:1px solid #368656;color:#00ef8b;font:27px var(--mono);background:#0c2819} .lens-readout h4{font:800 clamp(20px,2.1vw,26px)/1.14 var(--display);letter-spacing:-.04em;margin:0 0 6px;color:#eefef2} .lens-stage .lens-readout p{font:13px/1.65 var(--display);color:#bcdbca;margin:0;max-width:none} .lens-readout-tags{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0 0 64px} .lens-readout-tags span{font:9px var(--mono);color:#76f9b3;border:1px solid #256f46;padding:6px 8px;background:#0c2819} .case-detail .case-animation{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:stretch;min-height:345px;padding:25px;gap:18px} .case-beam{pointer-events:none} .case-flow-nodes{position:relative;z-index:2;display:flex;flex-wrap:wrap;gap:8px;justify-content:center;align-items:center;width:100%;padding:8px 0 4px} .case-flow-nodes .case-flow-node{appearance:none;cursor:pointer;border:1px solid #408b5b;background:#0a2617;padding:13px 15px;min-height:44px;min-width:65px;color:#ecfff0;font:11px var(--mono);transition:background .25s,border-color .25s,box-shadow .25s,transform .25s,color .25s;touch-action:manipulation} .case-platform .case-flow-nodes .case-flow-node{transform:skewY(-4deg)} .case-flow-nodes .case-flow-node:hover,.case-flow-nodes .case-flow-node:focus-visible{border-color:#00f58a;background:#194931;box-shadow:0 0 30px #00f58a24;transform:translateY(-4px)} .case-platform .case-flow-nodes .case-flow-node:hover,.case-platform .case-flow-nodes .case-flow-node:focus-visible{transform:skewY(-4deg) translateY(-4px)} .case-flow-nodes .case-flow-node[aria-pressed="true"]{background:#00f58a;color:#042314;border-color:#00f58a;box-shadow:0 0 0 4px #00f58a22,0 0 26px #00f58a33} .case-flow-readout{position:relative;z-index:2;width:100%;margin-top:auto;background:linear-gradient(112deg,#0d2a19f0,#081b12f5);border:1px solid #3a6b49;padding:18px 20px;min-height:185px} .case-flow-readout.flow-reveal{animation:flowReadoutEnter .25s ease-out both} .case-animation .case-flow-readout span{display:inline;background:none;border:0;padding:0;transform:none} .case-flow-status{display:flex;align-items:center;gap:9px;color:#7afdb0;letter-spacing:.04em;font:10px var(--mono)} .case-animation .case-flow-status .case-flow-led{font-size:13px;color:#00f58a;filter:drop-shadow(0 0 8px #00f58a)} .case-animation .case-flow-status .case-flow-count{margin-left:auto;color:#79bc95} .case-flow-readout h4{margin:13px 0 6px;font:800 clamp(19px,2vw,25px)/1.16 var(--display);letter-spacing:-.038em;color:#f1fff3} .case-detail .case-flow-readout p{font:13px/1.62 var(--display);margin:0;color:#b5d5c0} .case-flow-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px} .case-animation .case-flow-readout .case-flow-tags span{display:inline-block;border:1px solid #286f47;background:#0b2919;padding:6px 8px;font:9px var(--mono);color:#77ffc0} @keyframes lensReadoutEnter{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}} @keyframes flowReadoutEnter{from{opacity:.4;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}} @media(max-width:980px){.lens-readout{margin-bottom:22px}.case-flow-nodes{justify-content:center}} @media(max-width:650px){.lens-visual .lens-satellite{min-width:75px;min-height:39px;font-size:9px;padding:9px 6px}.lens-readout{padding:15px}.lens-readout-body{gap:12px}.lens-readout-icon{height:38px;width:38px;flex-basis:38px;font-size:21px}.lens-readout-tags{margin-left:0}.lens-stage .lens-readout p{font-size:12px}.case-detail .case-animation{min-height:325px;padding:16px;gap:12px}.case-flow-nodes{gap:7px}.case-flow-nodes .case-flow-node{min-width:0;padding:11px 10px;font-size:9px;min-height:43px}.case-flow-readout{padding:16px 14px;min-height:183px}.case-detail .case-flow-readout p{font-size:12px}} @media(prefers-reduced-motion:reduce){.lens-readout.arriving,.case-flow-readout.flow-reveal{animation:none}} body.motion-off .lens-readout.arriving,body.motion-off .case-flow-readout.flow-reveal{animation:none} .core-trigger{display:block;appearance:none;background:transparent;border:0;padding:8px 10px;min-width:120px;color:var(--text);cursor:pointer;pointer-events:auto;transition:filter .25s ease,scale .25s ease;isolation:isolate} .core-trigger:hover,.core-trigger:focus-visible{filter:drop-shadow(0 0 20px #00f58a9a);scale:1.08} .core-trigger:active{scale:.94} .core-trigger:before{content:"";position:absolute;inset:-24px;border:1px solid #00f58a4a;border-radius:50%;pointer-events:none;animation:engineBreathe 4s ease-in-out infinite} @keyframes engineBreathe{50%{transform:scale(1.16);opacity:.2}} .field-marker{appearance:none;cursor:pointer;transition:background .25s,color .25s,box-shadow .25s,transform .25s;border-radius:0} .field-marker:hover,.field-marker:focus-visible,.field-marker[aria-pressed="true"]{border-color:var(--green);background:var(--green);color:#021a0d;box-shadow:0 0 20px #00f58a4a;transform:translateY(-3px)} .field-marker[aria-pressed="true"]{box-shadow:0 0 0 1px #07150b,0 0 25px #00f58a55} .engine-shockwave{position:absolute;pointer-events:none;z-index:2;width:26%;aspect-ratio:1;border:2px solid var(--green);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%) scale(.5);opacity:0} .canvas-frame.charged .engine-shockwave{animation:engineBurst .9s ease-out forwards} .canvas-frame.charged{box-shadow:0 0 80px #00f58a28,inset 0 0 130px #00f58a15} @keyframes engineBurst{0%{opacity:.9;transform:translate(-50%,-50%) scale(.35)}100%{opacity:0;transform:translate(-50%,-50%) scale(4.2)}} .engine-feedback{position:absolute;z-index:5;top:66%;left:50%;transform:translateX(-50%);white-space:nowrap;text-align:center;color:var(--green);font:10px var(--mono);letter-spacing:.08em;pointer-events:none;text-shadow:0 0 14px #00f58a} .field-brief{position:absolute;z-index:11;inset:17% 14%;background:linear-gradient(145deg,#092819f5,#06110bf9);backdrop-filter:blur(18px);border:1px solid #28bd7b;box-shadow:0 25px 90px #000a,inset 0 0 45px #00ee7810;padding:clamp(16px,2vw,28px);color:#e7ffed;display:flex;flex-direction:column;gap:10px;animation:briefReveal .48s cubic-bezier(.19,1,.22,1) both;overflow:auto} .field-brief[hidden]{display:none!important} @keyframes briefReveal{from{opacity:0;transform:perspective(800px) translateY(32px) rotateX(9deg) scale(.92);filter:blur(8px)}to{opacity:1;transform:perspective(800px) translateY(0) rotateX(0) scale(1);filter:blur(0)}} .field-brief-top,.field-brief-foot{display:flex;align-items:center;justify-content:space-between;gap:6px;color:#88ba9a;font:9px var(--mono);letter-spacing:.09em} .field-brief-close{border:1px solid #3e7c56;background:#061b0e;color:#b9f8ce;padding:8px 11px;font:9px var(--mono);cursor:pointer} .field-brief-close:hover{background:var(--green);color:#00130b} .field-brief-kicker{font:10px var(--mono);color:var(--green);margin:9px 0 0;letter-spacing:.1em} .field-brief h3{font-size:clamp(23px,3vw,40px);line-height:1;letter-spacing:-.06em;margin:0;font-weight:900} .field-brief-copy{font-size:clamp(12px,1.17vw,16px);line-height:1.55;color:#bfddc7;margin:0} .field-brief-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto} .field-brief-chips span{color:#b9ffce;border:1px solid #315943;padding:6px 8px;font:9px var(--mono)} .field-brief-foot{margin-top:4px;padding-top:10px;border-top:1px solid #315943;font-size:8px} .field-brief-foot span{color:var(--green)} .sys-center-button{appearance:none;cursor:pointer;transition:box-shadow .22s,filter .22s,scale .22s;user-select:none} .sys-center-button:hover,.sys-center-button:focus-visible{scale:1.08;filter:drop-shadow(0 0 25px #00f58a88);box-shadow:0 0 80px #00f58a80} .sys-center-button:active{scale:.95} .system-visual.core-active .sys-center-button{animation:sysCoreCharge .85s cubic-bezier(.13,.75,.27,1)} .system-visual.core-active .orbit-one,.system-visual.core-active .orbit-two{border-color:var(--green);box-shadow:0 0 24px #00f58a66} @keyframes sysCoreCharge{0%{scale:.88;filter:brightness(2)}40%{scale:1.16;filter:brightness(2)}100%{scale:1;filter:brightness(1)}} .sys-core-feedback{position:absolute;z-index:7;left:50%;bottom:7%;transform:translateX(-50%);font:10px var(--mono);white-space:nowrap;letter-spacing:.08em;color:var(--green);text-align:center;pointer-events:none;text-shadow:0 0 12px #00f58a77} .manifesto h2 em{color:transparent!important;-webkit-text-stroke:2.25px #043a22!important;text-stroke:2.25px #043a22} .launch-replay{border:1px solid #28553c;background:#09170f;color:#90e0b2;padding:12px;font:10px var(--mono);cursor:pointer;white-space:nowrap} .launch-replay:hover{border-color:var(--green);color:var(--green)} .launch-sequence{position:fixed;inset:0;z-index:2000;background:#020704;display:grid;place-items:center;overflow:hidden;color:#edfff4} .launch-sequence[hidden]{display:none!important} #warpCanvas{width:100%;height:100%;position:absolute;inset:0;display:block} .warp-vignette{pointer-events:none;position:absolute;inset:0;background:radial-gradient(ellipse at 50% 50%,transparent 16%,#001b0b20 48%,#010704d9 100%)} .launch-center{position:relative;z-index:2;display:flex;align-items:center;flex-direction:column;text-align:center;padding:25px;pointer-events:none} .launch-monogram{height:75px;width:75px;display:grid;place-items:center;border:1px solid var(--green);box-shadow:0 0 35px #00f58a60;font-weight:900;font-size:32px;letter-spacing:-.06em;margin-bottom:35px;transform:rotate(-7deg)} .launch-monogram span{position:absolute;color:var(--green);font-size:16px;right:-9px;bottom:-13px} .launch-center p,.launch-center>span{font:10px var(--mono);letter-spacing:.16em;color:#91c9a6} .launch-center strong{font:bold clamp(33px,7vw,92px)/.95 var(--display);letter-spacing:-.06em;margin:28px 0 32px;text-shadow:0 0 36px #000} .launch-center strong em{font-style:normal;color:var(--green)} .launch-progress{width:min(390px,75vw);height:2px;background:#1b3f2a;position:relative;margin-bottom:20px} .launch-progress span{display:block;height:100%;width:0;background:var(--green);box-shadow:0 0 15px #00f58a} .skip-launch{position:absolute;top:35px;right:clamp(20px,4vw,68px);z-index:10;padding:11px 16px;background:#08160ec9;color:#a4f7c0;border:1px solid #378452;font:11px var(--mono);cursor:pointer} .skip-launch:hover{background:var(--green);color:#04140a} .launch-sequence.leaving{opacity:0;transition:opacity .5s ease;pointer-events:none} @media(max-width:1100px){.launch-replay{display:none}} @media(max-width:700px){.field-brief{inset:16% 9%;padding:14px;gap:7px}.field-brief-kicker{font-size:9px;margin:3px 0}.field-brief-copy{font-size:12px}.field-brief-foot span{display:none}.field-brief-chips span{font-size:8px;padding:5px}.core-trigger{font-size:clamp(20px,5vw,29px)}.engine-feedback{font-size:8px;top:66%}.launch-center strong{font-size:clamp(38px,9.5vw,66px)}.launch-monogram{height:60px;width:60px;margin-bottom:23px}} @media(max-width:390px){.field-brief{inset:13% 7%}.field-brief-top{font-size:8px}.field-brief h3{font-size:21px}.field-brief-copy{font-size:11px}.field-brief-foot{font-size:7px}} @media(prefers-reduced-motion:reduce){.launch-sequence{display:none!important}} body.motion-off .launch-sequence{display:none!important} body.intro-active{overflow:hidden} .replay-inline{display:none} @media(max-width:1100px){.hud-bottom .replay-inline{display:inline-flex;font-size:8px;padding:7px}} @media(max-width:460px){.hud-bottom .replay-inline{font-size:7px;padding:6px}} .inquiry-person{display:grid;grid-template-columns:1fr 1fr;gap:13px} .inquiry-person>div{display:flex;flex-direction:column;min-width:0;gap:10px} .brief-form input:not([type="hidden"]){background:#09130d;border:1px solid #3e644c;color:#e9f8ed;padding:15px;min-height:51px;width:100%;min-width:0;outline-offset:3px} .brief-form input::placeholder{color:#88a995} .brief-form select:focus-visible,.brief-form textarea:focus-visible,.brief-form input:focus-visible{outline:2px solid var(--green);outline-offset:3px} .brief-form .honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important} .brief-form .direct-mail{font:10px/1.7 var(--mono);color:#8ff3b6;text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere} .brief-form .direct-mail:hover,.brief-form .direct-mail:focus-visible{color:#fff} .brief-form button[type="submit"]{cursor:pointer;border:0} .contact-business-email{margin:26px 0 0;font:12px/1.6 var(--mono);color:#a1e8b8} .contact-business-email a{text-decoration:underline;text-underline-offset:4px;color:var(--green)} @media(max-width:650px){.inquiry-person{grid-template-columns:1fr}.brief-form .inquiry-person{gap:12px}} .sys-ping{width:min(350px,100%);height:auto;aspect-ratio:1} @media(max-width:380px){ .navigation{padding-inline:12px} .wordmark{font-size:20px;gap:7px} .nav-right{gap:4px} .motion-toggle{padding:10px 6px;font-size:8px} .nav-cta{padding:11px 6px} .system-explorer{grid-template-columns:minmax(0,1fr)} .system-list{grid-template-columns:minmax(0,1fr);min-width:0} .system-choice{min-height:74px} } .team-directory .navigation .desktop-links a[aria-current="page"]{color:var(--green)} .team-intro{min-height:min(770px,95svh);padding-top:155px;display:flex;flex-direction:column;position:relative;overflow:hidden;background:radial-gradient(ellipse at 70% 50%,#0a39226e,transparent 52%),#08120c} .team-intro-grid{position:absolute;inset:0;pointer-events:none;opacity:.23;background-image:linear-gradient(#23644333 1px,transparent 1px),linear-gradient(90deg,#23644333 1px,transparent 1px);background-size:65px 65px;mask-image:linear-gradient(110deg,transparent,black 75%)} .team-intro .chapter,.team-intro-content,.team-scroll-cue{position:relative;z-index:1} .team-intro-content{flex:1;display:flex;justify-content:space-between;align-items:center;gap:50px} .team-head{font:900 clamp(64px,7.9vw,149px)/.94 var(--display);letter-spacing:-.083em;margin:24px 0 44px;white-space:nowrap} .team-head .line-mask{display:block;overflow:visible} .team-head .team-outline{color:transparent;-webkit-text-stroke:1.5px var(--green)} .team-summary{max-width:285px;color:#b9d1c1;font:17px/1.7 Arial,sans-serif;margin:70px 0 0} .team-scroll-cue{font:11px var(--mono);letter-spacing:.13em;color:var(--green);display:flex;justify-content:space-between;border-top:1px solid #24523a;padding-top:23px} .team-people{padding-top:115px;padding-bottom:125px;background:#0b1510} .team-person-link{display:grid;grid-template-columns:1fr 1fr;margin-top:48px;border:1px solid #345840;min-height:560px;overflow:hidden;transition:border-color .3s,transform .3s} .team-person-link:hover{border-color:var(--green);transform:translateY(-3px)} .team-person-link:focus-visible{outline:3px solid var(--green);outline-offset:5px} .team-person-art{position:relative;overflow:hidden;background:radial-gradient(circle at 48% 45%,#1b5739,#0c2b1d 55%,#091b10 83%);display:flex;justify-content:center;align-items:center;min-height:500px} .team-person-art img{width:min(85%,590px);height:85%;object-fit:contain;position:relative;z-index:2;filter:drop-shadow(0 15px 35px #020e0877);transition:transform .55s cubic-bezier(.2,.7,.2,1)} .team-person-link:hover .team-person-art img{transform:translateY(-9px) scale(1.035)} .team-art-rings{position:absolute;width:min(75%,440px);aspect-ratio:1;border:1px dashed #63e58c78;border-radius:50%;animation:teamSpin 55s linear infinite} .team-art-rings::before{content:"";position:absolute;inset:15%;border:1px solid #00f58a33;border-radius:50%} .team-art-index{position:absolute;bottom:21px;left:25px;z-index:3;font:10px var(--mono);letter-spacing:.08em;color:#b6ecc9} .team-person-copy{padding:clamp(35px,5vw,85px);display:flex;align-items:flex-start;flex-direction:column;justify-content:center;position:relative;background:linear-gradient(145deg,#0c1d12,#07120c)} .team-person-number{color:#9cb5a3;font:11px var(--mono);margin-top:32px} .team-person-copy h2{font:900 clamp(66px,7vw,122px)/.93 var(--display);letter-spacing:-.085em;margin:16px 0 21px} .team-person-copy h2 em{font-style:normal;color:var(--green)} .team-position{font:11px var(--mono);color:var(--green);letter-spacing:.12em;text-transform:uppercase} .team-person-copy>p:last-of-type{color:#afc9b8;line-height:1.75;font-size:16px;max-width:445px} .team-person-cta{margin-top:31px;display:flex;align-items:center;justify-content:space-between;gap:35px;background:var(--green);color:#05130a;padding:19px 22px;font:700 12px var(--mono);width:min(100%,365px);transition:background .2s} .team-person-link:hover .team-person-cta{background:#b6ffcf} .team-bottom-note{display:flex;justify-content:space-between;flex-wrap:wrap;gap:25px;border-top:1px solid #2e4b38;margin-top:39px;padding-top:24px;color:#a9c8b3;font:10px var(--mono);letter-spacing:.09em} .team-bottom-note a{color:var(--green)} .team-outro{padding-block:135px;background:var(--green);color:#06160c} .team-outro .chapter{border-color:#134c29;color:#194a2c} .team-outro h2{font:900 clamp(73px,10vw,170px)/.91 var(--display);letter-spacing:-.08em;margin:80px 0 50px} .team-outro h2 span{color:transparent;-webkit-text-stroke:2px #0c2f1d} .team-outro-actions{display:flex;align-items:center;justify-content:space-between;gap:30px} .team-outro-actions p{max-width:390px;font-size:18px;line-height:1.6} .team-outro .solid-button{background:#071b0f;color:#b3ffd0} .team-directory .reveal{opacity:1;transform:none} @keyframes teamSpin{to{transform:rotate(360deg)}} @media(max-width:1050px){.team-intro-content{flex-direction:column;align-items:flex-start;justify-content:center;gap:10px}.team-summary{max-width:600px;margin:0 0 40px}.team-head{font-size:clamp(61px,10vw,120px)}.team-person-link{grid-template-columns:1fr}.team-person-art{min-height:410px}.team-person-copy{padding:55px 40px}.team-person-copy h2{font-size:clamp(75px,11vw,120px)}} @media(max-width:600px){.team-intro{min-height:710px;padding-top:120px}.team-head{font-size:clamp(45px,10vw,66px);white-space:normal}.team-summary{font-size:15px}.team-person-art{min-height:340px}.team-person-copy{padding:34px 24px 45px}.team-person-copy h2{font-size:clamp(65px,14vw,90px)}.team-person-cta{font-size:10px}.team-people{padding-top:75px}.team-outro{padding-block:75px}.team-outro h2{font-size:clamp(50px,12vw,90px);margin-top:55px}.team-outro-actions{flex-direction:column;align-items:flex-start}.team-directory .chapter{font-size:9px}} @media(prefers-reduced-motion:reduce){.team-art-rings{animation:none}} body.motion-off .team-art-rings{animation:none} .lens-visual .lens-core-button{appearance:none;cursor:pointer;padding:0;text-align:center;font:700 20px var(--mono);touch-action:manipulation;isolation:isolate;outline-offset:6px;transition:background .24s ease,box-shadow .24s ease,transform .24s ease,color .24s ease} .lens-visual .lens-core-button:hover{color:#eafff1;border-color:#b4ffd0;box-shadow:0 0 0 7px #00ef8b12,0 0 60px #00ef8b75;transform:scale(1.04)} .lens-visual .lens-core-button:focus-visible{outline:3px solid #b7ffdc;box-shadow:0 0 0 8px #00ef8b18} .lens-visual .lens-core-button:active{transform:scale(.97)} .lens-visual .lens-core-button.core-burst{animation:toychanCoreBurst .72s ease-out} @keyframes toychanCoreBurst{0%{box-shadow:0 0 0 0 #00ef8b8a,0 0 20px #00ef8b8a;transform:scale(.94)}50%{box-shadow:0 0 0 23px #00ef8b26,0 0 95px #00ef8b83;transform:scale(1.09)}100%{box-shadow:0 0 0 44px #00ef8b00,0 0 60px #00ef8b11;transform:scale(1)}} @media(prefers-reduced-motion:reduce){.lens-visual .lens-core-button,.lens-visual .lens-core-button.core-burst{animation:none!important;transition:none!important}} body.motion-off .lens-visual .lens-core-button,body.motion-off .lens-visual .lens-core-button.core-burst{animation:none!important;transition:none!important} .inquiry-person,.inquiry-person>div,.brief-grid>*{min-width:0} .inquiry-person{grid-template-columns:repeat(2,minmax(0,1fr))} .brief-form input:not([type="hidden"]){box-sizing:border-box;width:100%;max-width:100%;min-width:0;font-size:17px;line-height:1.3;padding-inline:15px} .brief-form input::placeholder{font-size:clamp(13px,.98vw,16px);color:#8dad99;opacity:1} @media(max-width:1330px){.inquiry-person{grid-template-columns:1fr}} .proof-feature{cursor:pointer;min-width:0;transition:background .25s ease,box-shadow .25s ease,padding-left .25s ease} .proof-feature:has(.proof-toggle:focus-visible){outline:2px solid #9bffd0;outline-offset:-2px} .proof-feature.is-open{background:linear-gradient(130deg,#112f1b,#0b1b11);box-shadow:inset 4px 0 #00f58a88;padding-left:clamp(14px,1.5vw,22px)} .proof-feature.is-open .proof-symbol{filter:drop-shadow(0 0 11px rgba(0,245,138,.55))} .proof-side{gap:16px} .proof-toggle{align-self:flex-start;border:1px solid #3b8354;background:transparent;color:#aefcc7;font:10px var(--mono);padding:10px 12px;cursor:pointer;white-space:nowrap;letter-spacing:.04em;transition:background .2s,color .2s,border-color .2s} .proof-toggle:hover,.proof-toggle:focus-visible{background:#00f58a;color:#062112;border-color:#00f58a} .proof-feature.is-open .proof-toggle{background:#00f58a;color:#062112;border-color:#00f58a} .proof-feature .proof-main{min-width:0} .proof-detail{margin-top:25px;border:1px solid #346e47;background:linear-gradient(150deg,#07160c,#102f1b);padding:24px;animation:proofReveal .45s cubic-bezier(.2,.74,.2,1) both} .proof-detail[hidden]{display:none!important} @keyframes proofReveal{from{opacity:0;transform:translateY(17px);filter:blur(3px)}to{opacity:1;transform:translateY(0);filter:blur(0)}} .proof-detail-topline{display:flex;align-items:center;justify-content:space-between;gap:10px;font:10px var(--mono);color:#7eaf8c;letter-spacing:.09em;border-bottom:1px solid #315942;padding-bottom:12px} .proof-detail h4{margin:22px 0 12px;font:800 clamp(20px,2.25vw,29px)/1.1 var(--display);letter-spacing:-.055em;color:#eefcf1} .proof-detail>p{font:14px/1.7 Arial,Helvetica,sans-serif;color:#bcdfc5;max-width:720px} .proof-flow{padding:5px 0 0;margin:24px 0 0;list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;position:relative} .proof-flow-item{min-height:86px;position:relative;padding:15px 8px;background:#0e2818;border:1px solid #316845;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:7px;opacity:0;transform:translateY(8px)} .proof-feature.is-open .proof-flow-item{animation:proofStageEnter .42s ease-out forwards;animation-delay:calc(var(--step) * 110ms)} .proof-flow-item:after{content:'→';position:absolute;right:-9px;top:30px;color:#a0ffd0;font:17px var(--mono);z-index:2} .proof-flow-item:last-child:after{display:none} .proof-step-index{color:#00f58a;font:10px var(--mono)} .proof-step-label{color:#ebfff0;font:700 clamp(10px,1vw,14px) var(--display);letter-spacing:-.03em;overflow-wrap:anywhere} .proof-detail-foot{margin-top:18px;color:#8ed5aa;font:10px var(--mono);letter-spacing:.06em} @keyframes proofStageEnter{to{opacity:1;transform:translateY(0)}} @media(max-width:760px){.proof-feature{gap:20px}.proof-side{flex-wrap:wrap;align-items:center}.proof-toggle{margin-left:auto}.proof-flow{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.proof-flow-item:nth-child(2):after{display:none}.proof-feature.is-open{padding-left:12px}.proof-detail{padding:17px}} @media(max-width:390px){.proof-toggle{font-size:9px;padding:9px 7px}.proof-detail-topline{font-size:8px}.proof-detail{padding:14px}.proof-flow-item{padding:11px 7px}} @media(prefers-reduced-motion:reduce){.electric-layer .electric-bolt,.electric-layer .electric-flash,.proof-detail,.proof-flow-item{animation:none!important;transition:none!important}.proof-feature .proof-flow-item{opacity:1;transform:none}} body.motion-off .electric-layer .electric-bolt,body.motion-off .electric-layer .electric-flash,body.motion-off .proof-detail,body.motion-off .proof-flow-item{animation:none!important;transition:none!important} body.motion-off .proof-feature .proof-flow-item{opacity:1;transform:none} .lens-visual .lens-core-button.core-burst{animation:toychanCoreCalm .58s ease-out} @keyframes toychanCoreCalm{0%{transform:scale(.985)}35%{transform:scale(1.045)}100%{transform:scale(1)}} .system-visual.core-active .sys-center-button{animation:toychanCoreCalm .58s ease-out} .system-visual.core-active .orbit-one,.system-visual.core-active .orbit-two{box-shadow:0 0 11px rgba(0,245,138,.12)} .arcade-screen canvas {object-fit:fill;min-height:0;max-width:100%;} @media(max-width:700px) { .arcade-screen canvas {width:100%;height:clamp(290px,92vw,430px);min-height:0;aspect-ratio:auto;object-fit:fill;} } .navigation .brand-panda {width:36px;height:36px;object-fit:contain;display:block;flex:0 0 36px;border-radius:9px;} .navigation .studio-wordmark {gap:10px;letter-spacing:-1.35px;} .navigation .studio-brand-name {display:inline-flex;flex-direction:column;line-height:.9;white-space:nowrap;} .navigation .studio-brand-name small {font:8px/1.4 var(--mono);letter-spacing:.15em;color:#71b88c;margin-top:6px;} @media(max-width:650px){ .navigation .brand-panda{width:30px;height:30px;flex-basis:30px;} .navigation .studio-wordmark{font-size:21px;gap:6px;} .navigation .studio-brand-name small{display:none;} } @media(max-width:370px){ .navigation .studio-wordmark{font-size:18px;} .navigation .brand-panda{width:28px;height:28px;flex-basis:28px;} } .hud-bottom .replay-inline{display:none!important;} .footer-replay {display:none;border:1px solid #315942;color:#a4fac4;background:#0a1c10;padding:10px 12px;cursor:pointer;font:10px var(--mono);white-space:nowrap;} .footer-replay:hover,.footer-replay:focus-visible{color:#06170c;background:#00f58a;border-color:#00f58a;} @media(max-width:1100px){.footer-replay{display:inline-flex;align-items:center;}} @media (max-width: 980px) { .studio-hero { grid-template-rows: auto auto auto; row-gap: 0; align-items: start; } .studio-hero .hero-art { height: auto; min-height: 0; width: 100%; max-width: 650px; margin: clamp(30px, 4vw, 50px) auto 0; justify-content: flex-start; align-items: stretch; } .studio-hero .canvas-frame { flex-shrink: 0; } .studio-hero .scroll-prompt { position: static; inset: auto; grid-column: 1 / -1; justify-self: center; display: flex; align-items: center; justify-content: flex-end; gap: 10px; width: 100%; max-width: 650px; margin: 20px 0 0; padding: 12px 0 0; border-top: 1px solid rgba(42, 111, 66, .3); line-height: 1.5; text-align: right; } .studio-hero .scroll-prompt span { margin-left: 0; } } @media (max-width: 650px) { .studio-hero .hero-art { margin-top: 50px; } .studio-hero .hud-bottom { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 7px 12px; line-height: 1.6; } .studio-hero .hud-bottom > span { max-width: 100%; } .studio-hero .hud-bottom > span:last-child { text-align: right; margin-left: auto; } .studio-hero .scroll-prompt { font-size: 9px; } } @media (max-width: 1100px) { .studio-hero .scroll-prompt { display: none !important; } }