.case-study-page .nav { background: color-mix(in srgb, var(--paper) 94%, transparent); }
.case-hero { position: relative; overflow: hidden; padding: 168px 0 96px; background: #0B1E3F; color: #F7F8FA; }
.case-hero::after { content: ''; position: absolute; right: -8vw; bottom: -22vw; width: 52vw; height: 52vw; border: 1px solid rgba(96,165,250,.18); border-radius: 50%; box-shadow: 0 0 0 7vw rgba(96,165,250,.025), 0 0 0 14vw rgba(96,165,250,.018); }
.case-hero .container { position: relative; z-index: 2; }
.case-hero-grid { display: grid; grid-template-columns: minmax(0,1.04fr) minmax(360px,.96fr); gap: clamp(42px,7vw,96px); align-items: center; }
.case-hero-copy { min-width: 0; }
.case-hero-copy .case-title { max-width: 700px; }
.case-hero-copy .case-ledger { max-width: none; }
.case-hero-system { position: relative; min-height: 390px; padding: 28px; overflow: hidden; border: 1px solid rgba(147,180,245,.3); background: linear-gradient(145deg,rgba(37,99,235,.14),rgba(255,255,255,.025)); box-shadow: inset 0 0 0 1px rgba(255,255,255,.025),0 28px 64px -42px rgba(0,0,0,.7); }
.case-hero-system::before { content: ''; position: absolute; inset: 0; background: linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px); background-size: 44px 44px; mask-image: linear-gradient(to bottom,black,transparent); pointer-events: none; }
.hero-system-label { position: relative; display: block; color: rgba(247,248,250,.52); font: 700 9px/1.2 'Manrope',sans-serif; letter-spacing: .14em; text-transform: uppercase; }
.hero-system-flow { position: relative; z-index: 2; display: grid; grid-template-columns: minmax(0,1fr) 18px minmax(0,1fr) 18px minmax(0,1fr) 18px minmax(0,1fr); align-items: center; margin-top: 72px; }
.hero-system-node { min-height: 94px; padding: 15px 12px; border: 1px solid rgba(255,255,255,.18); background: rgba(11,30,63,.56); opacity: .3; transform: translateY(12px); transition: opacity .45s ease,transform .62s cubic-bezier(.22,1,.36,1),border-color .45s ease; }
.hero-system-node small { display: block; margin-bottom: 9px; color: rgba(247,248,250,.45); font: 700 8px/1.2 'Manrope',sans-serif; letter-spacing: .1em; text-transform: uppercase; }
.hero-system-node strong { display: block; color: #F7F8FA; font: 600 12px/1.3 'Manrope',sans-serif; }
.hero-system-link { position: relative; height: 1px; background: rgba(255,255,255,.16); }
.hero-system-link::before { content: ''; position: absolute; inset: 0; background: #60A5FA; transform: scaleX(0); transform-origin: left; transition: transform .52s cubic-bezier(.22,1,.36,1); }
.hero-system-link::after { content: ''; position: absolute; right: 0; top: -3px; width: 7px; height: 7px; border-top: 1px solid #60A5FA; border-right: 1px solid #60A5FA; opacity: 0; transform: rotate(45deg); transition: opacity .2s ease; }
.hero-system-lane { position: relative; z-index: 2; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 11px; margin-top: 40px; color: rgba(247,248,250,.62); font: 700 9px/1.2 'Manrope',sans-serif; letter-spacing: .1em; text-transform: uppercase; }
.hero-system-lane i { height: 1px; background: rgba(255,255,255,.2); }
.hero-system-lane strong { color: #93B4F5; font: 700 9px/1.2 'Manrope',sans-serif; letter-spacing: .08em; }
.hero-system-signal { position: absolute; z-index: 3; left: 38px; top: 149px; width: 9px; height: 9px; border-radius: 50%; background: #F7F8FA; box-shadow: 0 0 0 5px rgba(96,165,250,.14),0 0 20px rgba(96,165,250,.8); opacity: 0; }
.hero-system-mesh { position: absolute; z-index: 1; right: 28px; top: 46px; display: grid; grid-template-columns: repeat(6,7px); gap: 7px; }
.hero-system-mesh i { width: 7px; height: 7px; border: 1px solid rgba(147,180,245,.45); background: rgba(96,165,250,.08); opacity: .16; transform: scale(.55); transition: opacity .36s ease,transform .48s cubic-bezier(.22,1,.36,1); }
.hero-system-services { position: absolute; z-index: 1; right: 28px; top: 48px; display: grid; grid-template-columns: repeat(4,44px); gap: 7px; }
.hero-system-services i { height: 7px; border-left: 2px solid #60A5FA; background: rgba(96,165,250,.2); opacity: .22; transform: scaleX(0); transform-origin: left; transition: opacity .32s ease,transform .55s cubic-bezier(.22,1,.36,1); }
.hero-system-stat { position: absolute; z-index: 2; right: 28px; bottom: 30px; color: #93B4F5; font: 700 29px/1 'Manrope',sans-serif; letter-spacing: 0; font-variant-numeric: tabular-nums; }
.hero-system-stat span { display: block; margin-top: 7px; color: rgba(247,248,250,.5); font: 700 8px/1.2 'Manrope',sans-serif; letter-spacing: .11em; text-transform: uppercase; }
.case-hero.is-active .hero-system-node { opacity: 1; transform: none; border-color: rgba(96,165,250,.46); }
.case-hero.is-active .hero-system-node:nth-of-type(1) { transition-delay: .12s; }.case-hero.is-active .hero-system-link:nth-of-type(1)::before { transition-delay: .29s; }.case-hero.is-active .hero-system-node:nth-of-type(2) { transition-delay: .4s; }.case-hero.is-active .hero-system-link:nth-of-type(2)::before { transition-delay: .57s; }.case-hero.is-active .hero-system-node:nth-of-type(3) { transition-delay: .68s; }.case-hero.is-active .hero-system-link:nth-of-type(3)::before { transition-delay: .85s; }.case-hero.is-active .hero-system-node:nth-of-type(4) { transition-delay: .96s; }
.case-hero.is-active .hero-system-link::before { transform: scaleX(1); }.case-hero.is-active .hero-system-link::after { opacity: 1; transition-delay: .82s; }.case-hero.is-active .hero-system-signal { animation: hero-signal-travel 1.45s cubic-bezier(.22,1,.36,1) .28s both; }
.case-hero.is-active .hero-system-mesh i { opacity: 1; transform: none; }.case-hero.is-active .hero-system-mesh i:nth-child(4n+1) { transition-delay: .25s; }.case-hero.is-active .hero-system-mesh i:nth-child(4n+2) { transition-delay: .34s; }.case-hero.is-active .hero-system-mesh i:nth-child(4n+3) { transition-delay: .43s; }.case-hero.is-active .hero-system-mesh i:nth-child(4n) { transition-delay: .52s; }
.case-hero.is-active .hero-system-services i { opacity: 1; transform: scaleX(1); }.case-hero.is-active .hero-system-services i:nth-child(4n+1) { transition-delay: .25s; }.case-hero.is-active .hero-system-services i:nth-child(4n+2) { transition-delay: .34s; }.case-hero.is-active .hero-system-services i:nth-child(4n+3) { transition-delay: .43s; }.case-hero.is-active .hero-system-services i:nth-child(4n) { transition-delay: .52s; }
@keyframes hero-signal-travel { 0% { opacity: 0; transform: translateX(0) scale(.6); } 20% { opacity: 1; } 72% { opacity: 1; transform: translateX(calc(100% + 265px)) scale(1); } 100% { opacity: 0; transform: translateX(calc(100% + 290px)) scale(.7); } }
.case-kicker { display: flex; gap: 12px; align-items: center; font: 700 10px/1.2 'Manrope',sans-serif; letter-spacing: .13em; text-transform: uppercase; color: rgba(247,248,250,.58); }
.case-kicker::before { content: ''; width: 42px; height: 1px; background: #60A5FA; }
.case-title { max-width: 920px; margin: 28px 0 48px; font: 700 clamp(46px,6vw,84px)/.98 'Manrope',ui-sans-serif,system-ui,sans-serif; letter-spacing: 0; }
.case-title em { color: #93B4F5; font-family: 'Manrope',ui-sans-serif,system-ui,sans-serif; font-style: normal; font-weight: 700; letter-spacing: 0; }
.case-ledger { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); max-width: 850px; border-top: 1px solid rgba(255,255,255,.18); border-bottom: 1px solid rgba(255,255,255,.18); }
.case-ledger div { padding: 20px 22px 20px 0; }
.case-ledger div + div { padding-left: 22px; border-left: 1px solid rgba(255,255,255,.18); }
.case-ledger span { display: block; color: rgba(247,248,250,.5); font: 700 9px/1.2 'Manrope',sans-serif; letter-spacing: .12em; text-transform: uppercase; }
.case-ledger strong { display: block; margin-top: 7px; color: #F7F8FA; font-size: 16px; }
.case-section { padding: clamp(76px,9vw,128px) 0; }
.case-story { display: grid; grid-template-columns: minmax(220px,.7fr) minmax(0,1.3fr); gap: clamp(44px,9vw,128px); }
.case-story-index { color: var(--kosovo-blue); font: 700 11px/1 'Manrope',sans-serif; letter-spacing: .13em; text-transform: uppercase; }
.case-story h2 { max-width: 730px; margin: 0 0 24px; font: 700 clamp(32px,4vw,54px)/1.05 'Manrope',ui-sans-serif,system-ui,sans-serif; letter-spacing: 0; }
.case-story p { max-width: 720px; color: var(--muted); font-size: 17px; line-height: 1.72; }
.case-outcome { background: var(--band-warm); }
.case-metric { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 24px; padding: 34px 0; border-top: 1px solid var(--ridge); border-bottom: 1px solid var(--ridge); }
.case-metric span { font: 700 clamp(40px,6vw,76px)/1 'Manrope',sans-serif; letter-spacing: 0; font-variant-numeric: tabular-nums; }
.case-metric .before { color: var(--muted-2); }
.case-metric .after { color: var(--availability-blue); }
.case-metric i { width: 70px; height: 1px; background: var(--kosovo-blue); position: relative; }
.case-metric i::after { content: ''; position: absolute; right: 0; top: -3px; width: 7px; height: 7px; border-top: 1px solid var(--kosovo-blue); border-right: 1px solid var(--kosovo-blue); transform: rotate(45deg); }
.case-stack { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 30px; }
.case-evidence { padding: clamp(72px,8vw,112px) 0; overflow: hidden; }
.case-evidence-head { display: grid; grid-template-columns: .7fr 1.3fr; gap: clamp(44px,9vw,128px); align-items: end; margin-bottom: 44px; }
.case-evidence-head h2 { margin: 0; max-width: 720px; font: 700 clamp(30px,4vw,50px)/1.05 'Manrope',ui-sans-serif,system-ui,sans-serif; letter-spacing: 0; }
.migration-map { display: grid; grid-template-columns: 1fr 88px 1fr; align-items: stretch; border-top: 1px solid var(--ridge); border-bottom: 1px solid var(--ridge); }
.migration-side { padding: 28px; }
.migration-side span,.forecast-proof span,.platform-proof span { display: block; color: var(--muted); font: 700 9px/1.2 'Manrope',sans-serif; letter-spacing: .12em; text-transform: uppercase; }
.migration-side strong { display: block; margin: 10px 0 6px; font-size: 18px; }
.migration-side p { margin: 0; color: var(--muted); font-size: 13px; }
.migration-route { position: relative; display: grid; place-items: center; border-left: 1px solid var(--ridge); border-right: 1px solid var(--ridge); }
.migration-route::before { content: ''; width: 56px; height: 1px; background: var(--kosovo-blue); }
.migration-route::after { content: ''; position: absolute; right: 15px; width: 8px; height: 8px; border-top: 1px solid var(--kosovo-blue); border-right: 1px solid var(--kosovo-blue); transform: rotate(45deg); }
.forecast-board { display: grid; grid-template-columns: minmax(0,1.4fr) minmax(240px,.6fr); gap: 1px; background: var(--ridge); border: 1px solid var(--ridge); }
.store-field { display: grid; grid-template-columns: repeat(12,1fr); gap: 8px; padding: 34px; background: var(--panel); }
.store-field i { aspect-ratio: 1; border: 1px solid color-mix(in srgb,var(--kosovo-blue) 22%,var(--ridge)); background: color-mix(in srgb,var(--kosovo-blue) 5%,var(--panel)); }
.forecast-proof { display: flex; flex-direction: column; justify-content: center; padding: 34px; background: var(--paper-2); }
.forecast-proof strong,.platform-proof strong { display: block; margin: 8px 0; color: var(--availability-blue); font: 700 42px/1 'Manrope',sans-serif; }
.forecast-proof p,.platform-proof p { margin: 0; color: var(--muted); font-size: 13px; }
.platform-board { display: grid; grid-template-columns: minmax(0,1.25fr) minmax(250px,.75fr); border: 1px solid rgba(255,255,255,.13); background: #0B1E3F; color: #F7F8FA; }
.service-field { display: grid; grid-template-columns: repeat(8,1fr); gap: 10px; padding: 36px; align-content: center; }
.service-field i { height: 9px; background: rgba(96,165,250,.23); border-left: 2px solid #60A5FA; }
.platform-proof { padding: 36px; border-left: 1px solid rgba(255,255,255,.13); }
.platform-proof span,.platform-proof p { color: rgba(247,248,250,.58); }
.platform-proof strong { color: #93B4F5; }
.case-next { padding: 88px 0; background: #0B1E3F; color: #F7F8FA; }
.case-next-grid { display: flex; align-items: end; justify-content: space-between; gap: 40px; }
.case-next h2 { max-width: 700px; margin: 8px 0 0; color: #F7F8FA; font: 700 clamp(34px,4.5vw,60px)/1.04 'Manrope',ui-sans-serif,system-ui,sans-serif; letter-spacing: 0; }
.case-next .eyebrow { color: rgba(247,248,250,.55); }
.case-next .btn { flex: 0 0 auto; background: #F7F8FA; color: #0B1E3F; border-color: #F7F8FA; }
.case-hero .case-kicker,
.case-hero .case-title,
.case-hero .case-ledger { opacity: 0; transform: translateY(16px); transition: opacity .7s cubic-bezier(.22,1,.36,1), transform .8s cubic-bezier(.22,1,.36,1); }
.case-hero .case-title { clip-path: inset(0 0 100% 0); transition: opacity .7s cubic-bezier(.22,1,.36,1) .08s, transform .8s cubic-bezier(.22,1,.36,1) .08s, clip-path .9s cubic-bezier(.22,1,.36,1) .08s; }
.case-hero .case-ledger { transition-delay: .2s; }
.case-hero.is-active .case-kicker,
.case-hero.is-active .case-title,
.case-hero.is-active .case-ledger { opacity: 1; transform: none; clip-path: inset(0); }
.case-section .case-story > * { opacity: 0; transform: translateY(14px); transition: opacity .68s cubic-bezier(.22,1,.36,1), transform .76s cubic-bezier(.22,1,.36,1); }
.case-section .case-story > *:last-child { transition-delay: .1s; }
.case-section.is-active .case-story > * { opacity: 1; transform: none; }
.case-evidence .case-evidence-head,
.case-evidence .migration-map,
.case-evidence .forecast-board,
.case-evidence .platform-board { opacity: 0; transform: translateY(14px); transition: opacity .68s cubic-bezier(.22,1,.36,1), transform .76s cubic-bezier(.22,1,.36,1); }
.case-evidence .migration-map,.case-evidence .forecast-board,.case-evidence .platform-board { transition-delay: .12s; }
.case-evidence.is-active .case-evidence-head,
.case-evidence.is-active .migration-map,
.case-evidence.is-active .forecast-board,
.case-evidence.is-active .platform-board { opacity: 1; transform: none; }
.case-detail-section { padding: clamp(72px,8vw,112px) 0; background: var(--paper-2); }
.case-detail-head { display: grid; grid-template-columns: .7fr 1.3fr; gap: clamp(44px,9vw,128px); align-items: end; margin-bottom: 42px; }
.case-detail-head h2 { max-width: 720px; margin: 0; font: 700 clamp(30px,4vw,50px)/1.05 'Manrope',ui-sans-serif,system-ui,sans-serif; letter-spacing: 0; }
.case-detail-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); border-top: 1px solid var(--ridge); border-bottom: 1px solid var(--ridge); }
.case-detail-item { padding: 26px 28px 30px 0; }
.case-detail-item + .case-detail-item { padding-left: 28px; border-left: 1px solid var(--ridge); }
.case-detail-item span { display: block; margin-bottom: 13px; color: var(--kosovo-blue); font: 700 9px/1.2 'Manrope',sans-serif; letter-spacing: .12em; text-transform: uppercase; }
.case-detail-item h3 { margin: 0 0 10px; font: 700 18px/1.25 'Manrope',sans-serif; }
.case-detail-item p { max-width: 28ch; margin: 0; color: var(--muted); font-size: 14px; line-height: 1.6; }
.case-detail-section .case-detail-head,
.case-detail-section .case-detail-grid { opacity: 0; transform: translateY(14px); transition: opacity .68s cubic-bezier(.22,1,.36,1), transform .76s cubic-bezier(.22,1,.36,1); }
.case-detail-section .case-detail-grid { transition-delay: .12s; }
.case-detail-section.is-active .case-detail-head,
.case-detail-section.is-active .case-detail-grid { opacity: 1; transform: none; }

/* A technical/business split gives each engagement the depth of a real case record. */
.case-analysis { padding: clamp(78px,9vw,124px) 0; overflow: hidden; background: #0B1E3F; color: #F7F8FA; }
.case-analysis-head { display: grid; grid-template-columns: .7fr 1.3fr; gap: clamp(44px,9vw,128px); align-items: end; margin-bottom: 46px; }
.case-analysis-head .case-story-index { color: #60A5FA; }
.case-analysis-head h2 { max-width: 760px; margin: 0; color: #F7F8FA; font: 700 clamp(32px,4vw,52px)/1.05 'Manrope',ui-sans-serif,system-ui,sans-serif; letter-spacing: 0; }
.case-analysis-grid { display: grid; grid-template-columns: 1.12fr .88fr; border-top: 1px solid rgba(255,255,255,.17); border-bottom: 1px solid rgba(255,255,255,.17); }
.case-analysis-panel { min-width: 0; padding: 34px 36px 38px 0; }
.case-analysis-panel + .case-analysis-panel { padding-left: 36px; border-left: 1px solid rgba(255,255,255,.17); }
.case-analysis-label { display: block; margin-bottom: 12px; color: #93B4F5; font: 700 9px/1.2 'Manrope',sans-serif; letter-spacing: .13em; text-transform: uppercase; }
.case-analysis-panel h3 { margin: 0 0 12px; color: #F7F8FA; font: 700 22px/1.25 'Manrope',sans-serif; }
.case-analysis-panel > p { max-width: 62ch; margin: 0; color: rgba(247,248,250,.65); font-size: 14px; line-height: 1.7; }
.case-flow { display: grid; grid-template-columns: minmax(0,1fr) 24px minmax(0,1fr) 24px minmax(0,1fr) 24px minmax(0,1fr); align-items: stretch; margin-top: 30px; }
.case-flow-node { position: relative; min-height: 98px; padding: 17px 15px; border: 1px solid rgba(255,255,255,.17); background: rgba(255,255,255,.035); opacity: .28; transform: translateY(10px); transition: opacity .5s ease, transform .65s cubic-bezier(.22,1,.36,1), border-color .5s ease; }
.case-flow-node small { display: block; margin-bottom: 9px; color: rgba(247,248,250,.45); font: 700 8px/1.2 'Manrope',sans-serif; letter-spacing: .1em; text-transform: uppercase; }
.case-flow-node strong { display: block; color: #F7F8FA; font: 600 12px/1.35 'Manrope',sans-serif; }
.case-flow-link { position: relative; align-self: center; height: 1px; background: rgba(255,255,255,.16); overflow: visible; }
.case-flow-link::before { content: ''; position: absolute; inset: 0; background: #60A5FA; transform: scaleX(0); transform-origin: left; transition: transform .55s cubic-bezier(.22,1,.36,1); }
.case-flow-link::after { content: ''; position: absolute; right: 1px; top: -3px; width: 7px; height: 7px; border-top: 1px solid #60A5FA; border-right: 1px solid #60A5FA; opacity: 0; transform: rotate(45deg); transition: opacity .2s ease; }
.case-analysis.is-active .case-flow-node { opacity: 1; transform: none; border-color: rgba(96,165,250,.38); }
.case-analysis.is-active .case-flow-link::before { transform: scaleX(1); }
.case-analysis.is-active .case-flow-link::after { opacity: 1; }
.case-analysis.is-active .case-flow-node:nth-of-type(1) { transition-delay: .12s; }.case-analysis.is-active .case-flow-link:nth-of-type(1)::before { transition-delay: .3s; }.case-analysis.is-active .case-flow-node:nth-of-type(2) { transition-delay: .42s; }.case-analysis.is-active .case-flow-link:nth-of-type(2)::before { transition-delay: .58s; }.case-analysis.is-active .case-flow-node:nth-of-type(3) { transition-delay: .7s; }.case-analysis.is-active .case-flow-link:nth-of-type(3)::before { transition-delay: .84s; }.case-analysis.is-active .case-flow-node:nth-of-type(4) { transition-delay: .96s; }
.case-analysis-notes { display: grid; gap: 9px; margin: 24px 0 0; padding: 0; list-style: none; }
.case-analysis-notes li { display: grid; grid-template-columns: 18px 1fr; gap: 9px; color: rgba(247,248,250,.68); font-size: 13px; line-height: 1.5; }
.case-analysis-notes li::before { content: ''; width: 10px; height: 1px; margin-top: 9px; background: #60A5FA; }
.case-impact-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1px; margin-top: 30px; background: rgba(255,255,255,.14); }
.case-impact { min-height: 132px; padding: 20px; background: #0B1E3F; }
.case-impact strong { display: block; color: #93B4F5; font: 700 clamp(28px,3.4vw,46px)/1 'Manrope',sans-serif; letter-spacing: 0; font-variant-numeric: tabular-nums lining-nums; }
.case-impact span { display: block; margin-top: 9px; color: rgba(247,248,250,.58); font-size: 12px; line-height: 1.4; }
.case-impact-meter { grid-column: 1 / -1; padding: 18px 20px 22px; background: #0B1E3F; }
.case-impact-meter div { display: grid; grid-template-columns: 74px 1fr; gap: 12px; align-items: center; margin-top: 10px; color: rgba(247,248,250,.58); font: 600 10px/1.2 'Manrope',sans-serif; }
.case-impact-meter i { position: relative; height: 5px; background: rgba(255,255,255,.12); }
.case-impact-meter i::after { content: ''; position: absolute; inset: 0; width: var(--fill); background: #60A5FA; transform: scaleX(0); transform-origin: left; transition: transform .85s cubic-bezier(.22,1,.36,1); }
.case-analysis.is-active .case-impact-meter div:nth-child(1) i::after { transform: scaleX(1); transition-delay: .28s; }
.case-analysis.is-active .case-impact-meter div:nth-child(2) i::after { transform: scaleX(1); transition-delay: .56s; }
.case-analysis .case-analysis-head,.case-analysis .case-analysis-grid { opacity: 0; transform: translateY(14px); transition: opacity .7s cubic-bezier(.22,1,.36,1), transform .78s cubic-bezier(.22,1,.36,1); }
.case-analysis .case-analysis-grid { transition-delay: .1s; }
.case-analysis.is-active .case-analysis-head,.case-analysis.is-active .case-analysis-grid { opacity: 1; transform: none; }

/* The evidence visuals animate once on arrival, as a record of work moving into production. */
.migration-route::before { transform: scaleX(0); transform-origin: left; transition: transform .76s cubic-bezier(.22,1,.36,1) .35s; }
.migration-route::after { opacity: 0; transition: opacity .18s ease .98s; }
.case-evidence.is-active .migration-route::before { transform: scaleX(1); }
.case-evidence.is-active .migration-route::after { opacity: 1; }
.store-field i { opacity: .16; transform: scale(.72); transition: opacity .42s ease, transform .52s cubic-bezier(.22,1,.36,1); }
.case-evidence.is-active .store-field i { opacity: 1; transform: none; }
.store-field i:nth-child(4n+1) { transition-delay: .22s; }.store-field i:nth-child(4n+2) { transition-delay: .3s; }.store-field i:nth-child(4n+3) { transition-delay: .38s; }.store-field i:nth-child(4n) { transition-delay: .46s; }
.service-field i { opacity: .3; transform: scaleX(0); transform-origin: left; transition: opacity .32s ease, transform .58s cubic-bezier(.22,1,.36,1); }
.case-evidence.is-active .service-field i { opacity: 1; transform: scaleX(1); }
.service-field i:nth-child(4n+1) { transition-delay: .18s; }.service-field i:nth-child(4n+2) { transition-delay: .27s; }.service-field i:nth-child(4n+3) { transition-delay: .36s; }.service-field i:nth-child(4n) { transition-delay: .45s; }
@media (max-width:1000px) { .case-hero-grid{grid-template-columns:1fr}.case-hero-system{min-height:330px}.case-hero-copy .case-ledger{max-width:850px} }
@media (max-width:900px) { .case-analysis-grid{grid-template-columns:1fr}.case-analysis-panel{padding:30px 0}.case-analysis-panel+.case-analysis-panel{padding-left:0;border-left:0;border-top:1px solid rgba(255,255,255,.17)} }
@media (max-width:760px) { .case-hero{padding:128px 0 70px}.case-hero-system{min-height:0;padding:22px}.hero-system-flow{grid-template-columns:1fr;margin-top:30px}.hero-system-link{justify-self:center;width:1px;height:23px}.hero-system-link::before{transform:scaleY(0);transform-origin:top}.case-hero.is-active .hero-system-link::before{transform:scaleY(1)}.hero-system-link::after{right:-3px;top:auto;bottom:1px;transform:rotate(135deg)}.hero-system-lane{margin-top:25px}.hero-system-signal{display:none}.hero-system-mesh,.hero-system-services{right:22px;top:48px;opacity:.55}.hero-system-stat{right:22px;bottom:22px}.case-ledger{grid-template-columns:1fr}.case-ledger div+div{padding-left:0;border-left:0;border-top:1px solid rgba(255,255,255,.18)}.case-story,.case-evidence-head,.case-detail-head,.case-analysis-head{grid-template-columns:1fr}.case-metric{gap:12px}.case-metric i{width:34px}.case-next-grid{align-items:flex-start;flex-direction:column}.migration-map{grid-template-columns:1fr}.migration-route{height:60px;border:0;border-top:1px solid var(--ridge);border-bottom:1px solid var(--ridge)}.forecast-board,.platform-board{grid-template-columns:1fr}.store-field{grid-template-columns:repeat(8,1fr);padding:24px}.platform-proof{border-left:0;border-top:1px solid rgba(255,255,255,.13)}.case-detail-grid{grid-template-columns:1fr}.case-detail-item{padding:22px 0}.case-detail-item+.case-detail-item{padding-left:0;border-left:0;border-top:1px solid var(--ridge)}.case-flow{grid-template-columns:1fr}.case-flow-link{justify-self:center;width:1px;height:24px}.case-flow-link::before{transform:scaleY(0);transform-origin:top}.case-analysis.is-active .case-flow-link::before{transform:scaleY(1)}.case-flow-link::after{right:-3px;top:auto;bottom:1px;transform:rotate(135deg)} }
@media (prefers-reduced-motion:reduce) { .case-hero .case-kicker,.case-hero .case-title,.case-hero .case-ledger,.case-section .case-story>*,.case-evidence .case-evidence-head,.case-evidence .migration-map,.case-evidence .forecast-board,.case-evidence .platform-board,.case-detail-section .case-detail-head,.case-detail-section .case-detail-grid,.case-analysis .case-analysis-head,.case-analysis .case-analysis-grid{opacity:1;transform:none;clip-path:none;transition:none}.migration-route::before{transform:scaleX(1);transition:none}.migration-route::after{opacity:1;transition:none}.store-field i{opacity:1;transform:none;transition:none}.service-field i{opacity:1;transform:scaleX(1);transition:none}.case-flow-node{opacity:1;transform:none;transition:none}.case-flow-link::before{transform:none;transition:none}.case-flow-link::after{opacity:1;transition:none}.case-impact-meter i::after{transform:none;transition:none}.hero-system-node{opacity:1;transform:none;transition:none}.hero-system-link::before{transform:none;transition:none}.hero-system-link::after{opacity:1;transition:none}.hero-system-mesh i{opacity:1;transform:none;transition:none}.hero-system-services i{opacity:1;transform:scaleX(1);transition:none}.hero-system-signal{display:none} }

/* Secondary instruments turn each case into a small operating story. */
.case-instrument { position: relative; overflow: hidden; min-height: 270px; padding: 32px; border: 1px solid var(--ridge); background: var(--panel); }
.case-evidence .case-instrument { opacity: 0; transform: translateY(14px); transition: opacity .68s cubic-bezier(.22,1,.36,1) .12s,transform .76s cubic-bezier(.22,1,.36,1) .12s; }
.case-evidence.is-active .case-instrument { opacity: 1; transform: none; }
.case-instrument::before { content: ''; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(90deg,color-mix(in srgb,var(--kosovo-blue) 8%,transparent) 1px,transparent 1px),linear-gradient(color-mix(in srgb,var(--kosovo-blue) 7%,transparent) 1px,transparent 1px); background-size: 42px 42px; mask-image: linear-gradient(110deg,black,transparent 82%); }
.parallel-console { background: #0B1E3F; border-color: rgba(147,180,245,.28); color: #F7F8FA; }
.parallel-console::before { background: linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px); }
.parallel-label { position: relative; display: block; color: rgba(247,248,250,.48); font: 700 9px/1.2 'Manrope',sans-serif; letter-spacing: .12em; text-transform: uppercase; }
.parallel-lanes { position: relative; display: grid; gap: 23px; margin-top: 45px; }
.parallel-lane { display: grid; grid-template-columns: 132px 1fr 154px; align-items: center; gap: 18px; opacity: .28; transform: translateX(-16px); transition: opacity .48s ease,transform .68s cubic-bezier(.22,1,.36,1); }
.parallel-lane span { color: rgba(247,248,250,.65); font: 700 10px/1.25 'Manrope',sans-serif; letter-spacing: .05em; text-transform: uppercase; }
.parallel-lane strong { color: #F7F8FA; font: 600 13px/1.25 'Manrope',sans-serif; }
.parallel-route { position: relative; height: 2px; background: rgba(255,255,255,.17); overflow: hidden; }
.parallel-route::before { content: ''; position: absolute; inset: 0; background: #60A5FA; transform: scaleX(0); transform-origin: left; transition: transform .7s cubic-bezier(.22,1,.36,1); }
.parallel-lane--reports .parallel-route::before { background: #F7F8FA; }
.case-evidence.is-active .parallel-lane { opacity: 1; transform: none; }.case-evidence.is-active .parallel-lane:nth-child(1){transition-delay:.12s}.case-evidence.is-active .parallel-lane:nth-child(2){transition-delay:.28s}.case-evidence.is-active .parallel-lane:nth-child(3){transition-delay:.44s}.case-evidence.is-active .parallel-route::before{transform:scaleX(1)}
.forecast-orbit { display: grid; grid-template-columns: 1.2fr .8fr; gap: 44px; align-items: center; }
.forecast-orbit-map { position: relative; width: min(100%,340px); aspect-ratio: 1; margin: 0 auto; border: 1px solid var(--ridge); border-radius: 50%; }
.forecast-orbit-map::before,.forecast-orbit-map::after { content:''; position:absolute; border-radius:50%; border:1px solid color-mix(in srgb,var(--kosovo-blue) 35%,var(--ridge)); opacity:.5; }.forecast-orbit-map::before{inset:17%}.forecast-orbit-map::after{inset:34%;}
.forecast-orbit-map i { position:absolute; width:13px; height:13px; border-radius:50%; border:3px solid var(--kosovo-blue); background:var(--panel); opacity:.25; transform:scale(.65); transition:opacity .35s ease,transform .54s cubic-bezier(.22,1,.36,1); }.forecast-orbit-map i:nth-child(1){left:7%;top:46%}.forecast-orbit-map i:nth-child(2){left:45%;top:6%}.forecast-orbit-map i:nth-child(3){right:7%;top:46%}.forecast-orbit-map i:nth-child(4){left:45%;bottom:6%}
.forecast-orbit-core { position:absolute; inset:39%; display:grid; place-items:center; border-radius:50%; background:#0B1E3F; color:#93B4F5; font:700 18px/1 'Manrope',sans-serif; opacity:.3; transform:scale(.78); transition:opacity .45s ease,transform .64s cubic-bezier(.22,1,.36,1) .32s; }
.forecast-orbit-list { display:grid; gap:14px; }.forecast-orbit-step { display:grid; grid-template-columns:30px 1fr; gap:12px; align-items:start; opacity:.3; transform:translateX(12px); transition:opacity .42s ease,transform .58s cubic-bezier(.22,1,.36,1); }.forecast-orbit-step span { display:grid; place-items:center; width:28px; height:28px; border:1px solid var(--ridge); border-radius:50%; color:var(--kosovo-blue); font:700 9px/1 'Manrope',sans-serif; }.forecast-orbit-step strong{display:block;color:var(--ink);font:700 13px/1.2 'Manrope',sans-serif}.forecast-orbit-step small{display:block;margin-top:4px;color:var(--muted);font:600 11px/1.4 'Manrope',sans-serif}
.case-evidence.is-active .forecast-orbit-map i{opacity:1;transform:none}.case-evidence.is-active .forecast-orbit-map i:nth-child(2){transition-delay:.14s}.case-evidence.is-active .forecast-orbit-map i:nth-child(3){transition-delay:.28s}.case-evidence.is-active .forecast-orbit-map i:nth-child(4){transition-delay:.42s}.case-evidence.is-active .forecast-orbit-core{opacity:1;transform:none}.case-evidence.is-active .forecast-orbit-step{opacity:1;transform:none}.case-evidence.is-active .forecast-orbit-step:nth-child(1){transition-delay:.12s}.case-evidence.is-active .forecast-orbit-step:nth-child(2){transition-delay:.24s}.case-evidence.is-active .forecast-orbit-step:nth-child(3){transition-delay:.36s}.case-evidence.is-active .forecast-orbit-step:nth-child(4){transition-delay:.48s}
.release-rhythm { background:#0B1E3F; border-color:rgba(147,180,245,.28); color:#F7F8FA; }.release-rhythm::before{background:linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px)}
.release-rhythm-head { position:relative; display:flex; align-items:baseline; justify-content:space-between; gap:20px; color:rgba(247,248,250,.52); font:700 9px/1.2 'Manrope',sans-serif; letter-spacing:.12em; text-transform:uppercase }.release-rhythm-head strong{color:#93B4F5;font-size:19px;letter-spacing:0}
.release-lanes{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:48px}.release-lane{position:relative;min-height:132px;padding-top:24px;border-top:1px solid rgba(255,255,255,.22);opacity:.28;transform:translateY(14px);transition:opacity .42s ease,transform .6s cubic-bezier(.22,1,.36,1)}.release-lane::before{content:'';position:absolute;left:0;top:-4px;width:8px;height:8px;border-radius:50%;background:#60A5FA;box-shadow:0 0 0 5px rgba(96,165,250,.12)}.release-lane span{display:block;color:rgba(247,248,250,.46);font:700 8px/1.2 'Manrope',sans-serif;letter-spacing:.1em;text-transform:uppercase}.release-lane strong{display:block;margin-top:8px;color:#F7F8FA;font:600 15px/1.2 'Manrope',sans-serif}.release-lane i{display:block;height:7px;margin-top:19px;background:rgba(96,165,250,.2);border-left:2px solid #60A5FA;transform:scaleX(0);transform-origin:left;transition:transform .58s cubic-bezier(.22,1,.36,1)}.case-evidence.is-active .release-lane{opacity:1;transform:none}.case-evidence.is-active .release-lane:nth-child(1){transition-delay:.1s}.case-evidence.is-active .release-lane:nth-child(2){transition-delay:.22s}.case-evidence.is-active .release-lane:nth-child(3){transition-delay:.34s}.case-evidence.is-active .release-lane:nth-child(4){transition-delay:.46s}.case-evidence.is-active .release-lane i{transform:scaleX(1)}
@media(max-width:760px){.case-instrument{min-height:0;padding:24px}.parallel-lane{grid-template-columns:1fr;gap:8px}.parallel-route{width:100%;}.forecast-orbit{grid-template-columns:1fr;gap:30px}.forecast-orbit-map{max-width:270px}.release-lanes{grid-template-columns:1fr 1fr;gap:22px 16px}.release-lane{min-height:88px}.release-rhythm-head{align-items:flex-start;flex-direction:column;gap:8px}}
@media(prefers-reduced-motion:reduce){.case-evidence .case-instrument,.parallel-lane,.forecast-orbit-map i,.forecast-orbit-core,.forecast-orbit-step,.release-lane{opacity:1;transform:none;transition:none}.parallel-route::before,.release-lane i{transform:scaleX(1);transition:none}}

/* Brief instruments: a deliberately slower one-pass read of the engagement constraint. */
.case-brief-instrument { position:relative; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; margin-top:34px; padding:26px 24px 22px; overflow:hidden; border:1px solid var(--ridge); background:var(--panel); }
.case-brief-instrument::before { content:''; position:absolute; left:10%; right:10%; top:26px; height:1px; background:var(--ridge); }.case-brief-instrument::after { content:''; position:absolute; top:22px; left:10%; width:9px; height:9px; border-radius:50%; background:var(--kosovo-blue); opacity:0; box-shadow:0 0 0 5px color-mix(in srgb,var(--kosovo-blue) 13%,transparent),0 0 18px color-mix(in srgb,var(--kosovo-blue) 78%,transparent); }
.case-brief-point { position:relative; min-height:88px; padding-top:52px; opacity:.26; transform:translateY(13px); transition:opacity .55s ease,transform .7s cubic-bezier(.22,1,.36,1); }.case-brief-point::before { content:''; position:absolute; left:0; top:17px; width:13px; height:13px; border:3px solid var(--kosovo-blue); border-radius:50%; background:var(--panel); }.case-brief-point small{display:block;margin-bottom:7px;color:var(--muted);font:700 8px/1.2 'Manrope',sans-serif;letter-spacing:.11em;text-transform:uppercase}.case-brief-point strong{display:block;color:var(--ink);font:700 13px/1.25 'Manrope',sans-serif}
.case-section.is-active .case-brief-point{opacity:1;transform:none}.case-section.is-active .case-brief-point:nth-child(1){transition-delay:.28s}.case-section.is-active .case-brief-point:nth-child(2){transition-delay:1.18s}.case-section.is-active .case-brief-point:nth-child(3){transition-delay:2.08s}.case-section.is-active .case-brief-instrument::after{animation:case-brief-sweep 3.2s cubic-bezier(.22,1,.36,1) .34s both}@keyframes case-brief-sweep{0%{opacity:0;transform:translateX(0) scale(.7)}10%{opacity:1}86%{opacity:1;transform:translateX(calc(100vw - 360px)) scale(1)}100%{opacity:0;transform:translateX(calc(100vw - 330px)) scale(.7)}}
@media(max-width:760px){.case-brief-instrument{grid-template-columns:1fr;gap:0;padding:24px 22px 24px 52px}.case-brief-instrument::before{left:26px;top:28px;bottom:28px;right:auto;width:1px;height:auto}.case-brief-instrument::after{left:22px;top:28px}.case-brief-point{min-height:70px;padding:0 0 0 12px}.case-brief-point::before{left:-33px;top:1px}.case-section.is-active .case-brief-point:nth-child(1),.case-section.is-active .case-brief-point:nth-child(2),.case-section.is-active .case-brief-point:nth-child(3){transition-delay:.24s}.case-section.is-active .case-brief-instrument::after{animation:case-brief-sweep-mobile 3.2s cubic-bezier(.22,1,.36,1) .34s both}@keyframes case-brief-sweep-mobile{0%{opacity:0;transform:translateY(0) scale(.7)}10%{opacity:1}86%{opacity:1;transform:translateY(calc(100% - 56px)) scale(1)}100%{opacity:0;transform:translateY(calc(100% - 32px)) scale(.7)}}}
@media(prefers-reduced-motion:reduce){.case-brief-instrument::after{display:none}.case-brief-point{opacity:1;transform:none;transition:none}}