/* Homepage cases only. Published case covers remain uncropped. */
#cases .cases-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
#cases .case-tile.case-editorial{padding:0;background:transparent;border-radius:0;display:flex;flex-direction:column;align-items:stretch;box-shadow:none;color:var(--ink);transform:none}
#cases .case-cover{display:block;aspect-ratio:16/9;border-radius:24px 24px 6px 24px;overflow:hidden;background:#eef0f4;border:1px solid #e7e8ec;transition:box-shadow .25s}
#cases .case-cover>img{display:block;width:100%;height:100%;object-fit:contain}
#cases .case-copy{display:flex;flex-direction:column;align-items:stretch;flex:1;padding:21px 1px 0}
#cases .case-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:10px;line-height:1.5;color:var(--muted);margin-bottom:13px}
#cases .case-client{font-size:12px;font-weight:650;color:var(--ink)}
#cases .case-meta>.eyebrow{font:500 9px/1.5 Raleway,sans-serif;letter-spacing:.03em;text-transform:none;margin:0}
#cases .case-meta>.case-meta-dot{color:#b1b3bf;font-size:13px;line-height:1}
#cases .case-tile .case-title{font:550 23px/1.22 Raleway,sans-serif;letter-spacing:-.025em;margin:0 0 13px;max-width:390px;color:var(--ink);transition:color .2s}
#cases .case-tile .case-summary{font-size:13px;line-height:1.65;color:var(--muted);margin:0 0 22px;max-width:390px}
#cases .case-tile .text-action{display:flex;align-self:stretch;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid #dddfe7;border-bottom:0;padding:15px 0 0;margin-top:auto;font-size:11px;font-weight:600;line-height:1.4;color:var(--ink)}
#cases .case-tile .text-action:after{display:none}
#cases .text-action>.brand-clasp{width:28px;height:28px;flex-shrink:0;color:var(--orange-text);background:#ff450a0a}
#cases .text-action>.brand-clasp:before,#cases .text-action>.brand-clasp:after{top:5px;height:18px;width:9px}
#cases .text-action>.brand-clasp:before{left:4px}
#cases .text-action>.brand-clasp:after{right:4px}
#cases .case-tile:hover .case-title,#cases .case-tile:focus-visible .case-title{color:var(--orange-text)}
#cases .case-tile:hover .case-cover{box-shadow:0 10px 28px #27273310}
#cases .case-tile:hover .brand-clasp:before,#cases .case-tile:focus-visible .brand-clasp:before{transform:translateX(2px) scaleX(-1)}
#cases .case-tile:hover .brand-clasp:after,#cases .case-tile:focus-visible .brand-clasp:after{transform:translateX(-2px)}
#cases .case-tile:focus-visible{outline:2px solid var(--orange);outline-offset:7px;border-radius:24px 24px 6px 24px}
#cases .practice-actions{margin-top:30px}
@media(min-width:761px) and (max-width:1100px){
 #cases .cases-grid{gap:20px}
 #cases .case-copy{padding-top:17px}
 #cases .case-tile .case-title{font-size:20px}
 #cases .case-tile .case-summary{font-size:12px}
 #cases .case-meta{gap:7px;margin-bottom:12px}
 #cases .case-meta>.eyebrow{font-size:8px}
}
@media(max-width:760px){
 #cases .cases-grid{grid-template-columns:minmax(0,1fr);gap:34px}
 #cases .case-cover{border-radius:22px 22px 5px 22px}
 #cases .case-copy{padding:17px 1px 0}
 #cases .case-meta{margin-bottom:11px}
 #cases .case-tile .case-title{font-size:23px;max-width:600px;margin-bottom:11px}
 #cases .case-tile .case-summary{font-size:13px;max-width:600px;margin-bottom:16px}
 #cases .case-tile .text-action{padding-top:11px}
 #cases .practice-actions{margin-top:27px}
}
@media(prefers-reduced-motion:reduce){#cases .case-cover,#cases .case-title,#cases .brand-clasp:before,#cases .brand-clasp:after{transition:none}}
