.portfolio-list{display:grid;gap:3rem;margin:2.5rem 0}
.project{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--white)}
.project-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);align-items:center}
.project-visual{padding:2rem;background:#dbe9e7;min-width:0}
.project--shifts .project-visual{background:#dfe8f4}
.project-preview{display:block;border:6px solid #253a3b;border-radius:12px;overflow:hidden;box-shadow:0 18px 32px #17201f26;transition:transform .2s}
.project-preview:hover{transform:translateY(-3px)}
.project-preview img{display:block;width:100%;height:auto}
.project-caption{margin:.8rem 0 0;font-size:.875rem;color:#354f50}
.project-copy{padding:2rem}
.project-copy h2{font-size:clamp(1.8rem,3vw,2.7rem)}
.project-copy h3{font-size:1rem;margin-top:1.5rem}
.project-copy .eyebrow{color:#536650;font-size:.875rem}
.project-copy .list{margin-bottom:1.5rem}
.project-copy .list li{margin:.6rem 0}
.project-status{display:inline-block;font-size:.875rem;font-weight:700;padding:.25rem .65rem;border:1px solid var(--line);border-radius:5px;margin-bottom:1rem}
.phone-details{margin:1.5rem 0 0}
.phone-details summary{font-weight:800;cursor:pointer;padding:.8rem 0;min-height:44px;text-decoration:underline;text-underline-offset:4px}
.phone-details summary:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.phone-preview{width:min(100%,390px);height:650px;margin:1rem auto;border:9px solid #17201f;border-top-width:20px;border-bottom-width:20px;border-radius:30px;background:white;overflow:hidden;box-shadow:0 18px 32px #17201f26}
.phone-preview iframe{display:block;border:0;width:100%;height:100%;background:white}
.phone-note{font-size:.875rem;color:#354f50;margin-top:1rem}
.work-teasers{margin-top:2rem}
.work-teaser{overflow:hidden;padding:0}
.work-teaser>a{display:block}
.work-teaser img{display:block;width:100%;height:auto;aspect-ratio:1348/926}
.work-teaser-copy{padding:1.5rem}
.work-teaser-copy p{color:var(--muted)}
@media(max-width:820px){.project-layout{grid-template-columns:1fr}.project-visual,.project-copy{padding:1.25rem}.portfolio-list{gap:2rem}.project-preview{border-width:4px}}
@media(prefers-reduced-motion:reduce){.project-preview{transition:none}.project-preview:hover{transform:none}}