.casestudies-nav{position:absolute;top:0;left:0;right:0;z-index:50;display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;padding:clamp(1rem,3vw,2rem) clamp(1.25rem,5vw,5rem);pointer-events:none}.casestudies-nav p{margin:0;padding:.6rem 1rem;border:1px solid rgba(103,232,249,.2);border-radius:2px;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);font-family:var(--font-mono);font-size:clamp(9px,1vw,11px);letter-spacing:.3em;text-transform:uppercase;color:rgba(103,232,249,.6)}.cs-page{position:relative;display:grid;grid-template-columns:minmax(18rem,24rem) minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);align-items:start;column-gap:clamp(2rem,4vw,4.5rem);width:100%;min-height:100svh;padding:clamp(6.75rem,9vw,8.5rem) clamp(1.25rem,5vw,5rem) clamp(1.25rem,4vw,3rem);overflow:hidden;background:radial-gradient(circle at top,rgba(21,55,61,.26),transparent 40%),linear-gradient(180deg,rgba(7,11,14,.98),rgba(4,8,10,1))}.cs-page:after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:radial-gradient(circle at center,rgba(0,0,0,0) 18%,rgba(0,0,0,.58) 100%)}.cs-page-intro{position:relative;grid-column:1;grid-row:1;align-self:start;z-index:5;width:100%;max-width:24rem}.cs-kicker{margin:0 0 .75rem;font-family:var(--font-mono);font-size:11px;letter-spacing:.28em;color:rgba(103,232,249,.7)}.cs-heading,.cs-kicker{text-transform:uppercase}.cs-heading{margin:0 0 1rem;font-family:var(--hero-font,"Clash Display",sans-serif);font-size:clamp(2.75rem,7vw,5.8rem);font-weight:500;line-height:.95;letter-spacing:.01em;color:rgba(255,255,255,.96)}.cs-intro-copy{margin:0;max-width:34rem;font-family:var(--font-mono);font-size:clamp(.92rem,.6vw + .8rem,1rem);line-height:1.85;letter-spacing:.02em;color:rgba(255,255,255,.72)}.cs-reading-rail{position:relative;grid-column:1;grid-row:2;align-self:stretch;z-index:5;display:flex;flex-direction:column;gap:.9rem;align-items:stretch;width:100%;max-width:25rem;min-height:0;margin-top:1.5rem;max-height:calc(100svh - clamp(8.5rem, 11vw, 10rem) - 18.5rem)}.cs-reading-card,.cs-reading-hint,.cs-reading-meta{border:1px solid rgba(103,232,249,.18);background:rgba(6,13,16,.62);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 0 24px rgba(34,211,238,.08),inset 0 0 0 1px rgba(255,255,255,.03)}.cs-reading-meta{min-width:10rem;padding:.9rem 1rem}.cs-reading-count,.cs-reading-desc,.cs-reading-hint,.cs-reading-label,.cs-reading-tag,.cs-reading-title{margin:0}.cs-reading-hint,.cs-reading-label,.cs-reading-tag{font-family:var(--font-mono);text-transform:uppercase}.cs-reading-label{margin-bottom:.45rem;font-size:10px;letter-spacing:.28em;color:rgba(103,232,249,.62)}.cs-reading-count{font-family:var(--font-sans);font-size:clamp(1.2rem,2vw,1.5rem);line-height:1;color:rgba(255,255,255,.95)}.cs-reading-card{padding:1rem 1.1rem 1.15rem;flex:1 1 auto;min-height:0;max-height:calc(100svh - clamp(8.5rem, 11vw, 10rem) - 33rem);overflow-x:hidden;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(103,232,249,.45) rgba(255,255,255,.04)}.cs-reading-card::-webkit-scrollbar{width:8px}.cs-reading-card::-webkit-scrollbar-track{background:rgba(255,255,255,.04)}.cs-reading-card::-webkit-scrollbar-thumb{border-radius:999px;background:rgba(103,232,249,.42)}.cs-reading-card::-webkit-scrollbar-thumb:hover{background:rgba(103,232,249,.62)}.cs-reading-tag{margin-bottom:.6rem;font-size:10px;letter-spacing:.24em;color:rgba(103,232,249,.72)}.cs-reading-title{margin-bottom:.45rem;font-family:var(--font-sans);font-size:clamp(1.25rem,2vw,1.65rem);line-height:1.15;color:rgba(255,255,255,.96)}.cs-reading-desc{font-family:var(--font-mono);font-size:.88rem;line-height:1.75;color:rgba(255,255,255,.72)}.cs-reading-desc p{margin:0}.cs-reading-desc p+p{margin-top:.85rem}.cs-reading-desc strong{display:block;margin-bottom:.15rem;color:rgba(255,255,255,.92)}.cs-reading-hint{flex:0 0 auto;display:flex;align-items:center;justify-content:flex-start;padding:.9rem 1rem;min-height:3rem;font-size:10px;letter-spacing:.22em;color:rgba(255,255,255,.56);text-align:left}.cs-slider-wrap{position:relative;grid-column:2;grid-row:1/span 2;min-width:0;height:calc(100svh - clamp(8rem, 13vw, 11.5rem))}.cs-slider{position:absolute;inset:0;z-index:1;display:flex;align-items:center;justify-content:center;perspective:1000px}.cs-slide{position:absolute;width:min(100%,clamp(300px,54vw,940px));aspect-ratio:16/9;max-height:72vh;border-radius:16px;overflow:hidden;transform-style:preserve-3d;will-change:transform,opacity}.cs-slide-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.58) saturate(.82)}.cs-slide:before{z-index:1;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);background:linear-gradient(180deg,rgba(0,0,0,.12),rgba(0,0,0,.22)),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-copy{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(1.35rem,3vw,2.25rem) clamp(1.5rem,3.2vw,2.4rem) clamp(1.35rem,3vw,2.25rem) clamp(1.9rem,4vw,2.9rem)}.cs-slide-tag{max-width:80%;font-family:var(--font-mono);font-size:clamp(10px,.7vw + .35rem,12px);line-height:1.5;letter-spacing:.22em;color:rgba(103,232,249,.82)}.cs-slide-tag,.cs-slide-title{margin:0;text-transform:uppercase;padding-left:.1rem}.cs-slide-title{max-width:min(70%,11ch);font-family:var(--font-sans);font-size:clamp(1.4rem,3.8vw,3.4rem);font-weight:600;line-height:1.02;color:#fff;text-shadow:0 4px 15px rgba(0,0,0,.8)}@media (max-width:1000px){.cs-page{display:block;min-height:auto;padding:0 0 2rem;overflow:auto}.cs-page:after{background:radial-gradient(circle at center,rgba(0,0,0,0) 28%,rgba(0,0,0,.5) 100%)}.cs-page-intro{position:relative;width:auto;max-width:none;padding:6.5rem 1.25rem 1.25rem}.cs-slider-wrap{height:62svh;min-height:30rem}.cs-slider{inset:0}.cs-slide{width:min(88vw,42rem);max-height:58svh}.cs-slide-title{max-width:80%;font-size:clamp(1.25rem,5vw,2.35rem)}.cs-reading-rail{position:relative;max-width:none;max-height:none;padding:1.25rem;gap:.85rem;align-items:stretch;margin-top:0}.cs-reading-meta{min-width:0}.cs-reading-hint{justify-content:flex-start;text-align:left}.cs-reading-card{flex:initial;max-height:none}}@media (max-width:640px){.casestudies-nav .casestudies-logo,.casestudies-nav .service-name{display:none}.cs-page-intro{padding:5.5rem 1rem 1rem}.cs-heading{font-size:clamp(2.2rem,10vw,3.4rem)}.cs-intro-copy{font-size:.92rem;line-height:1.75}.cs-slider-wrap{height:54svh;min-height:24rem}.cs-slide{width:90vw;aspect-ratio:4/5;max-height:34rem}.cs-slide-copy{padding:1rem 1rem 1rem 1.25rem}.cs-slide-title{max-width:100%;font-size:1.45rem}.cs-reading-card{padding:.95rem}.cs-reading-desc{font-size:.84rem;line-height:1.7}}@media (max-height:560px){.cs-slider-wrap{height:100svh;min-height:0}.cs-slide{aspect-ratio:21/9;max-height:76vh}}