.project-overview{padding-left:1.8rem}.project-overview>li{padding:0 0 2.5rem 1rem;border-bottom:1px solid var(--border);margin-bottom:2.5rem}.project-overview>li::marker{font-size:2rem;font-weight:800;color:var(--link)}.project-overview h2{margin-top:.5rem}.project-overview figure{margin:1.3rem 0}.project-overview img{width:100%;height:auto;display:block}.project-overview figcaption{font-size:.875rem;color:var(--muted);margin-top:.4rem}.example-actions{display:flex;gap:10px;flex-wrap:wrap}.example-actions a{display:inline-block;border:1px solid var(--border);border-radius:7px;padding:8px 12px;text-decoration:none;font-weight:650}.new-window{white-space:nowrap}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:600px){.project-overview{padding-left:1.4rem}.project-overview>li{padding-left:.25rem}.example-actions a{width:100%}}
/* Show the project list immediately during presentation; the rest of the page keeps the site's entrance animation. */
.page > .project-overview{animation:none;opacity:1;transform:none}
/* Embedded slides: full width up to 960px, height follows the width. */
.slides-embed{width:100%;max-width:960px;aspect-ratio:16/10;margin:1.2rem auto;border:1px solid var(--border);border-radius:8px;overflow:hidden}.slides-embed iframe{display:block;width:100%;height:100%;border:0}@media(max-width:600px){.slides-embed{aspect-ratio:4/3}}