:root{--pjThumbW: 430px;--pjThumbWSmall: 130px;--pjNameSize: clamp(1.6rem, 3vw, 2.5rem);--pjRowPad: 1.2rem;--pjRevealMs: 480ms;--pjHeroTop: 4rem}.projectsPage .page-hero{padding-top:calc(var(--headH) + var(--pjHeroTop));padding-bottom:1.5rem}.projectsPage .display{font-size:clamp(2.8rem,6vw,5rem)}.projectsPage .page-hero .kicker{margin-top:1.2rem}.pjThumb{position:relative;width:var(--pjThumbW);aspect-ratio:16 / 9;overflow:hidden;background:var(--panel)}.pjThumb::after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 1px var(--line);pointer-events:none}.pjThumb img{width:100%;height:100%;object-fit:cover}.pjName{margin:0 0 .6rem;font-size:var(--pjNameSize);font-weight:600;letter-spacing:-.02em;line-height:1.1}.pjStatus{display:flex;align-items:center;justify-content:flex-end;gap:.8rem;white-space:nowrap}.pjStatusWord{color:var(--dim);font-size:.75rem;letter-spacing:.14em;text-transform:uppercase}.pjStatusWord.live{color:var(--muted)}.pjArrow{color:var(--orchid);font-weight:400;display:inline-block;width:1em;transition:transform .2s}.pjList{border-top:1px solid var(--line)}.pjRow{border-bottom:1px solid var(--line)}.pjHead{display:grid;grid-template-columns:var(--pjThumbW) 1fr auto;gap:2rem;align-items:center;width:100%;padding:var(--pjRowPad) 1rem var(--pjRowPad) 0;border:0;background:transparent;text-align:left;text-decoration:none;cursor:pointer;transition:background .15s}.pjHead:hover{background:rgba(255,255,255,.025)}.pjHead.idle{cursor:default}.pjHead.idle:hover{background:transparent}.pjHead.idle .pjThumb{opacity:.85}.pjRow.open .pjArrow{transform:rotate(90deg)}.pjReveal{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--pjRevealMs) cubic-bezier(.2,.7,.2,1)}.pjRow.open .pjReveal{grid-template-rows:1fr}.pjClip{overflow:hidden;min-height:0}.pjBody{padding:.4rem 0 2rem calc(var(--pjThumbW) + 2rem);opacity:0;transform:translateY(-8px);transition:opacity var(--pjRevealMs) ease,transform var(--pjRevealMs) cubic-bezier(.2,.7,.2,1)}.pjRow.open .pjBody{opacity:1;transform:none}.pjBlurb{max-width:620px;margin:0 0 1.2rem;color:var(--muted)}.pjGallery{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;margin-bottom:.4rem}.pjGallery img{width:100%;aspect-ratio:16 / 9;object-fit:cover;border:1px solid var(--line)}.pjBody .button{margin-top:1.2rem}@media (max-width: 1100px){:root{--pjThumbW: 340px}}@media (max-width: 860px){.pjHead{grid-template-columns:var(--pjThumbWSmall) 1fr;gap:1rem;padding-right:0}.pjThumb{width:var(--pjThumbWSmall)}.pjName{font-size:1.2rem}.pjText{min-width:0}.pjText .tag{display:inline-block;max-width:100%;white-space:normal}.pjHead .pjStatus{grid-column:2;justify-content:flex-start}.pjBody{padding-left:0}.pjGallery{grid-template-columns:1fr}}