.cases-list{padding-top:clamp(24px,3vw,48px)}.cindex{gap:32px var(--col-gap);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.ci-h{border-bottom:1px solid var(--line);margin-bottom:4px;padding-bottom:12px;font-size:17px;font-weight:650}.cindex li{border-bottom:1px solid var(--line)}.cindex a{font-size:var(--fs-note);color:var(--dim);padding:10px 0;line-height:1.45;transition:color .2s;display:block}.cindex a span{color:var(--text);font-weight:600}.cindex a:hover{color:var(--text)}.cindex a:hover span{color:var(--accent)}.case-meta{font-size:var(--fs-small);color:var(--dim);grid-column:1/-1}.case-meta b{color:var(--text);font-weight:600}.case-meta a{color:var(--dim);border-bottom:1px solid var(--line);transition:color .2s,border-color .2s}.case-meta a:hover{color:var(--text);border-color:var(--text)}.case-cover{border-radius:var(--r-card);aspect-ratio:16/9;background:var(--bg-raised);grid-column:4/span 7;margin-top:clamp(8px,2vw,24px);overflow:hidden}.case-cover img{object-fit:cover;width:100%;height:100%}.case-body{margin-top:clamp(48px,5vw,80px)}.case-lead{grid-column:4/span 7;margin-bottom:clamp(40px,5vw,64px);font-size:clamp(20px,1.8vw,25px);font-weight:500;line-height:1.5}.case-sec{column-gap:var(--col-gap);border-top:1px solid var(--line);grid-column:1/-1;grid-template-columns:repeat(12,minmax(0,1fr));row-gap:14px;padding:32px 0 44px;display:grid}.case-sec h2{font-size:var(--fs-h3);letter-spacing:-.02em;grid-column:1/span 3;line-height:1.2}.case-sec .txt{color:var(--prose);grid-column:4/span 7;font-size:18px;line-height:1.68}.case-sec .txt p+p{margin-top:1em}.case-extra{border-top:1px solid var(--line);grid-column:4/span 7;margin-bottom:44px;padding-top:32px}.case-cap{font-size:var(--fs-label);letter-spacing:.08em;text-transform:uppercase;color:var(--dim);margin-bottom:18px;font-weight:600}.proofs{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.proofs.one{grid-template-columns:minmax(0,1fr)}.proofs a{border-radius:var(--r-card);border:1px solid var(--line);background:var(--bg-raised);display:block;overflow:hidden}.proofs img{width:100%;transition:transform .6s var(--ease)}.proofs a:hover img{transform:scale(1.02)}.proofs figcaption{font-size:var(--fs-note);color:var(--dim);margin-top:10px;line-height:1.45}.letter{border-radius:var(--r-card);grid-template-columns:172px minmax(0,1fr);gap:24px;padding:clamp(20px,2.4vw,32px);display:grid}.letter-img{border:1px solid var(--line);aspect-ratio:3/4;background:#fff;border-radius:8px;display:block;overflow:hidden}.letter-img img{object-fit:cover;object-position:top center;width:100%;height:100%}.letter blockquote{font-family:var(--f-serif);font-size:clamp(18px,1.5vw,21px);font-style:italic;font-weight:500;line-height:1.5}.letter figcaption{font-size:var(--fs-note);color:var(--dim);margin-top:14px;line-height:1.5}.letter .link-arrow{margin-top:10px}.rel{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.rel-card{flex-direction:column;gap:8px;height:100%;display:flex}.rel-card img,.rel-ph{aspect-ratio:16/10;object-fit:cover;border-radius:var(--r-card);background:var(--bg-raised);width:100%;transition:transform .8s var(--ease);margin-bottom:8px;display:block}.rel-ch{font-size:var(--fs-label);color:var(--accent);font-weight:600}.rel-title{letter-spacing:-.02em;font-size:clamp(18px,1.5vw,21px);font-weight:600;line-height:1.25;transition:color .2s}.rel-niche{font-size:var(--fs-note);color:var(--dim)}@media (hover:hover){.rel-card:hover img{transform:scale(1.03)}.rel-card:hover .rel-title{color:var(--accent)}}.case-more{padding-bottom:var(--sec)}.case-ind{color:var(--dim);max-width:64ch;font-size:17px;line-height:1.6}.case-ind a,.case-posts a{color:var(--accent)}.case-posts{margin-top:36px}.case-posts li+li{margin-top:10px}.case-posts a{font-size:17px;line-height:1.5}.case-posts a:hover{text-underline-offset:3px;text-decoration:underline}.case-back{margin-top:28px}@media (width<=1080px){.cindex{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=900px){.case-cover,.case-lead,.case-sec h2,.case-sec .txt,.case-extra{grid-column:1/-1}.case-cover{aspect-ratio:16/10}.rel{grid-template-columns:minmax(0,1fr);gap:28px}}@media (width<=600px){.cindex,.proofs{grid-template-columns:minmax(0,1fr)}.letter{grid-template-columns:96px minmax(0,1fr);gap:16px}}
