.case-studies-bento-header{text-align:center;max-width:760px;margin:0 auto 48px}.case-studies-bento-eyebrow{font-size:.85rem;font-weight:600;color:var(--coral, #ed6359);text-transform:uppercase;letter-spacing:.12em;margin-bottom:16px;display:inline-block}.case-studies-bento-heading *{font-family:var(--font-primary);font-size:var(--text-h2);font-weight:var(--font-weight-semibold);margin:0 0 16px}.case-studies-bento-lead *{color:var(--text-soft, #5a6b78);margin:0}.case-bento{display:grid;grid-template-columns:1fr 1fr;gap:18px;max-width:980px;margin:0 auto}.case-card{position:relative;border-radius:12px;overflow:hidden;background:var(--white, #ffffff);box-shadow:0 4px 20px #1f3a4a12;transition:transform .2s,box-shadow .2s;display:grid;grid-template-columns:130px 1fr;text-decoration:none;color:inherit}.case-card.size-large{grid-template-columns:170px 1fr}.case-card:hover{transform:translateY(-3px);box-shadow:0 10px 30px #1f3a4a1f}.case-card .img-wrap{overflow:hidden}.case-card .img-wrap img{width:100%;height:100%;object-fit:cover;min-height:130px;display:block}.case-card .img-wrap.placeholder{background:var(--cream, #fdf4ef);min-height:130px}.case-body{padding:16px 18px;display:flex;flex-direction:column;justify-content:center}.case-meta{color:var(--coral, #ed6359);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin-bottom:4px}.case-card h4{color:var(--navy, #1f3a4a);margin:0 0 4px;font-size:1rem;line-height:1.2}.case-card p{font-size:.85rem;margin:0;line-height:1.5;color:var(--text-soft, #5a6b78)}.case-studies-bento-footer{display:flex;justify-content:center;margin-top:40px}.case-studies-bento-footer .button{display:inline-block;padding:14px 28px;border-radius:4px;font-weight:600;font-size:.95rem;text-decoration:none;transition:transform .15s,box-shadow .15s;background:transparent;color:var(--navy, #1f3a4a);border:2px solid var(--navy, #1f3a4a);cursor:pointer}.case-studies-bento-footer .button:hover{transform:translateY(-1px);box-shadow:0 8px 20px #1f3a4a26}@media screen and (max-width:880px){.case-bento{grid-template-columns:1fr}.case-card,.case-card.size-large{grid-template-columns:110px 1fr}}@media screen and (max-width:560px){.case-card,.case-card.size-large{grid-template-columns:1fr}.case-card .img-wrap img,.case-card .img-wrap.placeholder{min-height:140px}}
/*# sourceMappingURL=/cdn/shop/t/326/assets/section-case-studies-bento.css.map */