.p-work{position:relative}.p-work-page{padding:96px clamp(16px,3.5vw,48px) 40px}.p-work-srh{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.p-work-barwrap{left:0;right:0;bottom:calc(22px + env(safe-area-inset-bottom,0px));z-index:40;pointer-events:none;justify-content:center;padding:0 16px;display:flex;position:fixed}.p-work-barwrap>*{pointer-events:auto}.p-work-bar{-webkit-backdrop-filter:blur(18px)saturate(1.4);backdrop-filter:blur(18px)saturate(1.4);scrollbar-width:none;background:#ffffffd1;border-radius:999px;gap:2px;max-width:100%;padding:5px;display:flex;position:relative;overflow-x:auto;box-shadow:0 16px 44px -14px #28286e66}.p-work-bar::-webkit-scrollbar{display:none}.p-work-glide{opacity:0;pointer-events:none;background:#9999ff38;border-radius:999px;width:0;height:calc(100% - 10px);transition:transform .45s cubic-bezier(.2,.8,.2,1),width .45s cubic-bezier(.2,.8,.2,1);position:absolute;top:5px;left:0}.p-work-bar[data-glide=true] .p-work-glide{opacity:1}.p-work-chip{min-height:44px;font:inherit;font-size:var(--fs-ui);color:var(--h4-ink2);cursor:pointer;background:0 0;border:0;border-radius:999px;flex:none;padding:0 20px;font-weight:500;transition:color .2s,background .2s;position:relative}.p-work-chip:hover{color:var(--h4-ink)}.p-work-chip[aria-pressed=true]{color:var(--h4-ink);background:#9999ff38}.p-work-bar[data-glide=true] .p-work-chip[aria-pressed=true]{background:0 0}.p-work-chip:focus-visible,.p-work-media:focus-visible,.p-work-open:focus-visible,.p-work-x:focus-visible,.p-work-step:focus-visible,.p-work-cta:focus-visible{outline:3px solid var(--h4-violet);outline-offset:3px}.p-work-stage{container:p-work/inline-size}.p-work-stage>*{transition:opacity .2s}.p-work-stage[data-leaving=true]>*{opacity:0}.p-work-canvas{--c:var(--cS);--hr:var(--hrS);--hn:var(--hnS);--g:10px;--w:calc((100cqw - (var(--c) - 1)*var(--g))/var(--c));height:calc(var(--hr)*var(--w) + var(--hn)*var(--g));margin:0;padding:0;list-style:none;position:relative}.p-work-tile{--x:var(--xS);--yr:var(--yrS);--yn:var(--ynS);--dir:var(--dS);left:calc(var(--x)*(var(--w) + var(--g)));top:calc(var(--yr)*var(--w) + var(--yn)*var(--g));width:var(--w);height:calc(var(--r)*var(--w));position:absolute}@container p-work (min-width:640px){.p-work-canvas{--c:var(--cM);--hr:var(--hrM);--hn:var(--hnM);--g:14px}.p-work-tile{--x:var(--xM);--yr:var(--yrM);--yn:var(--ynM);--dir:var(--dM)}}@container p-work (min-width:1000px){.p-work-canvas{--c:var(--cL);--hr:var(--hrL);--hn:var(--hnL);--g:18px}.p-work-tile{--x:var(--xL);--yr:var(--yrL);--yn:var(--ynL);--dir:var(--dL)}}.p-work-canvas[data-drift]{margin-block:40px}.p-work-canvas[data-drift] .p-work-tile{animation:7s ease-in-out infinite alternate p-work-drift}.p-work-canvas[data-scrolling=true] .p-work-tile{animation-play-state:paused}@keyframes p-work-drift{0%{translate:0 calc(var(--dir)*-36px)}to{translate:0 calc(var(--dir)*36px)}}.h2x-anim .p-work-tile,.h2x-anim .p-work-cardwrap{transition:opacity .6s ease var(--d,0s),transform .8s cubic-bezier(.2,.8,.2,1)var(--d,0s)}@starting-style{.h2x-anim .p-work-tile,.h2x-anim .p-work-cardwrap{opacity:0;transform:translateY(28px)scale(.98)}}.p-work-media{border-radius:var(--h4-r-inner);width:100%;height:100%;box-shadow:var(--h4-shadow);cursor:zoom-in;background:#ffffff73;border:0;padding:0;transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s;display:block;position:relative;overflow:hidden;transform:translateZ(0)}.p-work-img{object-fit:cover;transition:transform .9s cubic-bezier(.2,.8,.2,1)}.p-work-vid{object-fit:cover;opacity:0;pointer-events:none;width:100%;height:100%;transition:opacity .4s;position:absolute;inset:0}.p-work-media[data-playing=true] .p-work-vid{opacity:1}.p-work-dur{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:var(--fs-label);color:var(--h4-ink);font-variant-numeric:tabular-nums;background:#ffffffd1;border-radius:999px;align-items:center;gap:6px;padding:5px 10px;font-weight:500;display:inline-flex;position:absolute;bottom:10px;left:10px}.p-work-dur svg{color:var(--h4-violet)}.p-work-hover{text-align:left;font-size:var(--fs-ui);color:#fff;opacity:0;pointer-events:none;background:linear-gradient(#0000,#1416288c);padding:36px 14px 12px;font-weight:500;transition:opacity .3s;position:absolute;inset:auto 0 0}.p-work-canvas:not(.p-work-canvas--photos) .p-work-hover{display:none}@media (hover:hover){.p-work-media:hover{transform:translateY(-4px);box-shadow:0 26px 60px -26px #3c468c80}.p-work-media:hover .p-work-img{transform:scale(1.04)}.p-work-media:hover .p-work-hover{opacity:1}}.p-work-cases{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,2vw,24px);margin:0;padding:0;list-style:none;display:grid}.p-work-cardwrap{min-width:0;display:flex}.p-work-card.h4-glass-card{flex-direction:column;width:100%;padding:12px 12px clamp(20px,2.2vw,28px);transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s;display:flex;position:relative;transform:none}.p-work-cover{aspect-ratio:16/9;border-radius:var(--h4-r-inner);background:#ffffff80;position:relative;overflow:hidden}.p-work-ctitle{font-family:var(--font-h4),system-ui,sans-serif;font-weight:400;font-size:var(--fs-lead);letter-spacing:-.02em;color:var(--h4-ink);margin:20px 12px 0;line-height:1.25}.p-work-open{all:unset;cursor:pointer}.p-work-open:after{content:"";border-radius:var(--h4-r-card);position:absolute;inset:0}.p-work-open:focus-visible{outline:none}.p-work-card:has(.p-work-open:focus-visible){outline:3px solid var(--h4-violet);outline-offset:3px}.p-work-meta{font-size:var(--fs-small);color:var(--h4-mute);margin:8px 12px 0;line-height:1.45}.p-work-chips{flex-wrap:wrap;gap:6px;margin:16px 12px 0;padding:0;list-style:none;display:flex}.p-work-chips li{font-size:var(--fs-label);color:var(--h4-ink2);background:#9999ff24;border-radius:999px;padding:6px 12px}@media (hover:hover){.p-work-card.h4-glass-card:hover{transform:translateY(-4px);box-shadow:0 26px 60px -26px #3c468c80}.p-work-card:hover .p-work-img{transform:scale(1.04)}}@media (max-width:760px){.p-work-cases{grid-template-columns:minmax(0,1fr)}}html:has(.p-work-lb[open]){overflow:hidden}.p-work-lb{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;color:var(--h4-ink);background:0 0;border:0;margin:0;padding:clamp(16px,3vw,40px);overflow:hidden}.p-work-lb[open]{justify-content:center;align-items:center;display:flex}.p-work-lb::backdrop{-webkit-backdrop-filter:blur(14px)saturate(1.2);backdrop-filter:blur(14px)saturate(1.2);background:#2428486b}.p-work-x,.p-work-step{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:48px;height:48px;color:var(--h4-ink);cursor:pointer;background:#ffffffdb;border:0;border-radius:999px;place-items:center;padding:0;transition:background .2s,transform .2s;display:grid;box-shadow:0 10px 30px -12px #1e224666}.p-work-x:hover,.p-work-step:hover{background:#fff;transform:scale(1.05)}.p-work-x{z-index:3;position:absolute;top:clamp(14px,2vw,24px);right:clamp(14px,2vw,24px)}.p-work-view{flex-direction:column;align-items:center;max-width:min(1100px,100%);max-height:100%;display:flex;position:relative}.p-work-fig{border-radius:var(--h4-r-card);-webkit-backdrop-filter:blur(18px)saturate(1.3);backdrop-filter:blur(18px)saturate(1.3);background:#ffffffc7;flex-direction:column;align-items:center;max-width:100%;margin:0;padding:10px 10px 18px;display:flex;box-shadow:0 30px 80px -30px #1e22468c}.p-work-frame{--room:230px;width:min(100vw - 2*clamp(16px,3vw,40px) - 20px,1080px,(100dvh - var(--room))*var(--ar));border-radius:var(--h4-r-inner);background:#111426;position:relative;overflow:hidden}.p-work-full{object-fit:contain;width:100%;height:100%;display:block;position:absolute;inset:0}.p-work-cap{text-align:center;max-width:60ch;font-size:var(--fs-small);color:var(--h4-ink2);flex-direction:column;gap:4px;margin-top:14px;padding:0 8px;line-height:1.45;display:flex}.p-work-cap b{color:var(--h4-ink);font-weight:500}.p-work-steps{pointer-events:none;justify-content:space-between;display:flex;position:absolute;inset:50% calc(-48px - clamp(12px,2vw,28px)) auto;transform:translateY(-50%)}.p-work-steps .p-work-step{pointer-events:auto}.p-work-sheet{overscroll-behavior:contain;border-radius:var(--h4-r-card);-webkit-backdrop-filter:blur(20px)saturate(1.3);backdrop-filter:blur(20px)saturate(1.3);background:#ffffffdb;width:min(860px,100%);max-height:100%;padding:12px 12px clamp(24px,3vw,36px);position:relative;overflow-y:auto;box-shadow:0 30px 80px -30px #1e22468c}.p-work-sheet-body{padding:0 clamp(10px,2.4vw,28px)}.p-work-sheet .p-work-meta,.p-work-sheet .p-work-chips{margin-left:0;margin-right:0}.p-work-shead{font-family:var(--font-h4),system-ui,sans-serif;font-weight:300;font-size:var(--fs-h4);letter-spacing:-.03em;color:var(--h4-ink);margin:clamp(22px,3vw,32px) 0 0;line-height:1.1}.p-work-intro{font-size:var(--fs-body);color:var(--h4-ink);max-width:62ch;margin:18px 0 0;line-height:1.55}.p-work-sfilm{border-radius:var(--h4-r-inner);background:#111426;width:100%;max-height:70dvh;margin-top:26px;position:relative;overflow:hidden}.p-work-sfilm--tall{width:auto;height:min(70dvh,560px);margin-left:auto;margin-right:auto}.p-work-cta{background:var(--h4-ink);color:#fff;min-height:44px;font-size:var(--fs-small);border-radius:999px;align-items:center;margin-top:26px;padding:13px 24px;font-weight:500;line-height:1.2;text-decoration:none;transition:background .2s;display:inline-flex}.p-work-cta:hover{background:var(--h4-violet)}@media (max-width:760px){.p-work-barwrap{bottom:calc(16px + env(safe-area-inset-bottom,0px))}.p-work-chip{padding:0 10px}.p-work-bar{gap:0;padding:4px}.p-work-glide{height:calc(100% - 8px);top:4px}.p-work-dur{padding:4px 8px;bottom:8px;left:8px}.p-work-lb{padding:12px}.p-work-lb[open]{align-items:center}.p-work-frame{--room:310px;width:min(100vw - 44px,(100dvh - var(--room))*var(--ar))}.p-work-steps{justify-content:center;gap:14px;margin-top:12px;position:static;inset:auto;transform:none}.p-work-lb[open]:has(.p-work-sheet){align-items:flex-end;padding:64px 0 0}.p-work-sheet{border-radius:var(--h4-r-card)var(--h4-r-card)0 0;width:100%}}@media (prefers-reduced-motion:reduce){.p-work-glide,.p-work-stage>*,.p-work-media,.p-work-img,.p-work-card.h4-glass-card{transition:none}}.p-wheel{width:100vw;height:clamp(900px,175vh,2000px);margin-left:calc(50% - 50vw);position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(#0000 0,#000 6% 94%,#0000 100%);mask-image:linear-gradient(#0000 0,#000 6% 94%,#0000 100%)}.p-wheel-fallback{height:100%;padding:0 16px;position:relative;overflow:hidden}.p-wheel-tile{will-change:transform;backface-visibility:hidden;transform-origin:50%;position:absolute;top:0;left:0}.p-wheel-tile .p-work-media{width:100%;height:100%}