.project-site .project-photo>img{aspect-ratio:1.12;max-height:490px;padding:24px}.project-site .project-photo figcaption{line-height:1.6}.project-idea{max-width:760px;padding-block:24px 48px}.project-idea p{margin:0;font-size:clamp(18px,2vw,22px);line-height:1.8}.project-details{border-top:1px solid var(--line);padding-block:24px 64px}.project-details>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;display:grid}.project-details p{max-width:45ch;margin:0;line-height:1.8}.project-planning ol{margin:0;padding-inline-start:24px}.project-planning li{margin-bottom:20px;padding-inline-start:8px;line-height:1.8}.project-service-links{flex-wrap:wrap;gap:20px 40px;padding-block:0 48px;display:flex}.project-service-links a{min-height:48px;color:var(--link);text-underline-offset:5px;align-items:center;gap:12px;text-decoration:underline;display:inline-flex}.project-more{border-top:1px solid var(--line);padding-block:24px 64px}.project-story-list{gap:24px;display:grid}.project-story-list>a{border:1px solid var(--line);background:var(--surface);border-radius:8px;grid-template-columns:minmax(180px,.75fr) 1.25fr;align-items:center;gap:clamp(24px,5vw,64px);padding:24px;display:grid}.project-story-list img{object-fit:contain;width:100%;height:250px;display:block}.project-story-list p{max-width:46ch;line-height:1.8}.project-story-list span{min-height:48px;color:var(--link);align-items:center;gap:12px;display:inline-flex}.project-story-list>a:active{border-color:var(--accent)}@media (hover:hover) and (prefers-reduced-motion:no-preference){.project-story-list>a{transition:border-color .2s}.project-story-list>a:hover{border-color:var(--accent)}}@media (max-width:760px){.project-site .project-photo>img{aspect-ratio:1.2;max-height:330px;padding:16px}.project-idea{padding-block:8px 32px}.project-details{padding-block:24px 32px}.project-details>div{grid-template-columns:1fr;gap:24px}.project-details p{max-width:none}.project-story-list>a{grid-template-columns:1fr;gap:12px;padding:20px}.project-story-list img{height:220px}.project-story-list h2{margin-bottom:12px}.project-story-list p{margin:0 0 12px}.project-service-links{gap:8px;padding-bottom:32px}.project-service-links a{width:100%}.project-more{padding-bottom:40px}}