.projects-index{background:var(--canvas);padding:140px 0;position:relative}.projects-index:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(0,0,0,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.022) 1px,transparent 1px);background-size:80px 80px;pointer-events:none;opacity:.4}.projects-index .svc-container{position:relative;z-index:2}.pi-head{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:end;margin-bottom:48px}.pi-head h2{max-width:16ch}.pi-head p{font-size:16px;line-height:1.7;color:var(--ink-mute);max-width:52ch}@media (max-width: 1100px){.pi-head{grid-template-columns:1fr;gap:32px}}.pi-filter{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:48px;padding-bottom:24px;border-bottom:1px solid var(--rule)}.filter-chip{font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;background:transparent;border:1px solid var(--rule);color:var(--ink-mute);padding:10px 14px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:border-color .2s,background .2s,color .2s}.filter-chip .count{font-family:var(--mono);font-size:10px;color:var(--ink-thin);padding:1px 6px;border:1px solid currentColor;border-radius:2px;opacity:.55}.filter-chip:hover{color:var(--ink);border-color:var(--rule-2)}.filter-chip.active{background:var(--ink);color:#fff;border-color:var(--ink)}.filter-chip.active .count{color:var(--red);opacity:1}.pi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.pi-card{position:relative;aspect-ratio:4 / 5;background:var(--charcoal);overflow:hidden;cursor:pointer;border:1px solid var(--rule);text-decoration:none;color:#fff;display:block;transition:transform .5s var(--ease-out),border-color .4s}.pi-card:hover{transform:translateY(-4px);border-color:var(--red)}.pi-card-img{position:absolute;inset:0;background-size:cover;background-position:center;background-color:var(--charcoal-2);transition:transform 1.2s var(--ease-out),filter .5s ease;filter:grayscale(25%) brightness(.85);z-index:1}.pi-card:hover .pi-card-img{transform:scale(1.06);filter:grayscale(0%) brightness(1)}.pi-card-overlay{position:absolute;inset:0;background:linear-gradient(180deg,#0a0a0a8c,#0a0a0a66 35%,#0a0a0a99 65%,#0a0a0af2);z-index:2;pointer-events:none}.pi-bracket{position:absolute;width:14px;height:14px;border:1.5px solid var(--red);opacity:0;transition:opacity .4s,transform .4s;z-index:4;pointer-events:none}.pi-bracket.tl{top:10px;left:10px;border-right:none;border-bottom:none;transform:translate(-6px,-6px)}.pi-bracket.tr{top:10px;right:10px;border-left:none;border-bottom:none;transform:translate(6px,-6px)}.pi-bracket.bl{bottom:10px;left:10px;border-right:none;border-top:none;transform:translate(-6px,6px)}.pi-bracket.br{bottom:10px;right:10px;border-left:none;border-top:none;transform:translate(6px,6px)}.pi-card:hover .pi-bracket{opacity:1;transform:translate(0)}.pi-card-meta-top{position:absolute;top:22px;left:22px;right:22px;z-index:3;display:flex;justify-content:space-between;align-items:flex-start;font-family:var(--mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase}.pi-stamp{color:#ffffffd9}.pi-disciplines{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.pi-disciplines .d{color:var(--red);padding:3px 8px;border:1px solid rgba(227,6,19,.45);font-size:9px}.pi-card-content{position:absolute;bottom:0;left:0;right:0;z-index:3;padding:28px 24px}.pi-eyebrow{font-family:var(--mono);font-size:10.5px;color:var(--red);letter-spacing:.2em;text-transform:uppercase;margin-bottom:12px;display:inline-flex;align-items:center;gap:10px}.pi-eyebrow:before{content:"";width:18px;height:1px;background:var(--red)}.pi-card h3{font-family:var(--display);font-weight:700;font-size:clamp(20px,2vw,28px);line-height:1.02;letter-spacing:-.02em;text-transform:uppercase;color:#fff;margin-bottom:14px;text-wrap:balance}.pi-card h3 em{font-style:italic;color:var(--red)}.pi-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:14px;border-top:1px solid rgba(255,255,255,.12)}.pi-meta{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#ffffffb3}.pi-arr{font-family:var(--mono);color:var(--red);transition:transform .35s var(--ease-out)}.pi-card:hover .pi-arr{transform:translate(6px)}@media (max-width: 1100px){.pi-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.pi-grid{grid-template-columns:1fr;gap:16px}.pi-card{aspect-ratio:16 / 11}}