/* Project records: quieter, documentary layout distinct from the product article. */
.case-article{--case-ink:#303a39;--case-muted:#6f7771;--case-line:#cdd3ca;--case-accent:#8c7653;padding-top:34px!important}
.case-article .feature-heading{display:grid;grid-template-columns:minmax(0,1fr);gap:0;padding:0 0 29px!important;border-bottom:1px solid var(--case-line)!important}
.case-article .case-eyebrow{margin:0 0 11px;color:#697b70;font:600 11px/1.4 Arial,sans-serif;letter-spacing:.17em}
.case-article .feature-heading .article-title{color:var(--case-ink);font-size:clamp(30px,2.7vw,43px)!important;letter-spacing:.02em}
.case-article .feature-meta-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px 24px;margin-top:18px}
.case-article .detail-meta{color:var(--case-muted)!important}
.case-article .feature-share-icons{border-left:1px solid var(--case-line);padding-left:18px}
.case-article .feature-share-icons button{color:#66776e}
.case-article .feature-share-icons button:hover,.case-article .feature-share-icons button:focus-visible{color:#385348;border-color:#b8c5b9;background:#edf1ec}
.case-article .case-article-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:15px 36px;padding:0 0 26px;border-bottom:1px solid var(--case-line)}
.case-article .case-article-kicker{grid-column:1/-1;margin:0;color:var(--case-accent);font:600 11px/1.4 Arial,sans-serif;letter-spacing:.16em}
.case-article .article-title{grid-column:1/-1;color:var(--case-ink);font-size:clamp(30px,2.7vw,43px)!important;letter-spacing:.02em}
.case-article .case-article-meta{display:flex;flex-wrap:wrap;gap:8px 22px;color:var(--case-muted);font-size:12px;line-height:1.8}
.case-article .case-article-meta span+span{padding-left:22px;border-left:1px solid var(--case-line)}
.case-article .case-article-meta a{color:#5c675f}
.case-article .case-article-lead{max-width:62em;margin:26px 0 28px;color:#667068;font-size:18px;line-height:1.85;letter-spacing:.02em}
.case-article .case-article-hero{margin:0 0 34px;background:#e7e9e3}
.case-article .case-article-hero img{display:block;width:100%;max-height:min(62vw,660px);object-fit:cover}
.case-article .case-article-hero figcaption{padding:11px 14px;color:#7d827b;font-size:12px;line-height:1.7}
.case-article .case-article-body{max-width:78em;color:#454d48;font-size:16px!important;line-height:2!important}
.case-article .case-article-body h2{margin-top:42px!important;color:var(--case-ink);font-size:24px!important}
.case-article .case-article-body h2:before{background:#9a8663}
.case-article .case-article-body .feature-cover{margin:30px 0 34px!important}
.case-article .feature-application{border-top-color:var(--case-line)}
.case-article .feature-album-entry{border-color:var(--case-line);background:rgba(226,232,224,.36);color:var(--case-ink)}
.case-article .feature-album-entry:hover{background:#e7ebe4;border-color:#aeb9ae}
.case-article .feature-album-entry-copy strong{color:#39433e}
.case-article .feature-album-entry-action{color:#637066}
.case-article .case-article-empty-media{margin:34px 0 0;padding-top:24px;border-top:1px solid var(--case-line);color:var(--case-muted);font-size:13px}
.case-article .case-article-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:34px;padding-top:24px;border-top:1px solid var(--case-line)}
.case-article .case-article-footer .button{background:#46564e;border-color:#46564e}
.case-article .case-article-footer .feature-caption{margin-left:auto;color:var(--case-muted);font-size:12px}
@media(max-width:700px){.case-article{padding-top:23px!important}.case-article .feature-heading{padding-bottom:19px!important}.case-article .feature-meta-row{grid-template-columns:1fr;gap:9px;margin-top:14px}.case-article .feature-share-icons{padding-left:0;border-left:0}.case-article .case-article-heading{padding-bottom:19px;gap:10px}.case-article .case-article-meta{gap:6px 12px;font-size:11px}.case-article .case-article-meta span+span{padding-left:12px}.case-article .case-article-lead{margin:20px 0 22px;font-size:16px}.case-article .case-article-hero{margin-bottom:27px}.case-article .case-article-hero img{max-height:65vw}.case-article .case-article-body{font-size:15px!important;line-height:1.95!important}.case-article .case-article-body h2{font-size:20px!important;margin-top:31px!important}.case-article .case-article-footer{align-items:flex-start;flex-wrap:wrap;margin-top:28px;padding-top:20px}.case-article .case-article-footer .button{order:3}.case-article .case-article-footer .feature-caption{margin-left:0;order:2;width:100%}}