.featured-projects{display:grid;gap:clamp(40px,6vw,88px);padding-block:8px 56px}.featured-project{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(260px,1fr);align-items:center;gap:clamp(24px,4vw,64px);scroll-margin-top:84px}.project-cover{display:block;overflow:hidden;border:1px solid var(--item-rule);border-radius:8px;background:#151e18}.project-cover img{display:block;width:100%;height:auto;aspect-ratio:1.45;object-fit:contain}.featured-project-copy{min-width:0}.featured-project-copy h2{margin:0 0 12px;font:500 clamp(20px,1.8vw,26px)/1.35 var(--font-sans)}.featured-project-copy h2 a{color:var(--foreground);text-decoration:none}.featured-project-copy h2 a:hover{text-decoration:underline;text-underline-offset:5px}.featured-project-copy>p{margin:0;color:var(--muted);line-height:1.7}.featured-project-copy .project-technologies{margin-block:16px 24px}.project-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px 26px}.project-actions .text-link{display:inline-flex;gap:7px;align-items:center}.project-actions .project-source-link{color:var(--section-muted);font-size:14px}.additional-projects{padding-top:28px;border-top:1px solid var(--content-rule)}.additional-projects>h2{margin:0 0 28px;color:var(--section-muted);font:400 18px/1.5 var(--font-sans)}.additional-projects .project-item h3{margin:0 0 8px;font:500 16px/1.6 var(--font-sans)}.project-page>.back-link{display:inline-block;margin-bottom:28px}.project-page .content-heading h1{max-width:none}.project-page .content-heading>p{max-width:80ch;margin-bottom:20px}.project-page .content-heading .project-details-row{margin-top:16px}.project-walkthrough{margin-top:28px}.project-walkthrough .experiment-tab-panel{margin-top:16px}.project-walkthrough figure{margin:0}.project-screenshot{display:block;overflow:hidden;border:1px solid var(--item-rule);border-radius:8px;background:#151e18}.project-screenshot img{display:block;width:100%;height:auto;max-height:780px;aspect-ratio:1.45;object-fit:contain}.project-walkthrough figcaption{margin:12px 0 0;max-width:95ch;color:var(--section-muted);font-size:13px;line-height:1.65}.project-walkthrough figcaption a{white-space:nowrap;margin-left:6px}.project-story{display:grid;grid-template-columns:minmax(160px,.38fr) minmax(0,1fr);gap:clamp(24px,4vw,64px);margin-top:44px;padding-top:28px;border-top:1px solid var(--content-rule)}.project-story h2{margin:0;color:var(--section-muted);font:400 18px/1.5 var(--font-sans)}.project-story p{margin:0;color:var(--muted);line-height:1.75}.project-story .project-version-note{margin-top:16px;color:var(--section-muted);font-size:13px}.project-decisions{display:grid;gap:28px;margin:0}.project-decisions dt{margin-bottom:6px;font-weight:500}.project-decisions dd{margin:0;color:var(--muted);line-height:1.75}.project-next{display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px;margin-top:48px;padding-top:28px;border-top:1px solid var(--content-rule)}.project-next>a:last-child{color:var(--section-muted)}@media (max-width:760px){.featured-project{grid-template-columns:minmax(0,1fr);gap:20px}.featured-project-copy h2{font-size:21px}.project-story{grid-template-columns:minmax(0,1fr);gap:16px}.project-page .content-heading .project-details-row{flex-wrap:wrap}.project-page .content-heading .project-repository-link{margin-left:0}.project-page .content-heading .project-technologies{flex-basis:100%}}