/* Color belongs to the story; artwork retains its own full-width surface. */
/* Uber opens in pale blue, then pairs pale green surfaces with dark green text.
   The site's warm cream stays on the homepage and shared footer. */
.detail.detail-uber{--case-base:#d5e4dc;--case-paper:var(--case-base);--case-ink:#101f35;--case-accent:var(--case-ink);--outcome-ink:var(--pair-sage);--uber-story-ink:#143c35;--uber-opening:#e7eef6;--project-chrome-bg:var(--uber-opening);--project-chrome-ink:var(--case-ink);--theme-glow:rgba(16,31,53,.16)}
body .detail.detail-uber .site-header.spatial-header{background:var(--uber-opening)}
.detail.detail-uber .detail-opening{background:var(--uber-opening);color:var(--case-ink)}
/* All typography on the pale-blue surfaces shares the same dark navy. */
.detail.detail-uber .detail-opening,
.detail.detail-uber .site-header.spatial-header,
.detail.detail-uber .uber-figure:has(img[src*="fleet-planning"],img[src*="asset-management"],img[src*="vehicle-history"]){--text-default:#101f35;color:#101f35}
.detail.detail-uber .detail-opening :is(h1,p,dt,dd,a,.hero-media-label),
.detail.detail-uber .site-header.spatial-header :is(a,span),
.detail.detail-uber .uber-figure:has(img[src*="fleet-planning"],img[src*="asset-management"],img[src*="vehicle-history"]) figcaption{color:#101f35;opacity:1}
.detail.detail-uber .detail-brief{background:var(--case-base);color:var(--uber-story-ink)}
.detail.detail-uber .detail-opening .detail-side,
.detail.detail-uber .detail-opening .detail-side>h1,
.detail.detail-uber .detail-opening .detail-side dt{color:var(--case-ink);opacity:1}
.detail.detail-uber .uber-chapter{padding:0;background:var(--case-base);color:var(--uber-story-ink)}
.detail.detail-uber .uber-chapter[data-chapter="Battery service"]{background:#486b85;color:var(--uber-opening)}
.detail.detail-uber .uber-chapter-copy{padding-block:clamp(56px,7vw,104px);margin-block:0}
.detail.detail-uber .uber-chapter-copy>.detail-label{color:inherit}
.detail.detail-uber .uber-chapter-copy>.detail-label:before{background:currentColor;box-shadow:0 0 0 5px color-mix(in srgb,currentColor 16%,transparent)}
.detail.detail-uber .uber-chapter-images{gap:0}
/* Repeat the navy treatment in the outcome. */
.detail.detail-uber .uber-outcome{background:var(--case-ink);color:var(--outcome-ink)}
.detail.detail-uber .system-outcome-card{background:transparent;box-shadow:none}
.detail.detail-uber .uber-loop-stages:before,
.detail.detail-uber .uber-loop-stages>div:after{background:color-mix(in srgb,currentColor 42%,transparent)}
.detail.detail-uber .uber-loop-core{border-color:color-mix(in srgb,currentColor 32%,transparent);background:color-mix(in srgb,currentColor 7%,transparent)}

.detail.detail-leto .detail-opening{background:#dfb0c9;color:#412c46}
body .detail.detail-leto .site-header.spatial-header{background:#dfb0c9}
.detail.detail-leto .detail-opening .detail-side{color:#412c46}
.detail.detail-leto .detail-brief{background:#543654;color:#fff4e9}
.detail.detail-leto .leto-chapter{padding:0;background:#dfb0c9;color:#412c46}
.detail.detail-leto .leto-chapter[data-chapter="The booking model"],
.detail.detail-leto .leto-chapter[data-chapter="Request"],
.detail.detail-leto .leto-chapter[data-chapter="Provider response"],
.detail.detail-leto .leto-chapter[data-chapter="Business experience"]{background:#543654;color:#fff4e9}
.detail.detail-leto .leto-chapter-copy{padding:clamp(56px,7vw,104px) var(--site-gutter);margin:0}
.detail.detail-leto .leto-chapter-images{gap:0}
.detail.detail-leto .leto-chapter figure{margin:0;padding:clamp(28px,3vw,48px) var(--site-gutter);color:#29242f}

/* Every primary Motion Cues color band uses sage from the saved reference palette. */
.detail.motion-refresh{--text-default:#282828}
.detail.motion-refresh .motion-refresh-opening{background:var(--pair-sage);color:var(--text-default)}
.detail.motion-refresh .motion-refresh-study{padding:0}
.detail.motion-refresh .motion-refresh-copy{box-sizing:border-box;width:100%;margin:0;padding:clamp(56px,7vw,104px) var(--site-gutter);background:#e2e8de;color:var(--text-default)}
.detail.motion-refresh .motion-refresh-study:nth-of-type(3) .motion-refresh-copy,
.detail.motion-refresh .motion-refresh-study:nth-of-type(5) .motion-refresh-copy{background:var(--pair-sage);color:var(--text-default)}
.detail.motion-refresh .motion-refresh-study figure{padding-block:clamp(32px,4vw,64px)}

.detail.detail-miele .detail-brief{background:#e5be6f;color:#30281d}

/* Next-project panels always contrast with both the preceding section and footer.
   Preserve their separate surface when simplifying a case study's palette. */
.detail.detail-uber .next-project{--case-base:#edd37e;--case-accent:#ddbd5b;--case-ink:#43351c;--next-hover-ink:#43351c}
.detail.detail-miele .next-project{--case-base:var(--pair-sage);--case-accent:#e2e8de;--case-ink:#282828;--next-hover-ink:#282828}
.detail.detail-leto .next-project{--case-base:#d5e4dc;--case-accent:#b7cec2;--case-ink:#143c35;--next-hover-ink:#143c35}
.detail.motion-refresh .next-project{--case-base:#dfb0c9;--case-accent:#c894b2;--case-ink:#412c46;--next-hover-ink:#412c46}