@charset "UTF-8";
:root{--paper:#f6f3eb;--ink:#242620;--muted:#64685e;--line:#d7d6ca;--green:#276451;--green-soft:#e4eadf;--rust:#be5d39;--white:#fffef9;--serif:Georgia,"Times New Roman",serif;--sans:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.75 var(--sans);-webkit-font-smoothing:antialiased}::selection{background:#d0dfca}a{color:var(--green);text-underline-offset:4px}a:hover{color:var(--rust)}button,input,select{font:inherit}button{cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--rust);outline-offset:5px}img,video,svg{max-width:100%}img,video{display:block}p{margin:0 0 1.3em}h1,h2,h3,h4{font-weight:400;line-height:1.12;margin:0}h1,h2,h3{font-family:var(--serif)}h2{font-size:clamp(33px,4.1vw,53px);letter-spacing:-1.7px}h3{font-size:28px;letter-spacing:-.7px}h4{font:600 16px/1.45 var(--sans)}strong{font-weight:600}code{font: .88em var(--mono);background:#e9e8dd;padding:2px 5px;border-radius:3px}pre{margin:0;overflow-x:auto;tab-size:4}pre code{display:block;background:none;padding:0;font-size:13px;line-height:1.8}.skip-link{position:absolute;top:-70px;left:20px;background:var(--ink);color:white;padding:8px 15px;z-index:100}.skip-link:focus{top:10px}
.site-header{height:76px;display:flex;align-items:center;justify-content:space-between;max-width:1320px;margin:auto;padding:0 48px;border-bottom:1px solid var(--line)}.wordmark{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font-size:13px;font-weight:650;letter-spacing:-.2px}.logo-mark{font:27px/1 var(--mono);color:var(--green);letter-spacing:-6px;margin-right:6px}.header-links{display:flex;gap:27px;align-items:center;font-size:12px}.header-links a{color:var(--muted);text-decoration:none}.draft-label,.eyebrow,.section-index,.figure-label,.tiny-label{font:11px/1.6 var(--mono);letter-spacing:1.5px;text-transform:uppercase}.draft-label{display:flex;align-items:center;gap:7px}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--green)}.reading-progress{height:2px;position:fixed;top:0;left:0;background:var(--green);transform-origin:left;transform:scaleX(0);width:100%;z-index:100}
.hero{max-width:1180px;margin:auto;padding:73px 32px 0;text-align:center}.eyebrow{color:var(--green);display:flex;align-items:center;justify-content:center;gap:12px}.eyebrow::before,.eyebrow::after{content:"";width:28px;height:1px;background:var(--green)}h1{font-size:clamp(55px,8.3vw,106px);letter-spacing:-5px;margin-top:22px}h1 em{font-weight:400;color:var(--green)}.hero-subtitle{font-family:var(--serif);font-size:clamp(24px,3.1vw,37px);line-height:1.3;letter-spacing:-.5px;max-width:780px;margin:19px auto 0}.hero-summary{font-size:17px;color:var(--muted);max-width:670px;margin:26px auto}.hero-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;text-decoration:none;padding:11px 20px;border:1px solid var(--green);font-size:12px;font-weight:600;background:var(--green);color:white;border-radius:2px}.button:hover{background:#194d3b;color:white}.button.secondary{background:transparent;color:var(--ink);border-color:var(--line)}.button.secondary:hover{border-color:var(--green);color:var(--green)}.button .arrow{font-size:18px;font-weight:400}.hero-meta{margin:26px auto 32px;font:11px/1.7 var(--mono);color:var(--muted);letter-spacing:.25px}
.hero-media{max-width:1160px;margin:0 auto;padding:0 32px}.reel{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.reel-card{position:relative;background:#e5e3d7;border:1px solid var(--line);overflow:hidden}.reel-card video{width:100%;aspect-ratio:4/3;object-fit:cover}.reel-card .reel-label{display:flex;justify-content:space-between;align-items:center;padding:10px 13px;background:var(--white);font:11px/1.5 var(--mono)}.reel-label span:last-child{color:var(--muted);font-size:10px}.reel-caption{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:12px 0 0;color:var(--muted);font-size:11px}.reel-control{background:none;border:0;padding:3px 0;border-bottom:1px solid var(--line);color:var(--ink);font:11px var(--mono);white-space:nowrap}.reel-note{margin-top:8px;color:var(--muted);font-size:11px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:36px}.metric{padding:22px 24px 24px;text-align:center}.metric+.metric{border-left:1px solid var(--line)}.metric-value{font:39px/1.2 var(--serif);color:var(--green);letter-spacing:-1px}.metric-name{font-size:11px;margin-top:5px;color:var(--muted)}
.article-layout{max-width:1280px;display:grid;grid-template-columns:166px minmax(0,900px);gap:38px;padding:75px 42px 0;margin:auto}.contents{align-self:start;position:sticky;top:40px;padding-top:6px}.contents-title{font:10px var(--mono);letter-spacing:1.4px;color:var(--muted);margin-bottom:19px}.contents ol{list-style:none;margin:0;padding:0;border-left:1px solid var(--line)}.contents li a{display:block;font-size:11px;line-height:1.5;color:var(--muted);padding:8px 0 8px 14px;text-decoration:none;border-left:2px solid transparent;margin-left:-1px}.contents li a:hover,.contents li a[aria-current="location"]{color:var(--green);border-color:var(--green)}.contents-footer{font:10px/1.7 var(--mono);margin-top:26px;color:var(--muted)}.article{min-width:0}.article-section{padding-bottom:72px;scroll-margin-top:45px}.article-section+.article-section{border-top:1px solid var(--line);padding-top:58px}.section-index{color:var(--green);margin-bottom:16px;display:block}.section-head{margin-bottom:27px}.section-head p{margin:19px 0 0;max-width:690px;color:var(--muted)}.prose{max-width:715px}.prose p:last-child{margin-bottom:0}.lead{font-size:20px;line-height:1.7}.pullquote{font:30px/1.35 var(--serif);letter-spacing:-.7px;border-left:3px solid var(--green);padding:4px 0 4px 25px;margin:32px 0;max-width:700px}.small-note{font-size:12px;line-height:1.65;color:var(--muted)}.inline-heading{font:600 17px var(--sans);margin:30px 0 12px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:28px}.explainer-card{padding:25px;background:var(--white);border:1px solid var(--line)}.explainer-card .tiny-label{color:var(--green);margin-bottom:12px}.explainer-card p{font-size:14px;line-height:1.75;margin:13px 0 0}.explainer-card h3{font-size:25px}.callout{border:1px solid var(--line);background:var(--green-soft);padding:22px 26px;margin:29px 0}.callout p{font-size:14px;margin:0;line-height:1.7}.callout h4{margin-bottom:7px}.figure{margin:30px 0}.figure-frame{border:1px solid var(--line);background:var(--white);overflow:hidden}.figure-frame img{width:100%;height:auto}.figure-label{color:var(--green);font-size:10px;letter-spacing:.8px;margin-right:8px}figcaption{margin:12px 0 0;color:var(--muted);font-size:12px;line-height:1.7}.figure-download{font-size:11px;margin-left:8px;white-space:nowrap}.code-window{background:#242e28;color:#e5ebdf;border-radius:3px;overflow:hidden;margin:28px 0}.code-toolbar{display:flex;justify-content:space-between;align-items:center;padding:11px 18px;font:10px var(--mono);color:#b5c6b9;border-bottom:1px solid #435048}.code-window pre{padding:22px}.code-window code{color:#e5ebdf}.code-comment{color:#8eaf9b}.code-keyword{color:#e9bb80}.code-function{color:#b9d9b1}.copy-code{background:none;border:1px solid #637366;color:#e5ebdf;padding:3px 9px;font:10px var(--mono);border-radius:2px}
.tab-list{display:flex;flex-wrap:wrap;gap:7px;margin:25px 0 19px}.tab-button{border:1px solid var(--line);background:transparent;padding:8px 15px;color:var(--muted);font:12px var(--sans);border-radius:2px}.tab-button[aria-selected="true"]{background:var(--green);color:white;border-color:var(--green)}.tab-button:hover{border-color:var(--green)}.tab-panel[hidden]{display:none}.media-player{background:#e6e4d8;border:1px solid var(--line);overflow:hidden}.media-player video{width:100%;height:auto}.media-info{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:16px 20px;background:var(--white);border:1px solid var(--line);border-top:0}.media-title{font:23px var(--serif);margin-bottom:6px}.media-description{font-size:12px;color:var(--muted);line-height:1.65;max-width:600px}.media-seed{font:10px var(--mono);color:var(--muted);white-space:nowrap;margin-top:5px}.outcomes{display:flex;gap:8px;flex-wrap:wrap;margin-top:11px}.outcome{font:10px var(--mono);background:var(--green-soft);color:var(--green);padding:4px 8px;border-radius:2px}.outcome.fail{background:#f1e5dc;color:#93482c}.results-card{background:var(--white);border:1px solid var(--line);margin-top:28px;padding:24px}.results-card-title{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.results-card-title h3{font-size:25px}.legend{display:flex;flex-wrap:wrap;gap:15px;font:10px var(--mono);color:var(--muted)}.legend-item{display:inline-flex;gap:6px;align-items:center}.legend-swatch{width:10px;height:10px;background:var(--green)}.legend-swatch.alt{background:var(--rust)}.chart-row{display:grid;grid-template-columns:108px 1fr 50px;gap:12px;align-items:center;margin:15px 0;font-size:12px}.bar-track{height:11px;background:#ecece1;position:relative}.bar{height:100%;background:var(--green);width:var(--value)}.bar.alt{background:var(--rust)}.chart-value{font:12px var(--mono);text-align:right}.chart-axis{display:flex;justify-content:space-between;font:10px var(--mono);color:var(--muted);margin:8px 62px 0 120px}.table-scroll{overflow-x:auto;border:1px solid var(--line);margin:25px 0}table{border-collapse:collapse;width:100%;text-align:left;font-size:12px;line-height:1.6;background:var(--white)}th{font:10px var(--mono);letter-spacing:.4px;background:#eeeee4;color:var(--muted);text-transform:uppercase;white-space:nowrap}th,td{padding:13px 16px;border-bottom:1px solid var(--line)}tr:last-child td{border-bottom:0}td:first-child{font-weight:600}tbody tr:hover{background:#f2f4e9}.table-scroll caption{text-align:left;font-size:12px;font-weight:600;padding:15px 16px;background:var(--white)}.details{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:24px 0;padding:15px 0}.details summary{cursor:pointer;font-size:13px;font-weight:600}.details .details-body{font-size:13px;padding:18px 0 5px;color:var(--muted)}.details p:last-child{margin-bottom:0}.takeaway-list{counter-reset:takeaway;list-style:none;margin:30px 0 0;padding:0}.takeaway-list li{counter-increment:takeaway;border-top:1px solid var(--line);padding:23px 0;display:grid;grid-template-columns:38px 1fr;gap:14px}.takeaway-list li::before{content:"0" counter(takeaway);font:12px var(--mono);color:var(--green);margin-top:4px}.takeaway-list h3{font-size:25px;margin-bottom:10px}.takeaway-list p{font-size:14px;margin:0;color:var(--muted)}.resource-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:28px}.resource-link{display:block;padding:20px;border:1px solid var(--line);text-decoration:none;color:var(--ink);background:var(--white)}.resource-link strong{display:flex;justify-content:space-between;font-size:13px}.resource-link span.description{display:block;font-size:12px;color:var(--muted);margin-top:7px}.site-footer{max-width:1180px;margin:0 auto;padding:30px 32px 40px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:30px;font-size:11px;color:var(--muted)}.site-footer a{color:inherit}.footer-mark{font-family:var(--serif);font-size:20px;color:var(--ink)}.mobile-contents{display:none}
@media(min-width:1500px){.article-layout{grid-template-columns:166px minmax(0,960px);max-width:1340px;gap:50px}}
@media(max-width:1000px){.article-layout{grid-template-columns:130px minmax(0,1fr);gap:25px;padding-left:28px;padding-right:28px}.site-header{padding:0 30px}.hero{padding-top:58px}h1{letter-spacing:-3px}.contents li a{font-size:10px}.reel-label span:last-child{display:none}.results-card{padding:20px}}
@media(max-width:760px){body{font-size:16px}.site-header{height:65px;padding:0 20px}.header-links{gap:16px;font-size:11px}.header-links .draft-label{display:none}.hero{padding:44px 21px 0}h1{font-size:58px;letter-spacing:-2.8px;line-height:1.05;margin-top:20px}.hero-subtitle{font-size:26px;max-width:450px}.hero-summary{font-size:15px;margin:21px auto;max-width:470px}.eyebrow{font-size:9px;letter-spacing:1px}.hero-meta{font-size:10px;margin-bottom:26px}.hero-media{padding:0 20px}.reel{grid-template-columns:repeat(2,1fr);gap:8px}.reel-card .reel-label{padding:8px 10px;font-size:10px}.reel-label span:last-child{display:block;font-size:9px}.reel-caption{align-items:flex-start;font-size:10px}.metrics{margin-top:25px}.metric{padding:18px 8px}.metric-value{font-size:30px}.metric-name{font-size:9px;line-height:1.6}.article-layout{display:block;padding:46px 21px 0}.contents{display:none}.mobile-contents{display:flex;gap:16px;overflow-x:auto;white-space:nowrap;max-width:100%;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:12px 1px;margin-bottom:35px;font-size:11px}.mobile-contents a{text-decoration:none;color:var(--muted)}.article-section{padding-bottom:45px}.article-section+.article-section{padding-top:39px}h2{font-size:36px;letter-spacing:-1.1px}.section-head{margin-bottom:22px}.section-index{font-size:10px;margin-bottom:11px}.lead{font-size:18px}.pullquote{font-size:26px;padding-left:19px;margin:28px 0}.two-col{grid-template-columns:1fr;gap:13px}.explainer-card{padding:22px}.figure{margin:24px 0}.figure-frame{overflow-x:auto}.figure-frame.wide-diagram img{min-width:680px}.media-info{display:block;padding:15px}.media-seed{margin-top:10px}.tab-button{font-size:11px;padding:7px 11px}.tab-list{gap:6px}.code-window pre{padding:18px}.code-window pre code{font-size:11px}.results-card{padding:18px 14px}.results-card-title{display:block}.legend{margin-top:14px}.chart-row{grid-template-columns:82px 1fr 43px;gap:8px;font-size:11px}.chart-axis{margin-left:90px;margin-right:51px}.resource-grid{grid-template-columns:1fr}.site-footer{margin:0 20px;padding:24px 0 30px;display:block}.site-footer>div+div{margin-top:15px}th,td{padding:11px 12px}.callout{padding:20px}.takeaway-list li{gap:8px;grid-template-columns:30px 1fr}.takeaway-list h3{font-size:23px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
@media print{.site-header,.contents,.hero-actions,.reel-control,.tab-list,.mobile-contents,.reading-progress{display:none}.article-layout{display:block;padding:30px 0}.hero{padding-top:0}.article-section{break-inside:avoid}.tab-panel[hidden]{display:block}.site-footer{margin:0}body{background:white;font-size:11pt}.figure-frame{border:0}a{color:inherit}h1{font-size:55px}}
.walkthrough-panel{background:var(--white);border:1px solid var(--line);padding:28px}.walkthrough-panel p{font-size:14px;line-height:1.8;margin-top:16px}.walkthrough-panel p:last-child{margin-bottom:0}.walkthrough-panel h3{margin-top:9px}.walkthrough-panel .tiny-label{color:var(--green)}.walkthrough-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center}.walkthrough-video{background:#e6e4d8;border:1px solid var(--line)}.walkthrough-video video{width:100%;aspect-ratio:4/3}.video-footnote{background:var(--paper);padding:9px 12px;font:9px/1.6 var(--mono);color:var(--muted);letter-spacing:.5px}.search-checkpoints{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:24px 0}.search-checkpoints>div{border-top:2px solid var(--green);padding-top:15px}.search-checkpoints strong{font:35px var(--serif);color:var(--green);display:block}.search-checkpoints span{font-size:11px;color:var(--muted);line-height:1.55;display:block;margin-top:7px}.comparison-videos{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:25px 0}.comparison-videos video{width:100%;aspect-ratio:4/3}.comparison-videos figcaption{font-size:12px}.comparison-videos figure{margin:0}.comparison-videos h4{margin-bottom:10px;font-size:13px}.sequence{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 27px;align-items:center}.sequence span{font:11px var(--mono);border:1px solid var(--line);padding:6px 10px;background:var(--white)}.sequence b{font-weight:400;color:var(--green)}
@media(max-width:760px){.walkthrough-panel{padding:20px}.walkthrough-grid{grid-template-columns:1fr;gap:20px}.walkthrough-panel p{font-size:13px}.search-checkpoints{gap:12px}.search-checkpoints strong{font-size:28px}.search-checkpoints span{font-size:10px}.comparison-videos{gap:10px}.comparison-videos figcaption{font-size:10px}.comparison-videos h4{font-size:12px}.sequence span{font-size:10px}.figure-frame.wide-diagram img{min-width:0}}
/* Split opening: text on the left, four live control demonstrations on the right. */
.site-header{max-width:none;background:#141c17;color:#f6f3eb;border-bottom:1px solid #354039;padding-left:max(40px,calc((100vw - 1224px)/2));padding-right:max(40px,calc((100vw - 1224px)/2))}.site-header .wordmark{color:#f6f3eb}.site-header .logo-mark{color:#bad4b5}.header-links a{color:#c0c9bf}.site-header .status-dot{background:#bad4b5}.hero-band{background:#141c17;color:#f6f3eb}.hero-split{max-width:1320px;display:grid;grid-template-columns:.94fr 1.06fr;gap:58px;align-items:center;margin:auto;padding:76px 48px 73px}.hero{padding:0;text-align:left;max-width:none;margin:0}.hero .eyebrow{justify-content:flex-start;color:#bad4b5;font-size:10px;letter-spacing:1px}.hero .eyebrow::after{display:none}.hero .eyebrow::before{background:#bad4b5;width:23px}.hero h1{font-size:clamp(67px,6.8vw,92px);line-height:.99;letter-spacing:-3.6px;margin-top:28px}.hero h1 em{color:#bad4b5}.hero-subtitle{font:26px/1.38 var(--sans);letter-spacing:-.7px;margin:26px 0 0;max-width:490px}.hero-summary{color:#b9c3ba;font-size:15px;line-height:1.85;margin:24px 0 0;max-width:470px}.hero-actions{justify-content:flex-start;margin-top:28px;gap:11px}.hero .button{background:#bcd4b5;border-color:#bcd4b5;color:#172319;padding:10px 16px;font-size:11px;gap:12px}.hero .button:hover{background:#dae5d5}.hero .button.secondary{background:transparent;color:#dde5da;border-color:#536354}.hero .button.secondary:hover{border-color:#bcd4b5}.hero-meta{font-size:9px;color:#8f9e91;margin:26px 0 0;line-height:1.9;letter-spacing:.2px}.hero-media{padding:0;margin:0;min-width:0}.reel{grid-template-columns:repeat(2,1fr);gap:12px}.reel-card{border:1px solid #344037;background:#080e0a}.reel-card .reel-label{background:#1c2720;color:#e6ecdf;padding:12px 13px}.reel-label span:last-child{color:#8f9e91;font-size:9px}.reel-caption{color:#95a394;font-size:10px;line-height:1.6;align-items:flex-start;margin-top:16px;gap:15px}.reel-control{color:#cfddc9;border-color:#4b5e4e;font-size:10px}.hero-metrics-wrap{max-width:1200px;padding:0 32px;margin:auto}.hero-metrics-wrap .metrics{margin-top:0;border-top:0}.metric{padding-top:27px;padding-bottom:27px}.article-layout{padding-top:65px}
@media(max-width:1100px) and (min-width:761px){.hero-split{gap:30px;padding:58px 32px}.hero h1{font-size:72px}.hero-subtitle{font-size:22px}.hero-summary{font-size:14px}.reel-card .reel-label{padding:9px}.reel-label span:last-child{display:none}.hero-meta{font-size:8px}.hero .button{font-size:10px;padding:9px 12px}.hero-actions{gap:8px}}
@media(max-width:760px){.site-header{padding:0 21px}.hero-split{display:block;padding:40px 21px 32px}.hero{padding:0}.hero h1{font-size:72px;letter-spacing:-3px;margin-top:23px}.hero-subtitle{font-size:24px;line-height:1.4;margin-top:23px;max-width:470px}.hero-subtitle br{display:none}.hero-summary{font-size:14px;max-width:470px;margin:20px 0 0}.hero .eyebrow{font-size:9px}.hero-actions{margin-top:24px}.hero-meta{font-size:8px;margin:21px 0 0}.hero-media{margin-top:32px;padding:0}.reel{gap:9px}.reel-label span:last-child{display:none}.reel-card .reel-label{padding:8px 10px;font-size:10px}.reel-caption{font-size:9px;gap:12px}.reel-control{font-size:9px}.hero-metrics-wrap{padding:0 20px}.metric{padding:20px 8px}.metric-value{font-size:29px}.metric-name{font-size:9px}.article-layout{padding-top:36px}}
@media print{.hero-band{background:white;color:black}.hero-split{padding:0;display:block}.hero h1,.hero h1 em,.hero-subtitle{color:black}.hero h1{font-size:54px}.hero-summary,.hero-meta{color:#444}.hero-media{margin-top:25px}.reel-card .reel-label{background:#eee;color:black}}
.figure-fullsize{display:block;cursor:zoom-in}.figure-fullsize:focus-visible{outline-offset:-4px}.figure-fullsize:hover{opacity:.96}
@media(max-width:760px){.site-header .wordmark{font-size:10px;white-space:nowrap;gap:8px}.header-links{gap:16px;white-space:nowrap}.header-links a:last-of-type{display:none}.site-header .logo-mark{font-size:24px}.hero .hero-subtitle br{display:none}}
@media(max-width:760px){.hero h1{font-size:clamp(54px,18vw,72px)}}
.katex{white-space:nowrap;font-size:1.05em}
.task-gallery{margin:36px 0}.gallery-head{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:4px 20px}.gallery-title{font:24px var(--serif)}.gallery-subtitle{font:10px var(--mono);letter-spacing:.8px;color:var(--muted);margin-top:5px;text-transform:uppercase}.gallery-filter{margin:12px 0 0}.tab-button[aria-pressed="true"]{background:var(--green);color:white;border-color:var(--green)}.gallery-legend{display:flex;flex-wrap:wrap;align-items:center;gap:8px 20px;margin-top:16px;padding-bottom:12px;border-bottom:1px solid var(--ink);font-size:12px;color:var(--muted)}.gallery-legend i{display:inline-block;width:22px;height:9px;margin-right:7px;vertical-align:middle}.gallery-stat{margin-left:auto;font:11px var(--mono);color:var(--green)}.gallery-group{margin-top:22px}.gallery-group-head{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:9px;font:10px var(--mono);letter-spacing:.6px;color:var(--muted);text-transform:uppercase}.gallery-group-head span:first-child{color:var(--green);font-weight:600}.gallery-track{overflow-x:auto;padding-bottom:10px;cursor:grab;user-select:none;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 50px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 50px),transparent)}.gallery-track.dragging{cursor:grabbing}.gallery-track:focus-visible{outline:2px solid var(--green);outline-offset:2px}.gallery-track::-webkit-scrollbar{height:7px}.gallery-track::-webkit-scrollbar-thumb{background:var(--line)}.gallery-strip{display:flex;gap:16px;padding-right:50px;width:max-content}.gallery-card{width:230px;flex-shrink:0;background:var(--white);border:1px solid var(--line);padding:0 0 10px}.gc-media{position:relative;aspect-ratio:4/3;background:#e6e4d8;overflow:hidden}.gc-media video{width:100%;height:100%;object-fit:contain;display:block;-webkit-user-drag:none}.gc-empty{display:grid;place-items:center;height:100%;font:10px var(--mono);color:var(--muted);text-align:center;padding:0 16px}.gc-badge{position:absolute;left:0;top:0;font:9px var(--mono);letter-spacing:.8px;color:var(--white);background:rgba(36,38,32,.78);padding:3px 7px}.gc-name{font:16px var(--serif);padding:9px 10px 2px}.gc-chart{display:block;width:100%;height:auto;padding:0 10px;box-sizing:border-box;overflow:visible}.gc-head{font:8.5px var(--mono);letter-spacing:.8px;fill:var(--muted)}.gc-arm{font:9.5px var(--mono);fill:var(--ink)}.gc-val{font:9.5px var(--mono);fill:var(--ink)}
@media(max-width:760px){.gallery-card{width:190px}.gallery-stat{margin-left:0;width:100%}.gallery-title{font-size:21px}}
#pen,#pen-walkthrough{scroll-margin-top:45px}
.gc-media video.gc-crop-wide{max-width:none;position:absolute;left:-6%;top:-12%;width:112%;height:112%;object-fit:fill}.gc-media video.gc-crop-square{max-width:none;position:absolute;left:50%;top:-12%;height:112%;width:auto;aspect-ratio:1;transform:translateX(-50%);object-fit:fill}

/* Idea section: emphasize the control scope and the role of search feedback. */
.idea-copy .idea-subhead{font-size:26px;line-height:1.25;color:var(--green);margin:32px 0 14px}
.idea-copy mark,#results .prose mark{color:var(--ink);background:var(--green-soft);padding:1px 3px;-webkit-box-decoration-break:clone;box-decoration-break:clone}
@media(max-width:760px){.idea-copy .idea-subhead{font-size:24px;margin-top:28px}}

.citation-code pre{white-space:pre-wrap;overflow-wrap:anywhere}
.gc-failed{position:absolute;right:0;bottom:0;font:9px var(--mono);letter-spacing:.8px;color:var(--white);background:var(--rust);padding:3px 7px}.gallery-card.is-failed{border-color:#d9b7a6}

/* Paper identity and authors accompany the original Adroit video hero. */
.hero-split{grid-template-columns:.94fr 1.06fr;gap:58px;padding-top:60px;padding-bottom:60px;max-width:1320px}
.hero h1{font-size:clamp(64px,6.4vw,88px);margin-top:0}
.hero-subtitle{font-size:clamp(28px,2.4vw,32px);line-height:1.35;max-width:530px}
.project-authors{margin:26px 0 0;padding:0;color:#c4cfc3;font-size:16px;line-height:1.8}
.project-authors p{margin:0 0 6px}.project-authors .author-names{color:#f6f3eb;font-size:18px;line-height:1.9;margin-bottom:12px}
.author-names>span{display:inline-block;white-space:nowrap;margin-right:12px}.author-names>span:last-child{margin-right:0}.author-names sup{font-size:11px;margin-left:3px;color:#b9c3ba;letter-spacing:.5px;white-space:nowrap}
.project-authors .author-roles{font-size:14px;color:#a2b19f;margin-top:8px}.affiliation-gap{display:inline-block;margin-left:18px}
.results-subhead{margin:48px 0 18px;scroll-margin-top:45px}
.result-nav{display:flex;flex-wrap:wrap;gap:10px 24px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:13px 0;font-size:12px;margin:0 0 30px}
.result-nav a{text-decoration:none}.prose>.result-nav+h3{margin-top:0}
@media(max-width:1100px) and (min-width:761px){.hero-split{padding:45px 32px;gap:30px}.hero h1{font-size:67px}.hero-subtitle{font-size:27px}.project-authors .author-names{font-size:17px}.affiliation-gap{display:block;margin-left:0}}
@media(max-width:760px){.hero-split{display:block;padding:40px 21px 32px}.hero h1{font-size:clamp(54px,18vw,72px)}.hero-subtitle{font-size:28px}.project-authors{font-size:15px;margin-top:24px}.project-authors .author-names{font-size:16px}.project-authors .author-roles{font-size:13px}.affiliation-gap{margin-left:0;display:block}.results-subhead{margin-top:36px}.result-nav{gap:10px 18px}.metrics .metric-name{font-size:9px;line-height:1.6}}
@media print{.project-authors,.project-authors .author-names,.project-authors .author-roles,.author-names sup{color:#242620}.project-authors{margin-top:18px}.hero-split{padding:0;display:block}.result-nav{display:none}}

/* Let white paper-figure backgrounds reveal the page without altering source artwork. */
.figure-transparent .figure-frame{background:transparent;border:0}
.figure-transparent .figure-fullsize{mix-blend-mode:multiply}

/* Larger opening text; the project wordmark and main title keep their sizes. */
.header-links{font-size:14px}.header-links .draft-label{font-size:12px}
.hero{min-width:0}.hero .button{font-size:14px}.hero .button .arrow{font-size:20px}.hero-meta{font-size:12px}
.hero-media .reel-label{font-size:13px}.hero-media .reel-label span:last-child{font-size:11px}
.hero-media .reel-caption,.hero-media .reel-control{font-size:12px}
.hero-metrics-wrap .metric-value{font-size:43px}.hero-metrics-wrap .metric-name{font-size:13px}
@media(max-width:1100px) and (min-width:761px){.hero .button{font-size:13px}.hero-meta{font-size:11px}}
@media(max-width:760px){.header-links{font-size:13px;gap:12px}.hero-meta{font-size:11px}.hero-media .reel-label{font-size:12px}.hero-media .reel-caption,.hero-media .reel-control{font-size:11px}.hero-metrics-wrap .metric-value{font-size:33px}.hero-metrics-wrap .metric-name{font-size:11px}.author-names>span{margin-right:10px}}
/* Hero results stage: eight held-out replays play behind the headline numbers. */
.stage{position:relative;overflow:hidden;background:#0c120e;border:1px solid #344037;isolation:isolate}
.stage .stage-mosaic{position:absolute;inset:0;z-index:-2;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:2px}
.stage-tile{position:relative;overflow:hidden;background:#1c2720}
.stage-tile video{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;filter:saturate(.85)}
.stage::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(12,18,14,.3) 0%,rgba(12,18,14,.5) 30%,rgba(12,18,14,.7) 58%,rgba(12,18,14,.8) 100%)}
.stage-stats{padding:250px 34px 34px;color:#e6ecdf}
.stage-stats p{margin:0}
.stage-kicker{font:12px/1.5 var(--mono);letter-spacing:1.6px;text-transform:uppercase;color:#bad4b5;text-shadow:0 1px 8px rgba(0,0,0,.6)}
.stage-big{font:400 clamp(120px,12vw,178px)/.9 var(--serif);letter-spacing:-7px;color:#f6f3eb;margin-top:8px!important;text-shadow:0 2px 24px rgba(0,0,0,.45)}
.stage-big span{font-size:.5em;letter-spacing:0;color:#bad4b5;margin-left:4px}
.stage-lead{font-size:17px;line-height:1.45;color:#d5ddd2;margin-top:12px!important;max-width:470px}
.stage-lead strong{color:#f6f3eb}
.stage-bars{margin-top:22px;display:grid;gap:11px}
.stage-bar{display:grid;grid-template-columns:minmax(0,1fr) 64px;grid-template-areas:"name val" "track track";column-gap:12px;row-gap:5px;align-items:end}
.stage-bar-name{grid-area:name;font:11px/1.4 var(--mono);letter-spacing:.4px;color:#a9b5a8}
.stage-bar-val{grid-area:val;text-align:right;font:15px var(--mono);color:#cfd8cc}
.stage-bar-track{grid-area:track;height:8px;background:rgba(230,236,223,.1);position:relative;overflow:hidden}
.stage-bar-track i{position:absolute;inset:0 auto 0 0;width:var(--w);background:#7d8a7f;transform-origin:left;animation:stage-grow 1.1s cubic-bezier(.2,.7,.2,1) .25s both}
.stage-bar.is-ours .stage-bar-name{color:#e6ecdf}
.stage-bar.is-ours .stage-bar-val{color:#bad4b5;font-weight:700}
.stage-bar.is-ours .stage-bar-track{height:12px}
.stage-bar.is-ours .stage-bar-track i{background:linear-gradient(90deg,#3f8f72,#bad4b5)}
@keyframes stage-grow{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(prefers-reduced-motion:reduce){.stage-bar-track i{animation:none}}
@media(max-width:1100px) and (min-width:761px){.stage-stats{padding:170px 24px 24px}.stage-big{font-size:112px;letter-spacing:-5px}.stage-lead{font-size:15px}}
@media(max-width:760px){.stage-stats{padding:150px 18px 20px}.stage-kicker{font-size:10px;letter-spacing:1.2px}.stage-big{font-size:clamp(88px,28vw,124px);letter-spacing:-4px}.stage-lead{font-size:15px}.stage-bar-name{font-size:10px}.stage-bar{grid-template-columns:minmax(0,1fr) 54px}}
@media print{.stage{background:none;border:0}.stage-mosaic,.stage::after{display:none}.stage-stats{padding:0;color:#242620}.stage-big,.stage-lead strong{color:#242620;text-shadow:none}}
@media(min-width:1101px){.hero-split{grid-template-columns:.82fr 1.18fr;gap:48px}}
@media(min-width:1220px){.lead-hook{display:block;white-space:nowrap}}

/* Result emphasis: headline findings, key results, and supporting evidence. */
.result-number{font-family:var(--sans);font-size:1.16em;font-weight:750;line-height:1.15;letter-spacing:-.015em;font-variant-numeric:lining-nums tabular-nums;color:var(--green);white-space:nowrap}
.result-number--support{font-size:1.1em}
.result-number--key{font-size:1.24em}
.result-number--major{font-size:1.42em}
.hero-band .result-number{color:#d0e2c9}
.stage-big{font-weight:700}
.hero-metrics-wrap .metric-value{font-weight:700}
.stage-bar.is-ours .stage-bar-val{font-size:18px}
.gallery-stat .result-number,.gallery-group-head .result-number{letter-spacing:0}

/* Compact tables on the page background; labels and figures have distinct type. */
.table-scroll{width:fit-content;max-width:100%;border:0;margin:22px 0;overflow-x:auto}
.table-scroll table{width:auto;min-width:100%;border-collapse:collapse;background:transparent;color:var(--ink);font:15px/1.4 var(--mono);font-variant-numeric:lining-nums tabular-nums}
.table-scroll caption{background:transparent;padding:0 0 12px;text-align:left;font:21px/1.3 var(--serif);letter-spacing:-.25px;color:var(--ink)}
.table-scroll th,.table-scroll td{padding:8px 12px;border-bottom:1px solid var(--line);vertical-align:middle;background:transparent}
.table-scroll thead th{font:600 12px/1.35 var(--sans);letter-spacing:.015em;text-transform:none;white-space:normal;min-width:0;max-width:170px;color:var(--muted);border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);vertical-align:bottom;text-align:right}
.table-scroll thead th:first-child{text-align:left}
.table-scroll tbody th[scope="row"],.table-scroll tfoot th[scope="row"]{min-width:0;background:transparent;color:var(--ink);font:500 15px/1.4 var(--sans);text-transform:none;letter-spacing:0;white-space:normal;text-align:left}
.table-scroll td{text-align:right;white-space:nowrap;font-weight:400}
.table-scroll th:first-child,.table-scroll td:first-child{padding-left:0}
.table-scroll th:last-child,.table-scroll td:last-child{padding-right:0}
.table-scroll tbody tr:hover{background:transparent}
.table-scroll tbody tr:last-child>th,.table-scroll tbody tr:last-child>td{border-bottom:1px solid var(--line)}
.table-scroll tfoot{border-top:1px solid var(--ink)}
.table-scroll tfoot th[scope="row"]{font-weight:650}
.table-scroll tfoot th,.table-scroll tfoot td{padding-top:10px;border-bottom:1px solid var(--ink)}
.table-scroll .result-number--table{font:750 18px/1.15 var(--sans);letter-spacing:-.02em;color:var(--green);font-variant-numeric:lining-nums tabular-nums}
.table-scroll .result-number--table.result-number--major{font-size:21px}
@media(max-width:760px){
 .result-number--major{font-size:1.32em}
 .table-scroll{margin:20px 0}
 .table-scroll table{font-size:14px}
 .table-scroll caption{font-size:19px;padding-bottom:10px}
 .table-scroll th,.table-scroll td{padding:7px 10px}
 .table-scroll thead th{font-size:12px;min-width:80px}
 .table-scroll tbody th[scope="row"],.table-scroll tfoot th[scope="row"]{font-size:14px;min-width:110px}
 .table-scroll .result-number--table{font-size:17px}
 .table-scroll .result-number--table.result-number--major{font-size:20px}
}
.article .fn-ref{font-size:.7em;line-height:0;margin-left:1px}.article .fn-ref a{text-decoration:none;border:0;color:var(--green);font-weight:700}.article p.footnote{font-size:12px;line-height:1.65;color:var(--muted);margin:22px 0 0;padding-top:10px;border-top:1px solid var(--line);max-width:715px}.article p.footnote sup{font-size:.8em}.article p.footnote:target{background:var(--green-soft)}#fn-imitation{scroll-margin-top:90px}