/* Editorial work index + GPU-friendly motion */
.case-brand{width:36px;height:36px}
.all-work{display:grid;grid-template-columns:minmax(220px,.48fr) minmax(0,1.52fr);align-items:start;gap:clamp(42px,7vw,110px);padding-top:88px;padding-bottom:140px}
.all-work-top{position:sticky;top:128px;display:block;border-top:1px solid var(--line);padding-top:22px}
.all-work-top h2{font-size:clamp(34px,4vw,58px);letter-spacing:-.055em}
.case-filters{display:flex;flex-direction:column;align-items:flex-start;gap:7px;margin-top:34px}
.case-filters button{position:relative;width:auto;padding:10px 14px 10px 0;border:0;background:transparent;color:var(--muted);font-size:14px;text-align:left}
.case-filters button:before{content:"";position:absolute;left:0;bottom:5px;width:0;height:1px;background:#281ED5;transition:width .45s cubic-bezier(.16,.84,.22,1)}
.case-filters button:hover,.case-filters button.is-active{background:transparent;color:var(--ink)}
.case-filters button.is-active:before{width:100%}
.all-work-grid{display:grid;grid-template-columns:1fr;gap:clamp(20px,4vw,54px)}
.case-card,.case-card:nth-child(3n){grid-column:auto;min-height:clamp(430px,51vw,690px);border-radius:26px;opacity:0;transform:perspective(1100px) translate3d(var(--mx,0),calc(42px + var(--my,0)),0) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:opacity .65s ease,transform .88s cubic-bezier(.16,.84,.22,1),box-shadow .55s ease;transition-delay:var(--reveal-delay,0ms);box-shadow:0 18px 60px rgba(26,24,91,.08);backface-visibility:hidden;isolation:isolate}
.case-card:nth-child(even){margin-left:8%}
.case-card.is-in-view{opacity:1;transform:perspective(1100px) translate3d(var(--mx,0),var(--my,0),0) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg))}
.case-card:before{content:"";position:absolute;inset:0;z-index:1;background:radial-gradient(circle at var(--spot-x,50%) var(--spot-y,50%),rgba(255,255,255,.19),transparent 32%);opacity:0;transition:opacity .4s;pointer-events:none}
.case-card:hover:before,.case-card:focus-visible:before{opacity:1}
.case-card:hover{box-shadow:0 30px 90px rgba(39,24,125,.2)}
.case-card-copy{z-index:2;left:clamp(22px,4vw,50px);right:clamp(22px,4vw,50px);bottom:clamp(22px,4vw,45px)}
.case-card-copy strong{font-size:clamp(36px,6vw,78px)}
.case-cursor{position:fixed;left:0;top:0;z-index:9999;width:12px;height:12px;pointer-events:none;opacity:0;will-change:transform;contain:layout style paint;transition:opacity .2s}
.case-cursor.is-visible{opacity:1}.case-cursor i{position:absolute;inset:3px;border-radius:50%;background:#3428FF;box-shadow:0 0 16px rgba(52,40,255,.85)}
.case-cursor b{position:absolute;inset:-9px;border:1px solid rgba(52,40,255,.45);border-radius:50%;transition:transform .35s cubic-bezier(.16,.84,.22,1),border-color .35s}
.case-cursor.is-interactive b{transform:scale(1.65);border-color:rgba(52,40,255,.9)}
html[data-theme="dark"] .case-cursor i{background:#F7F7FF;box-shadow:0 0 18px rgba(96,86,255,.95)}
html[data-theme="dark"] .case-cursor b{border-color:rgba(247,247,255,.45)}
html[data-theme="light"] .case-cursor i{background:#27187D;box-shadow:0 0 10px rgba(39,24,125,.55)}
html[data-theme="light"] .case-cursor b{border-color:rgba(39,24,125,.55);box-shadow:0 3px 14px rgba(39,24,125,.1)}
@media(max-width:760px){.case-brand{width:32px;height:32px}.all-work{display:block;padding-top:58px}.all-work-top{position:relative;top:auto;display:block;margin-bottom:38px}.case-filters{flex-direction:row;overflow-x:auto;margin-top:22px;padding-bottom:8px;scrollbar-width:none}.case-filters::-webkit-scrollbar{display:none}.case-filters button{white-space:nowrap}.case-card,.case-card:nth-child(3n){min-height:440px;border-radius:19px}.case-card:nth-child(even){margin-left:0}.case-card-copy strong{font-size:42px}}
@media(prefers-reduced-motion:reduce){.case-card{opacity:1;transform:none}.case-cursor{display:none}}

/* Controlled neon hierarchy, consistent galleries and ambient pixels */
body[data-page="work"]{isolation:isolate}
body[data-page="work"] .case-header,body[data-page="work"] main,body[data-page="work"] .case-footer{position:relative;z-index:1}
.work-pixel-field{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;contain:strict}
.work-pixel-field i{position:absolute;left:var(--x);top:var(--y);width:var(--size);height:var(--size);border-radius:1px;background:#4034ff;opacity:.16;box-shadow:0 0 10px rgba(64,52,255,.38);animation:work-pixel-drift var(--duration) ease-in-out var(--delay) infinite alternate;will-change:transform,opacity}
.work-pixel-field.is-paused i{animation-play-state:paused}
@keyframes work-pixel-drift{0%{transform:translate3d(0,0,0);opacity:.08}55%{opacity:.22}100%{transform:translate3d(var(--drift),calc(var(--drift) * -1),0);opacity:.12}}
.case-filters button.is-active{color:#281ed5;text-shadow:0 0 18px rgba(52,40,255,.32)}
.case-filters button.is-active:before{height:2px;box-shadow:0 0 10px rgba(52,40,255,.72)}
.case-card,.case-card:nth-child(3n){width:100%;min-height:0;aspect-ratio:16/10}
.case-card:nth-child(even){margin-left:0}
.case-card:hover,.case-card:focus-visible{box-shadow:0 28px 86px rgba(39,24,125,.22),0 0 0 1px rgba(67,55,255,.34),0 0 34px rgba(67,55,255,.16)}
.case-card:focus-visible,.case-filters button:focus-visible,.next-project:focus-visible{outline:2px solid #4b40ff;outline-offset:5px}
.project-hero dl{grid-template-columns:repeat(4,minmax(0,1fr))}
.project-hero dt{color:#4337e8;text-shadow:0 0 14px rgba(67,55,232,.2)}
.project-gallery{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(12px,1.5vw,22px);grid-auto-flow:dense}
.project-gallery figure,.project-gallery figure.wide{grid-column:span 6;min-height:0;aspect-ratio:4/5;border-radius:clamp(16px,2vw,28px);overflow:hidden;background:#11121a}
.project-gallery figure.wide{grid-column:1/-1;aspect-ratio:16/9}
.project-gallery img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.16,.84,.22,1)}
.project-gallery figure:hover img{transform:scale(1.025)}
.next-project{transition:border-color .35s,box-shadow .35s,transform .35s}
.next-project:hover{border-color:rgba(67,55,255,.72);box-shadow:0 0 32px rgba(67,55,255,.14);transform:translateY(-3px)}
.next-project:hover span{color:#4b40ff;text-shadow:0 0 16px rgba(75,64,255,.7)}
html[data-theme="dark"] .case-filters button.is-active,html[data-theme="dark"] .project-hero dt{color:#a9a3ff;text-shadow:0 0 16px rgba(104,91,255,.58)}
html[data-theme="dark"] .work-pixel-field i{background:#766cff;opacity:.22;box-shadow:0 0 12px rgba(118,108,255,.65)}
@media(max-width:760px){.case-card,.case-card:nth-child(3n){min-height:0;aspect-ratio:4/5}.project-hero dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.project-gallery figure,.project-gallery figure.wide{grid-column:1/-1;aspect-ratio:4/5}.project-gallery figure.wide{aspect-ratio:16/10}}
@media(prefers-reduced-motion:reduce){.work-pixel-field i{animation:none}.project-gallery img,.next-project{transition:none}}
/* Pointer response stays separate from the ambient drift animation. */
.work-pixel-field i{translate:var(--push-x,0px) var(--push-y,0px);transition:translate .28s ease-out}
@media(prefers-reduced-motion:reduce){.work-pixel-field i{transition:none}}