.case-study{color:#fff;background:#050505;min-height:100vh}.cs-container{grid-template-columns:40% 60%;width:100%;min-height:100vh;margin:0;display:grid;position:relative}.cs-sidebar{height:100vh;padding-left:var(--spacing-md);padding-right:var(--spacing-md);padding-top:var(--spacing-sm);z-index:10;scrollbar-width:thin;border-right:1px solid #ffffff0d;flex-direction:column;display:flex;position:sticky;top:0;overflow-y:auto}.cs-sidebar::-webkit-scrollbar{display:none}.cs-sidebar{scrollbar-width:none}.cs-sidebar-content{gap:var(--spacing-md);flex-direction:column;justify-content:space-between;min-height:100%;padding-top:80px;display:flex}.cs-header-group{gap:var(--spacing-md);flex-direction:column;display:flex}.cs-header{margin-bottom:var(--spacing-md)}.cs-main-title{font-family:var(--font-headline);letter-spacing:-.02em;margin-bottom:var(--spacing-xs);color:#fff;font-size:clamp(3rem,5vw,6rem);line-height:.9}.cs-subtitle{color:#fff9;margin-left:5px;font-size:1rem}.cs-nav{gap:var(--spacing-md);flex-direction:column;padding-bottom:300px;display:flex}.cs-nav-item{cursor:pointer;opacity:.3;transition:opacity .4s}.cs-nav-item:hover{opacity:.6}.cs-nav-item.active{opacity:1}.cs-nav-title{color:#fff;letter-spacing:-.01em;margin-bottom:.75rem;font-size:clamp(1.75rem,3vw,2.25rem);font-weight:500}.cs-nav-desc-wrapper{grid-template-rows:0fr;transition:grid-template-rows .5s cubic-bezier(.4,0,.2,1);display:grid}.cs-nav-item.active .cs-nav-desc-wrapper{grid-template-rows:1fr}.cs-nav-desc{color:#fffc;max-width:90%;font-size:clamp(1rem,1.5vw,1.125rem);line-height:1.65;overflow:hidden}.cs-credits{padding-top:var(--spacing-md);padding-bottom:var(--spacing-md);z-index:10;margin-top:auto;margin-left:calc(-1*var(--spacing-md));margin-right:calc(-1*var(--spacing-md));padding-left:var(--spacing-md);padding-right:var(--spacing-md);background-color:#050505;animation:.8s ease-out .2s backwards fadeIn;position:sticky;bottom:0}.cs-credits:before{content:"";pointer-events:none;background:linear-gradient(#0000,#050505);width:100%;height:40px;position:absolute;top:-40px;left:0}.cs-credits-title{color:#ffffff80;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem;font-size:.875rem;font-weight:400}.cs-credits-list{flex-direction:column;gap:.5rem;display:flex}.cs-credit-item{justify-content:space-between;align-items:baseline;gap:1rem;padding:.25rem 0;display:flex}.cs-credit-name{color:#ffffffe6;font-size:1rem;font-weight:500}.cs-credit-role{color:#ffffff80;text-align:right;font-size:.875rem;font-style:italic}.cs-content{padding-right:var(--spacing-md);padding-left:var(--spacing-lg);padding-top:calc(10vh + var(--spacing-md));padding-bottom:var(--spacing-md)}.cs-section{min-height:90vh;margin-bottom:20vh}.cs-gallery{gap:var(--spacing-sm);flex-direction:column;display:flex}.cs-image-wrapper{background:#111;border-radius:4px;width:100%;overflow:hidden}.cs-image-wrapper img{width:100%;height:auto;transition:transform .6s cubic-bezier(.25,.8,.25,1);display:block}.cs-footer-spacer{height:20vh}@media (max-width:1024px) and (min-width:768px){.cs-container{grid-template-columns:320px 1fr}.cs-sidebar{padding:var(--spacing-md)}.cs-sidebar-content{gap:var(--spacing-sm);padding-top:60px}.cs-main-title{font-size:clamp(2.5rem,4.5vw,4.5rem)}.cs-nav-title{font-size:2rem}.cs-nav-desc{font-size:1.125rem}.cs-content{padding-right:var(--spacing-md);padding-left:var(--spacing-md)}.cs-section{min-height:80vh;margin-bottom:15vh}}@media (max-width:767px){.cs-container{grid-template-columns:1fr}.cs-sidebar{height:auto;padding:var(--spacing-md)var(--spacing-sm);padding-bottom:var(--spacing-lg);border-bottom:1px solid #ffffff0d;border-right:none;position:relative}.cs-sidebar-content{gap:var(--spacing-md);padding-top:80px}.cs-main-title{font-size:clamp(2rem,8vw,3rem)}.cs-subtitle{font-size:.9375rem}.cs-nav{gap:var(--spacing-md)}.cs-nav-item{opacity:1;margin-bottom:var(--spacing-sm)}.cs-nav-title{margin-bottom:.5rem;font-size:1.5rem}.cs-nav-desc-wrapper{grid-template-rows:1fr}.cs-nav-desc{max-width:100%;font-size:1rem}.cs-credits{margin-top:var(--spacing-md);padding-top:var(--spacing-md);background-color:#0000;margin-left:0;margin-right:0;padding-left:0;padding-right:0;position:static}.cs-credits:before{display:none}.cs-credit-name{font-size:.9375rem}.cs-credit-role{font-size:.8125rem}.cs-content{padding:var(--spacing-md)var(--spacing-sm)}.cs-section{margin-bottom:var(--spacing-lg);min-height:auto}.cs-gallery{gap:var(--spacing-sm)}.cs-nav-desc h1,.markdown-h1{font-size:1.375rem}.cs-nav-desc h2,.markdown-h2{font-size:1.25rem}.cs-nav-desc h3,.markdown-h3{font-size:1.125rem}}@media (max-width:374px){.cs-main-title{font-size:clamp(1.75rem,7vw,2.5rem)}.cs-nav-title{font-size:1.375rem}.cs-nav-desc{font-size:.9375rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.cs-nav-desc h1,.cs-nav-desc h2,.cs-nav-desc h3{font-family:var(--font-headline);color:#ffffffe6;margin-top:1rem;margin-bottom:.5rem}.cs-nav-desc h1{font-size:1.5rem}.cs-nav-desc h2{font-size:1.25rem}.cs-nav-desc h3{font-size:1.1rem}.cs-nav-desc p{margin-bottom:.75rem;line-height:1.6}.cs-nav-desc ul,.cs-nav-desc ol{margin-bottom:.75rem;margin-left:1.5rem}.cs-nav-desc li{margin-bottom:.25rem;line-height:1.5}.cs-nav-desc strong{color:#fffffff2;font-weight:600}.cs-nav-desc em{font-style:italic}.cs-nav-desc a{color:#4cd964;text-decoration:underline;transition:opacity .2s}.cs-nav-desc a:hover{opacity:.8}.cs-nav-desc blockquote{color:#ffffffb3;border-left:3px solid #ffffff4d;margin:1rem 0;padding-left:1rem;font-style:italic}.cs-nav-desc code{background:#ffffff1a;border-radius:3px;padding:.2em .4em;font-family:monospace;font-size:.9em}.cs-nav-desc pre{background:#ffffff0d;border-radius:4px;margin:1rem 0;padding:1rem;overflow-x:auto}.cs-nav-desc pre code{background:0 0;padding:0}.cs-nav-desc,.markdown-content{color:#fffc;font-size:clamp(1rem,1.5vw,1.125rem);line-height:1.65}.cs-nav-desc h1,.cs-nav-desc h2,.cs-nav-desc h3,.markdown-h1,.markdown-h2,.markdown-h3{font-family:var(--font-headline);color:#fffffff2;margin-top:1.5rem;margin-bottom:.75rem;font-weight:600;line-height:1.3}.cs-nav-desc h1,.markdown-h1{font-size:1.75rem}.cs-nav-desc h2,.markdown-h2{font-size:1.5rem}.cs-nav-desc h3,.markdown-h3{font-size:1.25rem}.cs-nav-desc p,.markdown-paragraph{color:#fffc;margin-bottom:1rem;font-size:clamp(1rem,1.5vw,1.125rem);line-height:1.7}.cs-nav-desc ul,.cs-nav-desc ol,.markdown-list{margin-bottom:1rem;margin-left:1.5rem;padding-left:.5rem}.cs-nav-desc ul,.markdown-list:not(.ordered){list-style-type:disc}.cs-nav-desc ol,.markdown-list.ordered{list-style-type:decimal}.cs-nav-desc li,.markdown-list-item{color:#fffc;margin-bottom:.5rem;line-height:1.6}.cs-nav-desc strong,.markdown-bold{color:#fffffff2;font-weight:700}.cs-nav-desc em,.markdown-italic{color:#ffffffd9;font-style:italic}.cs-nav-desc u,.markdown-underline{text-underline-offset:4px;-webkit-text-decoration:underline #ffffff80;text-decoration:underline #ffffff80}.cs-nav-desc del,.markdown-strikethrough{opacity:.7;text-decoration:line-through}.cs-nav-desc a,.markdown-link{color:#4cd964;text-decoration:underline;transition:opacity .2s}.cs-nav-desc a:hover,.markdown-link:hover{opacity:.8}.cs-nav-desc blockquote,.markdown-quote{color:#ffffffbf;background:#ffffff08;border-left:4px solid #ffffff4d;border-radius:4px;margin:1.5rem 0;padding:1rem 1.25rem;font-style:italic}.cs-nav-desc code,.markdown-code-inline{color:#fffffff2;background:#ffffff26;border-radius:4px;padding:.2em .5em;font-family:Courier New,monospace;font-size:.9em}.cs-nav-desc pre,.markdown-code-block{background:#ffffff14;border:1px solid #ffffff1a;border-radius:6px;margin:1.5rem 0;padding:1.25rem;overflow-x:auto}.cs-nav-desc pre code,.markdown-code-block code{background:0 0;border-radius:0;padding:0}.cs-nav-desc hr{border:none;border-top:1px solid #ffffff1a;margin:2rem 0}.cs-nav-desc table{border-collapse:collapse;width:100%;margin:1.5rem 0}.cs-nav-desc th,.cs-nav-desc td{text-align:left;border:1px solid #ffffff1a;padding:.75rem}.cs-nav-desc th{background:#ffffff0d;font-weight:600}