:root{--color-dark:#121212;--color-light:#FFFFFF;--color-bg-alt:#f5f5f7;--color-text-dark:#1C1D1F;--color-text-light:#f1f1f1;--color-text-muted:#a0a0a0;--color-accent:#5125FF}body{display:flex;flex-direction:column;min-height:100vh}main{flex-grow:1}.case-page{background-color:var(--color-light)}.section-title{font-size:clamp(2rem,5vw,2.75rem);font-weight:600}.section-title.text-center{text-align:center}.case-hero{height:100vh;display:flex;align-items:center;padding:80px 5%;text-align:left;color:var(--color-text-light);position:relative;background-size:contain;background-position:50%;background-repeat:no-repeat}.hero-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(18,18,18,.7) 100%,rgba(18,18,18,0) 0)}.hero-content{position:relative;z-index:2;width:100%;max-width:1200px;margin:0 auto}.hero-title{font-size:clamp(4rem,8vw,7.5rem);font-weight:600;margin:0;max-width:900px}.hero-headline{margin-top:16px;font-size:clamp(1.3rem,3vw,2rem);font-weight:400;color:var(--color-text-light);max-width:800px}.hero-meta{display:flex;flex-wrap:wrap;gap:20px;align-items:center;margin-top:32px}.domain-tab,.project-duration,.tech-tab{background-color:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);color:#fff;padding:12px 24px;font-size:15px;border-radius:30px;font-weight:500;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);text-transform:capitalize}.tech-tabs{display:flex;gap:12px;flex-wrap:wrap}.project-duration{display:inline-flex;align-items:center;gap:8px}.content-section{padding:120px 5%}.content-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:80px;gap:80px;align-items:center;max-width:1200px;margin:0 auto}.content-text .section-title{margin-bottom:20px}.content-text .section-description{font-size:18px;line-height:1.8;color:#555}.dark-bg .content-image img{border-radius:0!important;box-shadow:none!important;background:transparent!important}.dark-bg{background-color:var(--color-dark);color:var(--color-text-light)}.dark-bg .section-description{color:var(--color-text-muted)}.dark-bg .content-grid .content-text{order:2}.dark-bg .content-grid .content-image{order:1}.gallery-section{padding:40px 5%;background-color:var(--color-bg-alt)}.gallery-container-title{max-width:1440px;margin:0 auto 40px}.gallery-split-layout{width:90%;max-width:1440px;margin:0 auto;display:flex;align-items:center;gap:60px}.gallery-text-content{flex:0 0 30%;color:var(--color-text-dark)}.gallery-slide-title{font-size:2.25rem;font-weight:600;margin-bottom:20px;line-height:1.3}.gallery-slide-description{font-size:1.1rem;line-height:1.7;color:#555}.gallery-slider-wrapper{flex:1 1;min-width:0;position:relative}.gallery-main-image{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,.1)}.custom-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:10;background:#FFFFFF;border:1px solid #e0e0e0;color:#1C1D1F;width:50px;height:50px;border-radius:50%;cursor:pointer;display:flex!important;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:0 4px 15px rgba(0,0,0,.05)}.custom-arrow:hover{transform:translateY(-50%) scale(1.1);box-shadow:0 8px 20px rgba(0,0,0,.1)}.prev-arrow{left:-25px}.next-arrow{right:-25px}.slick-thumb{display:flex!important;justify-content:flex-start;list-style:none;padding:0;margin:20px 0 0;gap:15px}.slick-thumb li{width:100px;height:60px;cursor:pointer;opacity:.5;transition:opacity .3s ease;border-radius:8px;overflow:hidden}.slick-thumb li:hover{opacity:.75}.slick-thumb li.slick-active{opacity:1;border:3px solid var(--color-accent)}.slick-thumb li img{width:100%;height:100%;object-fit:cover}.case-other-projects{padding:60px 5% 120px;background-color:var(--color-light)}.other-projects-container{max-width:1200px;margin:0 auto}.other-projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:30px;gap:30px;margin-top:50px}.other-project-card{display:block;text-decoration:none;border-radius:16px;overflow:hidden;position:relative;color:white;aspect-ratio:4/5}.other-project-card:hover .card-image-wrapper img{transform:scale(1.05)}.card-image-wrapper{position:absolute;inset:0}.card-image-wrapper img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.card-content{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:flex-end;padding-bottom:30px;padding-left:30px;background:linear-gradient(0deg,rgba(0,0,0,.8) 0,rgba(0,0,0,0) 50%)}.card-category{font-size:13px;font-weight:500;text-transform:uppercase;letter-spacing:1px}.card-title{font-size:24px;font-weight:600;margin-top:10px}@media(max-width:992px){.content-grid{grid-template-columns:1fr}.dark-bg .content-grid .content-image,.dark-bg .content-grid .content-text{order:0}.content-image{order:-1}.gallery-split-layout{flex-direction:column;gap:40px}.gallery-text-content{text-align:center}.gallery-slider-wrapper{width:100%}.prev-arrow{left:20px}.next-arrow{right:20px}}@media(max-width:768px){.custom-arrow{width:40px;height:40px}}.cta-section{background-color:#1C1D1F;padding:80px 5%}.cta-container{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:30px}.cta-title{color:#FFFFFF;font-size:clamp(2rem,5vw,2.75rem);font-weight:600;margin:0}.cta-button{background-color:#5125FF;color:#FCFCFF;padding:16px 32px;border-radius:50px;text-decoration:none;font-size:1rem;font-weight:600;text-align:center;transition:all .3s ease;flex-shrink:0;border:none}.cta-button:hover{background-color:#451de0;transform:scale(1.05);box-shadow:0 8px 25px rgba(81,37,255,.2)}@media (max-width:768px){.cta-container{flex-direction:column;text-align:center;gap:25px}.cta-title{font-size:1.75rem}.cta-button{width:100%;max-width:300px}}.gallery-main-image-wrapper{width:100%;overflow:hidden}.gallery-main-image{object-fit:contain!important}.content-image,.content-image img{background:transparent!important;box-shadow:none!important;border-radius:0!important}