.case-studies-page-wrapper{background-color:#000;color:#fff;min-height:100vh;font-family:Jost,sans-serif;overflow-x:hidden}.case-studies-main-content{max-width:1600px;margin:0 auto;padding:180px 4rem 4rem;width:90%}.cs-catalogue-header{margin-bottom:4rem}.cs-catalogue-heading{letter-spacing:.15em;font-size:15px;text-transform:uppercase;color:#666;margin-bottom:2.5rem}.cs-catalogue-subtitle{font-size:1.1rem;font-weight:300;color:#e0e0e0;line-height:1.5}.cs-catalogue-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.cs-catalogue-card{display:flex;flex-direction:column;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.08);border-radius:8px;overflow:hidden;text-decoration:none;color:inherit;transition:border-color .3s ease,background .3s ease,transform .3s ease}.cs-catalogue-card:hover{border-color:#00ffb74d;background:rgba(0,255,183,.03);transform:translateY(-4px)}.cs-catalogue-img{width:100%;aspect-ratio:3 / 2;overflow:hidden;background:#0a0a0a}.cs-catalogue-img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .4s ease}.cs-catalogue-card:hover .cs-catalogue-img img{transform:scale(1.03)}.cs-catalogue-img--split{display:flex;aspect-ratio:3 / 2}.cs-catalogue-img-half{flex:1;position:relative;overflow:hidden}.cs-catalogue-img-half+.cs-catalogue-img-half{border-left:1px solid rgba(255,255,255,.1)}.cs-catalogue-img-label{position:absolute;top:8px;left:8px;z-index:1;font-size:.6rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:#aaa;background:rgba(0,0,0,.6);padding:3px 8px;border-radius:3px}.cs-catalogue-img-label--green{color:#00ffb7}.cs-catalogue-img--logo{display:flex;align-items:center;justify-content:center;padding:2.5rem;background:#111}.cs-catalogue-img--logo img{width:auto;height:auto;max-width:70%;max-height:70%;-o-object-fit:contain;object-fit:contain;filter:brightness(0) invert(1)}.cs-catalogue-body{padding:1.5rem;display:flex;flex-direction:column;gap:.4rem}.cs-catalogue-tag{font-family:Jura,sans-serif;font-size:.7rem;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:#00ffb7}.cs-catalogue-title{font-family:Jost,sans-serif;font-size:1.3rem;font-weight:400;color:#fff;line-height:1.25}.cs-catalogue-location{font-size:.9rem;font-weight:300;color:#888}.cs-cross-link{text-align:center;margin-top:4rem;padding-top:3rem;border-top:1px solid rgba(255,255,255,.08)}.cs-cross-link-btn{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;padding:14px 32px;border:1px solid #00E6A0;background:transparent;color:#fff;font-family:Jost,sans-serif;font-size:13px;font-weight:400;letter-spacing:3px;text-decoration:none;text-transform:uppercase;border-radius:3px;transition:all .3s ease}.cs-cross-link-btn:hover{background:rgba(0,255,183,.08)}.case-study-section{margin-bottom:12rem;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:6rem}.case-study-section:last-child{border-bottom:none}.case-study-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start}.cs-header-large{font-family:Jura,sans-serif;font-size:3rem;font-weight:400;color:#fff;line-height:1.1;margin-bottom:.5rem}.cs-subheader{font-size:1.5rem;font-weight:300;font-style:italic;color:#e0e0e0;margin-bottom:2rem;line-height:1.4}.cs-label-box{margin-bottom:2rem}.cs-label-text{font-size:1.1rem;font-weight:500;text-transform:uppercase;letter-spacing:1px;color:#fff;padding-bottom:5px}.cs-description{font-size:1.1rem;font-weight:300;line-height:1.7;color:#fff;max-width:650px}.cs-description strong{color:#fff;font-weight:500}.cs-comparison{margin-top:2rem}.cs-comparison__table{width:100%;border-collapse:separate;border-spacing:0;font-family:Jost,sans-serif}.cs-comparison__table thead th{padding:16px 20px;text-align:left;font-size:1rem;font-weight:500;border-bottom:1px solid #333;white-space:nowrap}.cs-comparison__header-before{color:#777;font-size:1.25rem}.cs-comparison__header-after{color:#00ffb7}.cs-comparison__table tbody tr{transition:background .3s ease,transform .3s ease}.cs-comparison__table tbody tr:hover{background:rgba(0,255,183,.05);transform:translateY(-2px)}.cs-comparison__table tbody tr:hover .cs-comparison__metric{color:#fff}.cs-comparison__table tbody tr:hover .cs-comparison__after{color:#00ffb7;text-shadow:0 0 8px rgba(0,255,183,.3)}.cs-comparison__table tbody td{padding:14px 20px;font-size:.95rem;border-bottom:1px solid rgba(255,255,255,.06);transition:color .3s ease,text-shadow .3s ease}.cs-comparison__metric{color:#ccc;font-weight:400}.cs-comparison__before{color:#666}.cs-comparison__after{color:#00ffb7;font-weight:500}.comparison-container{display:flex;flex-direction:row;gap:1.5rem;width:100%}.comparison-item{flex:1;display:flex;flex-direction:column}.comp-label{font-size:1.1rem;font-weight:500;margin-bottom:.5rem;color:#aaa}.comp-label.green{color:#00ffb7}.comp-image-wrapper{width:100%;height:380px;overflow:hidden;margin-bottom:.75rem}.comp-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.caption-title{font-family:Jura,sans-serif;font-size:1.2rem;font-weight:500;margin-bottom:.2rem}.caption-title.grey{color:#aaa}.caption-title.green{color:#00ffb7}.caption-sub{font-size:.9rem;color:#888;font-weight:300}.green-sub{color:#00ffb7}.cs-read-more{display:inline-block;margin-top:2rem;font-size:1.05rem;font-weight:500;color:#00ffb7;text-decoration:none;transition:opacity .3s ease}.cs-read-more:hover{opacity:.8}.cs-detail-back{margin-bottom:2rem}.cs-back-link{font-size:1rem;color:#aaa;text-decoration:none;transition:color .3s ease}.cs-back-link:hover{color:#fff}.layout-text-right .text-col{order:2}.layout-text-right .image-col,.layout-text-left .text-col{order:1}.layout-text-left .image-col{order:2}.cs-branded-hero{margin-bottom:4rem;padding-bottom:3rem;border-bottom:1px solid rgba(255,255,255,.08)}.cs-branded-hero-inner{display:flex;align-items:center;justify-content:space-between;gap:3rem}.cs-branded-hero-text{flex:1}.cs-branded-badge{display:inline-block;font-size:.8rem;font-weight:500;text-transform:uppercase;letter-spacing:1.5px;color:#00ffb7;background:rgba(0,255,183,.08);padding:6px 14px;border-radius:4px;margin-bottom:1rem}.cs-branded-client{font-family:Jura,sans-serif;font-size:3.5rem;font-weight:400;color:#fff;line-height:1.1;margin-bottom:.5rem}.cs-branded-location{font-size:1.2rem;color:#aaa;margin-bottom:1.5rem}.cs-branded-product-link{display:inline-block;font-size:1rem;color:#00ffb7;text-decoration:none;border:1px solid rgba(0,255,183,.3);padding:8px 18px;border-radius:6px;transition:background .3s ease}.cs-branded-product-link:hover{background:rgba(0,255,183,.08)}.cs-branded-product-tag{display:inline-block;font-size:1rem;color:#aaa;border:1px solid rgba(255,255,255,.15);padding:8px 18px;border-radius:6px}.cs-branded-hero-image{flex-shrink:0;width:180px;height:180px;display:flex;align-items:center;justify-content:center}.cs-branded-hero-image img{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain;filter:brightness(0) invert(1)}.cs-branded-section{margin-bottom:3rem}.cs-branded-heading{font-family:Jura,sans-serif;font-size:1.6rem;font-weight:500;color:#fff;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid rgba(255,255,255,.08)}.cs-branded-body{font-size:1.1rem;font-weight:300;line-height:1.7;color:#e0e0e0;max-width:800px}.cs-branded-results{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.cs-branded-result-card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-top:2px solid #00FFB7;border-radius:8px;padding:1.5rem;display:flex;flex-direction:column;gap:.5rem}.cs-branded-result-metric{font-size:.85rem;font-weight:500;text-transform:uppercase;letter-spacing:1px;color:#aaa}.cs-branded-result-value{font-family:Jura,sans-serif;font-size:1.4rem;font-weight:500;color:#00ffb7}.cs-branded-testimonial{background:rgba(0,255,183,.04);border-left:3px solid #00FFB7;padding:2rem;border-radius:0 8px 8px 0}.cs-branded-testimonial p{font-size:1.15rem;font-style:italic;line-height:1.7;color:#e0e0e0;margin-bottom:1rem}.cs-branded-testimonial cite{font-size:.95rem;color:#aaa;font-style:normal}.cs-branded-cta{text-align:center;padding:4rem 0;margin-top:2rem;border-top:1px solid rgba(255,255,255,.08)}.cs-branded-cta-title{font-family:Jura,sans-serif;font-size:2rem;font-weight:400;color:#fff;margin-bottom:1.5rem}.cs-branded-cta-btn{display:inline-block;padding:14px 36px;font-size:1rem;font-weight:600;color:#000;background:#00FFB7;border-radius:8px;text-decoration:none;transition:background .3s ease}.cs-branded-cta-btn:hover{background:#00E5A0}@media (max-width: 1024px){.cs-catalogue-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.case-studies-main-content{padding:120px 1.5rem 4rem;width:100%}.cs-catalogue-heading{font-size:2.2rem}.cs-catalogue-grid{grid-template-columns:1fr}.cs-catalogue-header{margin-bottom:2.5rem}.case-study-section{margin-bottom:6rem;padding-bottom:4rem}.case-study-grid{display:flex;flex-direction:column;gap:2rem}.cs-col.text-col{order:1}.cs-col.image-col{order:2;width:100%}.comparison-container{display:flex;flex-direction:row;gap:1rem;width:100%}.comparison-item{flex:1;width:50%}.comp-image-wrapper{height:180px;margin-bottom:.5rem}.comp-label{font-size:.9rem;margin-bottom:.25rem}.caption-title{font-size:.9rem;line-height:1.2;margin-bottom:2px}.caption-sub{font-size:.75rem;line-height:1.1}.cs-header-large{font-size:2.2rem}.cs-comparison{margin-top:1.5rem;overflow-x:auto;-webkit-overflow-scrolling:touch}.cs-comparison__table{min-width:380px}.cs-comparison__table thead th,.cs-comparison__table tbody td{padding:10px 12px;font-size:.85rem}.cs-branded-hero-inner{flex-direction:column;text-align:center}.cs-branded-hero-image{width:120px;height:120px}.cs-branded-client{font-size:2.4rem}.cs-branded-results{grid-template-columns:1fr}}
