body.case-study-page{background:var(--fallback-bg)}#site-header.story-header{position:sticky;top:0;display:flex;justify-content:space-between;gap:1.5rem;flex-wrap:wrap;padding:1.1rem var(--gutter);background:var(--panel-solid)}.story-header nav{display:flex;gap:1.5rem;align-items:center}.story-header nav a{color:var(--ink);font-size:1rem;text-decoration:none}.story-main{max-width:1440px;margin:auto;padding:clamp(2.5rem,6vw,6rem) var(--gutter) 0}.story-intro{display:grid;gap:1.75rem;max-width:70rem;margin-bottom:3.5rem}.story-intro h1{max-width:24ch;font-size:clamp(2.25rem,4.5vw,4.7rem);line-height:1.12}.story-intro .body-copy{max-width:70ch;font-size:1.125rem}.story-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;border-top:1px solid var(--panel-line);padding-top:1.5rem;margin:0}.story-facts dt{font-size:.875rem;color:var(--ink-mute);margin-bottom:.5rem}.story-facts dd{font-size:1rem;margin:0}.story-index{display:flex;flex-wrap:wrap;gap:.6rem;padding-bottom:3rem}.story-index a{display:flex;gap:.7rem;padding:.7rem .9rem;border:1px solid var(--panel-line);border-radius:var(--radius-sm);text-decoration:none;color:var(--ink);font-size:.875rem;background:var(--panel-solid)}.story-index a:hover{border-color:var(--accent)}.story-index span{color:var(--ink-mute)}.story-main .chapter{min-height:0;max-width:none;padding-block:4.5rem;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(2rem,5vw,5rem)}.story-main .chapter-heading{font-size:clamp(1.7rem,2.8vw,2.7rem);max-width:28ch}.story-main .chapter-stage{min-height:0;position:static;align-content:start}.story-main .chapter-question{font-size:.875rem}.story-main .chapter-body{font-size:1rem}.story-main .provenance,.story-main .beat-link{font-size:.875rem}.story-main .chapter[id$=reflection]{margin-top:1rem;padding-inline:clamp(1rem,3vw,3rem);background:var(--panel-solid);border:1px solid var(--panel-line);border-radius:var(--radius)}.story-main .prototype-gallery{padding-block:3rem;margin:0}.story-main .prototype-gallery h3{font-size:1.75rem}.story-footer{display:grid;gap:1.5rem;max-width:1440px;margin:auto;padding:4rem var(--gutter) 5rem}.story-footer>p{font-size:1.3rem;max-width:55ch}.story-footer nav{display:flex;gap:1.25rem;flex-wrap:wrap}.story-footer nav a{font-size:1rem}.case-study-page #image-dialog{max-width:min(95vw,1400px)}@media(max-width:1050px){.story-main .chapter{grid-template-columns:1fr}.story-main .chapter-copy{max-width:75ch}.story-main .chapter-stage{max-width:100%}.story-main#catalog .chapter-copy{display:grid}.story-main#catalog .chapter-stage{order:initial}}@media(max-width:700px){#site-header.story-header{display:grid;grid-template-columns:1fr auto;gap:.7rem;padding-block:.7rem}.story-header nav{gap:1rem}.story-header nav a{font-size:.875rem}.story-facts{grid-template-columns:1fr;gap:1.1rem}.story-index{display:grid;grid-template-columns:1fr}.story-main .chapter{padding-block:2.5rem}.story-main{padding-top:2rem}.story-intro{margin-bottom:2rem}.story-main .chapter-stage .proof-grid{grid-template-columns:1fr}.story-footer nav{flex-direction:column}}@media print{.story-header,.story-index,dialog,.story-footer .actions{display:none!important}.story-main,.story-footer{padding:0}.story-main .chapter{display:block;padding:1rem 0}.story-main .chapter-stage{margin-top:1rem}}.story-main .chapter-stage :is(.points,.decision-summary){position:relative;isolation:isolate;overflow:hidden;padding:clamp(1.5rem,3vw,2.6rem);border-radius:1.8rem;border:1px solid var(--card-edge);background:var(--card-gradient);box-shadow:0 18px 40px -30px #5e31194d,inset 0 1px #ffffff3b;transform:perspective(1400px) rotateX(calc(var(--tilt-x, 0deg) * .35)) rotateY(calc(var(--tilt-y, 0deg) * .35));transition:transform .6s var(--ease),box-shadow .6s var(--ease)}.story-main .chapter-stage :is(.points,.decision-summary):before{content:"";position:absolute;pointer-events:none;z-index:-1;inset:0;border-radius:inherit;background:radial-gradient(ellipse at var(--shine-x, 80%) var(--shine-y, 10%),rgba(255,255,255,.28),transparent 65%)}.story-main .chapter-stage .point-title{margin-bottom:1.3rem;color:var(--accent-strong);font-size:.875rem}.story-main .chapter-stage .point-list{gap:1.1rem}.story-main .chapter-stage .point-list li{font-size:1rem;line-height:1.65;gap:.8rem}.story-main .chapter-stage .point-list li:before{content:"";width:.35rem;height:.35rem;margin-top:.65rem;background:var(--accent);border-radius:50%;box-shadow:0 0 0 4px var(--chip)}.story-main .decision-summary{display:grid;gap:1.7rem}.story-main .decision-summary>p:nth-child(2){font-size:clamp(1.3rem,1.5vw,1.7rem);font-weight:400;line-height:1.45;margin:0}.story-main .decision-summary>.provenance{border-top:1px solid var(--card-edge);padding-top:1.25rem}.story-main .decision-flow{display:grid;gap:1.6rem;border:0;background:transparent;overflow:visible;border-radius:0;padding:0 0 0 1rem;margin-top:.6rem}.story-main .decision-flow .decision-step{position:relative;display:block;border:1px solid var(--card-edge);border-radius:1.3rem;padding:1.5rem 1.4rem 1.5rem 2.5rem;background:var(--card-gradient)}.story-main .decision-flow .decision-step:not(:last-child):before{content:"";position:absolute;left:-1px;top:3.7rem;bottom:-1rem;width:1px;background:var(--panel-line)}.story-main .decision-flow .decision-step:not(:last-child):after{content:"";position:absolute;left:-.24rem;top:calc(100% + .45rem);width:.5rem;height:.5rem;border-right:1px solid var(--accent);border-bottom:1px solid var(--accent);transform:rotate(45deg)}.story-main .decision-flow dt{position:relative;font-size:.875rem;letter-spacing:.1em;color:var(--accent-strong);margin-bottom:.75rem}.process-node{position:absolute;left:-3.5rem;top:-.3rem;display:grid;place-items:center;width:2rem;height:2rem;border-radius:50%;background:var(--panel-solid);border:1px solid var(--panel-line);font-family:var(--font-code);font-size:.75rem;letter-spacing:0;box-shadow:0 0 0 5px var(--fallback-bg)}.story-main .decision-flow dd{margin:0;font-size:1rem;line-height:1.65;color:var(--ink-soft)}.story-main .decision-flow .decision-step-key{border-color:var(--accent);box-shadow:0 10px 28px -23px var(--accent)}.decision-step-key .process-node{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}@supports (background-clip: text){.story-intro h1{background:linear-gradient(175deg,#251e1b 12%,#654737 65%,#89431d);background-clip:text;-webkit-background-clip:text;color:transparent;font-weight:400}[data-appearance=night] .story-intro h1{background-image:linear-gradient(175deg,#fbf3ef 12%,#c9bfda 65%,#a69bbb)}}@media(max-width:700px){.story-main .chapter-stage :is(.points,.decision-summary){border-radius:1.35rem}.story-main .decision-flow .decision-step{padding:1.2rem 1.1rem 1.2rem 1.9rem}.story-main .process-node{left:-2.9rem}}[data-editorial-motion=off] .story-main [data-motion-card]{transform:none;transition:none}@media(prefers-reduced-motion:reduce){.story-main [data-motion-card]{transform:none!important;transition:none!important}}@media(forced-colors:active){.story-intro h1{background:none;color:CanvasText}.story-main .chapter-stage :is(.points,.decision-summary),.story-main .decision-flow .decision-step,.process-node{background:Canvas;border:1px solid CanvasText}}#catalog-journey .journey-card{position:relative;isolation:isolate;padding:clamp(1.25rem,3vw,2.5rem);border:1px solid var(--card-edge);border-radius:1.8rem;background:var(--card-gradient);box-shadow:0 24px 55px -36px #522b1861,inset 0 1px #ffffff59;transform:perspective(1400px) rotateX(calc(var(--tilt-x, 0deg) * .2)) rotateY(calc(var(--tilt-y, 0deg) * .2));transition:transform .55s var(--ease),box-shadow .55s var(--ease)}#catalog-journey .journey-card>.eyebrow{font-size:.875rem;letter-spacing:.1em;color:var(--accent-strong)}#catalog-journey .journey-mini-stages{gap:.65rem;margin:1.75rem 0}#catalog-journey .journey-mini-stages li{position:relative;min-width:0;font-size:.875rem;line-height:1.5}#catalog-journey .journey-mini-stages li:not(:last-child):after{content:"";position:absolute;height:1px;top:1rem;left:2.4rem;right:0;background:var(--card-edge)}#catalog-journey .journey-mini-stages span{display:grid;place-items:center;width:2rem;height:2rem;margin-bottom:.7rem;border:1px solid var(--card-edge);border-radius:50%;background:var(--panel-solid);font-size:.75rem}#catalog-journey .journey-preview{padding:clamp(.45rem,1vw,.8rem);border:1px solid var(--card-edge);border-radius:1.1rem;background:#fff;box-shadow:0 14px 28px -24px #1c130e80}#catalog-journey .journey-preview img{max-height:none;border-radius:.55rem}#catalog-journey .journey-card>p:not(.eyebrow):not(.provenance){font-size:1.0625rem;line-height:1.6;margin-block:1.5rem}#catalog-journey .journey-card>.provenance{padding-top:1.2rem;border-top:1px solid var(--card-edge);line-height:1.6;margin-bottom:0}#catalog-journey .journey-preview:focus-visible{outline:3px solid var(--accent-strong);outline-offset:4px}.story-main .prototype-layout{gap:clamp(1.25rem,3vw,2.5rem)}.story-main .prototype-intro{padding-top:1.5rem}.story-main .prototype-filters .btn{font-size:.875rem}.story-main .prototype-wall{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.3rem;padding:1.5rem .25rem 2.5rem}.story-main .prototype-card{background:var(--card-gradient);border:1px solid var(--card-edge);border-radius:1.5rem;box-shadow:0 20px 40px -30px #48251459;transition:box-shadow .4s var(--ease),border-color .4s var(--ease)}.story-main .prototype-card:nth-child(3n+2){margin-top:0}.story-main .prototype-card:nth-child(2n){margin-top:2.5rem}.story-main .prototype-card-meta{display:flex;justify-content:space-between;align-items:center;gap:.5rem;padding:1.15rem 1.2rem;font-size:.75rem;letter-spacing:.05em;color:var(--accent-strong)}.story-main .prototype-card-meta>span:first-child{font-family:var(--font-code)}.story-main .prototype-image{margin-inline:.8rem;padding:.5rem;border:1px solid var(--card-edge);border-radius:.85rem;background:#fff;aspect-ratio:.92}.story-main .prototype-image img{object-fit:contain;transform:none;filter:none}.story-main .prototype-open:hover img{transform:none}.story-main .prototype-card-title{font-size:1.0625rem;line-height:1.35;letter-spacing:-.015em;padding:1.2rem}.story-main .prototype-card-title>span{display:grid;flex:none;place-items:center;width:2rem;height:2rem;border-radius:50%;border:1px solid var(--card-edge);background:var(--panel-solid);font-size:1.1rem;transition:transform .35s var(--ease)}.story-main .prototype-card figcaption{padding:0 1.2rem 1.35rem;font-size:.8125rem;line-height:1.6}.story-main .prototype-open:focus-visible{outline-offset:-5px;border-radius:1.4rem}.story-main #catalog-reflection{position:relative;isolation:isolate;overflow:hidden;margin-top:2rem;padding:clamp(12rem,24vw,19rem) clamp(1rem,2.5vw,2.5rem) clamp(1.25rem,3vw,3rem);border:1px solid var(--card-edge);border-radius:2rem;background:var(--card-surface);gap:clamp(1.25rem,2.5vw,2.5rem);box-shadow:0 30px 65px -42px #492c1d66}.reflection-art{position:absolute;z-index:-1;inset:0 0 auto;height:clamp(20rem,43vw,34rem);pointer-events:none}.reflection-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 38%}.reflection-art:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 25%,var(--card-surface) 99%)}.reflection-art .reflection-night,[data-appearance=night] .reflection-art .reflection-day{display:none}[data-appearance=night] .reflection-art .reflection-night{display:block}.story-main #catalog-reflection .chapter-copy{padding:clamp(1.3rem,2.5vw,2.5rem);border:1px solid var(--card-edge);border-radius:1.5rem;background:var(--panel-solid);box-shadow:0 16px 40px -30px #1e16114d}.story-main #catalog-reflection .chapter-stage .points{box-shadow:0 16px 40px -30px #1e16114d}.story-main #catalog-reflection .chapter-heading{font-weight:400;font-size:clamp(1.65rem,2.6vw,2.35rem)}.story-main #catalog-reflection .chapter-question{font-size:.8125rem}@media(hover:hover)and (pointer:fine){[data-editorial-motion=on] .story-main .prototype-card:hover{border-color:var(--accent);box-shadow:0 26px 48px -26px #49291766}[data-editorial-motion=on] .story-main .prototype-gallery:not([data-stationary=true]) .prototype-open:hover .prototype-card-title>span{transform:translate(2px,-2px)}}@media(max-width:759px){.story-main .prototype-intro{padding-top:0}.story-main .prototype-wall{gap:1rem;padding-top:1.5rem}.story-main .prototype-card:nth-child(2n){margin-top:0}.story-main .prototype-card-meta,.story-main .prototype-card-title{padding:1rem}.story-main .prototype-card figcaption{padding-inline:1rem}}@media(max-width:540px){#catalog-journey .journey-card{border-radius:1.3rem}#catalog-journey .journey-mini-stages{grid-template-columns:1fr;gap:.6rem}#catalog-journey .journey-mini-stages li{display:flex;align-items:center;gap:.75rem}#catalog-journey .journey-mini-stages span{flex:none;margin:0}#catalog-journey .journey-mini-stages li:after{display:none}.story-main .prototype-wall{grid-template-columns:1fr}.story-main .prototype-image{aspect-ratio:1}.story-main #catalog-reflection{padding-top:12rem;border-radius:1.4rem}.reflection-art{height:22rem}}[data-editorial-motion=off] .story-main .prototype-card,[data-editorial-motion=off] .story-main .prototype-card-title>span{transition:none}[data-editorial-motion=off] #catalog-journey .journey-card{transform:none;transition:none}@media(prefers-reduced-motion:reduce){.story-main .prototype-card,.story-main .prototype-card-title>span{transition:none;transform:none}}@media(forced-colors:active){.reflection-art{display:none}.story-main #catalog-reflection{padding-top:2rem}#catalog-journey .journey-card,.story-main .prototype-card,.story-main #catalog-reflection,.story-main #catalog-reflection .chapter-copy{background:Canvas;border-color:CanvasText;box-shadow:none}}@media print{.reflection-art{display:none}.story-main #catalog-reflection{padding:1rem}.story-main .prototype-card,#catalog-journey .journey-card{transform:none;box-shadow:none;break-inside:avoid}}.story-main .test-example-enterprise{padding:clamp(1.25rem,3vw,2.5rem);gap:1.3rem;border:1px solid var(--card-edge);border-radius:1.8rem;background:var(--card-gradient);box-shadow:0 24px 55px -36px #522b1861,inset 0 1px #ffffff2e}.story-main .test-example-enterprise>.eyebrow{color:var(--accent-strong);font-size:.875rem;line-height:1.6;letter-spacing:.07em}.story-main .test-example-enterprise h4{color:var(--ink);font-size:clamp(1.45rem,2vw,1.9rem);font-weight:400;line-height:1.25;letter-spacing:-.025em}.story-main .test-example-enterprise .test-provenance{padding:1rem 1.15rem;border-left:2px solid var(--accent);border-radius:0 .8rem .8rem 0;background:var(--chip);font-size:.9375rem;line-height:1.65}.story-main .test-example-enterprise .test-scenarios{list-style:none;padding:0;margin:.2rem 0;gap:.65rem}.story-main .test-example-enterprise .test-scenarios li{padding:1rem 1.1rem;gap:.65rem;border:1px solid var(--card-edge);border-radius:.9rem;background:var(--panel-solid);font-size:1rem;line-height:1.5}.story-main .test-example-enterprise .test-scenarios code{justify-self:start;max-width:100%;padding:.3rem .65rem;border:1px solid var(--card-edge);border-radius:.5rem;color:var(--accent-strong);background:var(--chip);font-size:.875rem;line-height:1.5}.story-main .test-example-enterprise .test-scenarios li[data-result=eligible-to-unlock]{border-left:3px solid var(--accent)}.story-main .test-example-enterprise .test-code{border:1px solid var(--card-edge);border-radius:1rem;background:var(--panel-solid)}.story-main .test-example-enterprise .test-code summary{display:flex;align-items:center;gap:.85rem;min-height:4.25rem;padding:1rem 1.15rem;border-radius:1rem;list-style:none;color:var(--accent-strong);background:var(--chip);font-size:1rem;font-weight:500;line-height:1.5}.story-main .test-example-enterprise .test-code summary::-webkit-details-marker{display:none}.story-main .test-example-enterprise .test-code summary::marker{content:""}.story-main .test-example-enterprise .test-code-icon{width:1.35rem;height:1.35rem;flex:none}.story-main .test-example-enterprise .test-code-chevron{width:1.6rem;height:1.6rem;flex:none;margin-left:auto;padding:.15rem;border:1px solid var(--card-edge);border-radius:50%;transition:transform .2s var(--ease)}.story-main .test-example-enterprise .test-code[open]{border-color:var(--accent)}.story-main .test-example-enterprise .test-code[open] summary{border-radius:1rem 1rem 0 0;border-bottom:1px solid var(--card-edge)}.story-main .test-example-enterprise .test-code[open] .test-code-chevron{transform:rotate(180deg)}.story-main .test-example-enterprise .test-code>.provenance{padding:1.2rem 1.15rem 0;margin:0;line-height:1.65}.story-main .test-example-enterprise .test-code pre{margin:1.15rem;padding:1.15rem;border:1px solid var(--card-edge);border-radius:.75rem;background:var(--card-surface);color:var(--ink)}.story-main .test-example-enterprise>.provenance{padding-top:1.25rem;border-top:1px solid var(--card-edge);line-height:1.65}.story-main .test-example-enterprise .test-source{justify-self:start;padding-block:.4rem;color:var(--accent-strong);font-size:.9375rem;text-underline-offset:.25em}.story-main .test-example-enterprise :is(summary,pre,.test-source):focus-visible{outline:3px solid var(--accent-strong);outline-offset:4px}@media(hover:hover){.story-main .test-example-enterprise .test-code summary:hover{color:var(--on-accent);background:var(--accent)}.story-main .test-example-enterprise .test-code summary:hover .test-code-chevron{border-color:currentColor}}@media(max-width:540px){.story-main .test-example-enterprise{border-radius:1.3rem}.story-main .test-example-enterprise .test-code summary{padding:.9rem;gap:.6rem}.story-main .test-example-enterprise .test-code pre{margin:.8rem;padding:.8rem}}[data-editorial-motion=off] .story-main .test-example-enterprise .test-code-chevron{transition:none}@media(prefers-reduced-motion:reduce){.story-main .test-example-enterprise .test-code-chevron{transition:none}}@media(forced-colors:active){.story-main .test-example-enterprise,.story-main .test-example-enterprise :is(.test-scenarios li,.test-scenarios code,.test-code,.test-code summary,.test-code pre){background:Canvas;color:CanvasText;border-color:CanvasText;box-shadow:none}}@media print{.story-main .test-example-enterprise{background:none;box-shadow:none}}.screen-comparison[data-slider-ready]{--comparison-media-height: max(12rem, calc(100svh - 17rem) );display:grid;grid-template-columns:minmax(0,1fr);align-items:stretch;grid-template-rows:auto minmax(0,1fr) auto;height:calc(100svh - var(--header-h));min-height:42rem;padding:var(--case-card-padding);gap:var(--space-5);overflow:hidden;border-radius:var(--case-card-radius);background:var(--card-gradient);box-shadow:var(--case-card-shadow);color:var(--ink);scroll-margin-top:var(--header-h)}.comparison-toolbar,.comparison-footer,.comparison-navigation{display:flex;align-items:center;gap:var(--space-4)}.comparison-toolbar,.comparison-footer{justify-content:space-between}.comparison-title{color:var(--accent-strong);font:var(--weight-semibold) var(--type-meta)/var(--leading-ui) var(--font-sans);letter-spacing:var(--tracking-label);text-transform:uppercase}.comparison-toolbar .comparison-fullscreen{flex:none}.comparison-fullscreen[hidden]{display:none}.comparison-viewport{min-width:0;min-height:0;overflow:auto;overscroll-behavior:contain;padding:var(--space-4)}.screen-comparison[data-slider-ready] .comparison-panel{display:grid;grid-template-columns:minmax(15rem,.8fr) minmax(0,1.5fr);grid-template-rows:auto auto 1fr auto;column-gap:var(--case-layout-gap);row-gap:var(--space-4);min-height:100%;padding:0;margin:0;border:0;border-radius:0;background:transparent;box-shadow:none;transform:none!important;transition:none}.screen-comparison[data-slider-ready] .comparison-panel[hidden]{display:none}.screen-comparison[data-slider-ready] .comparison-after:before{display:none}.screen-comparison[data-slider-ready] :is(.evidence,.evidence-figure,.prototype-screen){display:contents}.screen-comparison[data-slider-ready] .comparison-label{grid-column:1;grid-row:1;justify-content:start;align-content:start;gap:var(--space-4);margin:0;padding:0}.screen-comparison[data-slider-ready] .comparison-label :is(h3,h4){flex-basis:100%;font-size:var(--type-display);line-height:var(--leading-display)}.screen-comparison[data-slider-ready] :is(.image-frame,.prototype-screen-image){grid-column:2;grid-row:1 / span 4;align-self:center;justify-self:center;width:min(100%,calc(var(--comparison-media-height) * var(--comparison-image-aspect)));max-width:none;padding:0;overflow:visible;border-radius:0;background:transparent;touch-action:pan-y pinch-zoom}.screen-comparison[data-slider-ready] :is(.image-frame,.prototype-screen-image) img{width:100%;height:auto;max-height:none;display:block;filter:none;transform:none;object-fit:contain;border-radius:0}.screen-comparison[data-slider-ready] figcaption{grid-column:1;grid-row:2;display:grid;gap:var(--space-3);align-self:start;color:var(--ink);font-size:var(--type-ui);line-height:var(--leading-body)}.screen-comparison[data-slider-ready] figcaption .provenance{color:var(--ink-soft);font-size:var(--type-caption);line-height:var(--leading-body)}.screen-comparison[data-slider-ready] .prototype-rationale{grid-column:1;grid-row:3;margin:0;align-self:start;font-size:1rem;line-height:var(--leading-body)}.screen-comparison[data-slider-ready] .prototype-rationale>p{margin-bottom:var(--space-3)}.screen-comparison[data-slider-ready] .prototype-rationale ul{gap:var(--space-2);padding-left:var(--space-5)}.screen-comparison[data-slider-ready] .inspect-button{grid-column:1;grid-row:4;justify-self:start;align-self:end}.screen-comparison[data-slider-ready] .comparison-before .comparison-label :is(h3,h4){flex-basis:auto}.screen-comparison[data-slider-ready] .comparison-before .image-frame{grid-row:1 / span 2}.screen-comparison[data-slider-ready] .comparison-before figcaption{grid-column:2;grid-row:3;align-self:end}.screen-comparison[data-slider-ready] .comparison-before .inspect-button{grid-column:2}.screen-comparison[data-slider-ready] .insight-list{grid-column:1;grid-row:2 / span 3;align-self:start;margin:0;gap:var(--space-3)}.screen-comparison[data-slider-ready] .insight{padding:var(--space-4);gap:var(--space-3)}.screen-comparison[data-slider-ready] .insight>span:last-child{gap:var(--space-2)}.screen-comparison[data-slider-ready] .insight strong{font-size:var(--type-ui)}.screen-comparison[data-slider-ready] .insight span span{font-size:var(--type-caption)}.comparison-arrow{flex:none;display:grid;place-items:center;width:var(--control-size);height:var(--control-size);border:0;border-radius:var(--radius-pill);background:var(--chip);color:var(--accent-strong);font:500 1.5rem/1 var(--font-sans);cursor:pointer}.comparison-counter{color:var(--ink-soft);font:var(--weight-medium) var(--type-ui)/var(--leading-ui) var(--font-sans);font-variant-numeric:tabular-nums;white-space:nowrap}.comparison-thumbnails{display:flex;gap:var(--space-4)}.comparison-thumbnail{display:flex;align-items:center;gap:var(--space-4);min-height:var(--control-size);padding:var(--space-3);border:0;border-radius:var(--radius-dialog);background:var(--chip);color:var(--ink-soft);cursor:pointer;text-align:left;transition:background var(--duration-ui) var(--ease),color var(--duration-ui) var(--ease)}.comparison-thumbnail img{width:5rem;height:3.25rem;object-fit:contain;border-radius:var(--radius-sm)}.comparison-thumbnail>span{display:grid;gap:var(--space-1)}.comparison-thumbnail strong{font:var(--weight-medium) var(--type-ui)/var(--leading-ui) var(--font-sans)}.comparison-thumbnail span span{font:var(--weight-regular) var(--type-caption)/var(--leading-ui) var(--font-sans)}.comparison-thumbnail[aria-pressed=true]{background:var(--accent);color:var(--on-accent)}.comparison-thumbnail[aria-pressed=true] img{background:var(--panel-solid)}.comparison-dialog{position:fixed;inset:0;width:100%;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;border-radius:0;background:var(--fallback-bg);color:var(--ink)}.comparison-dialog::backdrop{background:var(--fallback-bg)}.comparison-dialog .screen-comparison[data-slider-ready]{width:100%;height:100dvh;min-height:0;border-radius:0;box-shadow:none;padding-top:max(var(--case-card-padding),env(safe-area-inset-top));padding-bottom:max(var(--case-card-padding),env(safe-area-inset-bottom))}.comparison-dialog :is(button,a):focus-visible,.screen-comparison[data-slider-ready] :is(button,a):focus-visible{outline:var(--focus-width) solid var(--accent-strong);outline-offset:var(--focus-offset)}@media(max-width:1000px){.comparison-thumbnails,.comparison-thumbnail{gap:var(--space-2)}.comparison-thumbnail img{width:3.5rem}.comparison-thumbnail span span{display:none}.screen-comparison[data-slider-ready] .comparison-panel{grid-template-columns:minmax(14rem,.9fr) minmax(0,1.2fr);column-gap:var(--space-5)}}@media(max-width:700px){.screen-comparison[data-slider-ready]{padding:var(--space-4);gap:var(--space-4);min-height:40rem}.comparison-toolbar{align-items:start;gap:var(--space-3)}.comparison-title{padding-top:var(--space-2)}.comparison-toolbar .comparison-fullscreen{padding-inline:var(--space-3);font-size:var(--type-caption)}.comparison-viewport{padding:var(--space-2)}.screen-comparison[data-slider-ready] .comparison-panel{display:flex;flex-direction:column;gap:var(--space-5)}.screen-comparison[data-slider-ready] .comparison-label{order:0;gap:var(--space-3)}.screen-comparison[data-slider-ready] .comparison-label :is(h3,h4){flex-basis:auto;font-size:var(--type-title)}.screen-comparison[data-slider-ready] :is(.image-frame,.prototype-screen-image){order:1;width:min(100%,calc(22rem * var(--comparison-image-aspect)));flex:none;align-self:center}.screen-comparison[data-slider-ready] figcaption{order:2}.screen-comparison[data-slider-ready] .prototype-rationale{order:3}.screen-comparison[data-slider-ready] .insight-list{order:3;align-self:stretch}.screen-comparison[data-slider-ready] .inspect-button{order:4;align-self:start;flex:none}.comparison-footer{flex-direction:column;gap:var(--space-3);align-items:stretch}.comparison-navigation{gap:var(--space-3)}.comparison-counter{margin-left:auto}.comparison-thumbnails{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.comparison-thumbnail{padding:var(--space-2)}.comparison-thumbnail img{width:3rem;height:2rem}.comparison-dialog .screen-comparison[data-slider-ready]{padding:var(--space-4)}}@media(prefers-reduced-motion:reduce){.comparison-thumbnail{transition:none}}@media(hover:hover){.comparison-arrow:hover{color:var(--on-accent);background:var(--accent)}.comparison-thumbnail:hover{box-shadow:inset 0 0 0 2px var(--accent-strong)}}@media(forced-colors:active){.screen-comparison[data-slider-ready],.comparison-dialog,.comparison-thumbnail,.comparison-arrow{background:Canvas;color:CanvasText;box-shadow:none}.comparison-thumbnail[aria-pressed=true]{outline:2px solid Highlight}}@media print{.screen-comparison[data-slider-ready]{display:block;height:auto;min-height:0;overflow:visible;background:none}.comparison-toolbar,.comparison-footer,.comparison-dialog{display:none!important}.comparison-viewport{overflow:visible}.screen-comparison[data-slider-ready] .comparison-panel,.screen-comparison[data-slider-ready] .comparison-panel[hidden]{display:grid;min-height:0;break-inside:avoid;margin-block:2rem}}