.project-filter{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:clamp(28px,4vw,44px)}.filter-chip{padding:8px 16px;border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--surface);color:var(--muted);font-size:var(--step-small);font-weight:600;cursor:pointer;transition:border-color .14s ease,color .14s ease,background .14s ease}.filter-chip:hover{border-color:var(--accent-press);color:var(--ink)}.filter-chip[aria-pressed=true]{border-color:var(--ink);background:var(--ink);color:var(--paper)}.project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px;padding-bottom:var(--space-section)}.pcard{display:grid;grid-template-rows:auto 1fr;overflow:hidden;border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-soft);color:inherit;transition:transform .16s ease,box-shadow .16s ease}.pcard:hover{transform:translateY(-3px);box-shadow:0 16px 40px #261d1b21}.pcard[hidden]{display:none}.pcard-media{display:grid;aspect-ratio:16 / 10;max-height:240px;overflow:hidden;background:var(--paper-sunk)}.pcard-media img{width:100%;height:100%;object-fit:cover}.phone{--bezel: 6px;--phone-radius: 22px;flex:none;padding:var(--bezel);border-radius:var(--phone-radius);background:#241e1a;box-shadow:0 12px 30px #1c141247}.phone img{display:block;width:100%;height:100%;border-radius:calc(var(--phone-radius) - var(--bezel));object-fit:cover}.pcard-placeholder{position:relative;display:grid;place-items:center;width:100%;height:100%;overflow:hidden;background:var(--surface)}.pcard-placeholder:before{content:"";position:absolute;inset:0;z-index:0;background-image:radial-gradient(var(--line) 1.2px,transparent 1.2px);background-size:20px 20px;opacity:.6;-webkit-mask-image:radial-gradient(circle at 50% 46%,#000 24%,transparent 72%);mask-image:radial-gradient(circle at 50% 46%,#000 24%,transparent 72%)}.pcard-placeholder:after{content:"";position:absolute;top:-30%;right:-18%;z-index:0;width:58%;aspect-ratio:1;border-radius:50%;background:var(--brand-gradient);filter:blur(40px);opacity:.42}.pcard-bracket{position:absolute;z-index:1;width:30px;height:30px;border:2px solid var(--ink)}.pcard-bracket--tr{top:16px;right:16px;border-left:0;border-bottom:0}.pcard-bracket--bl{bottom:16px;left:16px;border-right:0;border-top:0}.pcard-initials{position:relative;z-index:1;font-size:clamp(1.7rem,5vw,2.3rem);font-weight:800;letter-spacing:-.01em;color:var(--ink)}.pcard-body{display:grid;align-content:start;gap:7px;padding:16px 18px 18px}.pcard-cats{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}.pcard-cats li{color:var(--accent-press);font-size:var(--step-eyebrow);font-weight:700;letter-spacing:.04em;text-transform:uppercase}.pcard-cats li+li:before{content:"· ";color:var(--faint)}.pcard h2{font-size:1.15rem;line-height:1.25}.pcard-meta{color:var(--faint);font-size:var(--step-small);font-weight:600}.project-empty{padding:32px 0 var(--space-section);color:var(--muted);font-size:var(--step-lead)}.project-detail{padding-bottom:var(--space-section)}.detail-head{display:grid;gap:12px;padding:clamp(40px,6vw,64px) 0 clamp(24px,4vw,36px)}.detail-head h1{font-size:clamp(2rem,1.4rem + 2.6vw,3rem);line-height:1.08}.detail-meta{color:var(--muted);font-size:var(--step-lead)}.detail-media{display:grid;place-items:center;width:fit-content;max-width:100%;margin:0 auto clamp(32px,5vw,56px);padding:clamp(12px,2vw,22px);border-radius:var(--radius);background:var(--paper-sunk)}.detail-media img{display:block;max-width:100%;max-height:min(60vh,560px);width:auto;height:auto;border-radius:var(--radius-sm)}.phone-row{display:flex;gap:16px;overflow-x:auto;margin:0 0 clamp(32px,5vw,56px);padding-bottom:14px;scroll-snap-type:x proximity}.phone-row .phone{height:clamp(360px,58vw,460px);scroll-snap-align:start}.phone-row .phone img{width:auto}.image-credit{margin:-16px 0 clamp(32px,5vw,48px);color:var(--faint);font-size:var(--step-small)}.detail-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,3vw,36px);padding-bottom:clamp(32px,5vw,48px)}.detail-columns h2{margin-bottom:10px;font-size:1rem;color:var(--accent-press);text-transform:uppercase;letter-spacing:.04em}.detail-columns p{color:var(--muted);line-height:1.65}.detail-tech{padding-bottom:clamp(32px,5vw,48px)}.detail-tech h2,.detail-links h2{margin-bottom:14px;font-size:var(--step-h3)}.detail-tech ul{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}.detail-tech li{padding:7px 13px;border-radius:var(--radius-pill);background:var(--paper-sunk);color:var(--muted);font-size:var(--step-small);font-weight:600}.detail-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding-bottom:clamp(32px,5vw,48px)}.detail-gallery figure{display:grid;place-items:center;margin:0;padding:10px;aspect-ratio:4 / 3;border-radius:var(--radius-sm);background:var(--paper-sunk)}.detail-gallery img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.detail-links ul{display:grid;gap:8px;margin:0;padding:0;list-style:none}.detail-links li{color:var(--muted)}.detail-links a{color:var(--accent-press);font-weight:600;text-decoration:underline;text-underline-offset:3px;transition:opacity .14s ease}.detail-links a:hover{opacity:.75}.detail-back{display:inline-block;margin-top:clamp(24px,4vw,40px);color:var(--accent-press);font-weight:600}.detail-back:hover{text-decoration:underline}@media(max-width:820px){.detail-columns,.detail-gallery{grid-template-columns:1fr}}@media(max-width:540px){.detail-gallery{grid-template-columns:1fr 1fr}}