.showcase-project{height:170svh;scroll-margin-top:0;position:relative}.showcase-stage{--light-x:60%;--light-y:38%;--tilt-x:0deg;--tilt-y:0deg;isolation:isolate;color:#efeee9;perspective:1400px;background:#090c10;height:100svh;min-height:720px;position:sticky;top:0;overflow:hidden}.showcase-menoviq .showcase-stage{background:#0c1512}.showcase-ambient{background:radial-gradient(ellipse at var(--light-x) var(--light-y), rgba(var(--project-glow), .3), rgba(var(--project-glow), .07) 32%, transparent 60%);pointer-events:none;position:absolute;inset:-25%}.showcase-floor{background:radial-gradient(ellipse at 60% 20%, rgba(var(--project-glow), .16), transparent 58%);border-top:1px solid rgba(var(--project-glow), .09);pointer-events:none;position:absolute;inset:42% -20% -40%;transform:rotateX(65deg)}.showcase-topline{z-index:4;letter-spacing:.16em;text-transform:uppercase;justify-content:space-between;gap:1rem;font-size:.72rem;display:flex;position:absolute;top:7rem;left:5vw;right:5vw}.showcase-topline i{color:#777d87;margin-left:.5rem;font-style:normal}.showcase-category{color:#a6a9ad;font-size:.6rem}.showcase-navigation{z-index:5;gap:.3rem;display:grid;position:absolute;top:44%;right:2rem}.showcase-navigation a{letter-spacing:.1em;color:#8a8c90;align-items:center;gap:.7rem;padding:.7rem 0;font-size:.6rem;display:flex}.showcase-navigation i{background:#60646b;width:16px;height:1px;transition:width .25s,background .25s}.showcase-navigation a[aria-current]{color:#fff}.showcase-navigation a[aria-current] i,.showcase-navigation a:hover i{background:#e9e8df;width:32px}.showcase-stage a:focus-visible{outline-offset:7px;outline:2px solid #e9e8df}.product-depth{pointer-events:none;transform-style:preserve-3d;will-change:transform;position:absolute;inset:0}.product-tilt{height:100%;transform:rotateX(var(--tilt-x)) rotateY(var(--tilt-y));transform-style:preserve-3d;transition:transform .65s ease-out}.product-composition{width:78%;height:60%;transform-style:preserve-3d;position:absolute;top:18%;left:10%}.product-window{box-shadow:0 35px 75px #0008, 0 2px 1px #ffffff40 inset, 0 0 70px rgba(var(--project-glow), .1);background:#d9e4f1;border:1px solid #ffffff47;border-radius:10px;position:absolute;overflow:hidden}.product-window:after{content:"";border-radius:inherit;background:radial-gradient(ellipse at var(--light-x) var(--light-y), #fff3, transparent 65%);pointer-events:none;mix-blend-mode:soft-light;position:absolute;inset:0}.product-browser-bar{color:#9ca3ae;height:30px;font:8px var(--font-geist-mono), monospace;letter-spacing:.015em;background:#191e27;justify-content:space-between;align-items:center;padding:0 12px;display:flex}.browser-dots{gap:4px;display:flex}.browser-dots i{background:#6b7280;border-radius:50%;width:4px;height:4px}.quantum-main{width:82%;top:0;right:0;transform:perspective(1400px)rotateY(-12deg)rotateX(7deg)rotate(-5deg)}.quantum-main img{width:100%;height:auto}.quantum-detail{width:39%;top:39%;left:0;transform:translateZ(75px)rotateY(12deg)rotate(5deg)}.quantum-detail img{width:100%;height:auto}.product-orbit-label{font:8px var(--font-geist-mono), monospace;letter-spacing:.12em;color:#a3b3c6;transform-origin:0 0;align-items:center;gap:.7rem;display:flex;position:absolute;top:13%;left:2%;transform:rotate(-90deg)translate(-100%)}.product-orbit-label i{background:currentColor;width:22px;height:1px}.showcase-shade{z-index:1;pointer-events:none;background:linear-gradient(#0000 40%,#090c1060 63%,#090c10e8 88%,#090c10 100%);position:absolute;inset:0}.showcase-menoviq .showcase-shade{background:linear-gradient(#0000 40%,#0c151260 63%,#0c1512e8 88%,#0c1512 100%)}.showcase-copy{z-index:3;position:absolute;bottom:5rem;left:5vw;right:5vw}.showcase-role{color:#adafb3;letter-spacing:.2em;text-transform:uppercase;margin:0 0 1rem;font-size:.64rem}.showcase-title{letter-spacing:-.065em;margin:0 0 1.2rem -.065em;font-size:clamp(3.3rem,12.5vw,14rem);font-weight:400;line-height:.86}.showcase-title a{transition:color .2s;display:inline-block}.showcase-title a:hover{color:#fff}.showcase-bottom{justify-content:space-between;align-items:end;gap:2rem;display:flex}.showcase-description{color:#b6b8bc;letter-spacing:-.025em;max-width:34rem;margin:0;font-size:clamp(.9rem,1.2vw,1.2rem);line-height:1.5}.showcase-cta{letter-spacing:.14em;text-transform:uppercase;border-bottom:1px solid #797b7d;justify-content:space-between;align-items:center;min-width:195px;margin-top:1.5rem;padding-bottom:.6rem;font-size:.68rem;display:inline-flex}.showcase-cta span{color:#b8aa8e;font-size:1.2rem;transition:transform .25s}.showcase-cta:hover span{transform:translate(3px,-3px)}.showcase-stack{text-align:right}.showcase-stack>span{color:#727981;letter-spacing:.18em;font-size:.55rem}.showcase-stack p{letter-spacing:.02em;color:#aaaeb4;margin:.5rem 0 .9rem;font-size:.7rem}.showcase-footnote{z-index:3;font:8px var(--font-geist-mono), monospace;letter-spacing:.1em;color:#686e77;justify-content:space-between;gap:1rem;display:flex;position:absolute;bottom:1.8rem;left:5vw;right:5vw}.menoviq-main{width:88%;top:0;right:0;transform:perspective(1400px)rotateY(-10deg)rotateX(8deg)rotate(-4deg)}.menoviq-main img,.menoviq-detail img{width:100%;height:auto}.menoviq-detail{background:#152620;width:30%;top:40%;left:0;transform:translateZ(80px)rotate(5deg)}.showcase-menoviq .product-orbit-label{color:#a3c5ba}@media (min-width:1600px){.product-composition{width:72%;left:14%}}@media (max-width:980px){.showcase-stage{min-height:680px}.product-composition{width:86%;top:24%;left:6%}.showcase-copy{bottom:5rem}.showcase-navigation{right:1rem}.showcase-stack{max-width:12rem}}@media (max-width:640px){.showcase-project{height:140svh}.showcase-stage{min-height:660px}.showcase-topline{font-size:.65rem;top:6.5rem;left:1.25rem;right:1.25rem}.showcase-category{text-align:right;max-width:10rem;font-size:.5rem}.product-composition{width:109%;height:48%;top:27%;left:-6%}.quantum-main{width:90%;right:-1%}.quantum-detail{width:45%;top:33%;left:8%}.product-browser-bar{height:19px;padding:0 7px;font-size:5px}.browser-dots{gap:2px}.browser-dots i{width:3px;height:3px}.product-window{border-radius:6px}.product-orbit-label{display:none}.showcase-navigation{gap:1rem;display:flex;top:12rem;right:1.25rem}.showcase-navigation a{padding:.5rem;font-size:.55rem}.showcase-navigation i{width:10px}.showcase-navigation a[aria-current] i{width:22px}.showcase-copy{bottom:5rem;left:1.25rem;right:1.25rem}.showcase-role{margin-bottom:.8rem;font-size:.5rem}.showcase-title{margin-bottom:1.2rem;font-size:12vw}.showcase-bottom{display:block}.showcase-description{max-width:22rem;font-size:.9rem}.showcase-cta{min-width:175px;margin-top:1.1rem;font-size:.6rem}.showcase-stack{display:none}.showcase-footnote{font-size:6px;bottom:1.5rem;left:1.25rem;right:1.25rem}.menoviq-main{width:94%;right:-1%}.menoviq-detail{width:37%;top:35%;left:9%}}@media (prefers-reduced-motion:reduce){.showcase-project{height:auto}.showcase-stage{position:relative}.product-tilt{transition:none;transform:none}.product-depth{will-change:auto}}.showcase-nori .showcase-stage{background:#0e1913}.showcase-nori .showcase-shade{background:linear-gradient(#0000 40%,#0e191360 63%,#0e1913e8 88%,#0e1913 100%)}.nori-main{background:#183f34;width:31%;top:-8%;right:17%;transform:perspective(1400px)rotateY(-10deg)rotate(-5deg)}.nori-detail{background:#183f34;width:26%;top:15%;left:22%;transform:translateZ(75px)rotateY(10deg)rotate(6deg)}.nori-main img,.nori-detail img{width:100%;height:auto}@media (max-width:640px){.nori-main{width:43%;right:10%}.nori-detail{width:36%;left:14%}}.showcase-cta .arrow-icon{width:22px;height:22px}.product-browser-bar .arrow-icon{width:9px;height:9px}@media (max-width:640px){.showcase-cta{align-items:center;min-width:190px;min-height:44px}.showcase-cta .arrow-icon{width:23px;height:23px}.showcase-navigation a{min-height:44px}}
.dashboard-portal{--portal-morph:0;--project-reveal:0;z-index:4;opacity:0;visibility:hidden;pointer-events:none;position:absolute;inset:0}.work-journey-anchor,.project-journey-anchor{width:1px;height:1px;position:absolute;top:calc(31.2% - 31.2svh);left:0}.showcase-embedded{height:100%}.showcase-embedded .showcase-stage{height:100%;min-height:0;position:relative}.showcase-embedded .product-composition{width:100%;height:100%;inset:0}.showcase-embedded{--main-left:24.04vw;--main-top:18%;--main-width:63.96vw;--main-aspect-height:.540872;--main-rotation-y:-12deg;--browser-height:30px}.showcase-embedded.showcase-menoviq{--main-left:19.36vw;--main-width:68.64vw;--main-aspect-height:.531436;--main-rotation-y:-10deg}.showcase-embedded .quantum-main,.showcase-embedded .menoviq-main,.showcase-embedded .nori-main{left:calc(var(--main-left) * var(--portal-morph));right:auto;top:calc(var(--main-top) * var(--portal-morph));width:calc(100% + (var(--main-width) - 100%) * var(--portal-morph));height:calc(100% + (var(--main-width) * var(--main-aspect-height) + var(--browser-height) - 100%) * var(--portal-morph));border-width:calc(1px * var(--portal-morph));border-radius:calc(10px * var(--portal-morph));transform:perspective(1400px) rotateY(calc(var(--main-rotation-y) * var(--portal-morph))) rotateX(calc(7deg * var(--portal-morph))) rotateZ(calc(-5deg * var(--portal-morph)))}.showcase-embedded .quantum-main .product-browser-bar,.showcase-embedded .menoviq-main .product-browser-bar,.showcase-embedded .nori-main .product-browser-bar{height:calc(var(--browser-height) * var(--portal-morph));opacity:var(--portal-morph);overflow:hidden}.showcase-embedded .quantum-main img,.showcase-embedded .menoviq-main img,.showcase-embedded .nori-main img{width:100%;height:calc(100% - var(--browser-height) * var(--portal-morph));object-fit:cover;object-position:center}.showcase-embedded .quantum-detail{width:30.42%;top:41.4%;left:10%}.showcase-embedded .menoviq-detail{width:23.4%;top:42%;left:10%}.showcase-embedded .product-orbit-label{top:25.8%;left:11.56%}.showcase-embedded .quantum-detail,.showcase-embedded .menoviq-detail,.showcase-embedded .nori-detail,.showcase-embedded .product-orbit-label,.showcase-embedded .showcase-shade,.showcase-embedded .showcase-ambient,.showcase-embedded .showcase-floor,.showcase-embedded .showcase-copy,.showcase-embedded .showcase-topline,.showcase-embedded .showcase-navigation,.showcase-embedded .showcase-footnote{opacity:var(--project-reveal)}.showcase-embedded .showcase-copy{transform:translateY(calc(36px * (1 - var(--project-reveal))))}@media (min-width:1600px){.showcase-embedded{--main-left:26.96vw;--main-width:59.04vw}.showcase-embedded.showcase-menoviq{--main-left:22.64vw;--main-width:63.36vw}.showcase-embedded .quantum-detail{width:28.08%;left:14%}.showcase-embedded .menoviq-detail{width:21.6%;left:14%}}@media (min-width:641px) and (max-width:980px){.showcase-embedded{--main-left:21.48vw;--main-width:70.52vw;--main-top:24%}.showcase-embedded.showcase-menoviq{--main-left:16.32vw;--main-width:75.68vw}.showcase-embedded .quantum-detail{width:33.54%;top:47.4%;left:6%}.showcase-embedded .menoviq-detail{width:25.8%;top:48%;left:6%}}@media (max-width:640px){.showcase-embedded{--main-left:5.99vw;--main-width:98.1vw;--main-top:27%;--browser-height:19px}.showcase-embedded.showcase-menoviq{--main-left:1.63vw;--main-width:102.46vw}.showcase-embedded .quantum-detail{width:49.05%;top:42.84%;left:2.72%}.showcase-embedded .menoviq-detail{width:40.33%;top:43.8%;left:3.81%}}.showcase-embedded .product-tilt{transform:rotateX(calc(var(--tilt-x) * var(--portal-morph))) rotateY(calc(var(--tilt-y) * var(--portal-morph)))}.showcase-embedded.showcase-nori{--main-left:52vw;--main-top:13%;--main-width:min(24vw, 34vh);--main-aspect-height:2.10385;--main-rotation-y:-10deg}.showcase-embedded .nori-detail{width:min(20vw,28vh);top:23%;left:29%}@media (max-width:640px){.showcase-embedded.showcase-nori{--main-left:49vw;--main-width:43vw;--main-top:21%}.showcase-embedded .nori-detail{width:37%;top:28%;left:9%}}