.caseContainer{width:100%;margin:auto;margin-top:2em;}
@media(max-width:1400px){.caseContainer{width:96%;}}
.caseList{display:grid;grid-template-columns:repeat(2,1fr);gap:1em;}@media(max-width:820px){.caseList{grid-template-columns:1fr;}}
.caseCard{background:#fff;min-height:200px;border-radius:0.2rem;box-shadow:3px 3px 6px rgba(14,117,174,0.25),6px 6px 12px rgba(0,0,0,0.1);transition:0.5s ease;display:flex;align-items:center;gap:24px;padding:1em 1.4em 2em 1.4em;font-size:0.9em;}
.caseCard:hover{box-shadow:6px 6px 12px rgba(14,117,174,0.2),12px 12px 24px rgba(0,0,0,0.05);transform:scale(1.01);}
.caseCard > img{display:block;width:220px;max-width:40%;flex-shrink:0;margin:0;height:auto;}
.caseContent{display:block;flex:1;}
.caseTitle{font-weight:600;line-height:1.6;font-size:1.3em;}
.caseButton{width:100%;display:flex;justify-content:flex-end;font-size:1.1em;margin-top:2em;}
.caseButton a{padding:1em;position:relative;display:flex;align-items:center;max-width:200px;font-weight:600;margin-left:auto;transition:0.3s ease-in-out;}
.caseButton a:before{position:absolute;bottom:0;left:50%;content:'';width:100%;height:2px;background:rgba(0,0,0,.1);transform:translateX(-50%);}
.caseButton a:after{position:absolute;bottom:0;left:0;content:'';width:100%;height:2px;transform:scale(0,1);transform-origin:left top;transition:transform .3s;}
.caseCard:hover .caseButton a:after{transform:scale(1,1);}
.caseMoreWrap{text-align:center;margin-top:1.5em;}
.caseMoreBtn{background:#fff;padding:0.6em 2em;border-radius:6px;font-weight:600;font-size:0.95em;cursor:pointer;transition:0.3s ease; margin-top:2em;}
.caseMoreBtn:hover{color:#fff;}
@media(max-width:820px){.caseCard{flex-direction:column;align-items:stretch;}.caseCard > img{width:100%;max-width:100%;}}