.blog-article:has(.project-format-cards) .blog-article-hero{grid-template-columns:minmax(0,1fr)}.blog-article:has(.project-format-cards) .blog-article-hero-copy{padding-top:64px;padding-bottom:64px}.blog-article:has(.project-format-cards) .blog-article-hero h1{font-size:clamp(3rem,5.25vw,5.5rem)}.blog-article:has(.project-format-cards) .blog-article-hero-art{border-left:0;border-top:2px solid var(--paper);min-height:0}.blog-article:has(.project-format-cards) .blog-article-hero-art img{aspect-ratio:16/9;object-fit:contain;height:auto;display:block}.project-format-cards,.project-example-parts,.project-link-path{gap:20px;margin:28px 0;padding:0;list-style:none;display:grid}.project-format-cards>li,.project-example-parts>li{border:1px solid #10181440;border-top:4px solid var(--forest);background:#f1e2c8;min-width:0;padding:26px}.project-card-number{background:var(--forest);width:38px;height:38px;color:var(--paper);flex:0 0 38px;place-items:center;font:900 .8rem/1 Arial,sans-serif;display:inline-grid}.blog-article-body .project-card-label{text-transform:uppercase;letter-spacing:.08em;color:var(--forest);margin:18px 0 8px;font:900 .72rem/1.4 Arial,sans-serif}.project-format-cards h3,.project-example-parts h3{text-transform:uppercase;letter-spacing:-.02em;margin:0;font-family:Arial Black,Arial,sans-serif;font-size:1.35rem;line-height:1.2}.blog-article-body .project-format-cards p,.blog-article-body .project-example-parts p{font-size:1.05rem;line-height:1.65}.project-card-example{border-top:1px solid #10181433;padding-top:18px}.project-capture-fields{border-top:3px solid var(--forest);margin:28px 0}.project-capture-fields>div{border-bottom:1px solid #10181440;grid-template-columns:150px minmax(0,1fr);gap:24px;padding:22px 0;display:grid}.project-capture-fields dt{text-transform:uppercase;letter-spacing:.05em;color:var(--forest);font:900 .75rem/1.5 Arial,sans-serif}.project-capture-fields dd{margin:0;font:1.05rem/1.65 Georgia,Times New Roman,serif}.project-example-notice{border-left:5px solid var(--signal,#ff4d12);background:#ff4d1212;padding:22px}.project-example-notice>strong{text-transform:uppercase;font:900 .8rem/1.4 Arial,sans-serif}.blog-article-body .project-example-notice p{margin-bottom:0;font-size:1rem}.project-example-parts header{align-items:center;gap:16px;display:flex}.project-sample-copy{background:var(--paper);border-left:3px solid var(--forest);margin-top:22px;padding:20px}.blog-article-body .project-sample-copy .project-card-label{margin-top:0}.blog-article-body .project-sample-copy p:last-child,.blog-article-body .project-editor-note p:last-child{margin-bottom:0}.project-editor-note{border-top:1px solid #10181433;margin-top:22px;padding-top:2px}.project-link-path{border-top:3px solid var(--forest);counter-reset:project-path;gap:0}.project-link-path>li{background:#f1e2c8;border-bottom:1px solid #10181440;gap:7px;padding:20px 16px 20px 58px;display:grid;position:relative}.project-link-path>li:before{counter-increment:project-path;content:"0" counter(project-path);color:var(--forest);font:900 .8rem/1.5 Arial,sans-serif;position:absolute;top:21px;left:18px}.project-link-path strong{text-transform:uppercase;font:900 .8rem/1.5 Arial,sans-serif}.project-link-path span{font:1.05rem/1.6 Georgia,Times New Roman,serif}.project-template-download{border:2px solid var(--ink);background:var(--acid);color:var(--ink);align-items:center;gap:20px;padding:18px 22px;font-weight:900;display:inline-flex}.blog-article:has(.project-format-cards) .blog-article-body code{overflow-wrap:anywhere;font-size:.85em}@media (max-width:720px){.blog-article:has(.project-format-cards) .blog-article-hero h1{font-size:clamp(2.6rem,12vw,4.8rem)}.blog-article:has(.project-format-cards) .blog-article-hero-art figcaption{border:0;border-top:2px solid var(--ink);margin:0;position:static}}@media (max-width:600px){.project-capture-fields>div{grid-template-columns:1fr;gap:8px}.project-format-cards>li,.project-example-parts>li{padding:22px 18px}.project-sample-copy{padding:18px}.project-example-parts header{gap:12px}}
