/* 1014k2: five case cards reuse .case; logo media well */
.case+.case{margin-top:clamp(16px,2vw,24px)}
.case .media.cs-logo{background:var(--off-white);display:grid;place-items:center;border-right:1px solid var(--hair)}
.case .media.cs-logo img{width:auto;height:auto;max-width:min(200px,46%);max-height:62%;object-fit:contain}
.case .media.cs-logo img.wm{max-width:min(320px,64%)}
@media (max-width:960px){.case .media.cs-logo{border-right:0;border-bottom:1px solid var(--hair);aspect-ratio:2/1}}
.case[id]{scroll-margin-top:96px}

/* 1014AE: case cards as a grid - 3 per row desktop, 2 tablet, 1 mobile; equal height, seals uncropped */
.cs-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--hair);border:1px solid var(--hair);margin-top:clamp(40px,5vw,64px)}
.cs-cards .case{display:flex;flex-direction:column;border:0;margin:0}
.cs-cards .case+.case{margin-top:0}
.cs-cards .case .media.cs-logo{aspect-ratio:16/9;min-height:0;border-right:0;border-bottom:1px solid var(--hair)}
.cs-cards .case .media.cs-logo img{max-width:min(140px,40%);max-height:58%}
.cs-cards .case .media.cs-logo img.wm{max-width:min(220px,62%)}
.cs-cards .case .txt{flex:1;padding:clamp(22px,2.2vw,32px)}
.cs-cards .case .h3l{font-size:clamp(17px,1.35vw,20px);line-height:1.35}
.cs-cards::after{content:"";background:var(--white)}
@media (max-width:1100px){.cs-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.cs-cards{grid-template-columns:1fr}.cs-cards::after{display:none}}
/* 1014AF: card small text up ~11% (body 16->18px, meta/tags 13->14.5px) */
.cs-cards .case .body{font-size:18px;line-height:1.55}
.cs-cards .case .meta,.cs-cards .case .tags span{font-size:14.5px}
/* 1014AG: title-only cards (old-site titles); full text kept in an expandable detail */
.cs-cards .case .cs-t{font-family:var(--font);font-weight:500;font-size:clamp(22px,2vw,28px);line-height:1.18;letter-spacing:-.015em;color:#111111;transition:color .15s var(--ease)}
.cs-cards .case:hover .cs-t,.cs-cards .case:focus-within .cs-t{color:var(--blue)}
.cs-cards .case:hover{background:#FCFCFB}
.cs-cards .cs-more{margin-top:auto}
.cs-cards .cs-more>summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:8px;font-weight:500;font-size:14.5px;color:var(--ink);border-bottom:1px solid currentColor;padding-bottom:2px}
.cs-cards .cs-more>summary::-webkit-details-marker{display:none}
.cs-cards .cs-more>summary::after{content:"+";font-weight:400}
.cs-cards .cs-more[open]>summary::after{content:"\2212"}
.cs-cards .cs-more[open]>summary{margin-bottom:16px}
.cs-cards .cs-more .tags{margin-top:12px}