/* Virusha v2: services listing page. Loads after v2-kit.css + v2-service.css */
/* Hero: project mosaic, lit under the cursor (assets/js/services-hero.js sets --sx/--sy) */
.pg-sl-hero{--sx:50%;--sy:45%;--spotlight-radius:420px;min-height:min(820px,100svh);display:flex;align-items:center;padding-bottom:clamp(64px,8vw,110px)}
.pg-sl-hero .services-hero__grid{position:absolute;inset:-4%;z-index:-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-content:center;gap:16px;padding:16px;opacity:.14;pointer-events:none;filter:grayscale(.4)}
.pg-sl-hero .services-hero__grid img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:16px}
.pg-sl-hero .services-hero__grid--lit{opacity:.85;filter:none;-webkit-mask-image:radial-gradient(var(--spotlight-radius) circle at var(--sx) var(--sy),#000 0%,#000 30%,transparent 72%);mask-image:radial-gradient(var(--spotlight-radius) circle at var(--sx) var(--sy),#000 0%,#000 30%,transparent 72%)}
.pg-sl-hero::after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(60% 70% at 50% 50%,rgba(11,11,18,.88),rgba(11,11,18,.45) 70%,rgba(11,11,18,.2))}
.pg-sl-hero-in{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:22px}
.pg-sl-hero-in .v2-h1{font-size:clamp(46px,7vw,104px)}
.pg-sl-hero-in .v2-lead{max-width:640px}
.pg-sl-hero-in .v2-btns{justify-content:center}
.pg-sl-hint{margin:6px 0 0;font-family:'Inconsolata',monospace;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:#9CA3AF}
@media (hover:none){.pg-sl-hint{display:none}}

/* Catalog */
.pg-sl-filter{display:flex;flex-wrap:wrap;gap:8px;margin:-12px 0 28px}
.pg-sl-filter button{font:inherit;font-size:14px;font-weight:500;display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:999px;border:1px solid var(--line);background:#FFFFFF;color:var(--ink);cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.pg-sl-filter button span{font-family:'Inconsolata',monospace;font-size:12px;color:var(--soft)}
.pg-sl-filter button:hover{border-color:rgba(79,70,229,.45)}
.pg-sl-filter button[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:#FFFFFF}
.pg-sl-filter button[aria-pressed="true"] span{color:#A5B4FC}
.pg-sl-card{padding:10px 10px 22px;gap:10px}
.pg-sl-img{margin:0;aspect-ratio:2592/1200}
.pg-sl-meta{display:flex;justify-content:space-between;align-items:center;padding:6px 10px 0}
.pg-sl-cat-t{font-family:'Inconsolata',monospace;font-weight:600;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--indigo)}
.pg-sl-card h3{padding:0 10px;font-size:22px}
.pg-sl-card .v2-more{padding:0 10px}
.pg-sl-card[hidden]{display:none}

/* Closing band: projects completed + end-to-end list */
.pg-sl-count{height:56px;width:auto;filter:brightness(0) invert(1)}
.pg-sl-e2e{padding:clamp(22px,2.6vw,32px)}
.pg-sl-e2e h3{margin:0 0 18px;font-weight:500;font-size:clamp(22px,2vw,28px);line-height:1.2;letter-spacing:-.02em;color:#FFFFFF}
.pg-sl-e2e ul{list-style:none;margin:0;padding:0;columns:2;column-gap:24px}
.pg-sl-e2e li{break-inside:avoid;padding:7px 0 7px 18px;position:relative;font-size:15px;color:#C4C7CF;border-bottom:1px solid rgba(255,255,255,.08)}
.pg-sl-e2e li::before{content:'';position:absolute;left:0;top:15px;width:6px;height:6px;border-radius:50%;background:linear-gradient(135deg,#7C3AED,#0EA5E9)}
.pg-sl-e2e a{color:#E5E7EB!important;text-decoration:none}
.pg-sl-e2e a:hover{color:#FFFFFF!important;text-decoration:underline}
@media (max-width:900px){.pg-sl-hero .services-hero__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:640px){.pg-sl-hero .services-hero__grid--lit{opacity:.45}.pg-sl-hero::after{background:rgba(11,11,18,.72)}.pg-sl-e2e ul{columns:1}.pg-sl-hero .services-hero__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.pg-sl-end-in{align-items:start}