.case-study-single-header{width:100vw;height:75svh;position:relative;overflow:hidden}.case-study-single-header .container{flex-direction:column;justify-content:flex-end;gap:1rem;display:flex}.case-study-single-header .case-study-single-header-divider{border-bottom:1px dashed var(--base-300);opacity:.25;width:100%;height:1px}.case-study-single-header .case-study-single-meta{gap:2rem;display:flex}.case-study-single-header .case-study-single-meta-col,.case-study-single-header .case-study-single-meta-sub-col{flex:1}.case-study-single-header .case-study-single-meta-col:nth-child(2){gap:2rem;display:flex}.case-study-single-banner-img{aspect-ratio:16/9;width:100%;margin:2rem 0}.case-study-single-overview{width:100vw;height:100%;padding:2rem 0 6rem;position:relative;overflow:hidden}.case-study-single-overview .container{gap:2rem;display:flex}.case-study-single-overview .container .case-study-single-overview-col{flex:1}.case-study-single-overview .container .case-study-single-overview-col:nth-child(2){flex-direction:column;gap:4rem;display:flex}.case-study-single-overview .container .case-study-single-overview-col:nth-child(2) .case-study-single-overview-copy{width:75%}.case-study-single-snapshots{width:100vw;height:100svh;color:var(--base-100);background-color:#000;position:relative;overflow:hidden}.case-study-single-snapshots-wrapper{width:500vw;height:100svh;display:flex;position:relative;overflow:hidden;transform:translate(0%)}.case-study-single-snapshot{flex:1;justify-content:center;align-items:center;display:flex}.case-study-single-snapshot img{aspect-ratio:16/9;object-fit:cover;border:1px dashed var(--base-secondary-dark);border-radius:8px;width:65%;height:65%}.progress-bar{box-shadow:0 0 20px #fff6}.snapshots-progress-bar{justify-content:space-between;align-items:center;width:20%;min-width:300px;height:1rem;display:flex;position:absolute;bottom:-1rem;left:50%;transform:translate(-50%)}.progress-indicator{background-color:#ff1212;width:3px;height:15px!important}.snapshots-progress-bar .progress-bar{background-color:var(--card-background-2);transform-origin:0;will-change:width;border:1px solid #fff;width:0%;height:100%;position:absolute;top:0;left:0}.case-study-single-info{width:100vw;height:100%;padding:8rem 0 10rem;position:relative;overflow:hidden}.case-study-single-info .container{gap:2rem;display:flex}.case-study-single-info .container .case-study-single-info-col{flex:1}.case-study-single-info .container .case-study-single-info-col:nth-child(2) .case-study-single-info-copy{width:75%}.next-case-study-single{background-color:var(--base-300);width:100vw;height:100svh;color:var(--base-100);position:relative;overflow:hidden}.next-case-study-single .container.next-case-study-single-data{flex-direction:column;justify-content:center;gap:1rem;display:flex}.next-case-study-single .next-case-study-single-header-divider{border-bottom:1px dashed var(--base-secondary-dark);opacity:.25;width:100%;height:1px}.next-case-study-single .next-case-study-single-meta{gap:2rem;display:flex}.next-case-study-single .next-case-study-single-meta-col,.next-case-study-single .next-case-study-single-meta-sub-col{flex:1}.next-case-study-single .next-case-study-single-meta-col:nth-child(2){gap:2rem;display:flex}.home-spotlight-top-bar{width:100%;position:absolute;top:0;left:0}.home-spotlight-bottom-bar{width:100%;position:absolute;bottom:0;left:0}.home-spotlight-top-bar .container,.home-spotlight-bottom-bar .container{justify-content:space-between;display:flex}@media (max-width:1000px){.case-study-single-header .case-study-single-meta,.case-study-single-header .case-study-single-meta-col:nth-child(2),.next-case-study-single .next-case-study-single-meta,.next-case-study-single .next-case-study-single-meta-col:nth-child(2){flex-direction:column}.case-study-single-banner-img{aspect-ratio:4/5}.case-study-single-overview .container .case-study-single-overview-col:first-child,.case-study-single-info .container .case-study-single-info-col:first-child{display:none}.case-study-single-overview .container .case-study-single-overview-col:nth-child(2) .case-study-single-overview-copy,.case-study-single-info .container .case-study-single-info-col:nth-child(2) .case-study-single-info-copy{width:100%}.snapshots-progress-bar{width:calc(100% - 4rem);bottom:5rem}}
