/* ProDash case-study layout. Production styles.css owns all palette and type tokens.
   Prose: --text-base. Metadata: --text-sm. Display: existing xl/2xl tokens.
   Section backgrounds are full width; .wrap only governs their inner content. */
.prodash-story{--story-rule:color-mix(in oklch,var(--fg) 28%,transparent);--story-muted:color-mix(in oklch,var(--fg) 76%,var(--bg));--story-ease:var(--ease-out-quint)}
.prodash-story [data-mood="navy"]{--bg:var(--navy);--fg:var(--cream);--accent:var(--marigold);background:var(--bg);color:var(--fg)}
.prodash-story [data-mood="cream"]{--bg:var(--cream);--fg:var(--navy-text);--accent:var(--blue);background:var(--bg);color:var(--fg)}
.prodash-story [data-mood]{--story-rule:color-mix(in oklch,var(--fg) 28%,transparent);--story-muted:color-mix(in oklch,var(--fg) 76%,var(--bg))}
.prodash-story .wrap{width:calc(100% - var(--gutter)*2);max-width:calc(var(--col-w) - var(--gutter)*2);margin-inline:auto}
.prodash-story button:not(.nav-toggle){font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}.prodash-story a{text-decoration:none}.prodash-story img{display:block;width:100%;height:auto}.prodash-story [hidden]{display:none!important}
.prodash-story .skip{position:absolute;left:-9999px}.prodash-story .skip:focus{left:20px;top:12px;padding:12px;z-index:90;background:var(--bg);color:var(--fg)}
.prodash-story h1,.prodash-story h2,.prodash-story h3{font-family:Caprasimo,Georgia,serif;font-weight:400;letter-spacing:.002em;line-height:1.12;text-wrap:balance}
.prodash-story h1,.prodash-story h2{font-size:var(--text-2xl)}.prodash-story h3{font-size:var(--text-xl)}
.prodash-story .serif{font-family:inherit;font-style:normal;color:inherit;letter-spacing:inherit}
.prodash-story p{font-size:var(--text-base);line-height:1.65;text-wrap:pretty}.prodash-story strong{font-weight:600}
.case-navigation{display:flex;justify-content:space-between;align-items:center;gap:var(--space-lg);font:var(--text-sm)/1.5 'Spline Sans Mono',monospace;padding-block:var(--space-sm);border-bottom:1px dotted var(--story-rule)}
.story-opening{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:var(--space-2xl);padding-block:var(--space-3xl)}
.opening-words{min-width:0}.opening-words h1 .serif{display:block;color:var(--accent);margin-top:var(--space-xs)}.opening-words>p{margin-top:var(--space-xl);max-width:60ch}
.opening-results{display:flex;gap:var(--space-2xl);margin-top:var(--space-2xl)}.opening-results>div{display:flex;flex-direction:column-reverse;gap:var(--space-xs)}.opening-results dt{font-size:var(--text-base);line-height:1.4}.opening-results dd{font-family:Caprasimo,Georgia,serif;font-size:var(--text-2xl);color:var(--accent);line-height:1;font-weight:400}.opening-words .results-context{font-size:var(--text-sm);color:var(--story-muted);margin-top:var(--space-sm)}
.read-link{display:inline-flex;align-items:center;gap:var(--space-lg);font-size:var(--text-base);line-height:1.5;border-bottom:1px solid currentColor!important;min-height:44px;text-decoration:none;padding-block:8px!important}
.opening-art{min-width:0;align-self:center}.opening-comparison{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg);align-items:start;transform:translateY(var(--art-y,0px))}.opening-comparison>div{min-width:0}.opening-comparison span{display:block;font-size:var(--text-base);margin-bottom:var(--space-sm)}.opening-comparison img{border-radius:12px;box-shadow:0 20px 32px -18px color-mix(in oklch,var(--navy-text) 60%,transparent)}
.story-facts{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2xl);padding-block:var(--space-lg) var(--space-2xl);border-top:1px dotted var(--story-rule)}.story-facts dt{font:var(--text-sm)/1.5 'Spline Sans Mono',monospace;color:var(--story-muted);margin-bottom:var(--space-xs)}.story-facts dd{font-size:var(--text-base);line-height:1.65}
.story-nav{position:sticky;top:var(--story-header-height,62px);z-index:8;display:flex;justify-content:center;gap:var(--space-xl);padding:var(--space-sm) var(--gutter);color:var(--navy-text);background:var(--cream);border-block:1px dotted color-mix(in oklch,var(--navy-text) 28%,transparent);font:var(--text-sm)/1.5 'Spline Sans Mono',monospace}.story-nav a{padding-block:8px;text-underline-offset:6px}.story-nav a:hover,.story-nav a[aria-current=location]{text-decoration:underline}.reading-progress{position:absolute;bottom:0;left:0;width:100%;height:2px;background:var(--blue);transform:scaleX(0);transform-origin:left}
.section-space{padding-block:var(--space-2xl)}.section-heading{max-width:820px;margin-bottom:var(--space-lg)}.section-heading>p{max-width:65ch;margin-top:var(--space-lg)}
.evidence-pair{display:grid;grid-template-columns:1fr 1fr;border-block:1px solid var(--story-rule)}.evidence-pair article{padding:var(--space-lg) var(--space-xl) var(--space-lg) 0}.evidence-pair article+article{border-left:1px solid var(--story-rule);padding-left:var(--space-xl);padding-right:0}.evidence-pair h3{max-width:20ch}.evidence-pair p{margin-top:var(--space-lg);max-width:60ch}
.direction-section{border-block:1px dotted var(--story-rule);padding-block:var(--space-xl) var(--space-md)}.direction-layout{display:grid;grid-template-columns:5fr 6fr;gap:8%}.thread-column{position:relative;min-width:0}.thread-map{--thread-delivery:color-mix(in oklab,var(--marigold) 55%,var(--navy-text));position:sticky;top:calc(var(--story-header-height,62px) + 100px);max-width:420px}.thread-legend{display:flex;justify-content:space-between;gap:var(--space-sm);flex-wrap:wrap;font-size:var(--text-sm);line-height:1.5}.thread-legend span{display:flex;align-items:center;gap:var(--space-xs)}.thread-legend i{display:inline-block;width:24px;border-top:3px solid currentColor}.line-metrics{color:var(--blue);stroke:var(--blue)}.line-creators{color:var(--navy-text);stroke:var(--navy-text)}.line-delivery{color:var(--thread-delivery);stroke:var(--thread-delivery)}.thread-legend .line-creators{border-top-style:dashed}.thread-legend .line-delivery{border-top-style:dotted}.threads{display:block;width:100%;height:min(50vh,500px);margin-block:var(--space-lg);overflow:visible}.thread-paths .line-creators{stroke-dasharray:12 9}.thread-paths .line-delivery{stroke-dasharray:1 9}.thread-starts>*{fill:currentColor;stroke-width:1}.thread-markers>g{fill:currentColor;stroke:var(--cream);stroke-width:2}.thread-joined{fill:none;stroke:var(--navy-text);stroke-width:3}.thread-end{fill:var(--navy-text)}.thread-current{text-align:center;font-weight:600;min-height:28px}
.turning-point{display:flex;flex-direction:column;justify-content:center;min-height:56vh;padding-block:var(--space-xl);border-bottom:1px solid var(--story-rule);scroll-margin-top:150px}.turning-point:first-child{padding-top:0;min-height:58vh}.turning-point:last-child{border-bottom:0}.turning-point p:not(.time-marker){margin-top:var(--space-lg)}.turning-point .time-marker{font:var(--text-sm)/1.5 'Spline Sans Mono',monospace;color:var(--accent);margin-bottom:var(--space-lg)}
.design-comparison{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2xl);align-items:center;padding:var(--space-xl);background:color-mix(in oklch,var(--navy) 5%,var(--cream))}.decision-copy>p{margin-top:var(--space-lg)}.version-controls{display:flex;gap:var(--space-lg);margin-top:var(--space-lg)}.version-controls button{font-size:var(--text-base);padding-block:var(--space-xs);min-width:64px;min-height:44px;border-bottom:1px dotted var(--story-rule)}.version-controls button[aria-pressed=true]{border-bottom:2px solid var(--accent);color:var(--accent)}.decision-copy .compare-state{font-size:var(--text-sm);margin-top:var(--space-md)}.metric-exhibit{width:100%;max-width:420px;justify-self:center}.comparison-frame{position:relative;isolation:isolate;aspect-ratio:690/605;overflow:hidden;border-radius:12px;background:white}.comparison-frame .compare-crop{position:absolute;inset:0;width:100%;height:100%;overflow:hidden;transition:opacity .25s var(--story-ease)}.comparison-frame .compare-before{opacity:0}.comparison-frame[data-version=before] .compare-before{opacity:1}.comparison-frame[data-version=before] .compare-after{opacity:0}.metric-exhibit figcaption{font-size:var(--text-sm);color:var(--story-muted);line-height:1.6;margin-top:var(--space-md)}
.range-story,.depth-story{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2xl);align-items:center;margin-top:var(--space-4xl)}.range-story>div>p,.depth-story>div>p{margin-top:var(--space-lg)}.range-explainer{border-block:1px solid var(--story-rule);padding-block:var(--space-sm)}.range-explainer>p:first-child{font-size:var(--text-sm);margin:0 0 var(--space-md)}.range-tabs{display:flex;gap:var(--space-lg);border-bottom:1px solid var(--story-rule)}.range-tabs button{font-size:var(--text-base);padding:var(--space-sm) 0;min-height:44px;border-bottom:2px solid transparent}.range-tabs button[aria-selected=true]{border-color:var(--accent);color:var(--accent);font-weight:600}.range-explainer [role=tabpanel]{min-height:225px;padding-top:var(--space-md)}.range-explainer strong{font-family:Caprasimo,Georgia,serif;font-size:var(--text-xl);font-weight:400;line-height:1.2;display:block}.range-explainer [role=tabpanel]>p{margin-top:var(--space-lg)}.prodash-story .exhibit-note{font-size:var(--text-sm);color:var(--story-muted);line-height:1.6;margin-top:var(--space-lg)}
.depth-walkthrough{min-width:0}.depth-walkthrough h4{font-size:var(--text-base);font-weight:600;line-height:1.5;margin-bottom:var(--space-lg)}.depth-walkthrough table{width:100%;table-layout:fixed;border-collapse:collapse;font-size:var(--text-base);line-height:1.5}.depth-walkthrough th,.depth-walkthrough td{width:50%;text-align:left;vertical-align:top;padding:var(--space-md);border-bottom:1px solid var(--story-rule)}.depth-walkthrough th{font-weight:600;border-top:1px solid var(--story-rule)}.depth-walkthrough th:first-child,.depth-walkthrough td:first-child{padding-left:0;border-right:1px solid var(--story-rule)}.depth-walkthrough th:last-child,.depth-walkthrough td:last-child{padding-right:0}
.system-section{padding-block:var(--space-xl);border-block:1px dotted var(--story-rule)}.system-copy{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2xl);margin-top:var(--space-lg)}.system-copy p+p{margin-top:var(--space-lg)}.outcome-heading{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:var(--space-2xl)}.outcome-feedback{margin-top:var(--space-lg)}.outcome-numbers{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-xl)}.outcome-numbers>div{display:flex;flex-direction:column-reverse;gap:var(--space-md)}.outcome-numbers dd{font-family:Caprasimo,Georgia,serif;font-size:var(--text-2xl);line-height:1;font-weight:400;color:var(--accent)}.outcome-numbers dt{font-size:var(--text-base);line-height:1.5;max-width:17ch}.closing-thought{margin-top:var(--space-md)}.next-project{padding-block:var(--space-lg) var(--space-xl);border-top:1px dotted var(--story-rule)}.next-project .wrap>a{display:flex;justify-content:space-between;gap:var(--space-xl);align-items:end}.next-project h2{font-size:var(--text-xl)}.next-project .read-link{flex-shrink:0}
@media(max-width:1000px){.story-opening{gap:var(--space-xl)}.opening-results{gap:var(--space-xl)}.opening-results dt{max-width:125px}.opening-comparison{gap:var(--space-md)}.direction-layout{gap:6%}.thread-legend{gap:var(--space-xs)}.design-comparison{gap:var(--space-xl);padding:var(--space-lg)}.range-story,.depth-story{gap:var(--space-xl)}.opening-art{align-self:start;margin-top:var(--space-xs)}}
@media(max-width:760px){.case-navigation{align-items:start;gap:var(--space-md);font-size:var(--text-sm)}.case-navigation>span{text-align:right;max-width:190px}.story-opening{grid-template-columns:1fr;padding-block:var(--space-2xl);gap:var(--space-2xl)}.opening-words h1{max-width:560px}.opening-words>p{max-width:65ch}.opening-results dt{max-width:none}.opening-art{width:100%;max-width:500px;justify-self:center;margin:0}.opening-comparison{gap:var(--space-lg)}.story-facts{grid-template-columns:1fr;gap:var(--space-xl)}.story-nav{gap:var(--space-md);justify-content:start;overflow:auto;white-space:nowrap}.story-nav a{flex-shrink:0}.section-space{padding-block:var(--space-xl)}.section-heading{margin-bottom:var(--space-md)}.evidence-pair{grid-template-columns:1fr}.evidence-pair article{padding:var(--space-sm) 0}.evidence-pair article+article{border-left:0;border-top:1px solid var(--story-rule);padding:var(--space-sm) 0}.direction-section{padding-top:var(--space-lg)}.direction-layout{display:block}.thread-column{display:none}.turning-point,.turning-point:first-child{min-height:0;padding:var(--space-md) 0 var(--space-md) var(--space-lg);border-left:1px solid var(--story-rule);position:relative}.turning-point:before{content:'';position:absolute;top:22px;left:-5px;width:9px;height:9px;border-radius:50%;background:var(--blue)}.turning-point:nth-child(2):before{background:var(--navy-text)}.turning-point:nth-child(3):before{background:var(--steel)}.design-comparison{grid-template-columns:1fr;gap:var(--space-xl);padding:var(--space-lg)}.range-story,.depth-story{grid-template-columns:1fr;margin-top:var(--space-3xl);gap:var(--space-xl)}.range-explainer [role=tabpanel]{min-height:210px}.system-section{padding-block:var(--space-lg)}.outcome-heading{grid-template-columns:1fr;gap:var(--space-lg)}.system-copy{grid-template-columns:1fr;gap:var(--space-lg)}.next-project .wrap>a{flex-direction:column;align-items:start;gap:var(--space-lg)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.opening-comparison{transform:none}.thread-markers{display:none}.comparison-frame .compare-crop{transition:none}}
@media print{.site-header,.story-nav,.thread-column{display:none}.direction-layout{display:block}.turning-point,.turning-point:first-child{min-height:0;break-inside:avoid}.section-space{padding-block:32px}.story-opening{min-height:0}.opening-comparison{transform:none}}