.case-study{background:var(--bg-primary);min-height:100vh}.cs-hero{min-height:100vh;padding:120px 40px 80px;display:flex;align-items:center}.cs-hero-content{max-width:var(--container-max);margin:0 auto;display:grid;grid-template-columns:1fr 1.2fr;gap:60px;align-items:center;width:100%}.cs-hero-text{max-width:520px}.cs-badge{display:inline-block;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.15em;color:var(--accent-gold);padding:8px 16px;background:#d4a8531a;border:1px solid rgba(212,168,83,.2);border-radius:var(--border-radius);margin-bottom:24px}.cs-headline{font-family:var(--font-serif);font-size:4rem;font-weight:600;line-height:1.1;letter-spacing:-.02em;color:var(--text-primary);margin-bottom:16px}.cs-headline-accent{background:linear-gradient(135deg,var(--accent-blue),#60A5FA);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.cs-subheadline{font-family:var(--font-serif);font-size:1.5rem;color:var(--accent-gold);margin-bottom:24px}.cs-description{font-size:1.125rem;color:var(--text-secondary);line-height:1.7}.cs-hero-visual{position:relative}.cs-section-container{max-width:var(--container-max);margin:0 auto;padding:0 40px}.cs-section-header{margin-bottom:60px}.cs-label{display:block;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.15em;color:var(--accent-blue);margin-bottom:16px}.cs-section-header h2{font-family:var(--font-serif);font-size:2.5rem;font-weight:600;line-height:1.2;color:var(--text-primary)}.cs-challenge{padding:var(--section-padding) 0;background:var(--bg-primary)}.cs-challenge-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}.cs-challenge-card{background:var(--bg-secondary);border:1px solid rgba(248,250,252,.05);border-radius:var(--border-radius);padding:40px}.cs-challenge-card.chaos{border-color:#ef444433;background:linear-gradient(180deg,rgba(239,68,68,.05),transparent)}.cs-challenge-card.order{border-color:#22c55e33;background:linear-gradient(180deg,rgba(34,197,94,.05),transparent)}.cs-card-header{display:flex;align-items:center;gap:12px;margin-bottom:24px}.cs-card-icon{font-size:1.5rem}.cs-card-header h3{font-family:var(--font-serif);font-size:1.25rem;font-weight:600;color:var(--text-primary)}.cs-challenge-list{list-style:none;display:flex;flex-direction:column;gap:16px}.cs-challenge-list li{display:flex;align-items:flex-start;gap:12px;font-size:.9375rem;color:var(--text-secondary);line-height:1.5}.list-marker{color:var(--text-tertiary);font-weight:600}.list-marker.verified{color:var(--accent-green)}.cs-solution{padding:var(--section-padding) 0;background:var(--bg-secondary)}.cs-solution-cards{display:flex;flex-direction:column;gap:32px}.cs-solution-card{background:var(--bg-primary);border:1px solid rgba(248,250,252,.05);border-radius:var(--border-radius);padding:48px;position:relative;overflow:hidden}.cs-solution-card.featured{border-color:var(--accent-blue);background:linear-gradient(135deg,rgba(59,130,246,.08),transparent)}.cs-solution-number{font-family:var(--font-mono);font-size:.75rem;color:var(--text-tertiary);margin-bottom:16px}.cs-solution-card h3{font-family:var(--font-serif);font-size:1.75rem;font-weight:600;color:var(--text-primary);margin-bottom:8px}.cs-solution-subtitle{font-size:.875rem;color:var(--accent-blue);font-weight:500;margin-bottom:32px}.cs-solution-content{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-bottom:32px}.cs-content-label{display:block;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--text-tertiary);margin-bottom:12px}.cs-problem p,.cs-fix p{font-size:.9375rem;color:var(--text-secondary);line-height:1.7}.cs-highlight{color:var(--accent-blue);font-weight:600;font-family:var(--font-mono)}.cs-artifact-preview{display:inline-flex;align-items:center;gap:12px;padding:12px 20px;background:var(--bg-secondary);border:1px solid rgba(248,250,252,.1);border-radius:var(--border-radius)}.artifact-label{font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--text-tertiary)}.artifact-name{font-size:.8125rem;color:var(--text-primary)}.cs-result{display:flex;flex-direction:column;gap:4px;padding:20px 24px;background:#22c55e1a;border:1px solid rgba(34,197,94,.2);border-radius:var(--border-radius);width:fit-content}.result-value{font-family:var(--font-serif);font-size:2rem;font-weight:600;color:var(--accent-green)}.result-label{font-size:.75rem;color:var(--text-secondary)}.cs-timeline{padding:var(--section-padding) 0;background:var(--bg-primary)}.crisis-timeline{position:relative;max-width:800px;margin:0 auto;padding:40px 0}.timeline-track{position:absolute;left:50%;top:0;bottom:0;width:2px;background:#f8fafc1a;transform:translate(-50%)}.timeline-progress{position:absolute;top:0;left:0;width:100%;background:var(--accent-blue);box-shadow:0 0 20px var(--accent-blue);transition:height .3s ease}.timeline-events{position:relative;display:flex;flex-direction:column;gap:48px}.timeline-event{display:flex;align-items:flex-start;gap:40px;position:relative}.timeline-event:nth-child(2n){flex-direction:row-reverse}.timeline-event:nth-child(2n) .timeline-card{text-align:right}.timeline-dot{position:absolute;left:50%;transform:translate(-50%);width:16px;height:16px;background:var(--bg-secondary);border:2px solid rgba(248,250,252,.2);border-radius:50%;z-index:2;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.timeline-dot.lit{background:var(--accent-blue);border-color:var(--accent-blue);box-shadow:0 0 20px var(--accent-blue)}.dot-check{font-size:.625rem;color:var(--text-primary)}.timeline-card{flex:1;max-width:calc(50% - 48px);padding:24px;background:var(--bg-secondary);border:1px solid rgba(248,250,252,.05);border-radius:var(--border-radius);position:relative}.timeline-time{display:flex;align-items:baseline;gap:6px;margin-bottom:12px}.time-value{font-family:var(--font-mono);font-size:1.25rem;font-weight:600;color:var(--text-primary)}.time-label{font-size:.625rem;color:var(--text-tertiary);text-transform:uppercase}.timeline-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:8px}.timeline-title.crisis{color:var(--accent-red)}.timeline-title.action{color:var(--accent-blue)}.timeline-title.resolution{color:var(--accent-green)}.timeline-description{font-size:.8125rem;color:var(--text-secondary);line-height:1.6}.timeline-status{position:absolute;top:16px;right:16px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%}.timeline-event:nth-child(2n) .timeline-status{right:auto;left:16px}.timeline-status.crisis{background:#ef444426;color:var(--accent-red)}.timeline-status.action{background:#3b82f626;color:var(--accent-blue)}.timeline-status.resolution{background:#22c55e26;color:var(--accent-green)}.status-icon{font-size:.875rem}.impact-metrics{padding:var(--section-padding) 0;background:#000}.metrics-container{max-width:var(--container-max);margin:0 auto;padding:0 40px}.metrics-header{text-align:center;margin-bottom:60px}.metrics-header h2{font-family:var(--font-serif);font-size:2.5rem;color:var(--text-primary)}.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}.metric-item{text-align:center;padding:40px 20px}.metric-value{font-family:var(--font-serif);font-size:4.5rem;font-weight:600;color:var(--text-primary);line-height:1;margin-bottom:16px}.metric-prefix,.metric-suffix{font-size:3rem;color:var(--text-secondary)}.metric-label{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.2em;color:var(--text-tertiary)}.cs-artifacts{padding:var(--section-padding) 0;background:var(--bg-secondary)}.artifact-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.artifact-card{position:relative;aspect-ratio:3 / 4;background:var(--bg-primary);border:1px solid rgba(248,250,252,.1);border-radius:var(--border-radius);overflow:hidden;cursor:pointer;transition:all .5s ease}.artifact-card:hover{border-color:var(--accent-blue);transform:scale(1.02)}.artifact-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--bg-secondary);border-bottom:1px solid rgba(248,250,252,.05)}.header-dots{display:flex;gap:6px}.dot{width:8px;height:8px;border-radius:50%}.dot.red{background:#ef44444d}.dot.yellow{background:#eab3084d}.dot.green{background:#22c55e4d}.header-type{font-size:.5625rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--text-tertiary)}.artifact-body{padding:24px;display:flex;flex-direction:column;gap:10px;opacity:.4;transition:opacity .3s ease}.artifact-card:hover .artifact-body{opacity:.6}.skeleton-line{height:8px;background:#f8fafc1a;border-radius:2px}.skeleton-line.w-100{width:100%}.skeleton-line.w-90{width:90%}.skeleton-line.w-85{width:85%}.skeleton-line.w-75{width:75%}.skeleton-line.w-70{width:70%}.skeleton-line.w-60{width:60%}.skeleton-line.w-45{width:45%}.artifact-overlay{position:absolute;inset:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;pointer-events:none}.overlay-content{text-align:center}.magnify-icon{font-size:2rem;margin-bottom:16px}.overlay-title{font-family:var(--font-serif);font-size:1.25rem;color:var(--text-primary);margin-bottom:4px}.overlay-subtitle{font-size:.75rem;color:var(--accent-blue);font-family:var(--font-mono)}.artifact-modal-backdrop{position:fixed;inset:0;background:#000000e6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:40px}.artifact-modal{width:100%;max-width:900px;background:var(--bg-secondary);border:1px solid rgba(248,250,252,.1);border-radius:var(--border-radius);overflow:hidden}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:32px;border-bottom:1px solid rgba(248,250,252,.05)}.modal-type{font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--accent-blue);display:block;margin-bottom:8px}.modal-title{font-family:var(--font-serif);font-size:1.5rem;color:var(--text-primary);margin-bottom:4px}.modal-subtitle{font-size:.875rem;color:var(--text-secondary)}.modal-close{width:40px;height:40px;background:var(--bg-primary);border:1px solid rgba(248,250,252,.1);border-radius:var(--border-radius);color:var(--text-secondary);cursor:pointer;font-size:1rem;transition:all .3s ease}.modal-close:hover{background:var(--bg-tertiary);color:var(--text-primary)}.modal-body{padding:40px 32px}.comparison-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:24px;align-items:stretch}.comparison-panel{background:var(--bg-primary);border:1px solid rgba(248,250,252,.05);border-radius:var(--border-radius);overflow:hidden}.comparison-panel.before{border-color:#ef444433}.comparison-panel.after{border-color:#22c55e33}.panel-label{display:block;padding:12px 16px;font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;border-bottom:1px solid rgba(248,250,252,.05)}.comparison-panel.before .panel-label{color:var(--accent-red);background:#ef44440d}.comparison-panel.after .panel-label{color:var(--accent-green);background:#22c55e0d}.panel-content{padding:24px;min-height:200px}.comparison-arrow{display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:var(--text-tertiary)}.chaos-visualization{display:flex;flex-direction:column;gap:12px}.chaos-line{height:10px;background:#f8fafc26;border-radius:2px}.chaos-line.short{width:60%}.chaos-scribble{font-family:var(--font-mono);font-size:1.5rem;color:var(--accent-red);opacity:.6;transform:rotate(-3deg)}.chaos-stamp{display:inline-block;padding:8px 16px;background:#ef444433;border:2px solid var(--accent-red);border-radius:4px;font-size:.875rem;font-weight:700;color:var(--accent-red);transform:rotate(-5deg);margin-top:12px}.order-visualization{display:flex;flex-direction:column}.order-header{display:grid;grid-template-columns:2fr 1fr 1fr;gap:8px;padding:8px 12px;font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);border-bottom:1px solid rgba(248,250,252,.1)}.order-row{display:grid;grid-template-columns:2fr 1fr 1fr;gap:8px;padding:10px 12px;font-size:.75rem;border-bottom:1px solid rgba(248,250,252,.05)}.order-row:last-child{border-bottom:none}.order-row.highlight{background:#22c55e1a}.order-row span:first-child{color:var(--text-secondary)}.order-row span:nth-child(2){font-family:var(--font-mono);color:var(--text-primary)}.order-row .verified{color:var(--accent-green);font-weight:700}.modal-footer{padding:24px 32px;border-top:1px solid rgba(248,250,252,.05);background:var(--bg-primary)}.modal-description{font-size:.875rem;color:var(--text-secondary);line-height:1.6}.cs-quote{padding:var(--section-padding) 0;background:var(--bg-primary)}.cs-quote-container{max-width:800px;margin:0 auto;padding:0 40px;text-align:center}.cs-quote blockquote p{font-family:var(--font-serif);font-size:2rem;font-weight:500;font-style:italic;color:var(--text-primary);line-height:1.5;margin-bottom:32px}.quote-author{font-size:.875rem;color:var(--text-tertiary);font-style:normal}.cs-cta{padding:var(--section-padding) 0;background:linear-gradient(180deg,var(--bg-secondary),var(--bg-primary))}.cs-cta-container{max-width:700px;margin:0 auto;padding:0 40px;text-align:center}.cs-cta h2{font-family:var(--font-serif);font-size:2.5rem;font-weight:600;color:var(--text-primary);margin-bottom:16px}.cs-cta p{font-size:1.125rem;color:var(--text-secondary);margin-bottom:40px}@media(max-width:1024px){.cs-hero-content{grid-template-columns:1fr;gap:48px}.cs-challenge-grid{grid-template-columns:1fr}.cs-solution-content{grid-template-columns:1fr;gap:24px}.metrics-grid,.artifact-gallery{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.cs-hero{padding:100px 24px 60px}.cs-headline{font-size:2.5rem}.cs-section-container{padding:0 24px}.metrics-grid{grid-template-columns:1fr 1fr;gap:16px}.metric-value{font-size:3rem}.metric-prefix,.metric-suffix{font-size:2rem}.artifact-gallery{grid-template-columns:1fr}.timeline-card{max-width:100%;margin-left:48px}.timeline-event,.timeline-event:nth-child(2n){flex-direction:row}.timeline-event:nth-child(2n) .timeline-card{text-align:left}.timeline-dot,.timeline-track{left:0;transform:none}.comparison-grid{grid-template-columns:1fr}.comparison-arrow{transform:rotate(90deg)}.cs-quote blockquote p{font-size:1.5rem}}