.legacy-archive{--white-0:#ffffff;--black-0:#000000;--grey-0:#f9f9f9;--darkGrey-0:#262626;--primary-color:#000000;--secondary-color:#ffffff;--border-radius:4px;--max-width:1200px;--gap-1:40px;--gap-2:30px;--gap-3:24px;--gap-4:16px;--gap-5:10px;--space-1:120px;--space-2:40px;--space-3:30px;--space-4:20px;--space-5:10px;--side-margin:64px;--top-bottom-margin:60px;font-family:Rethink Sans,sans-serif;background:#fff;color:#000}@media (max-width:1020px){.legacy-archive{--gap-1:32px;--gap-2:24px;--gap-3:20px;--gap-4:12px;--gap-5:8px;--space-1:64px;--space-2:30px;--space-3:20px;--space-4:16px;--side-margin:48px;--top-bottom-margin:64px}}@media (max-width:768px){.legacy-archive{--gap-1:24px;--gap-2:20px;--gap-3:16px;--gap-4:10px;--gap-5:6px;--space-1:48px;--space-2:24px;--space-3:16px;--space-4:10px;--side-margin:16px;--top-bottom-margin:48px}}.legacy-archive .case-study-container{width:100%;font-family:Rethink Sans,sans-serif;color:var(--secondary-color);background-color:var(--primary-color)}.legacy-archive .case-study-hero{width:100%;background-color:var(--grey-0);background-position:top!important;-o-object-fit:contain;object-fit:contain;min-height:620px}.legacy-archive .hero-content{max-width:var(--max-width);width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--gap-1)}.legacy-archive .hero-text{flex:1}.legacy-archive .hero-label{font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;margin-bottom:var(--space-4);color:var(--secondary-color);opacity:.6}.legacy-archive .hero-title{font-size:32px;font-weight:600;line-height:1.3;margin-bottom:var(--space-4);color:var(--secondary-color)}.legacy-archive .hero-description{font-size:16px;line-height:1.6;color:var(--secondary-color);opacity:.8}.legacy-archive .hero-image{flex:1;max-width:100vw;display:flex;align-items:center;justify-content:center}.legacy-archive .hero-image img{max-width:100%;height:auto;-o-object-fit:contain;object-fit:contain}.legacy-archive .case-study-content{max-width:var(--max-width);margin:0 auto;padding:var(--top-bottom-margin) var(--side-margin)}.legacy-archive .case-study-title-section{margin-bottom:var(--space-2);display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-4)}.legacy-archive .case-study-main-title{font-size:clamp(24px,5vw,40px);font-weight:600;line-height:1.2;color:var(--secondary-color);flex:1}.legacy-archive .back-to-top{position:fixed;right:var(--space-4);bottom:var(--space-4);width:44px;height:44px;border-radius:var(--border-radius);background-color:var(--white-0);color:var(--black-0);border:1px solid var(--primary-color);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:999;transition:all .3s ease;box-shadow:0 2px 10px #0000001a}.legacy-archive .back-to-top:hover{background-color:var(--primary-color);color:var(--secondary-color)}.legacy-archive .case-study-section{margin-bottom:var(--space-2);padding-bottom:0}.legacy-archive .section-title{font-size:clamp(20px,4vw,28px);font-family:Rethink sans;font-weight:500;line-height:1.2;letter-spacing:0;text-transform:uppercase;margin-bottom:var(--space-4);color:var(--secondary-color)}.legacy-archive .section-content{font-size:clamp(16px,2.5vw,18px);line-height:1.6;color:var(--secondary-color)}.legacy-archive .section-content h3{font-size:clamp(18px,3vw,22px);font-weight:600;margin-top:var(--space-3);margin-bottom:var(--space-5)}.legacy-archive .section-content p{margin-bottom:var(--space-4)}.legacy-archive .section-content p:last-child{margin-bottom:0}.legacy-archive .case-study-section ul{list-style:none;padding-left:0}.legacy-archive .case-study-section li{font-size:clamp(16px,2.5vw,18px);line-height:1.6;margin-bottom:var(--space-4);padding-left:var(--space-3);position:relative}.legacy-archive .case-study-section li:before{content:"•";position:absolute;left:0;font-weight:600}.legacy-archive .case-study-section li strong{font-weight:600}.legacy-archive .case-study-section ol{counter-reset:item;list-style:none;padding-left:0}.legacy-archive .case-study-section ol li{counter-increment:item;padding-left:var(--space-2)}.legacy-archive .case-study-section ol li:before{content:counter(item) ". ";font-weight:600;position:absolute;left:0}.legacy-archive .results-section{margin:var(--gap-1) 0;padding:var(--gap-1) 0}.legacy-archive .results-content{display:flex;gap:var(--gap-2);align-items:flex-start;margin-bottom:var(--space-3)}.legacy-archive .results-text{flex:1}.legacy-archive .meckeys{flex:1;font-size:clamp(16px,2.5vw,18px);line-height:1.6}.legacy-archive .results-text ul{list-style:none;padding-left:0}.legacy-archive .results-text li{font-size:clamp(16px,2.5vw,18px);line-height:1.6;margin-bottom:var(--space-4);padding-left:var(--space-3);position:relative}.legacy-archive .results-text li:before{content:"•";position:absolute;left:0;font-weight:600}.legacy-archive .browser-frame{flex:1;background:var(--black-0);border:1px solid var(--black-0);border-radius:8px;overflow:hidden;box-shadow:0 4px 20px #00000014;position:sticky;top:0}.legacy-archive .results-text p{flex:1;line-height:1.5;font-size:clamp(16px,3vw,20px)}.legacy-archive .browser-header{background:var(--grey-0);padding:var(--gap-5) var(--space-4);display:flex;align-items:center;gap:var(--gap-5);border-bottom:1px solid var(--black-0)}.legacy-archive .browser-dots{display:flex;gap:var(--gap-5)}.legacy-archive .browser-dot:nth-of-type(1){width:12px;height:12px;border-radius:50%;background-color:#fe5f58}.legacy-archive .browser-dot:nth-of-type(2){width:12px;height:12px;border-radius:50%;background-color:#cdd6e4}.legacy-archive .browser-dot:nth-of-type(3){width:12px;height:12px;border-radius:50%;background-color:#28c840}.legacy-archive .browser-content{background:var(--primary-color);padding:var(--space-3);text-align:center}.legacy-archive .browser-iframe-container{width:100%;height:300px;min-height:unset;background:var(--secondary-color);position:relative;overflow:hidden}.legacy-archive .browser-iframe{width:100%;height:100%;border:none;display:block;zoom:.35}.legacy-archive .browser-button{display:inline-block;padding:var(--space-5) var(--space-3);background-color:var(--secondary-color);color:var(--primary-color);text-decoration:none;border-radius:var(--border-radius);font-size:14px;font-weight:600;transition:all .3s ease;cursor:pointer;border:none;margin-top:var(--space-4)}.legacy-archive .browser-button:hover{opacity:.8;transform:translateY(-2px)}.legacy-archive .browser-link{display:block;font-size:12px;color:var(--secondary-color);margin-top:var(--space-4);text-decoration:none;opacity:.6}.legacy-archive .browser-link:hover{text-decoration:underline}.legacy-archive .image-frame{flex:1;border:1px solid var(--black-0);border-radius:var(--border-radius);overflow:hidden;padding:var(--space-4);box-shadow:0 4px 20px #00000014;position:sticky;top:100px;box-sizing:border-box}.legacy-archive .conversation-block h4{font-weight:600}.legacy-archive .back-link{display:inline-flex;align-items:center;gap:var(--gap-5);color:var(--secondary-color);text-decoration:none;font-size:16px;margin-bottom:var(--space-3);transition:all .3s ease;padding:0}.legacy-archive .back-link:hover{opacity:.7}.legacy-archive .case-study-footer{max-width:var(--max-width);margin:0 auto;padding:var(--space-2) var(--side-margin);text-align:center;border-top:1px solid rgba(0,0,0,.1)}.legacy-archive .footer-link{color:var(--secondary-color);text-decoration:none;font-size:16px;font-weight:500;transition:all .3s ease}.legacy-archive .footer-link:hover{opacity:.7}@media (max-width: 1020px){.legacy-archive .hero-content{flex-direction:column;text-align:center}.legacy-archive .hero-text{order:2}.legacy-archive .hero-image{order:1}.legacy-archive .results-content{flex-direction:column}.legacy-archive .browser-frame,.legacy-archive .image-frame{position:static;width:100%;max-width:100%;margin-top:var(--space-4)}.legacy-archive .case-study-main-title{font-size:32px;max-width:100%}}@media (max-width: 768px){.legacy-archive .case-study-hero{min-height:250px;padding:var(--space-4) var(--side-margin)}.legacy-archive .case-study-content{padding:var(--space-2) var(--side-margin)}.legacy-archive .hero-title{font-size:24px}.legacy-archive .hero-description{font-size:14px}.legacy-archive .case-study-title-section{flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-3)}.legacy-archive .section-title{margin-bottom:var(--space-5)}.legacy-archive .carousel-section-content{flex-direction:column;gap:var(--space-4)}.legacy-archive .results-content{gap:var(--space-4)}.legacy-archive .back-to-top{right:15px;bottom:15px;width:36px;height:36px}.legacy-archive .browser-iframe-container{height:450px}.legacy-archive .browser-iframe{zoom:normal}}@media (max-width: 480px){.legacy-archive .case-study-hero{min-height:180px;padding:var(--space-5) 10px}.legacy-archive .case-study-content{padding:var(--space-3) 10px}.legacy-archive .hero-title{font-size:20px}.legacy-archive .case-study-main-title{font-size:24px}.legacy-archive .section-title{font-size:18px}.legacy-archive .section-content{font-size:15px}.legacy-archive .case-study-section li{font-size:15px;line-height:1.5}.legacy-archive .browser-iframe-container{height:500px}.legacy-archive .browser-iframe{zoom:normal}}.legacy-archive .section-content h3{font-weight:600}.legacy-archive .section-with-carousel{margin-bottom:var(--gap-1)}.legacy-archive .carousel-section-content{display:flex;gap:var(--gap-2);align-items:flex-start}.legacy-archive .carousel-text-content{flex:1;font-size:clamp(16px,2.5vw,18px);line-height:1.6}.legacy-archive .carousel-text-content p{margin-bottom:var(--space-4)}.legacy-archive .carousel-text-content p:last-child{margin-bottom:0}.legacy-archive .carousel-container{flex:1;position:sticky;top:100px}.legacy-archive .carousel-frame{border:1px solid var(--black-0);border-radius:var(--border-radius);padding:var(--space-4);background:var(--secondary-color);box-shadow:0 4px 20px #00000014;position:relative}.legacy-archive .carousel-content{position:relative;display:flex;align-items:center;justify-content:center;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;overflow:hidden;border-radius:var(--border-radius);margin-bottom:var(--space-4)}.legacy-archive .carousel-slider{position:relative;width:100%;aspect-ratio:16 / 10;display:flex;align-items:center}.legacy-archive .carousel-slide{position:absolute;width:100%;height:100%;opacity:0;transition:opacity .6s cubic-bezier(.4,0,.2,1),transform .6s cubic-bezier(.4,0,.2,1);will-change:opacity,transform}.legacy-archive .carousel-slide.active{opacity:1;transform:scale(1)}.legacy-archive .carousel-slide:not(.active){transform:scale(.95);pointer-events:none}.legacy-archive .carousel-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:8px;pointer-events:none;display:block}.legacy-archive .carousel-dots{display:flex;justify-content:center;align-items:center;gap:var(--space-5);position:relative;padding:0;z-index:10}.legacy-archive .carousel-dot{width:8px;height:8px;border-radius:50%;border:none;background:#000;opacity:.5;cursor:pointer;transition:all .3s ease;padding:0}.legacy-archive .carousel-dot.active{width:86px;height:8px;border-radius:4px;background:#d23163;opacity:1;transform:scale(1)}.legacy-archive .carousel-dot:hover:not(.active){opacity:.7}@media (max-width: 1020px){.legacy-archive .carousel-section-content{flex-direction:column}.legacy-archive .carousel-container{position:static;width:100%}}@media (max-width: 768px){.legacy-archive .carousel-text-content{font-size:16px;line-height:1.6}.legacy-archive .carousel-frame{padding:var(--gap-3)}.legacy-archive .carousel-content{margin-bottom:var(--gap-2)}.legacy-archive .carousel-dots{gap:var(--gap-5)}.legacy-archive .carousel-dot{width:7px;height:7px}}@media (max-width: 480px){.legacy-archive .carousel-frame{padding:var(--gap-5)}.legacy-archive .carousel-content{margin-bottom:var(--gap-5)}.legacy-archive .carousel-dots{gap:var(--gap-5)}.legacy-archive .carousel-dot{width:6px;height:6px}}