.filter-pill[aria-pressed="true"]{border-color:var(--p-green);background:var(--p-green);color:#07111f;box-shadow:inset 0 1px 0 rgba(255,255,255,.36),inset 0 -2px 0 rgba(7,17,31,.12)}
.client-card-content h3{margin-top:0}
@media(max-width:720px){.portfolio-grid{grid-template-columns:1fr}}
.client-card-image{aspect-ratio:1122/1402;background:#101f32}
.client-card-image::after{display:none}
.client-card-image img,.client-card-image video{width:100%;height:100%;display:block;object-fit:contain;object-position:center}
.client-card--kosmosis .client-card-image img{object-fit:cover;object-position:center 43%}
.client-card-image video{transition:transform .5s cubic-bezier(.2,.75,.3,1)}
.client-card:hover .client-card-image img,.client-card:hover .client-card-image video{transform:none}
.portfolio-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.client-card-content{padding:17px 18px 19px}
.client-card h3{font-size:clamp(1.35rem,1.8vw,1.8rem);line-height:1.05}
.client-card-caption{font-size:.79rem}
.client-card .tag-list{margin-top:15px}
.client-card .service-tag{min-height:27px;padding:0 8px;font-size:.61rem;white-space:normal}
.client-card .card-link{margin-top:17px;padding-top:12px}
@media(max-width:1050px){.portfolio-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){
  .portfolio-grid{grid-template-columns:1fr;gap:14px}
  .client-card{display:grid;grid-template-columns:42% minmax(0,1fr)}
  .client-card-image{aspect-ratio:auto;min-height:235px}
  .client-card-image img,.client-card-image video{position:absolute;inset:0}
  .client-card-content{padding:15px 13px}
  .client-card h3{font-size:1.27rem}
  .client-card-caption{font-size:.72rem}
  .client-card .tag-list{gap:5px;margin-top:12px}
  .client-card .service-tag{font-size:.55rem}
  .client-card .card-link{font-size:.7rem}
}
.independent-section{margin-top:clamp(76px,11vw,132px);padding-bottom:clamp(85px,11vw,135px)}
.independent-intro{max-width:650px;margin:19px 0 0;color:var(--p-muted);font-size:.95rem;line-height:1.65}
.independent-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:34px;align-items:start}
.independent-card{min-width:0;border:1px solid var(--p-line);border-radius:19px;overflow:hidden;background:var(--p-surface-2)}
.independent-card--landscape{grid-column:span 2}
.independent-card button{position:relative;display:block;width:100%;padding:0;border:0;background:#101f32;cursor:pointer;overflow:hidden}
.independent-card--portrait button{aspect-ratio:4/5}
.independent-card--landscape button{aspect-ratio:8/5}
.independent-card button:focus-visible{outline:3px solid var(--p-green);outline-offset:-4px}
.independent-card video{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.independent-card button:hover video{transform:scale(1.04)}
.independent-play{position:absolute;right:15px;bottom:15px;width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.48);border-radius:50%;background:rgba(7,17,31,.65);color:#fff;font-size:.85rem}
.independent-card-meta{min-height:72px;padding:16px 18px;display:flex;flex-direction:column;gap:5px}
.independent-card-meta span{color:var(--p-green);font-size:.68rem;font-weight:600;letter-spacing:.09em;text-transform:uppercase}
.independent-card-meta strong{font-size:.92rem;line-height:1.3}
@media(max-width:950px){.independent-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:540px){.independent-grid{gap:13px}.independent-card--landscape{grid-column:span 2}.independent-card-meta{min-height:65px;padding:13px}.independent-card-meta strong{font-size:.82rem}}