h1,h2,h3,h4,h5,ul li,a,p,ul,span,div{font-family:Inter,sans-serif}.container{max-width:1200px;margin:0 auto;padding:0 16px}.case-studies-hero{text-align:center;padding:0 0 40px;background:#fff}.case-studies-hero .hero-title{font-size:56px;font-weight:500;margin-bottom:20px;line-height:1.3;letter-spacing:3.5px;border-bottom:2px solid #E28B36;padding-bottom:20px;position:relative;background:linear-gradient(#000,#666);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.case-studies-hero .hero-title .diamond-right{position:absolute;right:-8px;bottom:-22px}.case-studies-hero .hero-title .diamond-left{position:absolute;left:-8px;bottom:-22px}.case-studies-hero .hero-subtitle{font-size:18px;color:#0009;line-height:1.7;margin:0 auto}.hero-subtitle-padding{padding-bottom:20px}.case-studies-grid{padding:40px 0 80px;background:#fff}.case-studies-grid .grid{display:grid;grid-template-columns:1fr;gap:50px;margin-bottom:60px;margin-left:0}.case-study-card{background:#fff;border-radius:16px;box-shadow:2px 2px #00000026;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid #0000004D}.case-study-card:hover{transform:translateY(-8px);box-shadow:10px 10px 10px #0000004d}.card-content-inner{padding:30px 30px 0}.card-content{height:100%}.case-header{display:flex;align-items:flex-start;gap:16px;margin-bottom:24px;position:relative}.case-logo{flex-shrink:0;width:60px;height:60px;border-radius:12px;overflow:hidden;background:#f8f9fa;display:flex;align-items:center;justify-content:center}.case-logo img{width:100%;height:100%;object-fit:contain}.case-info{flex:1;min-width:0}.case-title{font-size:32px;font-weight:500;color:#2f2f2fd9;margin-bottom:10px;line-height:1.3;border-bottom:1px solid #2B2B2B;padding-bottom:10px;font-family:Inter,sans-serif;text-transform:capitalize;letter-spacing:normal;padding-right:20px}.case-description{font-size:16px;color:#000000b2;line-height:1.3;margin:0;font-family:Inter,sans-serif}.case-image{margin:0 auto;text-align:center;height:300px}.mockup-container{position:relative;height:240px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef)}.phone-mockup img{max-height:200px;width:auto}.desktop-mockup{margin-bottom:-6px;display:flex;align-items:flex-end;height:300px;justify-content:center}.dual-mockup{display:flex;gap:12px;align-items:center;justify-content:center}.dual-mockup .phone-mockup img{max-height:160px;width:auto}.background-element{position:absolute;z-index:1}.background-element.circular{width:180px;height:180px;background:linear-gradient(135deg,#e8f5e8,#d4f1d4);border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%)}.background-element.gradient{width:100%;height:100%;background:linear-gradient(135deg,#fff3e0,#ffe0b3)}.background-element.minimal{width:120px;height:120px;background:#3b82f61a;border-radius:50%;top:20px;right:20px}.case-footer{display:flex;flex-direction:column;gap:16px;border-top:1px solid #00000033;padding:10px 30px;flex-direction:row;justify-content:space-between;align-items:center}.case-tags{display:flex;flex-wrap:wrap;gap:8px}.case-tags .tag{color:#404040;font-size:14px;font-weight:500;white-space:nowrap;font-family:Inter,sans-serif}.hashTag{color:#e28b36}.case-actions{display:flex;gap:12px;flex-wrap:wrap}.case-link{display:inline-flex;align-items:center;gap:6px;transition:all .2s ease;white-space:nowrap}.case-link img{width:80px}.caseStudySmallLogo img{width:30px}.case-link.secondary{background:transparent;color:#333;border:1px solid #ddd}.case-link.secondary:hover{background:#f8f9fa;border-color:#333}.case-link svg{transition:transform .2s ease}.case-link:hover svg{transform:translate(2px)}.load-more-section{text-align:center}.load-more-btn,.load-more-btn:hover{color:#0009;border:none;background-color:#fff;font-size:17px;font-weight:500;cursor:pointer;transition:all .3s ease;min-width:400px;justify-content:center;border:1px solid #64A69B;height:45px;line-height:16px;font-family:Inter,sans-serif;border-radius:5px}.case-arrow-link{position:absolute;right:0;z-index:9999;display:inline-flex;top:20px}.loading-spinner svg{animation:spin 1s linear infinite}button#load-more-btn:hover{transform:translateY(-8px);box-shadow:0 10px 10px #00000026}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (min-width: 768px){.case-studies-grid .grid{grid-template-columns:repeat(2,1fr)}.mockup-container{height:280px}.phone-mockup img{max-height:240px}.desktop-mockup img{max-height:100%}.dual-mockup .phone-mockup img{max-height:200px}.case-footer{flex-direction:row;justify-content:space-between;align-items:center}.case-actions{flex-shrink:0}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.case-study-card.fade-in{animation:fadeInUp .6s ease forwards}@media (max-width:1200px){.case-description{height:46px}}@media (max-width:1080px){.case-studies-hero .hero-title{font-size:54px}.case-studies-hero .hero-title .diamond-right,.case-studies-hero .hero-title .diamond-left{bottom:-22px}}@media (max-width:1024px){.case-image,.desktop-mockup{height:400px}}@media only screen and (max-width: 900px){.template-page.case-study-list .medium-up--one-quarter{width:14%}.template-page.case-study-list .medium-up--one-half{width:64%}nav#AccessibleNav{width:72%}}@media (max-width:820px){.template-page.case-study-list .main-content{padding-top:0}.case-studies-grid .grid{display:block}.desktop-mockup,.case-image{height:auto;display:block}.case-study-card{margin-bottom:30px}.case-study-card:last-child{margin-bottom:0}.case-studies-hero{padding-top:40px;padding-bottom:0}.case-studies-grid .grid{margin-bottom:0}.hero-title{font-size:40px}.case-description{height:auto}.case-studies-grid{padding-bottom:0}.case-studies-hero .hero-title{font-size:44px}.case-studies-hero .hero-title .diamond-right,.case-studies-hero .hero-title .diamond-left{bottom:-19px}}@media (max-width:749px){.template-page.case-study-list .medium-up--one-quarter{width:25%}}@media (max-width:600px){.hero-title{font-size:36px}.case-title{font-size:32px}.case-studies-hero .hero-title{font-size:34px}.case-studies-hero .hero-title .diamond-right,.case-studies-hero .hero-title .diamond-left{bottom:-16px}}@media (max-width:480px){.load-more-btn{min-width:100%!important}.case-title{font-size:26px}.case-arrow-link{top:14px}.hero-title{font-size:32px}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/case-studies.css.map */