.project-experience-page{height:calc(100svh - 97px);min-height:500px;padding:0 clamp(20px,2.1vw,40px) 14px}body:has(.project-experience-page)>.studio-footer{display:none}.project-experience.home-work{grid-template-rows:64px minmax(0,1fr) 102px;grid-template-columns:minmax(0,1fr) minmax(300px,.64fr);gap:0 36px;width:100%;height:100%;min-height:0;padding:0;display:grid}.project-experience .home-work-layout,.project-experience .home-work-information{display:contents}.project-experience .home-work-heading{grid-area:1/1;justify-content:flex-start;gap:30px}.studio-main .project-experience .home-work-heading h1{letter-spacing:-.035em;font-size:22px;line-height:1.15}.experience-project-navigation{color:var(--studio-muted);align-items:center;gap:12px;font-size:12px;display:flex}.experience-project-navigation button{background:var(--studio-surface);width:44px;height:44px;color:var(--studio-text);border:0;place-items:center;display:grid}.project-experience .home-work-project{grid-area:1/2;justify-content:flex-end;align-items:center;gap:18px;display:flex}.studio-main .project-experience .home-work-project h3{white-space:nowrap;font-size:23px;line-height:1.1}.project-experience .home-work-project h3>span{font-size:inherit;letter-spacing:inherit;color:var(--studio-muted);margin:0 0 0 .22em;display:inline}.project-experience .home-work-project>p{display:none}.project-experience .home-work-stage{order:unset;perspective:1600px;touch-action:pan-y;grid-area:2/1/3/-1;height:100%}.project-experience .home-work-stage:focus-visible{outline:2px solid var(--studio-accent);outline-offset:-2px}.project-experience .np-brand{width:90%;font-size:20cqw;top:4%;left:5%}.project-experience .np-identity-copy{font-size:clamp(38px,7cqw,108px);bottom:19%;left:7%}.project-experience .np-companion{height:76%;top:10%;left:31%}.project-experience .np-verifier-copy{font-size:clamp(38px,4.8cqw,86px);top:10%;left:8%}.project-experience .np-demo-panel{width:43%;padding:clamp(22px,2.4cqw,38px);right:8%}.project-experience .np-demo-interface>strong{font-size:clamp(30px,3cqw,43px)}.studio-main .project-experience .np-demo-status{min-height:38px;font-size:12px}.project-experience .np-demo-code{font-size:14px}.project-experience .np-demo-play{font-size:13px}.project-experience .np-stage-toolbar{bottom:16px;left:26px;right:26px}.project-experience .np-stage-toolbar>span{max-width:none;font-size:12px}.project-experience .home-work-scenes{grid-area:3/1;align-items:stretch;gap:clamp(20px,2.7vw,50px);margin:0;padding:22px 0 14px;display:flex}.project-experience .home-work-scenes button{white-space:nowrap;align-items:center;gap:9px;min-height:44px;padding:0;font-size:14px;display:flex}.project-experience .home-work-scenes button:after{content:"";background:var(--studio-accent);transform-origin:0;height:2px;transition:transform .24s var(--studio-ease);position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.project-experience .home-work-scenes button[aria-pressed=true]:after{transform:scaleX(1)}.project-experience .home-work-scenes button svg{display:none}.project-experience .home-work-number{font-size:11px}.project-experience .home-work-scenes button:is(:hover,:focus-visible){transform:none}.project-experience .home-work-caption{grid-area:3/2;align-self:center;min-height:0;padding-block:16px 8px}.studio-main .project-experience .home-work-caption h4{margin:0 0 5px;font-size:14px;line-height:1.4}.project-experience .home-work-caption p{max-width:58ch;font-size:12px;line-height:1.5}.project-experience button:focus-visible{outline:2px solid var(--studio-accent);outline-offset:5px}.np-presentation-controls{flex:none;gap:2px;display:flex}.np-presentation-controls button{width:44px;height:44px;color:var(--studio-muted);background:0 0;border:0;place-items:center;padding:0;display:grid}.np-presentation-controls button:is(:hover,:focus-visible):not(:disabled){color:var(--studio-accent)}.np-presentation-controls button:disabled{opacity:.4;cursor:default}.np-presentation-controls svg{width:18px;height:18px}@media (min-width:1600px){.project-experience.home-work{grid-template-rows:72px minmax(0,1fr) 112px}.project-experience .home-work-scenes button{font-size:16px}.project-experience .home-work-caption p{font-size:14px}}@media (max-width:900px){.project-experience-page{height:auto;min-height:calc(100svh - 85px);padding:0 20px 24px}.project-experience.home-work{grid-template-rows:auto auto auto auto auto;grid-template-columns:1fr;gap:0;height:auto}.project-experience .home-work-heading{grid-area:1/1;justify-content:space-between;min-height:62px}.project-experience .home-work-project{grid-area:2/1;justify-content:flex-start;padding:4px 0 20px}.studio-main .project-experience .home-work-project h3{font-size:clamp(21px,4.5vw,30px)}.project-experience .home-work-stage{grid-area:3/1;height:clamp(440px,65svh,560px)}.project-experience .np-brand{top:9%}.project-experience .np-identity-copy{font-size:9cqw;bottom:24%;left:6%}.project-experience .np-companion{left:18%}.project-experience .np-verifier-copy{display:none}.project-experience .np-demo-panel{width:83%;padding:22px 18px;top:49%;right:5%}.project-experience .np-demo-interface>strong{font-size:30px}.project-experience .np-demo-code{font-size:11px}.project-experience .np-demo-submit{font-size:10px}.project-experience .np-stage-toolbar{flex-direction:column;align-items:flex-start;gap:10px;bottom:16px;left:16px;right:16px}.project-experience .np-stage-toolbar>span{max-width:29ch;font-size:10px}.project-experience .np-web-navigation{margin:0}.project-experience .np-web-navigation button{min-height:44px;font-size:12px}.project-experience .home-work-scenes{grid-area:4/1;grid-template-columns:1fr 1fr;gap:4px 24px;padding-block:16px 8px;display:grid}.project-experience .home-work-scenes button{min-height:48px;font-size:14px}.project-experience .home-work-caption{grid-area:5/1;min-height:100px;padding-block:18px 0}.project-experience .home-work-caption p{font-size:13px}}@media (prefers-reduced-motion:reduce){.project-experience *,.project-experience :after{transition-duration:0s!important}}
.project-portfolio{isolation:isolate;height:100%;display:grid;position:relative;overflow:clip}.collection-layer,.experience-showroom{grid-area:1/1;min-width:0;min-height:0}.collection-layer{z-index:2}.project-portfolio[data-view=experience] .collection-layer{pointer-events:none}.experience-showroom{z-index:3;opacity:0;visibility:hidden;position:relative;transform:scale(.98)}.experience-showroom[hidden]{display:none}.collection-screen{grid-template-rows:64px minmax(0,1fr) 102px;height:100%;min-height:0;display:grid}.collection-heading{justify-content:space-between;align-items:center;gap:20px;display:flex}.studio-main .collection-heading h1{letter-spacing:-.035em;font-size:22px;line-height:1.15}.collection-heading p{color:var(--studio-muted);font-size:13px}.collection-track{touch-action:pan-y;min-width:0;min-height:0;position:relative;overflow:clip}.collection-project{transform:translateX(calc(var(--slide-offset) * 105%));transition:transform .75s var(--studio-ease);position:absolute;inset:0}.collection-portal{text-align:left;width:100%;height:100%;color:var(--collection-ink);background:var(--collection-ground);perspective:1600px;isolation:isolate;cursor:pointer;border:0;border-radius:0;padding:0;display:block;position:relative;overflow:clip;container-type:size}.collection-interface{opacity:.45;width:78%;height:83%;transition:transform .85s var(--studio-ease), opacity .7s ease;position:absolute;top:7%;left:11%;transform:perspective(1200px)rotateX(4deg)rotateY(-6deg)scale(.94)}.collection-interface img{object-fit:contain}.collection-wing{transform-style:preserve-3d;pointer-events:none;position:absolute;inset:0}.collection-leaf{transform-style:preserve-3d;transition:transform .95s var(--studio-ease);position:absolute;inset:0}.collection-leaf-left{clip-path:inset(0 50% 0 0);transform-origin:0}.collection-leaf-right{clip-path:inset(0 0 0 50%);transform-origin:100%}.collection-cover{background:var(--collection-ground);display:block;position:absolute;inset:0}.collection-wordmark{font-family:var(--collection-display);letter-spacing:-.035em;color:var(--collection-brand);font-size:20cqw;font-weight:700;line-height:.9;position:absolute;top:5%;left:5%}.collection-tagline{font-family:var(--collection-display);letter-spacing:-.025em;font-size:clamp(38px,7cqw,108px);font-weight:700;line-height:.96;position:absolute;bottom:20%;left:7%}.collection-tagline>span{display:block}.collection-vial{aspect-ratio:2/3;height:104%;position:absolute;top:50%;left:73%;transform:translate(-50%,-50%)rotate(-9deg)}.collection-vial img{object-fit:contain;width:100%;height:100%;transition:transform .95s var(--studio-ease);display:block;transform:translate(0)}.collection-project:focus-within .collection-vial img,.project-portfolio[data-view=experience] .collection-project[data-selected=true] .collection-vial img{transform:translate(36%)}.collection-project:focus-within .collection-leaf-left{transform:translate(-27%)translateZ(55px)rotateY(18deg)}.collection-project:focus-within .collection-leaf-right{transform:translate(27%)translateZ(55px)rotateY(-18deg)}.collection-project:focus-within .collection-interface{opacity:1;transform:perspective(1200px)rotateX(0)rotateY(0)scale(1)}.collection-cover-note{z-index:4;color:#bacbde;pointer-events:none;font-size:11px;position:absolute;bottom:22px;left:26px}.collection-enter{z-index:4;min-height:44px;color:var(--collection-ink);align-items:center;gap:28px;font-size:14px;display:flex;position:absolute;bottom:18px;right:26px}.collection-enter .arrow-icon{transition:transform .25s var(--studio-ease)}.collection-project:focus-within .collection-enter .arrow-icon{transform:translate(5px)rotate(45deg)!important}.collection-portal:focus-visible{outline:2px solid var(--studio-accent);outline-offset:-3px}.collection-details{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:28px;display:grid}.studio-main .collection-project-info h2{letter-spacing:-.035em;font-size:clamp(22px,2.1vw,32px);line-height:1.2}.collection-project-info p{color:var(--studio-muted);margin-top:5px;font-size:12px}.collection-navigation{align-items:center;gap:20px;display:flex}.collection-position{font-variant-numeric:tabular-nums;font-size:13px}.collection-position>span{color:var(--studio-muted);margin-inline:10px;display:inline-block}.collection-navigation button{background:var(--studio-surface);width:44px;height:44px;color:var(--studio-text);border:0;place-items:center;padding:0;display:grid}.collection-previous{display:inline-flex;transform:rotate(180deg)}.collection-scene-count{color:var(--studio-muted);justify-self:end;font-size:12px}.experience-back{min-height:44px;color:var(--studio-muted);white-space:nowrap;background:0 0;border:0;align-items:center;gap:9px;padding:0;font-size:12px;display:inline-flex}.experience-back .arrow-icon{width:17px;height:17px}.experience-back:is(:hover,:focus-visible){color:var(--studio-accent)}.project-portfolio[data-transition=running] :is(.collection-wing,.collection-portal,.experience-showroom){will-change:transform, opacity}@media (hover:hover) and (pointer:fine){.collection-project:hover .collection-vial img{transform:translate(36%)}.collection-project:hover .collection-leaf-left{transform:translate(-27%)translateZ(55px)rotateY(18deg)}.collection-project:hover .collection-leaf-right{transform:translate(27%)translateZ(55px)rotateY(-18deg)}.collection-project:hover .collection-interface{opacity:1;transform:perspective(1200px)rotateX(0)rotateY(0)scale(1)}.collection-project:hover .collection-enter .arrow-icon{transform:translate(5px)rotate(45deg)!important}}@media (min-width:1600px){.collection-screen{grid-template-rows:72px minmax(0,1fr) 112px}.collection-heading p,.collection-enter{font-size:15px}.collection-project-info p,.collection-scene-count{font-size:14px}}@media (max-width:900px){.project-portfolio{height:auto}.collection-screen{grid-template-rows:62px clamp(440px,65svh,560px) auto;height:auto}.collection-heading p{font-size:11px}.collection-interface{width:94%;height:66%;top:15%;left:3%}.collection-wordmark{font-size:20cqw;top:13%}.collection-tagline{font-size:9cqw;bottom:26%;left:7%}.collection-vial{height:78%;top:43%}.collection-cover-note{font-size:10px;bottom:74px;left:18px;right:18px}.collection-enter{justify-content:space-between;font-size:13px;bottom:16px;left:18px;right:18px}.collection-details{grid-template-columns:minmax(0,1fr) auto;gap:12px;padding-top:22px}.studio-main .collection-project-info h2{font-size:20px}.collection-project-info p{max-width:26ch;font-size:11px}.collection-scene-count{grid-column:1/-1;justify-self:start;padding-bottom:12px;font-size:11px}.collection-navigation{gap:6px}.collection-position{font-size:11px}.collection-position>span{margin-inline:4px}.collection-project:focus-within .collection-leaf-left{transform:translate(-55%)rotateY(14deg)}.collection-project:focus-within .collection-leaf-right{transform:translate(55%)rotateY(-14deg)}.experience-showroom .home-work-heading{gap:12px}.experience-back{font-size:11px}}@media (hover:none){.collection-interface{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.project-portfolio *,.project-portfolio :after{transition-duration:0s!important;animation:none!important}}