/* Projects page (/projects/) — chips + case grid */
.projects-island{max-width:1320px;margin:0 auto;padding:0 clamp(20px,4vw,48px) clamp(48px,7vw,96px);box-sizing:border-box;font-family:Arial,Helvetica,sans-serif;color:var(--dnl-violet,#1c0a4f)}
.project-filters{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 clamp(24px,4vw,40px)}
.project-chip{min-height:40px;padding:8px 16px;border:1px solid rgba(28,10,79,.25);background:transparent;color:inherit;font:500 14px Arial,Helvetica,sans-serif;border-radius:999px;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.project-chip:hover{border-color:currentColor}
.project-chip[aria-pressed=true]{background:var(--dnl-violet,#1c0a4f);border-color:var(--dnl-violet,#1c0a4f);color:#fff}
.project-chip:focus-visible,.project-services a:focus-visible{outline:2px solid var(--dnl-violet,#1c0a4f);outline-offset:2px}
.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,2vw,24px)}
@media (max-width:608px){.project-grid{grid-template-columns:1fr}}
.project-case{background:#fff;border:1px solid rgba(28,10,79,.1);padding:clamp(22px,3vw,36px);display:flex;flex-direction:column;scroll-margin-top:96px;opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}
.project-case.is-visible{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.project-case{opacity:1;transform:none;transition:none}}
.project-industry{margin:0 0 12px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;font-variant:small-caps;color:var(--dnl-muted,#5b5670)}
.project-case h2{margin:0 0 20px;font-size:clamp(22px,2.4vw,28px);line-height:1.2;letter-spacing:-.03em;font-weight:600}
.project-case dl{margin:0 0 24px;display:grid;gap:16px;flex:1}
.project-case dt{font-size:13px;font-weight:700;margin-bottom:4px}
.project-case dd{margin:0;font-size:15px;line-height:1.55;color:var(--dnl-muted,#4a4560)}
.project-services{list-style:none;margin:0 0 14px;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.project-services a{display:inline-block;padding:6px 12px;background:var(--dnl-lavender,#ece8fb);color:inherit;font-size:13px;text-decoration:none;border-radius:999px}
.project-services a:hover{text-decoration:underline}
.project-systems{margin:0;font-size:13px;color:var(--dnl-muted,#7a7590)}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}