.projects-section{border-top:1px solid var(--line);padding-block:88px}.projects-heading{margin-bottom:42px}.projects-grid{grid-template-columns:minmax(0,1fr);gap:64px;display:grid}.project-card{border-radius:var(--radius-card);min-width:0;display:block}.project-poster,.project-media-frame{border-radius:var(--radius-card);background:#edf2ed;border:1px solid #e6eae5;padding:14px;overflow:hidden}.project-poster{aspect-ratio:16/9}.project-poster img{object-fit:contain;width:100%;height:100%;transition:transform .3s}.project-card-body{padding-top:24px}.project-card-title{justify-content:space-between;align-items:center;gap:24px;transition:color .18s;display:flex}.project-card-title h3{font:500 clamp(19px, 2.24vw, 28px)/1.2 var(--display);letter-spacing:-.04em}.project-arrow{flex:none;align-items:center;display:flex}.project-arrow .icon-arrow{width:28px;height:28px}.project-card-description{color:var(--muted);margin-top:12px;line-height:1.7}.project-tags{flex-wrap:wrap;gap:8px;margin:20px 0 0;padding:0;list-style:none;display:flex}.project-tags li{letter-spacing:.1em;text-transform:uppercase;color:#51534f;background:#f2f2f0;border-radius:4px;padding:8px 12px;font-size:10px;font-weight:500;line-height:1.5}.project-card:hover .project-poster img{transform:scale(1.015)}.project-card:hover .project-card-title,.project-card:focus-visible .project-card-title{color:var(--accent)}.project-header .text-link{font-size:13px}.project-intro{padding-block:44px 40px}.project-intro h1{overflow-wrap:anywhere;margin-bottom:24px;font-size:clamp(30.8px,5.25vw,64.4px);line-height:1.1}.project-lead{color:var(--muted);letter-spacing:-.015em;max-width:920px;font-size:clamp(19px,2.2vw,27px);line-height:1.55}.project-intro-meta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px 32px;margin-top:32px;display:flex}.project-intro-meta .project-tags{margin:0}.project-intro-actions{flex-wrap:wrap;align-items:center;gap:12px 28px;display:flex}.project-media{min-width:0;margin:0}.project-media img{border-radius:6px;width:100%;height:auto}.project-media figcaption{color:var(--muted);max-width:760px;padding-top:14px;font-size:12px;line-height:1.6}.story-section{gap:28px;padding-block:64px;display:grid}.story-section h2{white-space:pre-line;font-size:clamp(30px,3.2vw,44px);line-height:1.2}.story-content{min-width:0}.story-lead{color:var(--muted);font-size:17px;line-height:1.8}.story-lead+.story-lead{margin-top:20px}.story-items{gap:24px;margin-top:32px;display:grid}.story-items article{min-width:0}.story-items h3{font-size:19px;font-weight:500;line-height:1.4}.story-items p{color:var(--muted);margin-top:8px;line-height:1.7}.scope-list article{border-top:1px solid var(--line);grid-template-columns:28px minmax(0,1fr);gap:16px;padding-top:22px;display:grid}.scope-list article>.number{padding-top:4px}.result-grid article,.project-decisions article{border-top:1px solid var(--line);padding-top:22px}.story-section+.story-section{border-top:1px solid var(--line)}.project-stack{border-top:1px solid var(--line);padding-block:56px 64px}.project-stack h2{margin-bottom:36px;font-size:clamp(30px,3.2vw,44px)}.stack-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 20px;margin:0;display:grid}.stack-grid>div{border-top:1px solid var(--line);padding-top:18px}.stack-grid dt{font:500 18px/1.4 var(--display);letter-spacing:-.025em}.stack-icons{align-items:center;gap:12px;height:32px;margin-bottom:16px;display:flex}.stack-icons img{object-fit:contain;width:32px;height:32px}.stack-grid dd{color:var(--muted);margin:8px 0 0;font-size:14px;line-height:1.6}.project-contact{border-top:1px solid var(--line);padding-block:64px 80px}.project-contact h2{margin-bottom:28px}[data-input=keyboard] .project-poster img,[data-input=keyboard] .project-card-title{transition:none}@media (width>=650px){.projects-section{padding-block:108px}.projects-heading{margin-bottom:56px}.project-card-body{padding-top:28px}.project-intro{padding-block:56px 48px}.result-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}.stack-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.story-section,.project-contact{padding-block:80px}}@media (width>=1000px){.projects-section{padding-block:128px}.projects-heading{margin-bottom:64px}.project-poster,.project-media-frame{padding:36px 60px}.project-poster{aspect-ratio:2}.project-card-body{padding-top:30px}.project-card-description{font-size:18px}.project-intro{padding-block:68px 56px}.project-intro-meta{margin-top:40px}.story-section{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:80px;padding-block:96px}.story-lead{font-size:18px}.project-stack{padding-block:80px 96px}.stack-grid{gap:36px 64px}.project-contact{padding-block:96px}}@media (prefers-reduced-motion:reduce){.project-poster img,.project-card-title{transition:none}.project-card:hover .project-poster img{transform:none}}