:root{--case-study-sidebar-width:33%;--case-study-sidebar-min-width:200px;--case-study-content-width:67%;--case-study-text-max-width:66%}.case-study-hero{max-width:1920px;margin:0 auto;display:flex;flex-direction:column;background-color:var(--white);overflow:hidden;position:relative}.case-study-hero-image{display:block;width:100%;height:auto!important;aspect-ratio:2/1;background-color:#d0d0d0;object-fit:cover}.case-study-hero-cover{position:absolute;inset:0;z-index:1;pointer-events:none;opacity:1;transition:opacity .35s ease}.case-study-hero-cover.is-hidden{opacity:0}.case-study-hero-cover-image,.case-study-hero-cover-placeholder{display:block;width:100%;height:100%;object-fit:cover}.case-study-hero-cover-placeholder{background:linear-gradient(120deg,#f4f4f4,#dfdfdf)}.case-study-content-wrapper{display:flex;width:100%;max-width:1920px;margin:0 auto}.case-study-sidebar{width:var(--case-study-sidebar-width);height:100vh;flex-shrink:0;padding:var(--padding-page);padding-top:48px;justify-content:space-between;position:-webkit-sticky;position:sticky;top:0;background-color:var(--white);z-index:10;will-change:transform;contain:layout;overflow-y:auto;overflow-x:hidden}.case-study-sidebar,.sidebar-top{display:flex;flex-direction:column}.sidebar-top{margin-bottom:var(--padding-xl)}.sidebar-title{font-size:var(--text-lg);line-height:var(--line-tight);color:var(--black);font-weight:var(--weight-regular);padding-bottom:var(--padding-s)}.sidebar-subtitle{font-size:var(--text-sm);font-weight:var(--weight-regular);padding-bottom:var(--padding-m)}.sidebar-link,.sidebar-subtitle{color:var(--grey);max-width:280px}.sidebar-link{background-color:rgba(0,0,0,.1);font-size:var(--text-xs);width:100%;padding:16px;margin-top:var(--padding-xl);margin-right:var(--padding-page);border-radius:8px;display:inline-flex;align-items:center;justify-content:space-between;text-decoration:none;transition:background-color .2s ease,color .2s ease}.sidebar-link:hover{background-color:rgba(0,0,0,.15);color:var(--black)}.sidebar-link .sidebar-link-icon{flex-shrink:0}.sidebar-back-button{font-size:var(--text-xs);color:var(--grey);font-weight:var(--weight-regular);padding-top:var(--padding-xxxl)}.sidebar-bottom{display:flex;flex-direction:column;gap:var(--padding-m)}.sidebar-section-link{font-size:var(--text-xs);color:var(--grey);font-weight:var(--weight-regular);cursor:pointer;transition:color .2s ease,transform .2s ease;text-decoration:none;transform:translateX(0);display:inline-flex;align-items:center;gap:6px}.sidebar-link-icon{opacity:1;transform:translateX(-4px);transition:opacity .2s ease,transform .2s ease;flex-shrink:0}.sidebar-section-link:hover{color:var(--black)}.sidebar-section-link.active{color:var(--black);transform:translateX(12px)}.sidebar-section-link.active .sidebar-link-icon{opacity:1;transform:translateX(0)}.case-study-main-content{width:var(--case-study-content-width);display:flex;flex-direction:column;gap:var(--padding-xxxl);padding-top:48px;padding-right:var(--padding-page)}.text-section{display:flex;flex-direction:column;padding-top:var(--padding-xxl)}.caption,.text-section{max-width:var(--case-study-text-max-width)}.caption{font-size:var(--text-xs);color:var(--grey);line-height:1.2;padding-bottom:var(--padding-xl)}.caption,.text-section-heading{font-weight:var(--weight-regular)}.text-section-heading{font-size:var(--text-m);line-height:var(--line-tight);color:var(--black);padding-bottom:var(--padding-m)}.body{font-size:var(--text-sm);line-height:var(--line-normal);letter-spacing:.005em;color:var(--grey);font-weight:var(--weight-regular);white-space:pre-wrap;padding-bottom:var(--padding-xxl)}.text-content-with-metadata{display:flex;flex-direction:column;max-width:var(--case-study-text-max-width)}.metadata-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:var(--padding-xxl);gap:var(--padding-xxl);width:100%}.metadata-column{display:flex;flex-direction:column;gap:var(--padding-xs)}.metadata-label{color:var(--grey);line-height:1;padding-bottom:var(--padding-m)}.metadata-item,.metadata-label{font-size:var(--text-xs);font-weight:var(--weight-regular)}.metadata-item{color:var(--black);line-height:1.2}.image-section{display:flex;flex-direction:column;gap:var(--padding-page);width:100%;padding-bottom:var(--padding-xxl)}.image-container{width:100%;height:100%;overflow:hidden;border-radius:12px}.image-container img,.image-container svg{display:block;width:100%;height:auto}.image-header{font-size:var(--text-body);color:var(--black);font-weight:var(--weight-regular);line-height:1;padding-top:var(--padding-m)}.text-content,.video-section{display:flex;flex-direction:column;gap:var(--padding-m)}.video-section{width:100%;padding-bottom:var(--padding-xxl)}.video-container{width:100%;aspect-ratio:3/2;overflow:hidden;margin-bottom:var(--padding-m);border-radius:12px}.video-container video{display:block;width:100%;height:100%;object-fit:cover;aspect-ratio:3/2}.case-study-section{scroll-margin-top:200px}@media (max-width:1080px){:root{--case-study-text-max-width:100%}}@media (max-width:768px){:root{--case-study-content-width:100%;--case-study-sidebar-width:100%}.case-study-content-wrapper{flex-direction:column}.case-study-sidebar{width:100%;position:relative;height:auto;flex-direction:row;padding:var(--padding-page);padding-top:var(--padding-xxl)}.sidebar-subtitle{max-width:none}.sidebar-top{width:100%;margin-bottom:var(--padding-xxl);flex-direction:column-reverse}.sidebar-bottom{display:none}.case-study-main-content{padding:var(--padding-page)}.sidebar-link{margin-top:0;margin-bottom:var(--padding-xl);width:100%;max-width:none;transform:translateY(-26px)}.image-header{font-size:var(--text-sm)}.case-study-hero-image,.video-container{aspect-ratio:3/2}}