:root{--cs-black:#080a08;--cs-panel:#11130f;--cs-panel-2:#171912;--cs-cream:#eeeade;--cs-cream-2:#b8b2a3;--cs-line:#34362d;--cs-line-strong:#5d6152;--cs-blue:#5d75ff;--cs-blue-2:#8a9bff}.casestudies-nav{position:fixed;top:0;left:50%;z-index:29;display:flex;width:100%;min-height:3rem;transform:translateX(-50%);pointer-events:none}.casestudies-logo,.service-name{display:flex;align-items:center;min-width:0;border-bottom:1px solid var(--cs-line-strong);background:var(--cs-panel)}.casestudies-logo{flex:1 1 auto;border-right:1px solid var(--cs-line-strong)}.service-name{flex:0 0 17rem;justify-content:flex-end}.casestudies-nav p{margin:0;padding:.8rem 1rem;font-family:var(--font-mono);font-size:.72rem;line-height:1.25;letter-spacing:.12em;text-transform:uppercase;color:var(--cs-blue-2)}.service-name p{color:var(--cs-cream-2)}.cs-page{min-height:100svh;padding:3rem 0 0;color:var(--cs-cream);overflow-x:hidden;background:repeating-linear-gradient(90deg,var(--cs-line) 0,var(--cs-line) 1px,var(--cs-black) 1px,var(--cs-black) 7rem),repeating-linear-gradient(180deg,var(--cs-line) 0,var(--cs-line) 1px,var(--cs-black) 1px,var(--cs-black) 7rem);background-blend-mode:lighten;border-top:4px solid var(--cs-blue)}.cs-shell{display:grid;grid-template-columns:minmax(27rem,.86fr) minmax(24rem,.74fr) minmax(38rem,1.7fr);width:100%;min-height:calc(100svh - 3rem);margin:0;border-left:0;border-right:0;background:var(--cs-black)}.cs-page-intro{display:flex;flex-direction:column;justify-content:space-between;min-width:0;padding:clamp(1.15rem,1.65vw,1.65rem);border-right:1px solid var(--cs-line-strong);border-bottom:1px solid var(--cs-line-strong);background:var(--cs-panel)}.cs-kicker{margin:0;font-family:var(--font-mono);font-size:.72rem;line-height:1.35;letter-spacing:.12em;color:var(--cs-blue-2)}.cs-heading,.cs-kicker{text-transform:uppercase}.cs-heading{margin:auto 0 1.65rem;max-width:100%;font-family:var(--font-sans);font-size:clamp(3.25rem,4vw,5rem);font-weight:850;line-height:.86;letter-spacing:0;color:var(--cs-cream)}.cs-intro-copy{margin:0;max-width:31rem;color:var(--cs-cream-2);font-size:clamp(1rem,1.25vw,1.12rem);font-weight:550;line-height:1.55}.cs-reading-rail{display:flex;min-width:0;min-height:0;flex-direction:column;border-right:1px solid var(--cs-line-strong);background:var(--cs-black)}.cs-reading-meta,.cs-reading-rail{border-bottom:1px solid var(--cs-line-strong)}.cs-reading-meta{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:1rem;padding:clamp(1rem,1.55vw,1.45rem) clamp(1.1rem,1.75vw,1.65rem);background:var(--cs-panel)}.cs-reading-count,.cs-reading-desc,.cs-reading-hint,.cs-reading-label,.cs-reading-tag,.cs-reading-title{margin:0}.cs-progress-list p,.cs-progress-list span,.cs-reading-hint,.cs-reading-label,.cs-reading-tag{font-family:var(--font-mono);font-size:.72rem;line-height:1.35;letter-spacing:.12em;text-transform:uppercase}.cs-progress-list span,.cs-reading-label,.cs-reading-tag{color:var(--cs-blue-2)}.cs-reading-count{font-size:clamp(1.6rem,2.35vw,2rem);font-weight:650;line-height:1;color:var(--cs-cream)}.cs-progress-list{display:grid;margin:0;padding:0;list-style:none;border-bottom:1px solid var(--cs-line-strong);background:var(--cs-black)}.cs-progress-list li{display:grid;grid-template-columns:2.2rem minmax(0,1fr);gap:.8rem;align-items:center;min-height:3rem;padding:0 clamp(1.1rem,1.75vw,1.65rem);color:var(--cs-cream-2)}.cs-progress-list li+li{border-top:1px solid var(--cs-line)}.cs-progress-list li.is-active{background:var(--cs-blue);color:var(--cs-black)}.cs-progress-list li.is-active p,.cs-progress-list li.is-active span{color:var(--cs-black)}.cs-progress-list p{margin:0;overflow:hidden;color:currentColor;text-overflow:ellipsis;white-space:nowrap}.cs-reading-card{flex:1 1 auto;min-height:0;padding:clamp(1.2rem,1.9vw,1.75rem);overflow-x:hidden;overflow-y:auto;background:var(--cs-panel-2);scrollbar-width:thin;scrollbar-color:var(--cs-blue) var(--cs-panel)}.cs-reading-card::-webkit-scrollbar{display:block;width:8px}.cs-reading-card::-webkit-scrollbar-track{background:var(--cs-panel)}.cs-reading-card::-webkit-scrollbar-thumb{background:var(--cs-blue)}.cs-reading-tag{margin-bottom:1.1rem}.cs-reading-title{margin-bottom:1rem;color:var(--cs-cream);font-size:clamp(1.65rem,2.35vw,2.15rem);font-weight:650;line-height:1}.cs-reading-desc{color:var(--cs-cream-2);font-family:var(--font-mono);font-size:.88rem;line-height:1.58}.cs-reading-desc p{margin:0}.cs-reading-desc p+p{margin-top:.85rem}.cs-reading-desc strong{display:block;margin-bottom:.22rem;color:var(--cs-cream)}.cs-reading-hint{padding:1rem clamp(1.1rem,1.75vw,1.65rem);border-top:1px solid var(--cs-line-strong);color:var(--cs-blue-2);background:var(--cs-panel)}.cs-slider-wrap{position:relative;min-width:0;min-height:0;border-bottom:1px solid var(--cs-line-strong);display:grid;place-items:center;background:var(--cs-cream);color:var(--cs-black)}.cs-slider{position:absolute;inset:clamp(1.25rem,3vw,3.75rem);display:flex;align-items:center;justify-content:center;perspective:1000px;background:var(--cs-cream)}.cs-slide{position:absolute;width:min(92%,64rem);aspect-ratio:16/9;overflow:hidden;border:1px solid var(--cs-line-strong);border-radius:0;background:var(--cs-black);transform-style:preserve-3d;will-change:transform,opacity}.cs-slide-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.08) brightness(.92)}.cs-slide:before{display:none}.cs-slide:after{content:"";position:absolute;inset:0;z-index:2;border:1px solid var(--cs-line-strong);pointer-events:none}.cs-slide-copy{position:absolute;left:0;right:0;bottom:0;z-index:3;display:grid;gap:.75rem;padding:1rem 1.1rem 1.15rem;border-top:1px solid var(--cs-line-strong);background:var(--cs-black)}.cs-slide-tag{max-width:85%;color:var(--cs-blue-2);font-family:var(--font-mono);font-size:.72rem;line-height:1.35;letter-spacing:.12em}.cs-slide-tag,.cs-slide-title{margin:0;text-transform:uppercase}.cs-slide-title{max-width:100%;color:var(--cs-cream);font-size:clamp(2rem,4.8vw,4.1rem);font-weight:850;line-height:.85;letter-spacing:0}@media (max-width:1180px){.cs-page{min-height:auto;padding:3rem 0 0;overflow:auto}.cs-shell{grid-template-columns:1fr;min-height:auto}.cs-page-intro,.cs-reading-rail{border-right:0}.cs-page-intro{min-height:24rem}.cs-slider-wrap{min-height:38rem;order:2}.cs-slider{inset:1rem}.cs-reading-rail{min-height:0;order:3}}@media (max-width:640px){.casestudies-nav{display:none}.cs-page{padding:3.35rem 0 0}.cs-shell{border-left:0;border-right:0}.cs-page-intro,.cs-reading-card,.cs-reading-hint,.cs-reading-meta,.cs-slide-copy{padding:1rem}.cs-page-intro{min-height:23rem}.cs-heading{font-size:clamp(2.8rem,13vw,4.2rem)}.cs-slider-wrap{min-height:30rem}.cs-slide{width:calc(100% - 2rem);aspect-ratio:4/5}.cs-slide-title{font-size:clamp(1.55rem,9vw,2.7rem)}.cs-progress-list{display:none}}@media (max-height:560px) and (min-width:1181px){.cs-shell{min-height:38rem}}