:root{--color-dark:#0a0a0a;--color-light:#fafafa;--color-accent:#3B4FE4;--color-accent-light:#3B4FE4;--color-muted:#6b7280;--color-border:#e5e7eb;--font-serif:'Instrument Serif', serif;--font-sans:'DM Sans', sans-serif;--transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1)}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--color-light);color:var(--color-dark);line-height:1.6;overflow-x:hidden}.hero{position:relative;padding:180px 20px 80px;text-align:center;background:linear-gradient(135deg,#f8f9fa 0%,#ffffff 100%);overflow:hidden}.hero::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,rgb(255 107 53 / .08) 0%,transparent 70%);border-radius:50%;animation:float 20s ease-in-out infinite}.hero::after{content:'';position:absolute;bottom:-30%;left:-5%;width:500px;height:500px;background:radial-gradient(circle,rgb(255 107 53 / .05) 0%,transparent 70%);border-radius:50%;animation:float 15s ease-in-out infinite reverse}@keyframes float{0%,100%{transform:translate(0,0)}50%{transform:translate(-30px,30px)}}.hero-content{position:relative;z-index:1;max-width:800px;margin:0 auto}.hero-title{font-size:clamp(3rem, 8vw, 5.5rem);font-weight:400;font-style:italic;margin-bottom:24px;letter-spacing:-.02em;opacity:0;animation:fadeInUp 0.8s ease forwards}.hero-subtitle{font-size:clamp(1.1rem, 2vw, 1.3rem);color:var(--color-muted);max-width:600px;margin:0 auto 40px;opacity:0;animation:fadeInUp 0.8s ease 0.2s forwards}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.filter-bar{position:sticky;top:0;background:rgb(250 250 250 / .9);backdrop-filter:blur(10px);border-bottom:1px solid var(--color-border);padding:20px;z-index:100;opacity:0;animation:fadeInUp 0.8s ease 0.4s forwards}.filter-container{max-width:1400px;margin:0 auto;display:flex;gap:12px;flex-wrap:wrap;align-items:center;justify-content:center}.filter-btn{padding:10px 24px;border:2px solid var(--color-border);background:#fff;color:var(--color-dark);font-size:.95rem;font-weight:500;border-radius:50px;cursor:pointer;transition:var(--transition);position:relative;overflow:hidden}.filter-btn::before{content:'';position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:var(--color-accent);transform:translate(-50%,-50%);transition:width 0.4s ease,height 0.4s ease}.filter-btn:hover{border-color:var(--color-accent);color:#fff;transform:translateY(-2px)}.filter-btn:hover::before{width:300px;height:300px}.filter-btn span{position:relative;z-index:1}.filter-btn.active{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.case-studies-container{max-width:1400px;margin:0 auto;padding:80px 20px}.case-studies-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:40px}.case-study-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 6px rgb(0 0 0 / .02);transition:var(--transition);opacity:0;animation:fadeInUp 0.6s ease forwards;cursor:pointer;position:relative}.case-study-card:nth-child(1){animation-delay:0.1s}.case-study-card:nth-child(2){animation-delay:0.2s}.case-study-card:nth-child(3){animation-delay:0.3s}.case-study-card:nth-child(4){animation-delay:0.4s}.case-study-card:nth-child(5){animation-delay:0.5s}.case-study-card:nth-child(6){animation-delay:0.6s}.case-study-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgb(0 0 0 / .1)}.case-study-image{position:relative;aspect-ratio:2 / 1;height:auto;overflow:hidden;background:linear-gradient(135deg,#f5f5f5 0%,#e0e0e0 100%)}.case-study-image img{width:100%;height:100%;object-fit:contain;transition:var(--transition)}.case-study-card:hover .case-study-image img{transform:scale(1.05)}.case-study-category{position:absolute;top:20px;right:20px;background:rgb(255 255 255 / .95);backdrop-filter:blur(10px);padding:8px 16px;border-radius:50px;font-size:.85rem;font-weight:600;color:var(--color-accent);text-transform:uppercase;letter-spacing:.5px}.case-study-content{padding:32px}.case-study-title{font-size:1.75rem;margin-bottom:16px;color:var(--color-dark);line-height:1.3;transition:color 0.3s ease}.case-study-card:hover .case-study-title{color:var(--color-accent)}.case-study-excerpt{color:var(--color-muted);font-size:1rem;line-height:1.7;margin-bottom:24px}.case-study-meta{display:flex;align-items:center;justify-content:space-between;padding-top:24px;border-top:1px solid var(--color-border)}.case-study-tags{display:flex;gap:8px;flex-wrap:wrap}.tag{font-size:.8rem;padding:4px 12px;background:#f5f5f5;color:var(--color-muted);border-radius:50px;font-weight:500}.read-more{display:inline-flex;align-items:center;gap:8px;color:var(--color-accent);font-weight:600;font-size:.95rem;text-decoration:none;transition:gap 0.3s ease}.read-more:hover{gap:12px}.read-more svg{width:20px;height:20px}.load-more-container{text-align:center;margin-top:60px;padding-bottom:60px}.load-more-btn{display:inline-block;padding:16px 48px;background:var(--color-dark);color:#fff;border:none;border-radius:50px;font-size:1rem;font-weight:600;cursor:pointer;transition:var(--transition);position:relative;overflow:hidden}.load-more-btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgb(255 255 255 / .2),transparent);transition:left 0.5s ease}.load-more-btn:hover::before{left:100%}.load-more-btn:hover{background:var(--color-accent);transform:translateY(-2px);box-shadow:0 10px 30px rgb(255 107 53 / .3)}@media (max-width:768px){.case-studies-grid{grid-template-columns:1fr;gap:30px}.hero{padding:200px 20px 80px}.case-studies-container{padding:60px 20px}}.empty-state{text-align:center;padding:100px 20px;opacity:0;animation:fadeInUp 0.8s ease forwards}.empty-state-icon{font-size:4rem;margin-bottom:20px;opacity:.3}.empty-state-title{font-size:2rem;font-style:italic;margin-bottom:12px}.empty-state-text{color:var(--color-muted);font-size:1.1rem}.pagination-wrapper{display:flex;justify-content:center;margin:60px 0}.pagination-wrapper .page-numbers{display:inline-flex;gap:8px;align-items:center}.pagination-wrapper a,.pagination-wrapper span{padding:10px 14px;border-radius:6px;border:1px solid #e5e7eb;color:#111827;text-decoration:none;font-weight:500;margin:5px}.pagination-wrapper .current{background:#3B4FE4;color:#fff}.pagination-wrapper a:hover{background:#f3f4f6}