html:has(.work-v1){scroll-behavior:auto;overflow-x:clip}body:has(.work-v1){margin:0;overflow-x:visible}.work-v1{--ease:var(--ease-expressive);--ink:var(--black);--acid:var(--accent);--disp:var(--fd);--ui:var(--fb);background:var(--black);color:var(--white)}.work-v1 :where(*){box-sizing:border-box}.work-v1 :where(h1,h2,h3,h4,p,ul,ol,li,figure,blockquote){margin:0;padding:0}.work-v1 :where(a){color:inherit;text-decoration:none}@media (hover:none){.work-v1 .cursor,.work-v1 .cursor-ring{display:none}}.work-v1 .disp{font-family:var(--fd);text-transform:uppercase;letter-spacing:-.02em;font-weight:900;line-height:.88}.work-v1 .mask .ln{padding-top:.06em;display:block;overflow:hidden}.work-v1 .mask .ln>span{display:block}.work-v1 .kick{font-family:var(--fd);letter-spacing:.3em;text-transform:uppercase;color:var(--accent);align-items:center;gap:14px;font-size:.7rem;font-weight:300;display:flex}.work-v1 .kick:after{content:"";background:var(--accent);width:40px;height:1px;display:block}.work-v1 .grain{pointer-events:none;z-index:90;opacity:.06;background-size:220px 220px;position:fixed;inset:0}body:has(.work-v1) .cursor-ring:after{content:"View";font-family:var(--fd);letter-spacing:.2em;text-transform:uppercase;color:var(--black);opacity:0;justify-content:center;align-items:center;font-size:.7rem;font-weight:700;transition:opacity .2s;display:flex;position:absolute;inset:0}body.viewing:has(.work-v1) .cursor-ring{border-color:var(--accent);background:var(--accent);width:84px;height:84px}body.viewing:has(.work-v1) .cursor-ring:after{opacity:1}body.viewing:has(.work-v1) .cursor{opacity:0}body:has(.work-v1) #nav{transition:transform var(--motion-slow)var(--ease-expressive),background .4s ease,border-color .4s ease,padding .4s ease,backdrop-filter .4s ease}body:has(.work-v1) #nav.nav-hide{transform:translateY(-100%)}@media (prefers-reduced-motion:reduce){body:has(.work-v1) #nav{transition:none}}.work-v1 .im1{background-image:url(/home/cases/case-1.webp)}.work-v1 .im2{background-image:url(/home/cases/case-2.webp)}.work-v1 .im3{background-image:url(/home/cases/case-3.webp)}.work-v1 .im4{background-image:url(/home/cases/case-4.webp)}.work-v1 .im5{background-image:url(/home/cases/case-5.webp)}.work-v1 .im6{background-image:url(/home/cases/case-6.webp)}.work-v1 .am3{background-image:url(/home/ambients/ambient-3.webp)}.work-v1 .am2{background-image:url(/home/ambients/ambient-2.webp)}.work-v1 .am4{background-image:url(/home/ambients/ambient-4.webp)}.work-v1 .am5{background-image:url(/home/ambients/ambient-5.webp)}.work-v1 .hwrap{position:absolute;inset:0;overflow:hidden}.work-v1 .hstage{transform-origin:50%;width:1320px;height:1080px;position:absolute;top:50%;left:50%}.work-v1 .hstage .cw{background:#080808;width:1320px;height:1080px;display:none;position:absolute;top:0;left:0;overflow:hidden}.work-v1 .hstage .cw .cam{transform-origin:50%;position:absolute;inset:0}.work-v1 .pi{background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}.work-v1 .lay{transform-origin:0 0;width:1800px;height:1200px;position:absolute;top:0;transform:scale(.9)}.work-v1 .lay .pi{background-position:0 0;background-size:1800px 1200px}.work-v1 .lay .pc{background-repeat:no-repeat;background-size:1800px 1200px;position:absolute}.work-v1 .lay .blk{position:absolute}.work-v1 .lay svg{position:absolute;top:0;left:0;overflow:visible}.work-v1 .dsSel{visibility:hidden;opacity:0;border:3px solid #0d99ff;position:absolute;top:0;left:0}.work-v1 .dsSel i{background:#fff;border:2px solid #0d99ff;width:14px;height:14px;position:absolute}.work-v1 .dsSel span{color:#fff;font-family:var(--inter);white-space:nowrap;background:#0d99ff;padding:7px 12px;font-size:22px;font-weight:500;line-height:1;position:absolute;top:-38px;left:-3px}.work-v1 .damQ{height:27px;line-height:27px;font-family:var(--inter);color:#fff;white-space:nowrap;font-size:19px;position:absolute;top:322px;left:1141px}.work-v1 .damSel{visibility:hidden;opacity:0;border:3px solid #378ef0;border-radius:0;width:178px;height:186px;position:absolute;top:460px;left:1399px}.work-v1 .damSel:before{content:"✓";color:#fff;width:26px;height:26px;font:600 17px/26px var(--inter);text-align:center;background:#378ef0;border-radius:0;position:absolute;top:8px;left:8px}.work-v1 .damBtn{color:#fff;width:79px;height:35px;font:600 15px/35px var(--inter);text-align:center;visibility:hidden;opacity:0;background:#378ef0;border-radius:0;position:absolute;top:158px;left:1484px}.work-v1 .damFlash{visibility:hidden;opacity:0;background:#fff;position:absolute}.work-v1 .cCell{background:#000;position:absolute}.work-v1 .cScan{visibility:hidden;opacity:0;background:#fff;width:4px;height:630px;position:absolute;top:0;left:0;box-shadow:0 0 30px 8px #ffffff8c}.work-v1 .cChip{font-family:var(--inter);color:#e9e9ee;white-space:nowrap;visibility:hidden;opacity:0;background:#18181aeb;border:1px solid #3a3a40;border-radius:0;padding:10px 16px;font-size:20px;position:absolute;top:186px;left:660px}.work-v1 .cChip b{color:#fff;font-weight:600}.work-v1 .fPh{background:#26262b;position:absolute}.work-v1 .fPh i{background:linear-gradient(90deg,#fff0,#ffffff29,#fff0);width:45%;position:absolute;top:-20%;bottom:-20%;left:0;transform:skew(-14deg)translate(-160%)}.work-v1 .fIc{color:#77777f;width:64px;height:64px;margin:-32px 0 0 -32px;position:absolute}.work-v1 .fWr{position:absolute;overflow:visible}.work-v1 .lay.p3{perspective:1800px;perspective-origin:900px 600px}.work-v1 .dsWord{text-align:center;font-family:var(--jost),var(--ui);text-transform:uppercase;letter-spacing:.02em;color:#0000;-webkit-text-stroke:1.5px #ffffffbf;visibility:hidden;opacity:0;background-position:50% 45%;background-size:1400px;-webkit-background-clip:text;background-clip:text;font-size:330px;font-weight:200;line-height:1;position:absolute;top:330px;left:0;right:0}.work-v1 .dsSpec{visibility:hidden;opacity:0;color:#fff;background:#080808ed;position:absolute;inset:0}.work-v1 .dsSpec .row{align-items:center;gap:44px;display:flex;position:absolute;left:110px}.work-v1 .dsSpec .row b{font-family:var(--jost),var(--ui);letter-spacing:.02em;white-space:nowrap;font-size:190px;line-height:1}.work-v1 .dsSpec .row span{letter-spacing:.14em;text-transform:uppercase;color:#9a9a9a;font-size:22px;font-weight:600;line-height:1.4}.work-v1 .dsSpec .ic{gap:70px;display:flex;position:absolute;top:840px;left:110px}.work-v1 .dsSpec .ic svg{width:92px;height:92px}.work-v1 .ams{visibility:hidden;opacity:0;transform-origin:50%;background-position:50%;background-size:cover;position:absolute;inset:0}.work-v1 .swp2{mix-blend-mode:screen;visibility:hidden;opacity:0;background:linear-gradient(90deg,#fff0,#ffffff47,#fff0);width:520px;position:absolute;top:-10%;bottom:-10%;left:400px;transform:skew(-18deg)}.work-v1 section{position:relative}.work-v1 :focus-visible{outline:2px solid var(--accent);outline-offset:3px}.work-v1 .wk-hero{background:#050505;flex-direction:column;justify-content:flex-end;height:100svh;min-height:600px;padding:0 48px 6vh;display:flex;overflow:hidden}.work-v1 .wall{flex-direction:column;gap:18px;width:150vmax;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-56%)rotate(-7deg)}.work-v1 .wall .rw{will-change:transform;gap:18px;width:max-content;display:flex}.work-v1 .tile{aspect-ratio:3/2;cursor:pointer;filter:grayscale(.6)brightness(.55);width:clamp(240px,24vw,440px);transition:filter var(--motion-slow)var(--ease-expressive);background-position:50%;background-size:cover;flex:none;position:relative;overflow:hidden}.work-v1 .tile i{box-shadow:inset 0 0 0 0 var(--accent);transition:box-shadow var(--motion-medium)var(--ease-expressive);position:absolute;inset:0}.work-v1 .tile span{font-family:var(--fd);letter-spacing:.2em;text-transform:uppercase;color:var(--white);transition:transform var(--motion-slow)var(--ease-expressive);font-size:.78rem;font-weight:700;position:absolute;bottom:14px;left:16px;right:16px;transform:translateY(calc(100% + 24px))}.work-v1 .tile span b{color:var(--accent);margin-right:10px}@media (hover:hover){.work-v1 .tile:hover{filter:none}.work-v1 .tile:hover i{box-shadow:inset 0 0 0 3px var(--accent)}.work-v1 .tile:hover span{transform:none}}.work-v1 .wk-hero .veil{pointer-events:none;background:linear-gradient(#050505b3 0%,#05050533 30%,#05050599 58%,#050505 94%);position:absolute;inset:0}.work-v1 .wk-copy,.work-v1 .wk-hero .kick,.work-v1 .wk-h1,.work-v1 .wk-ft{pointer-events:none;position:relative}.work-v1 .wk-h1{margin:2vh 0 0 -.04em;font-size:clamp(84px,15vw,300px)}.work-v1 .wk-h1 em{color:var(--accent);font-style:normal}.work-v1 .wk-ft{justify-content:space-between;align-items:flex-end;gap:32px;margin-top:4vh;display:flex}.work-v1 .wk-ft p{font:400 clamp(16px,1.25vw,21px)/1.5 var(--fb);color:#cfcfca;max-width:30em}@media (min-width:761px){.work-v1 .wk-ft p{max-width:none}.work-v1 .wk-ft p .l2{white-space:nowrap}}.work-v1 .wk-ft p b{color:var(--white);font-weight:500}.work-v1 .scr{font:600 12px var(--fb);letter-spacing:.2em;text-transform:uppercase;white-space:nowrap;align-items:center;gap:12px;display:flex}.work-v1 .scr i{background:var(--white);transform-origin:50% 0;width:1px;height:42px;animation:wk-drip 1.8s var(--ease-expressive)infinite;display:block}@keyframes wk-drip{0%{transform:scaleY(0)}50%{transform-origin:50% 0;transform:scaleY(1)}51%{transform-origin:50% 100%}to{transform-origin:50% 100%;transform:scaleY(0)}}.work-v1 #work{background:var(--black);flex-direction:column;gap:14px;height:100svh;min-height:680px;padding:92px 24px 24px;display:flex;overflow:hidden}.work-v1 .mh{justify-content:space-between;align-items:center;gap:20px;display:flex}.work-v1 .mh .hint{font-family:var(--fd);letter-spacing:.26em;text-transform:uppercase;color:var(--dim);align-items:center;gap:10px;font-size:.7rem;font-weight:300;display:flex}.work-v1 .mh .hint i{background:var(--accent);border-radius:50%;width:7px;height:7px;animation:1.6s ease-in-out infinite wk-live;display:block}.work-v1 .mos{transform-origin:50% 30%;flex-direction:column;flex:1;gap:12px;min-height:0;display:flex}.work-v1 .row{min-height:0;transition:flex 1s var(--ease-expressive);flex:1;gap:12px;display:flex}.work-v1 .tl{min-width:0;color:var(--white);isolation:isolate;transition:flex 1s var(--ease-expressive);background:#0d0d0d;flex:1;text-decoration:none;position:relative;overflow:hidden}.work-v1 .tl .cv{position:absolute;inset:-16px}.work-v1 .tl .hstage .cw{display:block}.work-v1 .tl .shade{pointer-events:none;background:linear-gradient(#08080800 38%,#08080880 66%,#080808eb 100%),linear-gradient(#08080899,#08080800 30%);position:absolute;inset:0}.work-v1 .tl .dim{opacity:0;pointer-events:none;transition:opacity .6s var(--ease-expressive);background:#080808;position:absolute;inset:0}.work-v1 .tl .shade:after{content:"";opacity:0;transition:opacity .6s var(--ease-expressive);background:linear-gradient(#0808084d 0%,#0808088c 32%,#080808e6 62%,#080808f7 100%);position:absolute;inset:0}.work-v1 .tl .ring{pointer-events:none;box-shadow:inset 0 0 0 0 var(--accent);transition:box-shadow .5s var(--ease-expressive);position:absolute;inset:0}.work-v1 .tl .tp{justify-content:space-between;align-items:flex-start;gap:12px;display:flex;position:absolute;top:18px;left:20px;right:20px}.work-v1 .tl .tp>span{align-items:center;gap:12px;display:flex}.work-v1 .tl .no{font-family:var(--fd);letter-spacing:.2em;color:var(--accent);font-variant-numeric:tabular-nums;font-size:.74rem;font-weight:600}.work-v1 .client{background:var(--black);font-family:var(--fd);letter-spacing:.03em;text-transform:uppercase;white-space:nowrap;padding:7px 11px;font-size:.78rem;font-weight:900}.work-v1 .client:before{content:"";background:var(--accent);vertical-align:.15em;border-radius:50%;width:6px;height:6px;margin-right:9px;animation:1.6s ease-in-out infinite wk-live;display:inline-block}@keyframes wk-live{50%{opacity:.25}}.work-v1 .stat{text-align:right}.work-v1 .stat b{font-family:var(--fd);color:var(--accent);font-variant-numeric:tabular-nums;font-size:clamp(34px,3.3vw,60px);font-weight:900;line-height:.84;display:block}.work-v1 .stat span{font-family:var(--fd);letter-spacing:.22em;text-transform:uppercase;white-space:nowrap;margin-top:8px;font-size:.62rem;font-weight:600;display:block}.work-v1 .tl .bt{position:absolute;bottom:22px;left:20px;right:20px}.work-v1 .meta{font-family:var(--fd);letter-spacing:.24em;text-transform:uppercase;color:#bdbdb8;font-size:.68rem;font-weight:600}.work-v1 .tl h2{margin:10px 0 0;font-size:clamp(24px,2.45vw,46px);line-height:.9}.work-v1 .more{opacity:0;transition:grid-template-rows .8s var(--ease-expressive),opacity .35s;grid-template-rows:0fr;display:grid}.work-v1 .more>div{min-height:0;overflow:hidden}.work-v1 .more .d{font:400 clamp(14px,1vw,17px)/1.5 var(--fb);color:#d8d8d2;max-width:30em;padding-top:14px}.work-v1 .go{font-family:var(--fd);letter-spacing:.2em;text-transform:uppercase;background:var(--accent);color:var(--black);white-space:nowrap;align-items:center;gap:12px;margin-top:16px;padding:12px 18px;font-size:.72rem;font-weight:700;display:inline-flex}.work-v1 .go em{transition:transform var(--motion-slow)var(--ease-expressive);font-style:normal;display:inline-block}.work-v1 .loop{background:#ffffff1f;height:2px;position:absolute;bottom:0;left:0;right:0}.work-v1 .loop b{background:var(--accent);transform-origin:0;position:absolute;inset:0;transform:scaleX(0)}.work-v1 .tl.out .tp,.work-v1 .tl.out .bt,.work-v1 .tl.out .shade{opacity:0}.work-v1 .tl .tp,.work-v1 .tl .bt{transition:opacity .4s}.work-v1 .tl.ping .ring{box-shadow:inset 0 0 0 4px var(--accent)}@media (hover:hover) and (min-width:761px){.work-v1 .row:hover{flex:1.55}.work-v1 .tl:hover{flex:2.3}.work-v1 .mos:hover .tl:not(:hover) .dim{opacity:.55}.work-v1 .tl:hover .ring{box-shadow:inset 0 0 0 2px var(--accent)}.work-v1 .tl:hover .shade:after{opacity:1}.work-v1 .tl:hover .more{opacity:1;transition:grid-template-rows .8s var(--ease-expressive).12s,opacity .5s .25s;grid-template-rows:1fr}.work-v1 .tl:hover .go em{transform:translate(4px)rotate(-45deg)}}.work-v1 .tl:focus-visible{outline:none}.work-v1 .tl:focus-visible .ring{box-shadow:inset 0 0 0 3px var(--accent)}.work-v1 .tl:focus-visible .more{opacity:1;grid-template-rows:1fr}.work-v1 .tl:focus-visible .shade:after{opacity:1}.work-v1 .foot{border-top:1px solid var(--border);background:var(--off-black);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:28px;padding:32px 48px;display:flex}.work-v1 .foot svg{width:22px;height:22px;color:var(--white);display:block}.work-v1 .foot p{color:var(--muted);font-size:.75rem}.work-v1 .fsoc{flex-wrap:wrap;gap:22px;display:flex}.work-v1 .fsoc a,.work-v1 .ftop{font-family:var(--fd);letter-spacing:.2em;text-transform:uppercase;color:var(--dim);font-size:.7rem;font-weight:600}.work-v1 .fsoc a:hover,.work-v1 .ftop:hover{color:var(--accent)}.work-v1 .ftop:before{content:"↑ ";color:var(--accent)}.work-v1 .hwrap.still img,.work-v1 .hwrap.still video{object-fit:cover;transform-origin:50%;width:100%;height:100%;animation:16s ease-in-out infinite alternate wk-kb;display:block;position:absolute;inset:0}@keyframes wk-kb{0%{transform:scale(1.04)translate(0,0)}to{transform:scale(1.16)translate(-2%,-1.5%)}}@media (min-width:761px){.work-v1 #work{height:auto}.work-v1 .mos{height:calc(var(--rows,2)*max((100svh - 162px)/2,259px) + (var(--rows,2) - 1)*12px);flex:none}}@media (max-width:760px){.work-v1 .wk-hero{padding:0 20px 5vh}.work-v1 .wall{gap:12px;width:240vmax}.work-v1 .wall .rw{gap:12px}.work-v1 .tile{width:52vw}.work-v1 .wk-h1{font-size:24vw}.work-v1 .wk-ft{flex-direction:column;align-items:flex-start;gap:4vh}.work-v1 .scr{display:none}.work-v1 #work{gap:10px;height:auto;min-height:100svh;padding:80px 10px 10px}.work-v1 .mh{padding:0 6px}.work-v1 .mh .hint{display:none}.work-v1 .mos{grid-template-columns:1fr 1fr;grid-auto-rows:calc(33.3333svh - 46.6667px);gap:8px;min-height:420px;display:grid}.work-v1 .row{display:contents}.work-v1 .tl .tp{top:12px;left:12px;right:12px}.work-v1 .client,.work-v1 .meta,.work-v1 .stat span{display:none}.work-v1 .stat b{font-size:24px}.work-v1 .tl .bt{bottom:14px;left:12px;right:12px}.work-v1 .tl h2{font-size:clamp(17px,5.2vw,24px)}.work-v1 .tl .cv{inset:0}.work-v1 .foot{padding:28px 20px}}@media (prefers-reduced-motion:reduce){.work-v1 *{animation:none!important}body:has(.work-v1) #nav{transition:none}}