.study{--study-header: 81px;padding-block:3.5rem 5rem}.study-header{margin-bottom:2.5rem}.study-breadcrumb{font-size:.875rem;color:var(--muted);margin-bottom:2rem}.study-eyebrow{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:1.5rem}.study-scope{border:1.5px solid var(--ink);border-radius:99px;padding:.3rem .75rem;font-size:.8125rem}.study h1{font-size:var(--text-page);max-width:17ch;text-wrap:balance;overflow-wrap:anywhere}.study-header .lead{margin-top:1.75rem;max-width:44rem}.study-hero{background:var(--wash);border-radius:1.5rem;min-height:350px;height:clamp(350px,46vw,640px);padding:2.5rem;display:grid;place-items:center}.study-hero img{width:100%;height:100%;object-fit:contain;min-height:0}.study-facts{margin:2rem 0;padding-top:1.5rem;border-top:1px solid var(--rule);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.5rem}.study-facts dd{margin:.5rem 0 0;font-size:1rem}.study-outcomes{display:flex;flex-wrap:wrap;border:1.5px solid var(--ink);border-radius:1.25rem;overflow:hidden;margin:2.5rem 0 4rem}.study-outcomes>div{display:flex;flex-direction:column;flex:1 1 200px;padding:1.75rem;border-right:1px solid var(--rule);gap:.75rem}.study-outcomes>div:last-child{border:0}.study-outcomes dt{font-size:.9375rem;max-width:20ch}.study-outcomes dd{margin:0;order:-1;font:400 clamp(2rem,4vw,3.5rem)/1.1 var(--font-display);color:var(--signal-red)}.metric-kind{display:block;margin-top:.5rem;font-size:.75rem;color:var(--muted)}.study-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:clamp(2rem,5vw,5rem)}.study-toc{position:sticky;top:calc(var(--study-header) + 2rem);align-self:start;font-size:.875rem}.study-toc p{margin-bottom:1rem}.study-toc a{display:block;padding:.5rem 0 .5rem 1rem;border-left:2px solid var(--rule);text-decoration:none;color:var(--muted)}.study-toc a[aria-current],.study-toc a:hover{color:var(--ink)}.reading-progress{position:fixed;z-index:21;top:var(--study-header);inset-inline:0;height:10px;pointer-events:none}.reading-progress:before{content:"";display:block;height:100%;background:url(/images/reading-pencil.svg) left center / 100% 100% no-repeat;clip-path:inset(0 calc((1 - var(--read, 0)) * 100%) 0 0)}.reading-progress:after{content:"";position:absolute;width:27px;height:27px;top:-21px;left:calc(var(--read, 0) * 100%);transform:translate(-100%);background:url(/images/pencil-tip.svg) center / contain no-repeat;opacity:clamp(0,calc(var(--read, 0) * 100),1)}.study-story{min-width:0;display:flex;flex-direction:column;gap:4rem}.study-summary{background:var(--wash);border-radius:1.25rem;padding:2rem}.study-summary dl{margin:1.5rem 0 0;display:grid;gap:1.25rem}.study-summary dt{font-weight:600;font-size:.9375rem;margin-bottom:.375rem}.study-summary dd{margin:0}.study-section{scroll-margin-top:1rem}.study-section h2{font-size:clamp(2.125rem,4vw,3.5rem);line-height:1.05;margin-bottom:1.5rem}.study-section>p{margin-bottom:1.25rem;max-width:42rem;color:var(--ink-soft)}.decision-list{display:grid;gap:1.25rem}.decision{border:1.5px solid var(--ink);border-radius:1.25rem;padding:1.75rem 2rem}.decision>.label{margin-bottom:.75rem}.decision h3{font-size:clamp(1.625rem,2.5vw,2.25rem);line-height:1.15}.decision dl{margin:1.5rem 0 0;display:grid;gap:1rem;font-size:1rem}.decision dl>div{display:grid;grid-template-columns:6rem 1fr;gap:1rem}.decision dt{font-weight:600}.decision dd{margin:0;color:var(--ink-soft)}.study-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:2.5rem 1.5rem}.study-figure{margin:0;min-width:0}.figure-wide{grid-column:1 / -1}.figure-open{display:grid;place-items:center;position:relative;border:0;border-radius:1.25rem;background:var(--wash);padding:1.5rem;width:100%}.figure-open img{width:100%;height:auto;max-height:690px;object-fit:contain}.figure-phone img{max-width:320px}.figure-zoom{position:absolute;right:.75rem;bottom:.75rem;width:2rem;height:2rem;background:var(--paper);border-radius:50%;font-size:1.25rem}.study figcaption{font-size:.875rem;line-height:1.5;color:var(--muted);margin-top:.75rem}.study-comparison{margin:3rem 0 0;padding:1.25rem;border:1px solid var(--rule);border-radius:1.25rem}.comparison-images{position:relative;background:var(--wash);aspect-ratio:1;overflow:hidden}.comparison-images img{width:100%;height:100%;object-fit:contain}.comparison-before{clip-path:inset(0 calc(100% - var(--split, 50%)) 0 0);position:absolute;inset:0;background:var(--wash)}.comparison-divider{left:var(--split, 50%);position:absolute;inset-block:0;width:2px;background:var(--ink)}.comparison-divider span{position:absolute;top:calc(50% - 22px);left:-22px;display:grid;place-items:center;border-radius:50%;width:44px;height:44px;color:#fff;background:var(--ink)}.comparison-labels{display:flex;justify-content:space-between;margin-block:.75rem 1rem;font-size:.8125rem}.study-comparison label{font-size:1rem}.study-comparison input{display:block;width:100%;accent-color:var(--red-deep);min-height:44px;cursor:ew-resize}.results-list{margin:2rem 0 0;border-top:1.5px solid var(--ink)}.results-list>div{padding:1.25rem 0;border-bottom:1px solid var(--rule);display:grid;grid-template-columns:8rem 1fr;gap:.5rem 1rem;align-items:baseline}.results-list dd{margin:0;grid-column:1;grid-row:1;font-size:2rem}.results-list dt{grid-column:2;font-size:1rem}.results-list dd.measurement-note{grid-column:2;grid-row:auto;font:.875rem/1.5 var(--font-text);color:var(--muted)}.next-study{margin-top:5rem;border-top:1.5px solid var(--ink);padding-top:2.5rem}.next-study a{display:flex;justify-content:space-between;align-items:end;gap:2rem;text-decoration:none}.next-study .display{font-size:clamp(2.75rem,5vw,5rem);margin:1rem 0}.next-study p:last-child{max-width:40rem;font-size:1rem}.next-study img{width:140px;height:auto}.figure-dialog{max-width:min(96vw,1500px);max-height:95vh;border:0;border-radius:1rem;padding:1.5rem;background:var(--paper)}.figure-dialog::backdrop{background:#111111d1}.figure-dialog>button{display:block;margin-left:auto;position:sticky;top:0;z-index:1}.figure-dialog figure{margin:1rem 0 0}.figure-dialog img{width:auto;max-width:100%;max-height:75vh;object-fit:contain;height:auto;margin-inline:auto}html:has(.figure-dialog[open]){overflow:hidden}@media(max-width:1000px){.study-layout{grid-template-columns:minmax(0,1fr)}.study-toc{display:none}.study-story{max-width:800px;margin-inline:auto}}@media(max-width:600px){.study{padding-top:1.75rem}.study-breadcrumb{margin-bottom:1.5rem}.study-header .lead{font-size:1.1875rem}.study-hero{padding:1rem;height:350px;min-height:0;border-radius:1rem}.study-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem 1rem}.study-outcomes{margin-block:2rem 2.5rem}.study-outcomes>div{flex-basis:50%;padding:1.25rem 1rem;border-bottom:1px solid var(--rule)}.study-outcomes>div:nth-child(2n){border-right:0}.study-story{gap:3rem}.study-summary,.decision{padding:1.25rem}.decision dl>div{display:block}.decision dt{margin-bottom:.375rem}.study-gallery{grid-template-columns:1fr;gap:2rem}.figure-open{padding:1rem}.figure-phone img{max-height:560px}.results-list>div{grid-template-columns:6rem 1fr}.next-study{margin-top:3rem}.next-study a{gap:1rem}.next-study img{width:90px}.next-study p:last-child{display:none}}@media print{.site-header,.site-footer,.study-toc,.reading-progress,.next-study,.figure-zoom,.figure-dialog{display:none!important}.study{width:100%;padding:0}.study-layout{display:block}.study-hero{height:300px}.study-section,.decision,.study-figure{break-inside:avoid}}.study-diagram{margin:2rem 0 0;background:var(--wash);padding:1.5rem;border-radius:1.25rem}.diagram-heading{display:flex;flex-wrap:wrap;gap:1rem;align-items:baseline;justify-content:space-between;margin-bottom:2rem}.diagram-heading h3{font-size:1.75rem;line-height:1.15}.diagram-heading button{font-size:.875rem;min-height:44px}.diagram-flow{list-style:none;padding:0;margin:0;display:grid;gap:2.25rem}.diagram-flow li{padding:1.5rem;position:relative;isolation:isolate;background:var(--paper)}.diagram-flow h4{margin:.5rem 0;font-size:1.25rem;line-height:1.2;font-weight:500}.diagram-flow li>p:not(.label){font-size:1rem;color:var(--ink-soft)}.pen-box{position:absolute;inset:0;height:100%;width:100%;overflow:visible;z-index:-1}.pen-box path:not(.pen-wash){fill:none;stroke:var(--ink);stroke-width:1.5;stroke-linecap:round;vector-effect:non-scaling-stroke}.pen-box.pen-signal path:not(.pen-wash){stroke:var(--red-deep);stroke-width:2}.pen-wash{fill:#ece7e1;opacity:.4}.diagram-arrow{position:absolute;left:calc(50% - .5rem);bottom:-2rem;font-size:1.5rem;color:var(--red-deep)}.diagram-wdw .diagram-rejected{border-left:2px dashed var(--muted)}.diagram-draw .pen-box path:not(.pen-wash){animation:draw-pen .22s ease-out both;animation-delay:calc(var(--step) * .34s + var(--edge) * 50ms)}.diagram-draw .pen-box path:nth-of-type(3){animation-name:draw-pen-down}.diagram-draw .pen-box path:nth-of-type(4){animation-name:draw-pen-left}.diagram-draw .pen-box path:nth-of-type(5){animation-name:draw-pen-up}@keyframes draw-pen{0%{clip-path:inset(0 100% 0 0) stroke-box}to{clip-path:inset(0) stroke-box}}@keyframes draw-pen-down{0%{clip-path:inset(0 0 100% 0) stroke-box}to{clip-path:inset(0) stroke-box}}@keyframes draw-pen-left{0%{clip-path:inset(0 0 0 100%) stroke-box}to{clip-path:inset(0) stroke-box}}@keyframes draw-pen-up{0%{clip-path:inset(100% 0 0 0) stroke-box}to{clip-path:inset(0) stroke-box}}@media(min-width:700px){.diagram-flow{grid-template-columns:repeat(2,minmax(0,1fr))}.diagram-topics li:nth-child(odd) .diagram-arrow{left:auto;right:-1.75rem;top:calc(50% - .75rem);bottom:auto;transform:rotate(-90deg)}.diagram-topics li:nth-child(2) .diagram-arrow{transform:rotate(35deg);left:-1.25rem}.diagram-wdw li:nth-child(1),.diagram-wdw li:nth-child(2),.diagram-wdw li:nth-child(3){grid-column:1 / -1}}.next-study a>div{min-width:0}.next-study .display{overflow-wrap:anywhere}.next-study img{flex-shrink:0}.toc-marker{position:absolute;left:0;top:0;width:2px;height:1px;background:var(--red-deep);transform-origin:top;transition:transform .25s cubic-bezier(.2,.7,.2,1)}.study-outcomes dd{font-variant-numeric:tabular-nums}.study-website{font-size:1rem;margin-block:1.5rem}.figure-dialog img{touch-action:pan-x pinch-zoom;-webkit-user-select:none;user-select:none}.figure-dialog figcaption{font-size:.875rem;color:var(--muted);margin-top:.75rem}