body:has(.project-showcase){--ps-accent:#10eee8;--ps-ink:#f0f6f8;--ps-muted:#a8c2d1;--ps-line:rgba(115,201,219,.33);background:#020b10;color:var(--ps-ink)}body:has(.project-showcase):before{content:"";position:fixed;inset:0;z-index:0;background:linear-gradient(90deg,rgba(0,8,12,.25),rgba(0,8,12,.94) 9%,rgba(0,8,12,.82) 59%,rgba(0,8,12,.23)),url(/projects/studio.webp) 50%/cover no-repeat;pointer-events:none}html body:has(.project-showcase)>.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:30;height:88px!important;background:rgba(1,12,18,.88);border:0;-webkit-backdrop-filter:none;backdrop-filter:none;margin:0}.project-showcase{scroll-margin-top:100px;position:relative;z-index:1;width:100%;max-width:none;margin:0;color:var(--ps-ink);background:transparent;padding:0 4.5%;font-family:Manrope,Noto Sans SC,PingFang SC,sans-serif}.project-showcase *{box-sizing:border-box}.project-showcase a{text-decoration:none}.project-showcase :is(a,button):focus-visible{outline:2px solid var(--ps-accent);outline-offset:6px}.project-showcase button{font:inherit;cursor:pointer}.ps-opening-shell{position:relative;z-index:2}.ps-opening{position:relative;isolation:isolate;display:flex;min-height:calc(86svh - 88px);margin-inline:-4.5vw;padding:clamp(92px,12vh,150px) 7.7vw 72px;align-items:center;overflow:hidden;background:linear-gradient(90deg,rgba(2,11,16,.88),rgba(2,11,16,.62) 38%,rgba(2,11,16,.2) 72%,rgba(2,11,16,.38)),url(/projects/studio.webp) 50%/cover no-repeat}.ps-opening:before{content:"";position:absolute;z-index:1;inset:0;background:radial-gradient(ellipse at 72% 42%,transparent 0,rgba(1,8,11,.08) 48%,rgba(1,8,11,.52) 100%),linear-gradient(180deg,rgba(2,11,16,.18),transparent 52%,#020b10);pointer-events:none}.ps-opening-silk{position:absolute!important;z-index:0!important;inset:0;width:100%;height:100%;opacity:.28;filter:saturate(.65) brightness(.62);pointer-events:none}.ps-opening-copy{position:relative;z-index:4;width:47%;align-self:center;padding-bottom:0;transform:translateY(-10vh)}.ps-opening-copy>p{margin:0;color:var(--ps-accent);font:600 11px/1.5 DM Mono,monospace;letter-spacing:.17em}.ps-opening-copy h1{max-width:820px;margin:26px 0 42px;font-size:clamp(56px,5.3vw,94px);font-weight:690;line-height:.94;letter-spacing:-.07em}.ps-opening-copy h1 em{color:var(--ps-accent);font-style:normal}.ps-opening-copy h1 em span{color:var(--ps-ink)}.ps-opening-copy>div{display:flex;gap:28px;color:#82979d;font:500 10px DM Mono,monospace;letter-spacing:.08em}.ps-opening-copy>div span+span{padding-left:28px;border-left:1px solid rgba(16,238,232,.2)}.ps-opening-deck{position:absolute;z-index:2;top:-10%;right:2.5%;bottom:26%;left:43%;perspective:1400px;pointer-events:none;-webkit-mask-image:linear-gradient(90deg,transparent,#000 17%,#000 95%,transparent);mask-image:linear-gradient(90deg,transparent,#000 17%,#000 95%,transparent)}.ps-opening-deck:after{content:"";position:absolute;z-index:8;inset:-8%;background:linear-gradient(90deg,#020b10,rgba(2,11,16,.34) 16%,transparent 35%),linear-gradient(0deg,rgba(2,11,16,.55),transparent 22%);pointer-events:none}.ps-opening-card{--deck-opacity:1;--deck-delay:0s;--deck-end:translate(-36%,-38%) rotate(4deg) scale(.98);position:absolute;top:50%;left:50%;width:min(74%,880px);aspect-ratio:16/9;overflow:hidden;border:1px solid rgba(16,238,232,.22);border-radius:18px;background:#03080d;box-shadow:0 30px 82px rgba(0,0,0,.72),0 0 0 1px rgba(16,238,232,.05);opacity:var(--deck-opacity);transform:var(--deck-end);transform-origin:88% 88%;pointer-events:auto;will-change:transform,opacity,filter}.ps-opening-card img{object-fit:cover;object-position:left top;filter:saturate(.9) brightness(.78) contrast(1.06);transition:filter .25s ease}.ps-opening-card>span{position:absolute;z-index:2;top:11px;left:12px;display:flex;align-items:center;gap:8px;padding:7px 11px;border:1px solid rgba(16,238,232,.2);border-radius:999px;color:rgba(236,248,248,.88);background:rgba(2,8,12,.82);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font:500 9px DM Mono,monospace;letter-spacing:.06em}.ps-opening-card>span b{color:var(--ps-accent);font-weight:600}.ps-opening-card:hover img{filter:saturate(1) brightness(.94) contrast(1.02)}.ps-opening-card-1{z-index:1;--deck-opacity:.25;--deck-delay:.56s;--deck-end:translate(-78%,-80%) rotate(-10deg) scale(.75)}.ps-opening-card-2{z-index:2;--deck-opacity:.34;--deck-delay:.48s;--deck-end:translate(-71%,-73%) rotate(-8deg) scale(.79)}.ps-opening-card-3{z-index:3;--deck-opacity:.44;--deck-delay:.4s;--deck-end:translate(-64%,-66%) rotate(-5.8deg) scale(.83)}.ps-opening-card-4{z-index:4;--deck-opacity:.56;--deck-delay:.32s;--deck-end:translate(-57%,-59%) rotate(-3.4deg) scale(.87)}.ps-opening-card-5{z-index:5;--deck-opacity:.68;--deck-delay:.24s;--deck-end:translate(-50%,-52%) rotate(-1deg) scale(.91)}.ps-opening-card-6{z-index:6;--deck-opacity:.84;--deck-delay:.16s;--deck-end:translate(-43%,-45%) rotate(1.5deg) scale(.95)}.ps-opening-card-7{z-index:7;--deck-delay:.08s;--deck-end:translate(-36%,-38%) rotate(4deg) scale(.99)}.ps-opening-scroll{position:absolute;z-index:40;left:50%;bottom:0;display:grid;width:52px;height:52px;place-items:center;transform:translate(-50%,50%);color:#9db2b5}.ps-opening-scroll svg{width:20px;height:29px;overflow:visible;fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round;animation:ps-opening-arrow 2.6s ease-in-out infinite}.ps-opening-scroll:is(:hover,:focus-visible){color:#b9ffff}@keyframes ps-opening-arrow{0%,to{opacity:.35;transform:translateY(-3px)}50%{opacity:1;transform:translateY(5px)}}@keyframes ps-deck-open{0%{opacity:0;filter:blur(7px);transform:translate(-36%,-38%) rotate(4deg) scale(.83)}22%{opacity:var(--deck-opacity);filter:blur(2px)}to{opacity:var(--deck-opacity);filter:blur(0);transform:var(--deck-end)}}@media(prefers-reduced-motion:no-preference){.ps-opening-card{animation:ps-deck-open 1.08s cubic-bezier(.22,1,.36,1) var(--deck-delay) both}}.ps-product-list{scroll-margin-top:104px}.ps-project{display:grid;grid-template-columns:22% minmax(0,1fr);grid-column-gap:3%;column-gap:3%;padding:30px 0 0 3.2%;scroll-margin-top:118px;min-height:calc(100svh - 118px);align-content:center}.ps-project:first-child{min-height:0}.ps-project:first-child .ps-image-button img{aspect-ratio:2.05}.ps-project:first-child .ps-copy{padding-top:20px}.ps-project:first-child .ps-copy ul{gap:8px;margin-bottom:26px}.ps-project:first-child .ps-description{max-width:17em}.ps-copy{padding:28px 0 24px}.ps-status{margin:0 0 18px;font:500 13px/1.6 DM Mono,monospace;color:var(--ps-muted);letter-spacing:.04em}.ps-status span{color:var(--ps-accent)}.ps-copy h2{margin:0 0 18px;font-size:clamp(25px,2.4vw,40px);line-height:1.2;font-weight:730;letter-spacing:-.045em;overflow-wrap:anywhere}.ps-lead{font-size:clamp(15px,1.25vw,20px);line-height:1.7;margin:0 0 24px}.ps-description{font-size:clamp(14px,1.05vw,18px);color:#d4e1e7;line-height:1.85;margin:0 0 28px;max-width:32em}.ps-copy ul{list-style:none;padding:0;margin:0 0 34px;display:grid;grid-gap:12px;gap:12px}.ps-copy li{display:flex;align-items:baseline;gap:15px;font-size:clamp(13px,1.05vw,18px);line-height:1.6}.ps-copy li:before{content:"";width:27px;height:2px;flex-shrink:0;background:var(--ps-accent);align-self:center}.ps-button{display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:15px 28px;border:1px solid #05f9f0;border-radius:15px;background:#16eee8;color:#00232b;font-size:16px;font-weight:700;box-shadow:0 5px 28px #06d6d51a;transition:background .2s,transform .2s}.ps-button:hover{background:#85fff6;transform:translateY(-2px)}.ps-button span{font-size:23px;line-height:1}.ps-copy>small{display:block;margin-top:24px;font:12px/1.6 DM Mono,monospace;color:var(--ps-muted)}.ps-gallery{margin:0;min-width:0;align-self:center}.ps-image-button{display:block;width:100%;padding:0;border:0;border-radius:18px;background:transparent;box-shadow:none;overflow:hidden}.ps-image-button:hover{box-shadow:none}.ps-image-button img{display:block;width:100%;height:auto;aspect-ratio:1.75;max-height:72svh;object-fit:cover;object-position:top;border-radius:11px}.ps-image-button--operations{position:relative;aspect-ratio:2.05;border:1px solid rgba(119,212,197,.2);border-radius:18px;background:#030807;isolation:isolate}.ps-operations-collage{position:absolute;inset:0;display:block;overflow:hidden;background:radial-gradient(circle at 20% 16%,rgba(119,212,197,.12),transparent 34%),#030807}.ps-operations-collage:after{position:absolute;z-index:2;inset:0;pointer-events:none;content:"";background:linear-gradient(90deg,transparent 52%,rgba(2,7,7,.28) 68%,rgba(2,7,7,.78)),linear-gradient(0deg,rgba(1,6,6,.82),transparent 34%)}.ps-operations-collage img{position:absolute!important;width:100%!important;height:100%!important;max-height:none!important;aspect-ratio:auto!important;border-radius:0!important;object-fit:cover}.ps-operations-scene{position:absolute;inset:0 20% 0 0;overflow:hidden}.ps-operations-scene>img{object-position:center}.ps-operations-scene>span{position:absolute;z-index:3;top:24px;left:26px;padding:8px 11px;border-left:2px solid var(--ps-accent);color:#eaf5f2;background:rgba(2,9,9,.66);font:500 10px DM Mono,monospace;letter-spacing:.08em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.ps-operations-scene>span b{color:var(--ps-accent);font-weight:600}.ps-operations-feedback{position:absolute;z-index:4;top:8%;right:3.4%;width:25%;height:79%;overflow:hidden;border:5px solid #e3e5df;background:#e3e5df;box-shadow:0 22px 55px rgba(0,0,0,.56);transform:rotate(1.8deg)}.ps-operations-feedback>img{object-position:top}.ps-operations-feedback em{position:absolute;z-index:3;right:0;bottom:0;left:0;padding:25px 12px 11px;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.8));font-size:11px;font-style:normal;text-align:left}.ps-operations-flow{position:absolute;z-index:5;right:31%;bottom:22px;left:26px;display:flex;align-items:center;justify-content:space-between;gap:8px}.ps-operations-flow i{display:flex;align-items:center;gap:8px;color:#e4eeeb;font:500 10px DM Mono,monospace;font-style:normal;white-space:nowrap}.ps-operations-flow i:not(:last-child):after{color:var(--ps-accent);content:"→"}.ps-gallery figcaption{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:10px 0;font-size:11px;color:#d3e3e9;min-height:52px}.ps-gallery figcaption>div{display:flex;align-items:center;gap:9px;flex-shrink:0}.ps-gallery figcaption button{border:0;background:transparent;color:var(--ps-ink);min-width:44px;min-height:44px;font-size:23px;border-radius:6px;transition:background .2s}.ps-gallery figcaption button:hover{background:#06e9e81a}.ps-gallery figcaption .ps-enlarge{margin-left:12px;padding:0 14px 0 25px;border-left:1px solid var(--ps-line);border-radius:0;color:var(--ps-accent);font-size:12px}.ps-next{grid-column:1/-1;display:flex;align-items:center;gap:36px;min-height:65px;border-top:1px solid var(--ps-line);margin-top:12px;color:var(--ps-ink)}.ps-next span{color:var(--ps-muted);font:12px DM Mono,monospace}.ps-next strong{font-size:16px;font-weight:550}.ps-next b{margin-left:auto;padding:0 16px;font-size:25px;font-weight:400}.ps-next:hover strong{color:var(--ps-accent)}.ps-ending{position:relative;display:grid;grid-template-columns:40% 1fr;align-items:center;grid-gap:5%;gap:5%;min-height:78svh;padding:85px 3.2% 110px;scroll-margin-top:118px}.ps-ending h2{margin:24px 0;font-size:clamp(34px,3.4vw,62px);letter-spacing:-.035em;line-height:1.2;font-weight:740}.ps-ending>div>p:not(.ps-status){font-size:clamp(16px,1.5vw,24px);line-height:1.7;color:#e1e9ec}.ps-ending-actions{display:flex;align-items:center;flex-wrap:wrap;gap:30px;margin-top:38px}.ps-text-link{color:var(--ps-ink);font-size:16px;text-underline-offset:8px;text-decoration:underline!important;-webkit-text-decoration-color:var(--ps-accent)!important;text-decoration-color:var(--ps-accent)!important}.ps-text-link span{margin-left:12px}.ps-notebook{position:relative;border:1px solid #83e1ebaa;border-radius:12px;padding:36px 38px 54px;min-height:350px;background:linear-gradient(115deg,#06191dc9,#06202977);box-shadow:inset 1px 1px 10px #19e9f126,0 30px 70px #0004;transform:perspective(1300px) rotateY(-5deg);overflow:hidden}.ps-notebook>p{font:24px/1.6 Manrope,sans-serif!important;color:#b3d0da!important;letter-spacing:.04em;margin:0 0 42px}.ps-notebook>p span{margin-left:18px;padding-left:20px;border-left:1px solid #78939a;font-size:21px}.ps-notebook ol{position:relative;z-index:1;list-style:none;margin:0;padding:0;display:grid;grid-gap:30px;gap:30px;color:#b4cfd7;font-size:clamp(20px,2vw,32px)}.ps-notebook li:before{content:"○";margin-right:18px;color:#74c7d3}.ps-notebook li:nth-child(2),.ps-notebook li:nth-child(2):before{color:var(--ps-accent)}.ps-notebook small{font-size:13px;margin-left:10px}.ps-notebook svg{position:absolute;width:36%;right:4%;bottom:10%;color:#71c7d0;opacity:.55}.ps-back-top{position:absolute;right:3.2%;bottom:24px;color:var(--ps-muted);font-size:14px}body:has(.project-showcase)>.trust-footer{position:relative;background:rgba(0,8,12,.65);border-top:1px solid var(--ps-line);width:91%;margin:auto;padding:32px 0;color:var(--ps-muted);opacity:1}.ps-dialog{position:fixed;inset:0;width:min(96vw,1800px);max-width:96vw;max-height:94svh;margin:auto;padding:14px;border:1px solid #2de7e1;border-radius:15px;background:#05151e;color:#efffff;box-shadow:0 30px 100px #0009;overscroll-behavior:contain}.ps-dialog::-webkit-backdrop{background:#000d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.ps-dialog::backdrop{background:#000d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}body:has(.ps-dialog[open]){overflow:hidden}.ps-dialog img{display:block;width:100%;height:auto;max-height:76svh;object-fit:contain}.ps-dialog-bar,.ps-dialog-controls{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:13px}.ps-dialog-bar{padding-bottom:12px}.ps-dialog button{background:#102d35;border:1px solid #397883;border-radius:7px;padding:10px 16px;min-height:44px;color:#eaffff}.ps-dialog-controls{justify-content:center;padding-top:12px}@media(min-width:1800px){.project-showcase{padding-inline:max(4.5%,calc((100% - 1800px)/2))}}@media(max-width:1100px){.ps-opening-copy{width:51%}.ps-opening-deck{left:47%;right:-5%}.ps-project{min-height:0;padding-bottom:30px;grid-template-columns:29% minmax(0,1fr);column-gap:3%}.ps-copy h2{font-size:28px}.ps-copy{padding-top:15px}.ps-copy ul{gap:7px;margin-bottom:22px}.ps-description{margin-bottom:20px}.ps-lead{margin-bottom:16px}.ps-button{padding:13px 19px;font-size:14px}.ps-gallery figcaption{flex-wrap:wrap;gap:0}.ps-gallery figcaption>div{margin-left:auto}.ps-ending{grid-template-columns:1fr 1.1fr;gap:30px}.ps-notebook{padding:28px 22px;min-height:310px}.ps-notebook svg{opacity:.25}.ps-notebook>p{font-size:18px!important}.ps-notebook>p span{font-size:16px;margin-left:8px;padding-left:10px}}@media(max-width:760px){html body:has(.project-showcase)>.site-header{height:124px!important}.project-showcase{padding-inline:5%}.ps-product-list{scroll-margin-top:140px}.ps-project{grid-template-columns:1fr;padding:25px 0 0;min-height:0;scroll-margin-top:148px}.ps-copy{padding:0 0 26px}.ps-status{font-size:11px;margin-bottom:12px}.ps-copy h2{font-size:30px;margin-bottom:12px}.ps-lead{font-size:16px;margin-bottom:12px}.ps-description{font-size:14px;margin-bottom:18px;max-width:42em}.ps-copy ul{gap:7px;margin-bottom:22px}.ps-copy li{font-size:14px}.ps-copy>small{display:inline-block;margin:0 0 0 17px;font-size:10px}.ps-image-button{border-radius:12px;padding:0}.ps-image-button img{border-radius:7px}.ps-gallery figcaption{font-size:10px}.ps-gallery figcaption .ps-enlarge{font-size:11px;padding-left:12px;margin-left:0}.ps-next{gap:13px;margin-top:4px;min-height:65px}.ps-next span{font-size:10px}.ps-next strong{font-size:13px}.ps-next b{padding-right:0}.ps-ending{grid-template-columns:1fr;padding:66px 0 80px;gap:42px;min-height:0}.ps-ending h2{font-size:43px}.ps-ending>div>p:not(.ps-status){font-size:16px}.ps-ending-actions{gap:22px;margin-top:25px}.ps-text-link{font-size:14px}.ps-notebook{transform:none;min-height:290px;padding:26px}.ps-notebook>p{margin-bottom:30px}.ps-notebook ol{font-size:23px;gap:24px}.ps-notebook svg{opacity:.5;width:32%}.ps-notebook small{font-size:11px}.ps-back-top{right:0}.ps-dialog-bar{font-size:11px}.ps-dialog{padding:9px}body:has(.project-showcase):before{background:linear-gradient(#001018d9,#001018ed),url(/projects/studio.webp) 50%/cover}}@media(max-width:760px){.ps-operations-scene{right:15%}.ps-operations-scene>span{top:12px;left:12px;padding:6px 8px;font-size:7px}.ps-operations-feedback{right:2.5%;width:28%;border-width:3px}.ps-operations-feedback em{padding:18px 6px 7px;font-size:7px}.ps-operations-flow{right:34%;bottom:12px;left:12px}.ps-operations-flow i{font-size:7px}.ps-operations-flow i:nth-child(2){display:none}}@media(prefers-reduced-motion:no-preference){html:has(.project-showcase){scroll-behavior:smooth}.ps-project:first-child .ps-gallery{animation:ps-enter .8s ease-out .1s both}@keyframes ps-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}}@media(prefers-reduced-motion:reduce){.project-showcase *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media(max-width:760px){.ps-opening{display:block;min-height:calc(100svh - 124px);margin-inline:-5vw;padding:66px 20px 42px}.ps-opening-copy{width:auto;padding:0;transform:none}.ps-opening-copy h1{margin:18px 0 22px;font-size:clamp(43px,13.5vw,62px);line-height:.98}.ps-opening-copy>div{gap:11px;font-size:8px}.ps-opening-copy>div span+span{padding-left:11px}.ps-opening-deck{top:auto;right:-13%;bottom:7%;left:2%;height:44%;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 95%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 95%,transparent)}.ps-opening-card{width:82%;border-radius:11px}.ps-opening-card>span{top:6px;left:7px;padding:4px 7px;font-size:6px}}.ps-pinned-gallery{display:none}@media(min-width:1101px){.ps-projects{display:grid;grid-template-columns:22% minmax(0,1fr);grid-gap:3%;gap:3%;padding:30px 0 0 3.2%;align-items:start}.ps-project-list{min-width:0}.ps-projects .ps-project{display:block;padding:0 0 80px;min-height:85svh;scroll-margin-top:118px}.ps-projects .ps-project:last-child{min-height:calc(100svh - 118px);padding-bottom:40px}.ps-inline-gallery{display:none}.ps-pinned-gallery{display:block;position:-webkit-sticky;position:sticky;top:118px;min-width:0}.ps-pinned-gallery .ps-image-button img{aspect-ratio:2.05;max-height:calc(100svh - 208px)}.ps-pinned-gallery>div:not([hidden]){animation:ps-preview-in .35s ease-out both}.ps-projects .ps-next{gap:12px;flex-wrap:wrap;margin-top:12px;padding-top:16px;font-size:12px}.ps-projects .ps-next span{width:100%;font-size:10px}.ps-projects .ps-next strong{font-size:13px}.ps-projects .ps-next b{padding:0}}@keyframes ps-preview-in{0%{opacity:.25;transform:translateY(10px)}to{opacity:1;transform:none}}.ps-inline-gallery{min-width:0;align-self:center}