.pg-page{--pg-bg:#07080c;--pg-panel:#11131a;--pg-paper:#f4f0e8;--pg-lime:#dfff32;--pg-hot:#ff5738;--pg-blue:#68a7ff;background:var(--pg-bg);min-height:100vh;color:var(--pg-paper);font-family:var(--font-space),sans-serif;overflow:hidden}.pg-page *{box-sizing:border-box}.pg-nav{z-index:100;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#07080ccc;border-bottom:1px solid #ffffff24;grid-template-columns:1fr auto 1fr;align-items:center;width:100%;min-height:66px;padding:0 4vw;display:grid;position:fixed;top:0;left:0}.pg-nav a,.pg-nav span{letter-spacing:.18em;font-size:9px;font-weight:800}.pg-nav a:last-child{text-align:right;color:var(--pg-lime)}.pg-hero{perspective:1100px;background:radial-gradient(circle at 78% 46%,#68a7ff29,#0000 28%),radial-gradient(circle at 30% 52%,#dfff3217,#0000 35%);justify-content:space-between;align-items:center;min-height:100svh;padding:18vh 6vw 8vh;display:flex;position:relative}.pg-hero:before{content:"";transform-origin:bottom;background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:42px 42px;position:absolute;inset:0;transform:perspective(600px)rotateX(68deg)scale(1.8)translateY(24%);-webkit-mask-image:linear-gradient(#0000,#000 25% 75%,#0000);mask-image:linear-gradient(#0000,#000 25% 75%,#0000)}.pg-hero-copy{z-index:2;max-width:900px;position:relative}.pg-kicker{color:var(--pg-lime);letter-spacing:.25em;margin-bottom:34px;font-size:10px;font-weight:800;display:block}.pg-hero h1{font-family:var(--font-syne),sans-serif;letter-spacing:-.09em;transform-style:preserve-3d;margin:0;font-size:clamp(62px,11.5vw,178px);line-height:.72;transform:rotateY(8deg)}.pg-hero h1>span{display:block}.pg-depth-word{color:var(--pg-hot);text-shadow:-1px 1px #8e2415,-2px 2px #8e2415,-3px 3px #8e2415,-4px 4px #8e2415,-5px 5px #8e2415,-6px 6px #8e2415,-7px 7px #8e2415,-8px 8px #8e2415,-9px 9px 18px #0000008c;position:relative}.pg-wire-word{color:#0000;-webkit-text-stroke:1.5px var(--pg-paper);transform:translateZ(45px)}.pg-hero-copy>p{color:#a8abb5;letter-spacing:-.03em;max-width:560px;margin:50px 0 0 22vw;font-size:clamp(16px,1.8vw,24px);line-height:1.35}.pg-orbit-scene{z-index:1;aspect-ratio:1;perspective:800px;width:min(37vw,520px);transform-style:preserve-3d;place-items:center;display:grid;position:absolute;top:18vh;right:4vw;transform:rotateX(65deg)rotate(-15deg)}.pg-orbit{transform-style:preserve-3d;border:1px solid #dfff3273;border-radius:50%;animation:7s linear infinite pgOrbit;position:absolute;inset:8%}.pg-orbit-b{border-color:#68a7ffa6;animation-duration:4.5s;animation-direction:reverse;inset:25%;transform:rotateY(70deg)}.pg-orbit i{background:var(--pg-lime);width:16px;height:16px;box-shadow:0 0 24px var(--pg-lime);border-radius:50%;position:absolute;top:50%;left:-8px}.pg-orbit-b i{background:var(--pg-blue);box-shadow:0 0 22px var(--pg-blue)}.pg-orbit-core{background:var(--pg-hot);color:#090a0d;width:78px;height:78px;font-family:var(--font-syne);border-radius:50%;place-items:center;font-weight:900;display:grid;transform:translateZ(70px)rotateX(-65deg);box-shadow:0 0 65px #ff5738b3}@keyframes pgOrbit{to{rotate:1turn}}.pg-manifesto{color:#888b95;letter-spacing:.22em;border-top:1px solid #ffffff26;border-bottom:1px solid #ffffff26;justify-content:space-around;align-items:center;gap:24px;min-height:105px;padding:0 4vw;font-size:10px;font-weight:800;display:flex}.pg-manifesto i{color:var(--pg-hot);font-style:normal}.pg-grid{background:radial-gradient(circle at 5% 45%,#b884ff1f,transparent 24%),var(--pg-bg);grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;padding:10vh 4vw 18vh;display:grid}.pg-lab{background:linear-gradient(145deg,#ffffff09,transparent 42%),var(--pg-panel);border:1px solid #ffffff26;min-height:620px;overflow:hidden}.pg-lab.pg-wide{grid-column:1/-1}.pg-lab>header{border-bottom:1px solid #ffffff1f;grid-template-columns:45px 1fr;align-items:start;gap:14px;min-height:104px;padding:24px 26px;display:grid}.pg-lab>header>span{color:var(--pg-lime);font-family:var(--font-syne);font-size:12px;font-weight:800}.pg-lab h2{font-family:var(--font-syne);letter-spacing:-.055em;margin:0;font-size:clamp(22px,2.8vw,42px);line-height:.95}.pg-lab header p{color:#777b87;letter-spacing:.12em;text-transform:uppercase;margin:8px 0 0;font-size:9px}.pg-stage{perspective:900px;place-items:center;min-height:516px;display:grid;position:relative;overflow:hidden}.pg-cube-scene{perspective:650px;place-items:center;width:220px;height:220px;display:grid}.pg-cube{width:150px;height:150px;transform-style:preserve-3d;animation:10s linear infinite pgCube;position:relative}.pg-face{color:var(--pg-paper);font-family:var(--font-syne);letter-spacing:.12em;backface-visibility:hidden;background:#dfff321f;border:1px solid #ffffffbf;place-items:center;font-size:18px;font-weight:900;display:grid;position:absolute;inset:0;box-shadow:inset 0 0 55px #dfff3214}.pg-front{transform:translateZ(75px)}.pg-back{transform:rotateY(180deg)translateZ(75px)}.pg-right{background:#68a7ff24;transform:rotateY(90deg)translateZ(75px)}.pg-left{background:#ff573824;transform:rotateY(-90deg)translateZ(75px)}.pg-top{background:#b884ff26;transform:rotateX(90deg)translateZ(75px)}.pg-bottom{background:#ffca3a1f;transform:rotateX(-90deg)translateZ(75px)}@keyframes pgCube{0%{transform:rotateX(-18deg)rotateY(0)}50%{transform:rotateX(28deg)rotateY(180deg)}to{transform:rotateX(-18deg)rotateY(360deg)}}.pg-tilt-wrap{perspective:850px;width:min(78%,360px)}.pg-tilt-card{--rx:0deg;--ry:0deg;--gx:50%;--gy:50%;aspect-ratio:.78;background:radial-gradient(circle at var(--gx) var(--gy),#ffffff47,transparent 24%),linear-gradient(140deg,#2a3155,#10131f 48%,#391e44);transform:rotateX(var(--rx)) rotateY(var(--ry)) translateZ(0);transform-style:preserve-3d;border:1px solid #ffffff61;border-radius:22px;outline:none;flex-direction:column;justify-content:space-between;padding:30px;transition:transform .15s ease-out;display:flex;position:relative;overflow:hidden;box-shadow:0 35px 70px #0000008c}.pg-tilt-card:focus-visible{box-shadow:0 0 0 3px var(--pg-lime),0 35px 70px #0000008c;transform:rotateX(8deg)rotateY(-10deg)}.pg-tilt-card:after{content:"";transform:translateX(calc(var(--gx) - 50%)) rotate(12deg);pointer-events:none;background:linear-gradient(115deg,#0000 35%,#ffffff42,#0000 65%);position:absolute;inset:-60%}.pg-chip{letter-spacing:.16em;border:1px solid #ffffff4d;border-radius:999px;align-self:flex-start;padding:7px 9px;font-size:8px;transform:translateZ(42px)}.pg-tilt-card strong{z-index:2;font-family:var(--font-syne);letter-spacing:-.08em;font-size:clamp(40px,5vw,68px);line-height:.8;position:relative;transform:translateZ(70px)}.pg-tilt-card>i{z-index:2;color:var(--pg-lime);letter-spacing:.12em;font-size:11px;font-style:normal;position:relative;transform:translateZ(48px)}.pg-tilt-depth{color:#ffffff14;font-family:var(--font-syne);font-size:180px;font-weight:900;line-height:1;position:absolute;bottom:-30px;right:-10px;transform:translateZ(18px)}.pg-flip-card{aspect-ratio:.78;perspective:800px;cursor:pointer;background:0 0;border:0;width:min(74%,330px);padding:0}.pg-flip-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .85s cubic-bezier(.2,.8,.2,1);display:block;position:relative}.pg-flip-card:hover .pg-flip-inner,.pg-flip-card:focus-visible .pg-flip-inner{transform:rotateY(180deg)}.pg-flip-face{backface-visibility:hidden;border:1px solid #ffffff38;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;padding:28px;display:flex;position:absolute;inset:0}.pg-flip-face b{font-family:var(--font-syne);letter-spacing:-.08em;font-size:clamp(44px,6vw,78px)}.pg-flip-face i{letter-spacing:.18em;margin-top:12px;font-size:10px;font-style:normal}.pg-flip-front{background:var(--pg-lime);color:#090a0d;box-shadow:0 25px 65px #00000073}.pg-flip-back{background:var(--pg-hot);color:#090a0d;transform:rotateY(180deg);box-shadow:0 25px 65px #ff573838}.pg-cylinder-scene{perspective:1000px;place-items:center;width:100%;height:510px;display:grid}.pg-cylinder{width:150px;height:220px;transform-style:preserve-3d;animation:18s linear infinite pgCylinder;position:relative}.pg-cylinder-panel{--angle:calc(var(--i) * 36deg);font-family:var(--font-syne);color:var(--pg-lime);backface-visibility:hidden;transform:rotateY(var(--angle)) translateZ(250px);background:linear-gradient(145deg,#dfff3229,#68a7ff1a);border:1px solid #ffffff52;border-radius:12px;place-items:center;font-size:52px;font-weight:900;display:grid;position:absolute;inset:0}@keyframes pgCylinder{0%{transform:rotateX(-10deg)rotateY(0)}to{transform:rotateX(-10deg)rotateY(-360deg)}}.pg-city-scene{perspective:1000px;place-items:center;width:100%;height:560px;display:grid}.pg-city-grid{width:250px;height:190px;transform-style:preserve-3d;background:repeating-linear-gradient(0deg,#ffffff14 0 1px,#0000 1px 34px),repeating-linear-gradient(90deg,#ffffff14 0 1px,#0000 1px 34px);animation:5s ease-in-out infinite pgCityFloat;position:relative;transform:rotateX(60deg)rotate(-45deg);box-shadow:0 0 0 1px #ffffff1a}.pg-building{left:calc(18px + var(--x) * 76px);top:calc(15px + var(--y) * 82px);width:52px;height:52px;transform-style:preserve-3d;animation:pgBuilding 2.8s var(--delay) ease-in-out infinite;position:absolute}.pg-building-top,.pg-building-front,.pg-building-side{background:var(--c);border:1px solid #0000004d;display:block;position:absolute}.pg-building-top{transform:translateZ(var(--h));inset:0}.pg-building-front{width:52px;height:var(--h);transform-origin:top;filter:brightness(.72);top:52px;left:0;transform:rotateX(-90deg)}.pg-building-side{width:var(--h);transform-origin:0;filter:brightness(.48);height:52px;top:0;left:52px;transform:rotateY(90deg)}@keyframes pgCityFloat{50%{transform:rotateX(58deg)rotate(-41deg)translateZ(12px)}}@keyframes pgBuilding{50%{translate:0 0 14px}}.pg-tunnel{aspect-ratio:1;perspective:650px;width:min(78%,420px);transform-style:preserve-3d;place-items:center;display:grid;position:relative}.pg-tunnel i{width:calc(100% - var(--i) * 6%);aspect-ratio:1;border:2px solid hsl(calc(74 + var(--i) * 15) 100% 62% / .72);transform:translateZ(calc(var(--i) * -48px)) rotateZ(calc(var(--i) * 8deg));animation:pgTunnel 3s calc(var(--i) * -.18s) linear infinite;position:absolute;box-shadow:0 0 16px}.pg-tunnel b{z-index:4;color:var(--pg-paper);font-family:var(--font-syne);letter-spacing:-.08em;text-shadow:0 0 24px #fff;font-size:44px;position:relative}@keyframes pgTunnel{0%{opacity:0;transform:translateZ(-560px)rotate(0)scale(.2)}25%{opacity:1}to{opacity:0;transform:translateZ(180px)rotate(120deg)scale(1.15)}}.pg-type-stage{text-align:center;perspective:600px}.pg-extruded{font-family:var(--font-syne);letter-spacing:-.1em;color:var(--pg-lime);text-shadow:1px 1px #809311,2px 2px #809311,3px 3px #809311,4px 4px #809311,5px 5px #809311,6px 6px #809311,7px 7px #809311,8px 8px #809311,9px 9px #809311,10px 10px #809311,18px 24px 35px #0000008c;font-size:clamp(76px,12vw,150px);font-weight:900;transition:transform .6s cubic-bezier(.2,.8,.2,1),color .3s;transform:rotateX(17deg)rotateY(-17deg)skewY(-3deg)}.pg-type-stage:hover .pg-extruded{color:var(--pg-hot);transform:rotateX(-8deg)rotateY(18deg)skewY(2deg)translateZ(45px)}.pg-type-stage>span{color:#757985;letter-spacing:.2em;margin-top:45px;font-size:9px;display:block}.pg-scroll-lab{min-height:950px}.pg-scroll-lab .pg-stage{min-height:830px}.pg-scroll-stack{perspective:1000px;width:min(70vw,620px);height:400px;transform-style:preserve-3d;place-items:center;display:grid;position:relative}.pg-scroll-stack>div{--z:calc(var(--i) * 18px);background:hsl(calc(75 + var(--i) * 28) 90% 55% / .12);width:min(72vw,520px);height:280px;transform:translateZ(var(--z)) translateY(calc(var(--i) * -5px));border:1px solid #ffffff52;border-radius:18px;animation:1s linear both pgExplode;animation-timeline:view();animation-range:entry 5% cover 78%;position:absolute;box-shadow:0 20px 50px #0003}.pg-scroll-stack>div span{color:var(--pg-lime);font-family:var(--font-syne);font-size:34px;font-weight:900;position:absolute;top:22px;left:24px}@keyframes pgExplode{0%{opacity:.18;transform:translateZ(0)rotateX(0)rotateY(0)}55%{opacity:1}to{transform:translate3d(calc((var(--i) - 3) * 18px),calc((var(--i) - 3) * -24px),calc((var(--i) - 3) * 75px)) rotateX(calc((var(--i) - 3) * 3deg)) rotateY(calc((var(--i) - 3) * -4deg));opacity:.92}}.pg-fold{perspective:900px;width:min(88%,620px);height:250px;transform-style:preserve-3d;outline:none;display:flex}.pg-fold>div{color:var(--pg-paper);font-family:var(--font-syne);letter-spacing:-.05em;background:#1a1d27;border:1px solid #ffffff40;flex:1;place-items:center;font-size:clamp(20px,3vw,36px);font-weight:900;transition:transform .75s cubic-bezier(.2,.8,.2,1),background .3s;display:grid}.pg-fold-left{transform-origin:100%;transform:rotateY(52deg);background:#222637!important}.pg-fold-right{transform-origin:0;transform:rotateY(-52deg);background:#171a24!important}.pg-fold:hover .pg-fold-left,.pg-fold:focus-visible .pg-fold-left{transform:rotateY(-18deg)}.pg-fold:hover .pg-fold-center,.pg-fold:focus-visible .pg-fold-center{background:var(--pg-hot);transform:translateZ(70px)}.pg-fold:hover .pg-fold-right,.pg-fold:focus-visible .pg-fold-right{transform:rotateY(18deg)}.pg-path-stage{border:1px dashed #ffffff29;width:min(90%,560px);height:340px;position:relative;overflow:hidden}.pg-path-stage:before{content:"";background:linear-gradient(90deg,#0000,#dfff3240,#0000);height:1px;position:absolute;inset:50% 10%}.pg-path-line{border:1px solid #68a7ff4d;border-radius:50%;position:absolute;inset:28px;transform:rotate(-12deg)}.pg-comet{background:var(--pg-hot);width:34px;height:34px;box-shadow:0 0 28px var(--pg-hot);offset-path:path("M45 185 C90 15 420 20 500 150 C555 250 310 325 135 270 C35 238 25 205 45 185 Z");offset-rotate:auto;border-radius:50%;animation:6s linear infinite pgPath;position:absolute;top:0;left:0}.pg-comet i{background:linear-gradient(90deg,transparent,var(--pg-hot));filter:blur(2px);width:55px;height:6px;position:absolute;top:14px;right:22px}.pg-path-stage>b{color:#ffffff14;font-family:var(--font-syne);place-items:center;font-size:72px;display:grid;position:absolute;inset:0}@keyframes pgPath{to{offset-distance:100%}}.pg-stairs{perspective:900px;width:360px;height:360px;transform-style:preserve-3d;animation:14s linear infinite pgStairs;position:relative}.pg-stairs i{background:linear-gradient(90deg,var(--pg-hot),var(--pg-lime));transform-origin:50%;width:110px;height:34px;transform:rotateY(calc(var(--i) * 25.714deg)) translateZ(155px) translateY(calc((var(--i) - 7) * -7px)) rotateX(70deg);filter:hue-rotate(calc(var(--i) * 17deg));border:1px solid #ffffff6b;position:absolute;top:155px;left:130px;box-shadow:0 10px 25px #0000004d}@keyframes pgStairs{to{transform:rotateY(360deg)rotateX(8deg)}}.pg-card-fan{perspective:800px;outline:none;width:330px;height:350px;position:relative}.pg-card-fan>div{background:hsl(calc(75 + var(--i) * 48) 80% 48%);color:#090a0d;width:180px;height:250px;font-family:var(--font-syne);transform-origin:50% 120%;transform:rotate(calc((var(--i) - 2) * 7deg)) translateZ(calc(var(--i) * 9px));border:1px solid #fff6;border-radius:15px;place-items:center;font-size:80px;font-weight:900;transition:transform .65s cubic-bezier(.2,.8,.2,1);display:grid;position:absolute;top:55px;left:75px;box-shadow:0 18px 35px #0000004d}.pg-button-bed{perspective:500px;background:#05060a;border-radius:24px;padding:30px;box-shadow:inset 0 0 0 2px #20232d,inset 0 22px 50px #000}.pg-3d-button{transform-style:preserve-3d;cursor:pointer;background:0 0;border:0;padding:0;transition:transform .12s;position:relative;transform:rotateX(28deg)}.pg-3d-button span{z-index:2;background:var(--pg-lime);color:#090a0d;font-family:var(--font-syne);letter-spacing:-.05em;border:1px solid #f4ffaf;border-radius:12px;padding:30px 48px;font-size:36px;font-weight:900;transition:transform .12s,box-shadow .12s;display:block;position:relative;box-shadow:0 13px #72820f,0 18px 28px #000}.pg-3d-button:hover{transform:rotateX(20deg)translateY(-5px)}.pg-3d-button:active{transform:rotateX(20deg)translateY(7px)}.pg-3d-button:active span{transform:translateY(9px);box-shadow:0 3px #72820f,0 7px 12px #000}.pg-outro{background:var(--pg-lime);color:#090a0d;flex-direction:column;justify-content:center;align-items:flex-start;min-height:80vh;padding:12vh 6vw;display:flex}.pg-outro p{font-family:var(--font-syne);letter-spacing:-.09em;margin:0;font-size:clamp(52px,10vw,144px);font-weight:900;line-height:.82}.pg-outro a{width:100%;font-family:var(--font-syne);letter-spacing:-.06em;border-top:2px solid #090a0d;border-bottom:2px solid #090a0d;justify-content:space-between;margin-top:90px;padding:24px 0;font-size:clamp(24px,4vw,58px);font-weight:900;display:flex}.pg-outro a span{transition:transform .25s}.pg-outro a:hover span{transform:rotate(45deg)}@media (max-width:800px){.pg-nav{grid-template-columns:1fr auto;min-height:58px;padding:0 18px}.pg-nav>span{display:none}.pg-hero{align-items:flex-start;min-height:92svh;padding:18vh 20px 8vh}.pg-hero h1{font-size:clamp(56px,20vw,92px);transform:none}.pg-hero-copy>p{max-width:85%;margin:38px 0 0;font-size:16px}.pg-orbit-scene{opacity:.6;width:75vw;top:43vh;right:-20vw}.pg-manifesto{white-space:nowrap;justify-content:flex-start;overflow:hidden}.pg-grid{grid-template-columns:1fr;gap:14px;padding:8vh 14px 12vh}.pg-lab.pg-wide{grid-column:auto}.pg-lab{min-height:540px}.pg-lab>header{grid-template-columns:34px 1fr;padding:20px}.pg-stage{min-height:435px}.pg-cylinder-scene{height:430px;transform:scale(.72)}.pg-city-scene{height:450px;transform:scale(.82)}.pg-scroll-lab{min-height:760px}.pg-scroll-lab .pg-stage{min-height:650px}.pg-scroll-stack{transform:scale(.76)}.pg-fold{height:200px}.pg-fold>div{font-size:18px}.pg-path-stage{transform:scale(.78)}.pg-stairs{transform:scale(.72)}.pg-card-fan{transform:scale(.82)}.pg-outro{min-height:70vh;padding:10vh 20px}.pg-outro a{margin-top:60px}}@media (prefers-reduced-motion:reduce){.pg-page *,.pg-page :before,.pg-page :after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.pg-scroll-stack>div{animation:none!important}.pg-flip-inner,.pg-fold>div,.pg-card-fan>div,.pg-extruded{transition-duration:.001ms!important}}.pg-card-fan:hover>div,.pg-card-fan:focus-visible>div{transform:rotate(calc((var(--i) - 2) * 19deg)) translateY(-12px) translateZ(calc(var(--i) * 18px))}.pg-tilt-card{font:inherit;color:inherit;text-align:left;cursor:crosshair}.pg-fold,.pg-card-fan{color:inherit;cursor:pointer;background:0 0;border:0;padding:0}
