.editorial-study-page{--case-card-radius: calc(var(--radius-dialog) + var(--space-2));--case-card-shadow: 0 18px 48px -32px var(--card-edge);--case-card-hover-shadow: 0 24px 48px -28px var(--card-edge);--case-card-padding: clamp(var(--space-5), 3.3vw, var(--space-7));--case-layout-gap: clamp(var(--space-6), 4vw, var(--space-8))}.editorial-study-page #site-header.story-header{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:var(--space-5);padding-block:var(--space-4);border:0;background:var(--header-bg);backdrop-filter:blur(16px);box-shadow:0 8px 28px -24px var(--card-edge)}.editorial-study-page .story-header nav{gap:var(--space-2)}.editorial-study-page .story-header nav a{display:inline-flex;align-items:center;min-height:var(--control-size);padding:var(--space-2) var(--space-4);border-radius:var(--radius-pill);font:var(--weight-medium) var(--type-ui)/var(--leading-ui) var(--font-sans);color:var(--ink-soft);background:var(--chip)}.editorial-study-page .segmented{border:0;padding:var(--space-1);gap:var(--space-1);background:var(--chip);border-radius:var(--radius-pill)}.editorial-study-page .segmented button{min-height:var(--control-size);border:0;padding:var(--space-2) var(--space-4);border-radius:var(--radius-pill);color:var(--ink-soft);font:var(--weight-medium) var(--type-ui)/var(--leading-ui) var(--font-sans)}.editorial-study-page .segmented [aria-checked=true]{color:var(--on-accent);background:var(--accent);box-shadow:none}.editorial-study-page .story-intro{max-width:none;gap:var(--space-7);margin-bottom:var(--space-8)}.editorial-study-page .story-intro-lead{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:var(--case-layout-gap)}.editorial-study-page .story-intro-copy{display:grid;min-width:0;gap:var(--space-6)}.editorial-study-page .story-lifestyle{display:grid;min-width:0;margin:0;gap:var(--space-3)}.editorial-study-page .story-lifestyle img{display:block;width:100%;height:auto;aspect-ratio:3 / 2;border-radius:var(--case-card-radius);box-shadow:var(--case-card-shadow)}.editorial-study-page .story-lifestyle figcaption{color:var(--ink-mute);font:var(--weight-regular) var(--type-caption)/var(--leading-body) var(--font-sans)}@media(max-width:1050px){.editorial-study-page .story-intro-lead{grid-template-columns:minmax(0,1fr)}}@media print{.editorial-study-page .story-intro-lead{grid-template-columns:minmax(0,1fr)}.editorial-study-page .story-lifestyle{max-width:28rem;break-inside:avoid}.editorial-study-page .story-lifestyle img{box-shadow:none}}.editorial-study-page .story-intro h1{font:var(--weight-medium) var(--type-display)/var(--leading-display) var(--font-display);letter-spacing:var(--tracking-display);max-width:24ch;background:none;color:var(--ink)}.editorial-study-page .story-intro .body-copy{max-width:var(--measure);font-size:var(--type-body);line-height:var(--leading-body)}.editorial-study-page .story-facts{gap:var(--space-5);border:0;padding:0}.editorial-study-page .story-facts>div{min-width:0;padding:var(--space-6);border-radius:var(--radius-dialog);background:var(--card-gradient)}.editorial-study-page .story-facts dt{margin-bottom:var(--space-3);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}.editorial-study-page .story-facts dd{font:var(--weight-medium) var(--type-body)/var(--leading-ui) var(--font-sans);color:var(--ink)}.editorial-study-page .performance-comparison-intro{gap:var(--space-5)}.editorial-study-page .story-index{display:flex;flex-wrap:wrap;gap:var(--space-3);padding-bottom:var(--space-7)}.editorial-study-page .story-index a{min-height:var(--control-size);max-width:100%;align-items:center;border:0;border-radius:var(--radius-pill);padding:var(--space-3) var(--space-4);gap:var(--space-3);color:var(--ink-soft);background:var(--chip);font:var(--weight-medium) var(--type-ui)/var(--leading-ui) var(--font-sans)}.editorial-study-page .story-index a>span{color:var(--accent);font-size:var(--type-caption);font-variant-numeric:tabular-nums}.editorial-study-page .story-main .chapter{border:0;padding-block:clamp(var(--space-8),7vw,calc(var(--space-7) * 2));gap:var(--case-layout-gap)}.editorial-study-page .story-main .chapter-copy{gap:var(--space-6)}.editorial-study-page .story-main .chapter-stage{gap:var(--case-layout-gap)}.editorial-study-page .story-main .chapter-heading{font-size:var(--type-section);line-height:var(--leading-title);letter-spacing:var(--tracking-title)}.editorial-study-page .story-main .chapter-body{font-size:var(--type-body);line-height:var(--leading-body);gap:var(--space-5)}.editorial-study-page .chapter-question{gap:var(--space-3);font-size:var(--type-meta);letter-spacing:var(--tracking-label)}.editorial-study-page .chapter-index{width:var(--space-6);height:var(--space-6);border:0;background:var(--chip);font-size:var(--type-meta)}.editorial-study-page .insight-list{gap:var(--space-5)}.editorial-study-page .insight{display:grid;grid-template-columns:var(--space-6) minmax(0,1fr);align-items:start;gap:var(--space-5);padding:clamp(var(--space-5),2.5vw,var(--space-6));min-height:var(--control-size);border:0;border-radius:var(--radius-card);background:var(--card-surface)}.editorial-study-page .insight-number{display:grid;place-items:center;width:var(--space-6);height:var(--space-6);color:var(--accent);background:var(--chip);border-radius:var(--radius-pill);font:var(--weight-medium) var(--type-meta)/1 var(--font-sans);font-variant-numeric:tabular-nums}.editorial-study-page .insight>span:last-child{gap:var(--space-3)}.editorial-study-page .insight strong{color:var(--ink);font:var(--weight-medium) var(--type-body)/var(--leading-ui) var(--font-sans)}.editorial-study-page .insight span span{color:var(--ink-soft);font:var(--weight-regular) var(--type-ui)/var(--leading-body) var(--font-sans)}.editorial-study-page .insight[aria-pressed=true]{background:var(--card-gradient);box-shadow:none}.editorial-study-page .insight[aria-pressed=true] .insight-number{color:var(--on-accent);background:var(--accent)}.editorial-study-page .image-hotspot,.editorial-study-page .image-hotspot[aria-pressed=true]{border:0;box-shadow:none}.editorial-study-page .image-hotspot[aria-pressed=true]{background:color-mix(in srgb,var(--annotation) 18%,transparent)}.editorial-study-page .image-hotspot>span{border:0;box-shadow:none;width:var(--space-6);height:var(--space-6);top:calc(var(--space-4) * -1);left:calc(var(--space-4) * -1)}.editorial-study-page .comparison-before{padding:var(--case-card-padding);border:0;border-radius:var(--case-card-radius);background:var(--card-surface);box-shadow:var(--case-card-shadow)}.editorial-study-page .comparison-before .comparison-label{border:0;padding-bottom:0;margin-bottom:var(--space-6)}.editorial-study-page .comparison-before .comparison-label>span{padding:var(--space-2) var(--space-3);color:var(--ink-soft);background:var(--chip);border-radius:var(--radius-pill);font-size:var(--type-caption)}.editorial-study-page .comparison-before .evidence-figure{gap:var(--space-6)}.editorial-study-page .comparison-before .image-frame{overflow:visible}.editorial-study-page .comparison-before img{border:0;border-radius:0;filter:none;transform:none}.editorial-study-page .comparison-before .inspect-button{border:0;background:var(--chip);color:var(--accent-strong)}.editorial-study-page .comparison-panel figcaption{gap:var(--space-3);line-height:var(--leading-body)}.editorial-study-page .screen-comparison{gap:var(--case-layout-gap)}.editorial-study-page .comparison-after{padding:var(--case-card-padding)}.editorial-study-page .comparison-after .comparison-label{margin-bottom:var(--space-6)}.editorial-study-page .comparison-after .prototype-screen{gap:var(--space-6)}.editorial-study-page .prototype-rationale{margin-top:var(--space-7)}.editorial-study-page .prototype-rationale>p{margin-bottom:var(--space-5)}.editorial-study-page .prototype-rationale ul{list-style:disc;gap:var(--space-4)}.editorial-study-page .story-main .chapter-stage :is(.points,.decision-summary),.editorial-study-page .artifact{padding:var(--case-card-padding);border:0;border-radius:var(--case-card-radius);background:var(--card-gradient);box-shadow:var(--case-card-shadow)}.editorial-study-page .story-main .chapter-stage .point-title,.editorial-study-page .artifact-head h3{margin:0;color:var(--ink);text-transform:none;font:var(--weight-medium) var(--type-title)/var(--leading-title) var(--font-display);letter-spacing:var(--tracking-title)}.editorial-study-page .story-main .chapter-stage .point-list{gap:var(--space-5);margin-top:var(--space-6)}.editorial-study-page .story-main .chapter-stage .point-list li{gap:var(--space-4);font-size:var(--type-body);line-height:var(--leading-body)}.editorial-study-page .story-main .chapter-stage .point-list li:before{width:var(--space-1);height:var(--space-1);box-shadow:none}.editorial-study-page .story-main .decision-summary>.provenance{border:0;padding-top:0}.editorial-study-page .artifact{max-width:none;overflow:visible}.editorial-study-page .artifact-head{padding:0;border:0;gap:var(--space-5);margin-bottom:var(--space-7)}.editorial-study-page .artifact-head .provenance{font-size:var(--type-caption);line-height:var(--leading-body)}.editorial-study-page .artifact-lines{gap:var(--space-6)}.editorial-study-page .artifact-lines>div{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-3);padding:0;border:0;border-radius:0;background:transparent}.editorial-study-page .artifact-lines dt{color:var(--accent-strong);font:var(--weight-medium) var(--type-body)/var(--leading-ui) var(--font-sans)}.editorial-study-page .artifact-lines dd{font-size:var(--type-body);line-height:var(--leading-body)}.editorial-study-page .story-main .chapter[id$=reflection]{padding-inline:0;margin-top:0;border:0;border-radius:0;background:transparent}.editorial-study-page .btn{min-height:var(--control-size);border:0;padding:var(--space-3) var(--space-5);border-radius:var(--radius-pill);gap:var(--space-3)}.editorial-study-page .btn-secondary{color:var(--accent-strong);background:var(--chip)}.editorial-study-page .btn-primary{color:var(--on-accent);background:var(--accent)}.editorial-study-page .btn-primary:hover{background:var(--accent-strong)}.editorial-study-page .skip-link{border:0}.editorial-study-page :is(a,button,#image-pan):focus-visible{outline:var(--focus-width) solid var(--accent-strong);outline-offset:var(--focus-offset)}.editorial-study-page #image-dialog{padding:var(--case-card-padding);border:0;border-radius:var(--case-card-radius);color:var(--ink);background:var(--panel-solid);box-shadow:0 32px 96px -24px var(--card-edge)}.editorial-study-page #image-dialog::backdrop{background:var(--panel);backdrop-filter:blur(12px)}.editorial-study-page .image-dialog-head{gap:var(--space-5)}.editorial-study-page .image-dialog-head h2{font:var(--weight-medium) var(--type-title)/var(--leading-title) var(--font-display)}.editorial-study-page .image-dialog-head .icon-btn{min-width:var(--control-size);min-height:var(--control-size);border:0;border-radius:var(--radius-pill);background:var(--chip)}.editorial-study-page #image-dialog-caption{margin-top:var(--space-4);font-size:var(--type-caption);line-height:var(--leading-body)}.editorial-study-page .image-toolbar{display:flex;flex-wrap:wrap;width:fit-content;gap:var(--space-3);margin-block:var(--space-6);padding:var(--space-3);border-radius:var(--radius-dialog);background:var(--chip)}.editorial-study-page .image-toolbar .btn{min-width:var(--control-size);padding:var(--space-2) var(--space-4);background:var(--panel-solid);color:var(--ink)}.editorial-study-page #zoom-value{min-width:var(--space-8);text-align:center;font:var(--weight-medium) var(--type-ui)/var(--leading-ui) var(--font-sans);font-variant-numeric:tabular-nums}.editorial-study-page #image-pan{margin-top:var(--space-4);border-radius:var(--radius-card);background:var(--card-surface)}.editorial-study-page .story-footer{width:calc(100% - var(--gutter) * 2);max-width:calc(1440px - var(--gutter) * 2);margin:var(--space-8) auto var(--space-8);padding:var(--case-card-padding);gap:var(--space-6);border-radius:var(--case-card-radius);background:var(--card-gradient);box-shadow:var(--case-card-shadow)}.editorial-study-page .story-footer>p{max-width:40ch;font:var(--weight-medium) var(--type-title)/var(--leading-title) var(--font-display);letter-spacing:var(--tracking-title)}.editorial-study-page .story-footer nav{gap:var(--space-5) var(--space-6);padding-top:var(--space-5)}.editorial-study-page .story-footer nav a{font-size:var(--type-ui);line-height:var(--leading-ui);text-underline-offset:.25em}.editorial-study-page :is(.story-header nav a,.story-index a,.segmented button,.insight,.image-toolbar .btn){transition:background var(--duration-ui) var(--ease),color var(--duration-ui) var(--ease),box-shadow var(--duration-ui) var(--ease)}@media(hover:hover)and (pointer:fine){.editorial-study-page :is(.story-header nav a,.story-index a,.btn-secondary):hover{color:var(--on-accent);background:var(--accent)}.editorial-study-page .story-index a:hover>span{color:inherit}.editorial-study-page .insight:hover{background:var(--card-gradient)}.editorial-study-page .image-toolbar .btn:hover{color:var(--on-accent);background:var(--accent)}[data-editorial-motion=on] .editorial-study-page .story-main .chapter-stage .points:hover{box-shadow:var(--case-card-hover-shadow)}}@media(max-width:700px){.editorial-study-page #site-header.story-header{display:flex;gap:var(--space-3)}.editorial-study-page .story-header nav{flex-wrap:wrap}.editorial-study-page .story-header nav a{padding-inline:var(--space-2)}.editorial-study-page .story-main .chapter{padding-block:var(--space-8)}.editorial-study-page .story-intro{gap:var(--space-6)}}@media(prefers-reduced-motion:reduce){.editorial-study-page :is(.story-header nav a,.story-index a,.segmented button,.insight,.image-toolbar .btn){transition:none}}[data-editorial-motion=off] .editorial-study-page :is(.story-header nav a,.story-index a,.segmented button,.insight,.image-toolbar .btn){transition:none}@media(forced-colors:active){.editorial-study-page :is(.story-facts>div,.story-index a,.insight,.comparison-before,.artifact,.artifact-lines>div,.story-footer,#image-dialog,.image-toolbar,.segmented,.btn){border:1px solid CanvasText;background:Canvas;color:CanvasText;box-shadow:none}.editorial-study-page .insight[aria-pressed=true]{outline:2px solid Highlight}.editorial-study-page .segmented [aria-checked=true]{background:Highlight;color:HighlightText}.editorial-study-page .story-main .chapter-stage :is(.points,.decision-summary){background:Canvas;border:1px solid CanvasText;box-shadow:none}}@media print{.editorial-study-page .story-main .chapter{padding-block:var(--space-5)}.editorial-study-page :is(.story-facts>div,.comparison-before,.artifact,.artifact-lines>div,.story-footer){background:none;box-shadow:none}.editorial-study-page .story-footer{width:100%;margin:var(--space-5) 0;padding:0}}
