/* Native reading, with photographs that hold while the next sheet passes over them. */
.qr-reader{--qr-paper:#e8e5dc;--qr-paper-ink:#25241f;--qr-accent:#344036;--qr-rule:#ffffff30;--qr-overlap:clamp(100px,24svh,260px);overflow-x:clip}
.qr-reader [id]{scroll-margin-top:90px}
.qr-opening{position:relative;padding:185px 40px 55px;min-height:80svh;display:flex;flex-direction:column;border-bottom:1px solid #333;max-width:1800px;margin:auto}
.qr-opening__rail{display:flex;justify-content:space-between;gap:25px;color:#bdbbb3;border-top:1px solid #444;padding-top:15px}
.qr-opening h1{font:400 clamp(78px,12.5vw,205px)/.98 var(--qs-serif);letter-spacing:-.045em;max-width:1400px;margin:70px 0 85px;text-wrap:balance;overflow-wrap:break-word}
.qr-opening__foot{margin-top:auto;display:flex;align-items:end;justify-content:space-between;gap:35px}
.qr-opening__foot p{max-width:570px;font-size:clamp(25px,3vw,39px);line-height:1.2}.qr-opening__foot>a{display:flex;gap:20px;align-items:center}.qr-opening__foot>span{color:#b9b7af}
.qr-draft{margin-top:35px;color:#eee0a9;border-left:2px solid #c9a65c;padding:12px 20px;font:13px/1.5 var(--qs-mono)}
/* A stable wrapper gives each sheet room to pin. Its extra padding cancels out
   of document flow: no blank screens or artificial scrolling distance. */
.qr-scene{position:relative}
.qr-spread{--qr-ground:#080908;position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:clamp(48px,6vw,120px);align-content:start;padding:24px 40px 90px;background:var(--qr-ground);color:#e6e4db;border-top:1px solid var(--qr-rule);min-height:86svh;box-sizing:border-box}
.qr-spread--paper{--qr-ground:var(--qr-paper);--qr-rule:#25241f30;color:var(--qr-paper-ink)}
.qr-spread--color{--qr-ground:var(--qr-accent);color:#e5eadb}
.qr-spread__rail{grid-column:1/-1;display:flex;justify-content:space-between;gap:20px;padding:4px 0 17px;border-bottom:1px solid var(--qr-rule);margin-bottom:64px;opacity:.72}
.qr-spread__text{grid-column:2;grid-row:2;min-width:0;max-width:640px;width:100%;justify-self:center;align-self:start}
.qr-spread__text h2{font-size:clamp(43px,4.6vw,80px);line-height:1.04;letter-spacing:-.035em;margin:62px 0 32px;text-wrap:balance}
.qr-spread__text h2:first-child{margin-top:0}
.qr-spread__text p{font-size:clamp(23px,1.85vw,29px);line-height:1.5;margin:0 0 1.05em;text-wrap:pretty}
.qr-spread__text p:last-child{margin-bottom:0}
.qr-spread__text p.qr-lead{font-size:clamp(31px,3.1vw,49px);line-height:1.18;letter-spacing:-.025em;margin-bottom:1em}
.qr-spread__text a{overflow-wrap:anywhere}
.qr-spread__media{grid-column:1;grid-row:2;position:sticky;top:70px;align-self:start;min-width:0;width:100%;padding:18px 12px 0}
.qr-spread--reverse .qr-spread__text{grid-column:1}
.qr-spread--reverse .qr-spread__media{grid-column:2}
.qr-spread--text .qr-spread__text{grid-column:1/-1;max-width:760px}
.qr-spread .qs-plate{width:100%;max-width:none;margin:0;padding:0;background:transparent;border:0;box-shadow:none;transform:none;rotate:none}
.qr-spread .qs-plate>a{display:block;position:relative;width:100%;background:transparent;transform-origin:50% 60%;overflow:visible;isolation:isolate}
.qr-spread .qs-plate img{display:block;width:100%;height:auto;max-height:calc(100svh - 240px);object-fit:contain;background:transparent!important;transform:none;border:0}
.qr-spread .qs-plate figcaption{border-top:1px solid var(--qr-rule);padding-top:14px;margin-top:28px;display:grid;grid-template-columns:48px minmax(0,1fr);gap:14px;font:11px/1.5 var(--qs-mono);color:inherit;position:relative}
.qr-spread .qs-photo-credit{display:block;font:10px/1.5 var(--qs-mono);color:inherit;opacity:.7;margin-top:8px;overflow-wrap:anywhere}
.qr-spread .qs-enlarge{right:8px;bottom:8px;background:#111d;color:#eee;border:1px solid #aaa8;width:38px;height:38px}
.qr-spread .qs-plate>a:focus-visible{outline:2px solid currentColor;outline-offset:6px}
/* Pictures overlap only inside the media column. Captions have their own row. */
.qr-spread--paired .qr-spread__media{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:0;row-gap:0;padding:24px 14px 0}
.qr-spread--paired .qr-plate-slot,.qr-spread--paired .qs-plate{display:contents}
.qr-spread--paired .qs-plate>a{grid-column:1/10;grid-row:1;align-self:start;z-index:1;rotate:-2deg}
.qr-spread--paired .qr-plate-slot:nth-child(2) .qs-plate>a{grid-column:4/13;grid-row:1;margin-top:24%;rotate:2deg;z-index:2}
.qr-spread--paired .qs-plate>a:hover,.qr-spread--paired .qs-plate>a:focus-visible{z-index:3}
.qr-spread--paired .qs-plate img{max-height:56svh;filter:drop-shadow(0 14px 14px #0003)}
.qr-spread--paired .qs-plate figcaption{grid-row:2;grid-column:1/7;margin-right:18px;margin-top:36px;font-size:10px;grid-template-columns:39px minmax(0,1fr);gap:9px}
.qr-spread--paired .qr-plate-slot:nth-child(2) figcaption{grid-column:7/13;margin-right:0;margin-left:18px}
.qr-spread--plates .qr-spread__media{position:relative;top:auto;grid-column:1/-1;max-width:1250px;justify-self:center}
.qr-spread--plates:not(.qr-spread--paired) .qr-spread__media{max-width:850px}
.qr-spread--plates .qs-plate img{max-height:72svh}
.qr-spread--plates .qr-spread__rail{margin-bottom:35px}
.qr-video{margin:48px 0 0;border-top:1px solid var(--qr-rule);padding-top:20px}
.qr-video iframe{display:block;aspect-ratio:4/3;width:100%;height:auto;border:0;background:#080808}
.qr-video figcaption{font:11px/1.55 var(--qs-mono);padding-top:16px}.qr-video figcaption p{font:12px/1.6 var(--qs-mono);margin:12px 0}.qr-video figcaption a{display:inline-flex;gap:12px;align-items:center;border-bottom:1px solid currentColor}
.qr-ending{position:relative;z-index:2;background:var(--qr-paper);color:var(--qr-paper-ink);padding:85px 40px 100px;border-top:1px solid #25241f40}
.qr-takeaway{padding-top:25px;display:grid;grid-template-columns:1fr 2fr;gap:50px}.qr-takeaway h2{font-size:clamp(45px,5.5vw,85px);line-height:1.07;letter-spacing:-.03em;max-width:1000px}
.qr-ending .qs-sources{margin:90px 0 0 auto;max-width:850px;color:inherit;border-color:#25241f40}.qr-ending .qs-sources a,.qr-ending .qs-sources p{color:inherit}.qr-ending .qs-sources summary{display:flex;justify-content:space-between;gap:30px}
.qr-reader>.qs-continue{position:relative;z-index:2;background:#080908}
.qr-light .qs-header,.qr-light .qs-mark{color:#222}.qr-light .qs-mark svg{fill:#222}.qr-light .qs-header-blur{background:#e8e5dce6}
/* Motion is opt-in after measurement. The prose never fades or moves. */
@media(prefers-reduced-motion:no-preference){
 .qr-motion .qr-scene{padding-bottom:var(--qr-overlap);margin-bottom:calc(-1 * var(--qr-overlap));z-index:1}
 .qr-motion .qr-spread{position:sticky;top:var(--qr-pin-top,0px)}
 .qr-reader.qr-motion .qr-spread .qr-plate-slot .qs-plate>[data-qr-plate]{translate:0 var(--qr-y,0px);rotate:var(--qr-angle,0deg);scale:var(--qr-scale,1);opacity:var(--qr-opacity,1)}
 .qr-reader.qr-motion .qr-spread .qr-plate-slot .qs-plate>[data-qr-plate]:focus-visible{translate:none;rotate:none;scale:1;opacity:1}
}
@media(min-width:1800px){.qr-spread{padding-left:max(40px,calc((100vw - 1720px)/2));padding-right:max(40px,calc((100vw - 1720px)/2))}}
@media(max-width:900px){
 .qr-reader{--qr-overlap:90px}
 .qr-opening{padding:170px 24px 40px;min-height:70svh}.qr-opening__rail{font-size:9px;flex-wrap:wrap;gap:12px}.qr-opening h1{font-size:clamp(62px,14vw,120px);margin:55px 0 65px}.qr-opening__foot{flex-wrap:wrap;align-items:start;gap:25px}.qr-opening__foot p{width:100%;max-width:600px}
 .qr-spread{grid-template-columns:1fr;padding:20px 24px 55px;gap:0;min-height:0}
 .qr-spread__rail{margin-bottom:38px;font-size:9px}
 .qr-spread__text,.qr-spread--reverse .qr-spread__text{grid-column:1;grid-row:auto;max-width:620px;justify-self:center}
 .qr-spread__text h2{font-size:clamp(42px,8.5vw,65px);margin:45px 0 28px}.qr-spread__text h2:first-child{margin-top:0}
 .qr-spread__text p{font-size:23px;line-height:1.5}.qr-spread__text p.qr-lead{font-size:34px}
 .qr-spread__media,.qr-spread--reverse .qr-spread__media{position:relative;top:auto;grid-column:1;grid-row:auto;max-width:620px;justify-self:center;padding:0;margin-top:45px}
 .qr-spread--plates .qr-spread__media{margin-top:0}
 .qr-spread .qs-plate img{max-height:72svh}.qr-spread .qs-plate figcaption{font-size:10px;grid-template-columns:42px 1fr;gap:10px;margin-top:22px}
 .qr-spread--paired .qr-spread__media{padding:8px 8px 0}
 .qr-spread--paired .qs-plate>a{grid-column:1/12;grid-row:1;rotate:-1.2deg}
 .qr-spread--paired .qr-plate-slot:nth-child(2) .qs-plate>a{grid-column:2/13;grid-row:2;margin-top:-12%;rotate:1.2deg}
 .qr-spread--paired .qs-plate img{max-height:65svh}
 .qr-spread--paired .qs-plate figcaption{grid-column:1/-1;grid-row:3;margin:32px 0 0}
 .qr-spread--paired .qr-plate-slot:nth-child(2) figcaption{grid-column:1/-1;grid-row:4;margin:15px 0 0}
 .qr-ending{padding:60px 24px 80px}.qr-takeaway{grid-template-columns:1fr;gap:30px}.qr-ending .qs-sources{margin-top:60px}.qr-video{margin-top:35px}
}
@media(max-width:480px){.qr-opening{padding-left:20px;padding-right:20px}.qr-opening h1{font-size:17vw}.qr-spread,.qr-ending{padding-left:20px;padding-right:20px}.qr-spread__text p{font-size:22px}.qr-opening__foot p{font-size:28px}.qr-opening__rail>span:last-child{width:100%}}
@media(prefers-reduced-motion:reduce){.qr-spread__media{position:relative;top:auto}.qr-spread [data-qr-plate]{translate:none!important;rotate:none!important;scale:1!important;opacity:1!important}}
@media print{.qr-scene{padding:0!important;margin:0!important}.qr-spread,.qr-spread__media{position:relative!important;top:auto!important;min-height:0;break-inside:avoid}.qr-spread [data-qr-plate]{translate:none!important;rotate:none!important;scale:1!important;opacity:1!important}.qs-header,.qs-reading-bar{display:none}}