:root{--brand-blue:#1c4584;--brand-cyan:#17ace4;--brand-gradient:linear-gradient(135deg, #17ace4 0%, #1c4584 100%);--surface-bg:#f0f4f9;--surface-card:#fff;--text-primary:#0d1b2a;--text-secondary:#4a5568;--text-muted:#94a3b8;--border-subtle:#1c45841a;--shadow-card:0 4px 24px #1c458414;--shadow-hover:0 20px 56px #1c45842e;--radius-card:24px;--transition-base:.4s cubic-bezier(.22, 1, .36, 1)}.case-study-section{background:var(--surface-bg);padding:clamp(80px,10vw,130px) 20px clamp(60px,8vw,100px);position:relative;overflow:hidden}.case-study-section .bg-grid{pointer-events:none;z-index:0;background-image:radial-gradient(circle,#1c458414 1px,#0000 1px);background-size:32px 32px;position:absolute;inset:0}.case-study-section .container{z-index:1;max-width:1200px;margin:0 auto;position:relative}.case-study-section .section-header{text-align:center;max-width:680px;margin:0 auto clamp(48px,7vw,80px)}.case-study-section .section-header .eyebrow{letter-spacing:.2em;text-transform:uppercase;color:var(--brand-cyan);background:#17ace41a;border:1px solid #17ace440;border-radius:50px;margin-bottom:20px;padding:6px 16px;font-size:11px;font-weight:700;display:inline-block}.case-study-section .section-header h2{color:var(--text-primary);letter-spacing:-.02em;margin-bottom:18px;font-size:clamp(32px,5vw,52px);font-weight:400;line-height:1.15}.case-study-section .section-header h2 em{background:var(--brand-gradient);-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text;font-style:italic}.case-study-section .section-header p{color:var(--text-secondary);max-width:560px;margin:0 auto;font-family:DM Sans,sans-serif;font-size:clamp(15px,2vw,17px);line-height:1.7}.case-study-section .case-grid{grid-template-columns:repeat(2,1fr);gap:clamp(20px,3vw,36px);display:grid}@media (max-width:900px){.case-study-section .case-grid{grid-template-columns:1fr;max-width:600px;margin:0 auto}}.case-study-section .case-card{background:var(--surface-card);border-radius:var(--radius-card);transition:transform var(--transition-base),box-shadow var(--transition-base);box-shadow:var(--shadow-card);border:1px solid var(--border-subtle);animation:.6s both fadeUpCard;animation-delay:calc(var(--index,0)*.12s);flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.case-study-section .case-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-10px)}.case-study-section .case-card:hover .img{transform:scale(1.06)}.case-study-section .case-card:hover .image-overlay{opacity:.55}.case-study-section .case-card:hover .case-btn .arrow-icon{transform:translate(5px)}.case-study-section .case-image{aspect-ratio:16/9;width:100%;position:relative;overflow:hidden}.case-study-section .case-image .img{object-fit:cover;transition:transform .65s var(--transition-base)}.case-study-section .case-image .image-overlay{opacity:.35;transition:opacity var(--transition-base);z-index:1;background:linear-gradient(160deg,#1c458440 0%,#0d1b2a8c 100%);position:absolute;inset:0}.case-study-section .case-image .case-tag{z-index:2;letter-spacing:.12em;text-transform:uppercase;color:#fff;-webkit-backdrop-filter:blur(10px);background:#ffffff2e;border:1px solid #ffffff4d;border-radius:50px;padding:5px 14px;font-size:11px;font-weight:700;position:absolute;top:16px;left:16px}.case-study-section .case-content{flex-direction:column;flex-grow:1;gap:20px;padding:clamp(22px,3vw,32px);display:flex}.case-study-section .case-content .case-content-inner{flex-grow:1}.case-study-section .case-content .case-content-inner h3{color:var(--text-primary);letter-spacing:-.01em;margin-bottom:12px;font-family:DM Serif Display,Georgia,serif;font-size:clamp(18px,2.2vw,24px);font-weight:400;line-height:1.3}.case-study-section .case-content .case-content-inner p{color:var(--text-secondary);font-family:DM Sans,sans-serif;font-size:14.5px;line-height:1.65}.case-study-section .case-content .case-footer{border-top:1px solid var(--border-subtle);padding-top:18px}.case-study-section .case-content .case-btn{letter-spacing:.04em;color:var(--brand-blue);cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:0;font-family:DM Sans,sans-serif;font-size:13.5px;font-weight:700;text-decoration:none;transition:color .25s;display:inline-flex}.case-study-section .case-content .case-btn .arrow-icon{transition:transform .3s}.case-study-section .case-content .case-btn:hover{color:var(--brand-cyan)}@keyframes fadeUpCard{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}