:root{--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--space-4xl: 6rem;--space-5xl: 8rem;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--heading-sm: clamp(1.25rem, 3vw, 1.5rem);--heading-md: clamp(1.5rem, 4vw, 2rem);--heading-lg: clamp(2rem, 5vw, 2.5rem);--heading-xl: clamp(2.5rem, 6vw, 3.5rem);--heading-2xl: clamp(3rem, 8vw, 4.5rem);--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--leading-loose: 2;--tracking-tight: -.02em;--tracking-normal: 0;--tracking-wide: .02em;--radius-none: 0;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--radius-full: 9999px;--border-width-thin: 1px;--border-width: 2px;--border-width-thick: 3px;--shadow-sm: 2px 2px 0px;--shadow-md: 4px 4px 0px;--shadow-lg: 6px 6px 0px;--shadow-xl: 8px 8px 0px;--shadow-2xl: 12px 12px 0px;--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1280px;--container-2xl: 1536px;--content-narrow: 600px;--content-normal: 800px;--content-wide: 1000px;--content-container: 1200px;--content-full: 1400px;--page-gutter: var(--space-xl);--z-base: 0;--z-dropdown: 10;--z-sticky: 100;--z-overlay: 1000;--z-modal: 10000;--z-popover: 10001;--z-tooltip: 10002;--duration-fast: .15s;--duration-base: .2s;--duration-slow: .3s;--duration-slower: .5s;--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--card-padding: var(--space-xl);--card-radius: var(--radius-lg);--card-gap: var(--space-lg);--button-padding-y: var(--space-sm);--button-padding-x: var(--space-lg);--button-radius: var(--radius-md);--badge-padding-y: var(--space-xs);--badge-padding-x: var(--space-sm);--badge-radius: var(--radius-sm);--badge-font-size: var(--text-xs);--modal-padding: var(--space-2xl);--modal-radius: var(--radius-xl);--modal-max-width: 800px;--section-spacing: var(--space-5xl);--section-spacing-compact: var(--space-4xl);--heading-spacing: var(--space-lg);--paragraph-spacing: var(--space-xl);--element-spacing: var(--space-md)}@custom-media --tablet (min-width: 768px);@custom-media --desktop (min-width: 1024px);@custom-media --wide (min-width: 1280px);@media (max-width: 768px){:root{--page-gutter: var(--space-lg)}}@media (prefers-reduced-motion: reduce){:root{--duration-fast: 0ms;--duration-base: 0ms;--duration-slow: 0ms;--duration-slower: 0ms}}:root{--accent-primary: #ff6b6b;--accent-secondary: #4ecdc4;--accent-tertiary: #ffe66d;--bg-primary: #f8f8f8;--bg-secondary: white;--bg-dark: #333;--text-primary: #333;--text-secondary: #666;--text-light: white;--gradient-primary-light: rgba(255, 107, 107, .25);--gradient-primary-medium: rgba(255, 107, 107, .4);--gradient-primary-dim: rgba(255, 107, 107, .3);--gradient-primary-subtle: rgba(255, 107, 107, .15);--gradient-secondary-medium: rgba(78, 205, 196, .6);--gradient-secondary-light: rgba(78, 205, 196, .5);--gradient-secondary-dim: rgba(78, 205, 196, .2);--gradient-secondary-subtle: rgba(78, 205, 196, .15);--gradient-tertiary-light: rgba(255, 230, 109, .4);--gradient-tertiary-medium: rgba(255, 230, 109, .5);--font-family: "Monaco", "Menlo", "Ubuntu Mono", monospace;--font-family-system: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--border-width: 3px;--border-radius: 0px;--rotation-sm: rotate(-1deg);--rotation-md: rotate(2deg);--rotation-lg: rotate(-2deg);--shadow-sm: 2px 2px 0px;--shadow-md: 4px 4px 0px;--shadow-lg: 6px 6px 0px;--shadow-xl: 8px 8px 0px;--text-shadow: 4px 4px 0px;--card-alt-text-1: white;--card-alt-text-2: white;--card-alt-text-3: #333}[data-theme=minimal]{--accent-primary: #000000;--accent-secondary: #333333;--accent-tertiary: #666666;--bg-primary: #ffffff;--bg-secondary: #f8f8f8;--bg-dark: #000000;--text-primary: #000000;--text-secondary: #555555;--text-light: #ffffff;--gradient-primary-light: rgba(0, 0, 0, .25);--gradient-primary-medium: rgba(0, 0, 0, .4);--gradient-primary-dim: rgba(0, 0, 0, .3);--gradient-primary-subtle: rgba(0, 0, 0, .15);--gradient-secondary-medium: rgba(51, 51, 51, .6);--gradient-secondary-light: rgba(51, 51, 51, .5);--gradient-secondary-dim: rgba(51, 51, 51, .2);--gradient-secondary-subtle: rgba(51, 51, 51, .15);--gradient-tertiary-light: rgba(102, 102, 102, .4);--gradient-tertiary-medium: rgba(102, 102, 102, .5);--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-family-system: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--border-width: 1px;--border-radius: 0px;--rotation-sm: rotate(0deg);--rotation-md: rotate(0deg);--rotation-lg: rotate(0deg);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1);--shadow-md: 0 2px 4px rgba(0, 0, 0, .1);--shadow-lg: 0 3px 6px rgba(0, 0, 0, .1);--shadow-xl: 0 4px 8px rgba(0, 0, 0, .1);--text-shadow: none;--card-alt-text-1: #ffffff;--card-alt-text-2: #ffffff;--card-alt-text-3: #ffffff}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:var(--accent-primary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-secondary)}.case-study{background:var(--bg-secondary);min-height:100vh}.breadcrumb-header{background:var(--bg-primary);padding:var(--space-md) var(--page-gutter);border-bottom:2px solid var(--bg-dark)}.breadcrumb-nav{max-width:var(--content-container);margin:0 auto}.breadcrumb-list{display:flex;align-items:center;gap:var(--space-sm);list-style:none;margin:0;padding:0;flex-wrap:wrap}.breadcrumb-item{font-family:var(--font-family);font-size:var(--text-sm)}.breadcrumb-link{color:var(--text-secondary);text-decoration:none;transition:color var(--duration-base) var(--ease-out)}.breadcrumb-link:hover{color:var(--accent-primary)}.breadcrumb-separator{color:var(--text-secondary);opacity:.5;font-size:var(--text-sm)}.breadcrumb-current{color:var(--text-primary);font-weight:var(--font-bold)}.article{max-width:var(--content-container);margin:0 auto;padding:0 var(--page-gutter)}.case-study-content{container-type:inline-size;container-name:case-study}.case-hero{padding:var(--space-3xl) 0;background:var(--bg-secondary)}.case-title{font-size:var(--heading-2xl);margin-bottom:var(--space-md);color:var(--text-primary);line-height:var(--leading-tight)}.case-subtitle{font-size:var(--text-sm);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--accent-secondary);margin-bottom:var(--space-lg)}.case-overview{font-size:var(--text-lg);line-height:var(--leading-relaxed);color:var(--text-secondary);margin-bottom:var(--space-2xl);max-width:var(--content-normal)}.case-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-md);margin-top:var(--space-2xl)}.meta-item{background:var(--bg-primary);border:2px solid var(--bg-dark);padding:var(--space-lg)}.meta-item:nth-child(2n){background:var(--accent-tertiary)}.meta-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wide);margin-bottom:var(--space-xs);color:var(--text-secondary);display:block}.meta-value{font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--text-primary)}.case-section{padding:var(--space-3xl) 0;border-bottom:2px solid var(--bg-primary)}.case-section:last-of-type{border-bottom:none}.case-section .section-title{font-size:var(--heading-md);margin-bottom:var(--space-lg);color:var(--text-primary);text-transform:lowercase;border-left:4px solid var(--accent-primary);padding-left:var(--space-md)}.section-content{font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--text-primary);max-width:var(--content-normal)}.section-content p{margin-bottom:var(--space-lg)}.insight-box{background:var(--accent-secondary);color:var(--text-light);padding:var(--space-lg);margin:var(--space-xl) 0;border:2px solid var(--bg-dark);position:relative;max-width:var(--content-normal)}.metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--space-md);margin:var(--space-lg) 0}.metric-card{background:var(--bg-dark);color:var(--text-light);padding:var(--space-lg);text-align:center;border:2px solid var(--bg-dark)}.metric-card:nth-child(2n){background:var(--accent-primary)}.metric-number{font-size:var(--heading-md);font-weight:var(--font-bold);margin-bottom:var(--space-xs)}.metric-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.process-step-detailed{background:var(--bg-primary);border:2px solid var(--bg-dark);padding:var(--space-xl);margin-bottom:var(--space-lg)}.step-number-detailed{font-size:var(--heading-sm);font-weight:var(--font-bold);color:var(--accent-primary);margin-bottom:var(--space-sm)}.step-title-detailed{font-size:var(--text-xl);font-weight:var(--font-bold);margin-bottom:var(--space-sm);color:var(--text-primary)}.step-description-detailed{font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--text-secondary)}.case-image-gallery,.image-grid{margin:var(--space-xl) 0}.hero-image{margin:var(--space-2xl) 0;border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 10px 40px #0003}.case-image{width:100%;height:auto;border:2px solid var(--bg-dark);border-radius:var(--radius-md)}.primary-image{max-height:600px;object-fit:cover}.image-caption{font-size:var(--text-sm);color:var(--text-secondary);margin-top:var(--space-sm);text-align:center}.image-grid{display:grid;grid-template-columns:1fr;gap:var(--space-lg)}@media (min-width: 768px){.image-grid{grid-template-columns:repeat(2,1fr)}}.quote-block{background:var(--bg-primary);border-left:4px solid var(--accent-primary);padding:var(--space-lg);margin:var(--space-lg) 0;font-style:italic;font-size:var(--text-lg);max-width:var(--content-normal)}.live-link-container,.live-links-container{margin:var(--space-lg) 0}.live-link-button{display:inline-flex;align-items:center;gap:var(--space-sm);background:var(--accent-primary);color:var(--text-light);padding:var(--space-md) var(--space-xl);border-radius:var(--radius-md);text-decoration:none;font-weight:var(--font-bold);transition:all var(--duration-base) var(--ease-out)}.live-link-button:hover{background:var(--accent-secondary);transform:translateY(-2px)}.link-arrow{font-size:var(--text-xl)}.live-link-description,.live-links-description{font-size:var(--text-base);color:var(--text-secondary);margin:var(--space-md) 0}.live-links-grid{display:flex;flex-wrap:wrap;gap:var(--space-md)}.article-footer{padding:var(--space-4xl) 0;margin-top:var(--space-2xl);border-top:3px solid var(--bg-dark);text-align:center}@media (max-width: 768px){.case-title{font-size:var(--heading-xl)}.case-meta{grid-template-columns:repeat(2,1fr)}}.breadcrumb-link:focus{outline:2px solid var(--accent-primary);outline-offset:2px}