/* Premium Work page layout */
.workHero{min-height:92svh;padding:145px 5vw 55px;background:#111;color:#fff;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;position:relative}
.workHero:before{content:"";position:absolute;width:58vw;height:58vw;border:1px solid rgba(255,255,255,.08);border-radius:50%;right:-22vw;top:-24vw}
.workHero:after{content:"";position:absolute;width:34vw;height:34vw;border:1px solid rgba(255,255,255,.06);border-radius:50%;right:-8vw;top:-10vw}
.workHeroTop{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1}
.workHeroIndex{display:flex;align-items:center;gap:12px;font-size:10px;letter-spacing:.16em;color:#a9a7a1}
.workHeroIndex i{display:block;width:72px;height:1px;background:#4a4945;position:relative;overflow:hidden}
.workHeroIndex i:after{content:"";position:absolute;inset:0;background:var(--acid);transform:translateX(-100%);animation:workProgress 4s ease-in-out infinite}
.workHeroGrid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(260px,.55fr);align-items:end;gap:7vw;margin-top:11vh;position:relative;z-index:1}
.workHero h1{font-size:clamp(66px,10.2vw,156px);line-height:.84;letter-spacing:-.085em;margin:0;max-width:1120px}
.workHero h1 em{font-style:normal;color:var(--acid)}
.workHeroAside{padding-bottom:12px}
.workHeroAside p{font-size:18px;line-height:1.55;color:#b7b5af;margin:0 0 38px;max-width:420px}
.workHeroAside a{display:flex;justify-content:space-between;gap:30px;padding:15px 0;border-top:1px solid #555;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.workHeroRule{margin-top:10vh;height:1px;background:#3a3936;overflow:hidden;position:relative;z-index:1}
.workHeroRule span{display:block;width:34%;height:100%;background:#fff;animation:workRule 5s cubic-bezier(.77,0,.18,1) infinite}
.workCapabilityRail{overflow:hidden;background:var(--lime);border-bottom:1px solid rgba(0,0,0,.2)}
.workCapabilityTrack{display:flex;align-items:center;width:max-content;white-space:nowrap;animation:workMarquee 24s linear infinite;padding:18px 0;font-size:12px;font-weight:800;letter-spacing:.14em}
.workCapabilityTrack span{padding:0 32px}
.workCapabilityTrack i{font-style:normal;font-size:9px}
.workFilter{position:sticky;top:84px;z-index:20;background:rgba(242,240,234,.93);backdrop-filter:blur(18px);display:flex;justify-content:space-between;align-items:center;gap:25px;padding:25px 5vw;border-bottom:1px solid var(--line);box-shadow:0 8px 24px rgba(17,17,15,.06)}
.workFilterLabel{display:flex;align-items:center;gap:20px;white-space:nowrap}
.workFilterLabel span,.workFilterLabel strong{font-size:9px;letter-spacing:.14em}
.workFilterLabel strong{font-weight:400;color:#777}
.workFilterButtons{display:flex;gap:7px;overflow:auto;scrollbar-width:none}
.workFilterButtons::-webkit-scrollbar{display:none}
.workFilter button{border:1px solid #aaa;border-radius:999px;background:transparent;padding:10px 15px;font-size:10px;font-weight:700;letter-spacing:.06em;white-space:nowrap;cursor:pointer;transition:.25s ease}
.workFilter button:hover,.workFilter button.active{background:#111;color:#fff;border-color:#111}
.workShowcase{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:22px;padding:70px 5vw 150px;background:var(--paper)}
.workProject{grid-column:span 6;display:grid;grid-template-columns:1fr;background:var(--project-tone);color:var(--project-ink);min-width:0;overflow:hidden;opacity:0;transform:translateY(45px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.75,.2,1)}
.workProject.is-visible{opacity:1;transform:none}
.workProject[hidden]{display:none!important}
.workProject--feature{grid-column:1/-1;grid-template-columns:minmax(0,1.55fr) minmax(340px,.75fr);min-height:720px}
.workProject--wide{grid-column:span 7}
.workProject--compact{grid-column:span 5}
.workProjectVisual{position:relative;min-height:570px;background:var(--project-tone);overflow:hidden;display:grid;place-items:center;isolation:isolate}
.workProject--feature .workProjectVisual{min-height:720px}
.workProjectVisual:before{content:"";position:absolute;inset:18px;border:1px solid color-mix(in srgb,var(--project-ink) 20%,transparent);z-index:0;transition:inset .55s cubic-bezier(.2,.8,.2,1),border-color .4s}
.workProject:hover .workProjectVisual:before{inset:10px;border-color:color-mix(in srgb,var(--project-ink) 38%,transparent)}
.workProjectNumber{position:absolute;top:38px;left:40px;font-size:11px;font-weight:800;letter-spacing:.18em;z-index:4}
.workProjectSignal{position:absolute;left:40px;bottom:38px;font-size:9px;font-weight:800;letter-spacing:.16em;z-index:4}
.workProjectLogo{width:min(44%,230px);aspect-ratio:1;background:#fff;border-radius:50%;display:grid;place-items:center;padding:16%;position:relative;z-index:3;box-shadow:0 25px 70px rgba(0,0,0,.15);transition:transform .75s cubic-bezier(.2,.8,.2,1),border-radius .75s cubic-bezier(.2,.8,.2,1)}
.workProjectLogo--wide{width:min(48%,330px);aspect-ratio:1.35;border-radius:999px;padding:12%}
.workProjectLogo img{width:100%;height:100%;object-fit:contain;display:block}
.workProject:hover .workProjectLogo{transform:scale(1.055) rotate(-2deg);border-radius:24%}
.workProjectAction{position:absolute;right:38px;top:36px;width:94px;height:94px;border-radius:50%;background:var(--project-accent);color:#111;display:flex;align-items:center;justify-content:center;text-align:center;gap:4px;font-size:9px;font-weight:800;letter-spacing:.1em;z-index:5;transform:scale(.82);opacity:0;transition:.35s ease}
.workProjectAction b{font-size:15px}
.workProject:hover .workProjectAction{opacity:1;transform:scale(1) rotate(4deg)}
.workProjectCopy{padding:38px 40px 42px;display:flex;flex-direction:column;justify-content:space-between;gap:70px;border-left:1px solid color-mix(in srgb,var(--project-ink) 18%,transparent)}
.workProject:not(.workProject--feature) .workProjectCopy{min-height:410px;border-left:0;border-top:1px solid color-mix(in srgb,var(--project-ink) 18%,transparent)}
.workProjectMeta{display:flex;flex-wrap:wrap;gap:7px}
.workProjectMeta span{border:1px solid color-mix(in srgb,var(--project-ink) 35%,transparent);border-radius:999px;padding:7px 10px;font-size:8px;font-weight:800;letter-spacing:.12em}
.workProjectCopy small{font-size:9px;font-weight:800;letter-spacing:.18em;color:color-mix(in srgb,var(--project-ink) 68%,transparent)}
.workProjectCopy h2{font-size:clamp(42px,5.2vw,82px);line-height:.92;letter-spacing:-.065em;margin:18px 0 24px}
.workProject:not(.workProject--feature) .workProjectCopy h2{font-size:clamp(38px,4.1vw,62px)}
.workProjectCopy p{font-size:16px;line-height:1.55;max-width:480px;color:color-mix(in srgb,var(--project-ink) 70%,transparent);margin:0}
.workProjectLink{display:flex;align-items:center;justify-content:space-between;padding-top:17px;border-top:1px solid color-mix(in srgb,var(--project-ink) 30%,transparent);font-size:10px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}
.workProjectLink b{font-size:20px;transition:transform .3s ease}
.workProject:hover .workProjectLink b{transform:translate(4px,-4px)}
.workProjectOrb{position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.16);z-index:1;transition:transform 1s cubic-bezier(.2,.8,.2,1)}
.workProjectOrb--one{width:72%;aspect-ratio:1;left:-26%;top:-12%}
.workProjectOrb--two{width:58%;aspect-ratio:1;right:-20%;bottom:-16%}
.workProject:hover .workProjectOrb--one{transform:translate(8%,8%) scale(1.08)}
.workProject:hover .workProjectOrb--two{transform:translate(-10%,-8%) scale(.92)}
.workProjectScan{position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 42px,rgba(0,0,0,.055) 42px 43px),repeating-linear-gradient(0deg,transparent 0 42px,rgba(0,0,0,.055) 42px 43px);transition:transform .8s ease}
.workProjectScan:after{content:"";position:absolute;left:0;right:0;height:2px;top:28%;background:var(--project-accent);box-shadow:0 0 25px var(--project-accent);animation:scanLine 4s ease-in-out infinite}
.workProject:hover .workProjectScan{transform:scale(1.04)}
.workProjectPhone{position:absolute;width:32%;height:62%;border:1px solid rgba(255,255,255,.35);border-radius:34px;z-index:1;transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.workProjectPhone:before{content:"";position:absolute;inset:12px;border:1px solid rgba(255,255,255,.17);border-radius:24px}
.workProjectPhone--left{left:17%;transform:rotate(-12deg) translateY(6%)}
.workProjectPhone--right{right:17%;transform:rotate(12deg) translateY(-6%)}
.workProject:hover .workProjectPhone--left{transform:rotate(-17deg) translate(-8%,-2%)}
.workProject:hover .workProjectPhone--right{transform:rotate(17deg) translate(8%,2%)}
.workProjectRoute{position:absolute;inset:0;z-index:1}
.workProjectRoute:before{content:"";position:absolute;left:9%;right:9%;top:50%;height:1px;background:rgba(0,0,0,.22);transform:rotate(-14deg)}
.workProjectRoute i{position:absolute;width:13px;height:13px;border-radius:50%;background:var(--project-accent);box-shadow:0 0 0 8px color-mix(in srgb,var(--project-accent) 18%,transparent)}
.workProjectRoute i:nth-child(1){left:14%;top:64%}.workProjectRoute i:nth-child(2){left:36%;top:52%}.workProjectRoute i:nth-child(3){right:36%;top:42%}.workProjectRoute i:nth-child(4){right:14%;top:30%}
.workProjectGridLines{position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.8%,rgba(255,255,255,.08) 50%,transparent 50.2%),linear-gradient(0deg,transparent 49.8%,rgba(255,255,255,.08) 50%,transparent 50.2%);background-size:80px 80px;transform:perspective(500px) rotateX(58deg) scale(1.6);transform-origin:center bottom;transition:transform 1s ease}
.workProject:hover .workProjectGridLines{transform:perspective(500px) rotateX(58deg) scale(1.8) translateY(-3%)}
.workClosingStatement{padding:130px 8vw 150px;display:grid;grid-template-columns:1fr 3fr;gap:5vw;border-top:1px solid var(--line)}
.workClosingStatement p{font-size:clamp(42px,6.3vw,88px);line-height:.98;letter-spacing:-.06em;margin:0}
.workClosingStatement a{grid-column:2;display:flex;justify-content:space-between;max-width:350px;border-top:1px solid;padding:15px 0;margin-top:20px;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
@keyframes workProgress{0%,10%{transform:translateX(-100%)}60%,100%{transform:translateX(100%)}}
@keyframes workRule{0%{transform:translateX(-100%)}48%,100%{transform:translateX(300%)}}
@keyframes workMarquee{to{transform:translateX(-50%)}}
@keyframes scanLine{0%,100%{top:24%}50%{top:75%}}
@media(max-width:980px){
  .workHeroGrid{grid-template-columns:1fr;gap:50px}.workHeroAside{max-width:520px}.workProject--feature{grid-template-columns:1fr;min-height:0}.workProject--feature .workProjectVisual{min-height:650px}.workProject--feature .workProjectCopy{border-left:0;border-top:1px solid color-mix(in srgb,var(--project-ink) 18%,transparent);min-height:430px}.workProject--wide,.workProject--compact{grid-column:span 6}.workFilterLabel{display:none}
}
@media(max-width:700px){
  .workHero{min-height:82svh;padding:120px 6vw 40px}.workHeroTop{align-items:flex-start}.workHeroGrid{margin-top:13vh}.workHero h1{font-size:clamp(57px,17vw,94px)}.workHeroAside p{font-size:16px}.workHeroRule{margin-top:7vh}.workCapabilityTrack{padding:15px 0}.workCapabilityTrack span{padding:0 22px}.workFilter{top:70px;padding:16px 5vw;justify-content:flex-start}.workFilterButtons{width:100%}.workShowcase{display:block;padding:42px 5vw 90px}.workProject{margin-bottom:18px}.workProject--feature,.workProject--half,.workProject--wide,.workProject--compact{display:grid;grid-template-columns:1fr}.workProjectVisual,.workProject--feature .workProjectVisual{min-height:440px}.workProjectCopy,.workProject:not(.workProject--feature) .workProjectCopy{padding:28px 26px 30px;min-height:360px;gap:50px}.workProjectCopy h2,.workProject:not(.workProject--feature) .workProjectCopy h2{font-size:clamp(42px,13vw,64px)}.workProjectAction{display:none}.workProjectNumber{left:28px;top:28px}.workProjectSignal{left:28px;bottom:28px}.workProjectLogo{width:min(48%,190px)}.workClosingStatement{display:block;padding:90px 6vw}.workClosingStatement p{margin-top:50px}.workClosingStatement a{margin-top:45px}.clientLogoShowcase{margin-top:0}
}
@media(prefers-reduced-motion:reduce){.workCapabilityTrack,.workHeroIndex i:after,.workHeroRule span,.workProjectScan:after{animation:none}.workProject,.workProjectLogo,.workProjectOrb,.workProjectPhone,.workProjectGridLines{transition:none}}

/* Work page: realistic dummy portfolio visuals */
.workProjectVisual{padding:18px;background:var(--project-tone)}
.workProjectVisual:before{inset:18px;z-index:3;pointer-events:none}
.workProjectScreen{position:absolute;inset:18px;display:grid;place-items:center;overflow:hidden;z-index:1;background:var(--project-soft)}
.workProjectScreen img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1s cubic-bezier(.2,.8,.2,1),filter .5s ease}
.workProject:hover .workProjectScreen img{transform:scale(1.035);filter:saturate(1.08)}
.workProjectVisual:after{content:"";position:absolute;inset:18px;background:linear-gradient(180deg,rgba(0,0,0,.12),transparent 34%,rgba(0,0,0,.32));z-index:2;pointer-events:none}
.workProjectNumber,.workProjectSignal,.workProjectAction{z-index:4;color:#fff;text-shadow:0 2px 18px rgba(0,0,0,.36)}
.workProjectNumber{top:38px;left:40px}.workProjectSignal{left:40px;bottom:38px}
.workProjectAction{color:#111;text-shadow:none;box-shadow:0 18px 40px rgba(0,0,0,.18)}
.workProjectCopy{background:var(--project-tone)}
.workProjectCopy small{color:var(--project-accent)}
.workProjectMeta span{background:color-mix(in srgb,var(--project-ink) 7%,transparent)}
@media(max-width:700px){.workProjectVisual{padding:12px}.workProjectScreen,.workProjectVisual:after{inset:12px}.workProjectVisual:before{inset:12px}.workProjectNumber{left:28px;top:28px}.workProjectSignal{left:28px;bottom:28px}}

/* Final polish: reduce flat placeholder feel */
.workProjectScreen{background:#151515}
.workProjectScreen img{object-position:center center}
.workProjectCopy{background:linear-gradient(180deg,color-mix(in srgb,var(--project-tone) 96%,#ffffff 4%),color-mix(in srgb,var(--project-tone) 92%,#000000 8%))}
.workProjectCopy{position:relative;overflow:hidden}
.workProjectCopy:after{content:"";position:absolute;right:-80px;bottom:-80px;width:220px;height:220px;border-radius:50%;background:color-mix(in srgb,var(--project-accent) 18%, transparent);filter:blur(10px);pointer-events:none;opacity:.7}
.workProjectMeta span{background:color-mix(in srgb,var(--project-ink) 8%, transparent)}

/* Conflict fix: isolate premium Work cards from legacy .projectCard rules */
.workShowcase .workProject > .workProjectVisual{
  height:auto!important;
  max-height:none!important;
  display:grid!important;
  place-items:center!important;
  background:var(--project-tone)!important;
}
.workShowcase .workProject > .workProjectCopy{
  height:auto!important;
  max-height:none!important;
  display:flex!important;
  place-items:initial!important;
  background:linear-gradient(180deg,color-mix(in srgb,var(--project-tone) 96%,#ffffff 4%),color-mix(in srgb,var(--project-tone) 92%,#000000 8%))!important;
}
.workShowcase .workProject img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}

#selected-work{scroll-margin-top:150px}
@media(max-width:800px){#selected-work{scroll-margin-top:125px}}