.casestudies-nav{position:absolute;top:0;left:0;right:0;padding:clamp(1rem,3vw,2rem) clamp(1.5rem,6vw,6rem);display:flex;justify-content:space-between;align-items:flex-start;z-index:50;pointer-events:none}.casestudies-nav p{padding:.6rem 1rem;border:1px solid rgba(103,232,249,.2);border-radius:2px;font-family:var(--font-mono);font-size:clamp(9px,1vw,11px);text-transform:uppercase;letter-spacing:.32em;color:rgba(103,232,249,.6);background:rgba(0,0,0,.2);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);box-shadow:0 0 20px rgba(34,211,238,.08)}.cs-page{position:relative;width:100%;height:100svh;overflow:hidden}.cs-page:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:2;background:radial-gradient(circle at center,transparent 20%,rgba(0,0,0,.6) 100%)}.cs-slider{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;perspective:1000px;z-index:1}.cs-slide{position:absolute;width:clamp(280px,85vw,1000px);aspect-ratio:16/9;max-height:75vh;border-radius:12px;overflow:hidden;will-change:transform,opacity;transform-style:preserve-3d}.cs-slide-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.6) saturate(.8)}.cs-slide:before{z-index:1;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);background:linear-gradient(135deg,rgba(255,255,255,.05),transparent)}.cs-slide:after,.cs-slide:before{content:"";position:absolute;inset:0}.cs-slide:after{z-index:2;border-radius:inherit;border:1px solid rgba(103,232,249,.2);box-shadow:inset 0 0 30px rgba(0,0,0,.5)}.cs-slide-title{top:clamp(1.2rem,5vw,2.5rem);left:clamp(1.2rem,5vw,2.5rem);max-width:85%;font-family:var(--font-sans);font-size:clamp(1.2rem,4vw,3.2rem);font-weight:600;line-height:1.1;text-transform:uppercase;color:#fff;text-shadow:0 4px 15px rgba(0,0,0,.8)}.cs-slide-desc,.cs-slide-title{position:absolute;z-index:3;margin:0}.cs-slide-desc{bottom:clamp(1.2rem,5vw,5rem);right:clamp(1.2rem,5vw,2.5rem);max-width:min(400px,80%);font-family:var(--font-mono);font-size:clamp(9px,1.1vw,12px);line-height:1.5;letter-spacing:.1em;padding:.7rem 1rem;background:rgba(0,0,0,.5);backdrop-filter:blur(10px);border:1px solid rgba(103,232,249,.3);border-radius:4px;color:#67e8f9}@media (max-width:768px){.casestudies-nav .casestudies-logo,.casestudies-nav .service-name{display:none}.cs-slide{width:90vw;aspect-ratio:3/3;max-height:65vh}.cs-slide-title{top:1.5rem;left:1.2rem;font-size:1.6rem}.cs-slide-desc{top:auto;bottom:35%;left:5rem;right:1rem;padding:.5rem .7rem;font-size:11px;line-height:1.3;letter-spacing:.05em;border:none;color:#ffffffdc;max-width:fit-content;background:rgba(0,0,0,.897);border-radius:4px}}@media (max-height:500px){.cs-slide{aspect-ratio:21/9}.cs-slide-title{font-size:1rem}}