/* Full-length documents pass through the grip. The reading window ends at the grip. */
.folio-reader{position:absolute;z-index:2;top:calc(-1 * var(--reader-headroom,70px));bottom:-40px;left:-90px;right:-90px;padding:var(--reader-headroom,70px) 90px 20px;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;overscroll-behavior:contain;outline-offset:-4px;overflow-anchor:none}
.folio-reader::-webkit-scrollbar{display:none}
.paper-stack{height:auto;min-height:var(--page-min,800px);padding:0 0 20px}
.document,.document[data-sheet=plates],.document[data-sheet=record]{height:auto;min-height:var(--page-min,800px);transform-origin:50% 250px}
.document.front{position:relative;inset:auto;margin:20px 0 0;width:100%;min-height:var(--page-min,800px)}
.document:not(.front){height:calc(100% - 20px);max-height:none;min-height:var(--page-min,800px)}
.document .sheet-body,.is-handling .sheet-body{overflow:visible;flex:none;scrollbar-gutter:auto;background:none!important;padding-bottom:38px}
.document.front:before{height:28px;clip-path:none;border-radius:0 0 5px 3px}
.document[data-sheet=record]:after{display:none}
.grip-thumb{z-index:3}
@media(max-width:800px){.folio-reader{left:-27px;right:-27px;padding-inline:27px;bottom:-20px;padding-bottom:18px}.document,.document[data-sheet=plates],.document[data-sheet=record]{transform-origin:50% 190px}.document .sheet-body{padding-bottom:30px}}
/* Overview — dark, thick, lightly fibrous cover stock with chalk-white lettering. */
.document[data-sheet=overview]{--paper:#242522;--ink:#f5f3e9;--muted:#cbcbbf;--rule:#77796b;--accent:#e3e5d5;background-color:var(--paper);background-image:url('charcoal.svg');background-size:300px;color:var(--ink);border-color:#11130f;border-radius:3px 4px 9px 3px;box-shadow:1px 2px 0 #56594e,3px 5px 0 #161812,4px 6px 0 #777a6b,0 16px 42px #0006}
.document[data-sheet=overview] .document-head{border-color:#929583;background:#ffffff06}
.document[data-sheet=overview] .stock,.document[data-sheet=overview] .register,.document[data-sheet=overview] .register span,.document[data-sheet=overview] .sub-register,.document[data-sheet=overview] .sub-register .accent,.document[data-sheet=overview] .mount-caption,.document[data-sheet=overview] .mini-plates span,.document[data-sheet=overview] .paper-footer{color:var(--muted)}
.document[data-sheet=overview] .report-number{-webkit-text-stroke-color:#b4b7a877}
.document[data-sheet=overview] .art-button .zoom-label{color:#f5f3e9;border-color:#b4b7a866;background:#242522}
.overview-assembly{display:grid;grid-template-columns:minmax(230px, .95fr) minmax(0,1fr);align-items:center;gap:36px;padding:44px 0 42px}
.overview-notes .hand{display:block;font-size:32px;line-height:1.1;transform:rotate(-4deg);margin:0 0 30px;color:#e1e4cf}
.overview-notes .eyebrow{display:block;font-size:9px;letter-spacing:.1em;color:#b6baa9;margin-bottom:12px}
.overview-notes p{font:23px/1.4 Fell,Georgia,serif;margin:0}
.overview-notes .brief-meta{font:10px/1.7 monospace;text-transform:uppercase;color:#c6c9b9;margin-top:24px}
.overview-proof{border-top:1px solid var(--rule);padding-top:20px;margin-bottom:34px}.proof-label{display:flex;justify-content:space-between;gap:15px;font:9px/1.5 monospace;text-transform:uppercase;color:var(--muted);margin-bottom:18px}
.overview-proof>.art-button{padding:16px;background:#e8e6df;box-shadow:1px 3px 0 #a4a798,5px 9px 18px #0006;transform:rotate(.6deg)}
.overview-proof>.art-button img{max-height:490px}
/* The familiar inventory card, physically clipped to the cover sheet. */
.clipped-card{position:relative;transform:rotate(-3deg);isolation:isolate}
.inventory-token{position:relative;display:grid;width:100%;min-height:392px;grid-template-rows:auto 160px auto auto auto;gap:12px;padding:20px;color:#20211e;text-align:left;background:none;border:0;filter:drop-shadow(4px 9px 5px #0005);font-family:Fell,Georgia,serif;transition:transform .25s}
.inventory-token:hover{transform:rotate(1deg) translateY(-2px)}
.inventory-token .ink-frame{position:absolute;inset:0;width:100%;height:100%;z-index:-1;overflow:visible}
.inventory-token .frame-paper{fill:#fdfcf8;stroke:#171915;stroke-width:1.8}.inventory-token .frame-inner{fill:none;stroke:#4e5147;stroke-width:.8}.inventory-token .frame-pencil{fill:none;stroke:#72776a;stroke-width:.7}
.inventory-token .card-top{display:flex;gap:9px;align-items:start;justify-content:space-between}.inventory-token .card-name{font:26px/1.04 Pirata,Georgia,serif}.inventory-token .card-sigil{font:24px/1 Georgia;border:1px solid #73786a;border-radius:50%;padding:2px;flex-shrink:0}
.inventory-token .card-art{min-width:0;display:flex;align-items:center;justify-content:center;border:1px solid #4e5247;outline:1px solid #9b9e92;outline-offset:3px;background:white;margin:2px}
.inventory-token .card-art img{width:100%;height:100%;max-height:158px;padding:16px;object-fit:contain}.inventory-token .logo-ink{filter:brightness(0)}
.inventory-token .card-type{display:flex;justify-content:space-between;gap:5px;border-block:1px solid #979d8e;font:italic 12px/1.4 Fell;padding:3px 0}
.inventory-token .card-stats{display:grid;gap:8px}.inventory-token .card-stats>span{display:grid;gap:3px}.inventory-token .card-stats em{font:italic 14px Fell;color:#636759}.inventory-token .card-stats strong{font:18px/1.15 Fell;font-weight:normal}
.inventory-token .card-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #9ca18f;padding-top:6px;font:italic 16px Fell;gap:5px}.inventory-token .card-bottom small{font:9px monospace;white-space:nowrap}
.stock-clip{position:absolute;z-index:3;pointer-events:none;top:-22px;left:48%;width:22px;height:65px;border:3px solid #b5b9b1;border-top-color:#e9ece5;border-right-color:#7d8477;border-radius:14px 14px 11px 11px;transform:rotate(13deg);box-shadow:2px 3px 2px #0008,inset 1px 0 1px #f5f8ed}
.stock-clip:after{content:'';position:absolute;inset:10px 4px -1px 3px;border:2px solid #a4aa9d;border-top-color:#eff1e8;border-radius:9px 9px 8px 8px;box-shadow:1px 0 1px #0008}
/* Distinct accompanying stocks: bright coated paper and warm ruled ledger. */
.document[data-sheet=plates]{--paper:#fff;background-color:var(--paper);background-image:url('fine-cardstock.svg');background-size:240px;border-color:#a2a2a2;box-shadow:0 16px 36px #0003}
.document[data-sheet=record]{--paper:#d6d6d6;background-color:var(--paper);background-image:url('gray-stock.svg');background-size:300px;border-color:#999;border-radius:1px 1px 12px 3px;box-shadow:0 16px 36px #0003}
@media(max-width:1100px) and (min-width:801px){.overview-assembly{grid-template-columns:1fr 1fr;gap:22px}.inventory-token{padding:18px;grid-template-rows:auto 130px auto auto auto}.inventory-token .card-name{font-size:23px}.overview-notes p{font-size:21px}}
@media(max-width:800px){.overview-assembly{display:flex;flex-direction:column;align-items:stretch;gap:35px;padding-top:40px}.clipped-card{width:min(290px,100%);align-self:center}.inventory-token{min-height:390px;grid-template-rows:auto 155px auto auto auto}.overview-notes .hand{font-size:28px;margin-bottom:22px}.overview-notes p{font-size:22px}.proof-label{font-size:8px}.proof-label span:last-child{display:none}}

/* Hide the unvisited end below the frame; leave breathing room only at the true end. */
.folio-reader{bottom:calc(-1 * var(--reader-tailroom,100px));padding-bottom:max(20px,calc(var(--reader-tailroom,100px) - 40px))}

.folio-reader:focus-visible{outline:1px dashed #8e9382;outline-offset:-4px}
.holding-hands{translate:0 calc(var(--feed)*-4px)}
/* A portrait inventory card hangs from the actual top edge of the cover stock. */
.document[data-sheet=overview]{--clip-width:240px;--clip-right:28px}
.document[data-sheet=overview] .clipped-card{position:absolute;z-index:4;top:-5px;right:var(--clip-right);width:var(--clip-width);transform:rotate(3deg);transform-origin:50% 5%;container-type:inline-size}
.document[data-sheet=overview] .inventory-token{width:100%;height:auto;min-height:0;aspect-ratio:5 / 7;grid-template-rows:minmax(0,.9fr) minmax(0,3.8fr) minmax(0,.5fr) minmax(0,2.1fr) minmax(0,.55fr);gap:2.8cqw;padding:6.7cqw;transform:none}
.inventory-token>*{min-width:0;min-height:0}
.inventory-token .card-name{font-size:8cqw;line-height:1.05;overflow-wrap:anywhere}
.inventory-token .card-sigil{font-size:7cqw;padding:.8cqw}
.inventory-token .card-art{margin:1cqw}.inventory-token .card-art img{max-height:none;padding:10%;min-height:0}
.inventory-token .card-type{font-size:3.7cqw;padding:.6cqw 0;gap:1cqw;white-space:nowrap}
.inventory-token .card-stats{gap:2cqw}.inventory-token .card-stats>span{gap:.8cqw}
.inventory-token .card-stats em{font-size:4.5cqw}.inventory-token .card-stats strong{font-size:5.5cqw;line-height:1.08}
.inventory-token .card-bottom{font-size:4.7cqw;padding-top:1.5cqw;gap:1cqw;white-space:nowrap}.inventory-token .card-bottom small{font-size:2.9cqw}
.clipped-card .stock-clip{top:-15px;left:47%;width:18px;height:51px;border-width:2px;transform:rotate(-8deg)}
.clipped-card .stock-clip:after{inset:8px 3px -1px 3px;border-width:1.5px}
.document[data-sheet=overview] .document-head{padding-right:calc(var(--clip-width) + var(--clip-right) + 18px);justify-content:flex-start}
.document[data-sheet=overview] .document-head .stock,.document[data-sheet=overview] .sheet-action{display:none}
.document[data-sheet=overview] .register{width:calc(100% - var(--clip-width) - 20px);flex-wrap:wrap}
.document[data-sheet=overview] .register span:last-child{display:none}
.overview-lead{min-height:calc(var(--clip-width)*1.4 - 72px);padding-right:calc(var(--clip-width) + 20px)}
.document[data-sheet=overview] .project-heading{display:block;margin:25px 0 20px}
.document[data-sheet=overview] .project-heading h1,.document[data-sheet=overview] .project-heading h1.long{font-size:clamp(36px,4.1vw,57px)}
.document[data-sheet=overview] .report-number{display:none}
.document[data-sheet=overview] .sub-register{flex-wrap:wrap;gap:8px}
.overview-assembly{display:block;padding:26px 0 36px}
.overview-notes{max-width:650px}.overview-notes .hand{margin-bottom:26px}
@media(max-width:1100px) and (min-width:801px){.document[data-sheet=overview]{--clip-width:200px;--clip-right:22px}.document[data-sheet=overview] .project-heading h1,.document[data-sheet=overview] .project-heading h1.long{font-size:38px}}
@media(max-width:800px){.document[data-sheet=overview]{--clip-width:138px;--clip-right:17px}.document[data-sheet=overview] .clipped-card{align-self:auto}.overview-lead{padding-right:calc(var(--clip-width) + 12px);min-height:calc(var(--clip-width)*1.4 - 72px)}.document[data-sheet=overview] .project-heading h1,.document[data-sheet=overview] .project-heading h1.long{font-size:27px;letter-spacing:-.05em}.document[data-sheet=overview] .register{width:calc(100% - var(--clip-width) - 12px)}.document[data-sheet=overview] .register span:nth-child(2){display:none}.document[data-sheet=overview] .sub-register{font-size:8px}.clipped-card .stock-clip{width:13px;height:36px;top:-10px}.clipped-card .stock-clip:after{inset:6px 2px -1px 2px}.overview-assembly{padding-top:24px}}
@media(max-width:360px){.document[data-sheet=overview]{--clip-width:119px;--clip-right:14px}.document[data-sheet=overview] .project-heading h1,.document[data-sheet=overview] .project-heading h1.long{font-size:24px}}

/* The case-study mounts use the same clean white paper surface. */
.document[data-sheet=plates] .plate .art-button{background:#fff url('fine-cardstock.svg');background-size:240px}

/* Weathered archive scrap: muted stains stay at the edges of readable paper. */
.document[data-sheet=record]{--paper:#c5bfb2;--ink:#292926;--muted:#565650;background-color:var(--paper);background-image:radial-gradient(ellipse at 2% 18%,#72513732,transparent 23%),radial-gradient(ellipse at 97% 78%,#76553b30,transparent 30%),radial-gradient(ellipse at 70% 2%,#faf5e542,transparent 40%),url('gray-stock.svg');background-size:100% 100%,100% 100%,100% 100%,300px;border:0;border-radius:0;box-shadow:inset 0 0 22px #6e59492b;clip-path:polygon(0 7px,3% 3px,8% 6px,14% 1px,23% 4px,29% 0,35% 5px,42% 2px,51% 5px,60% 1px,70% 4px,78% 0,85% 5px,93% 2px,100% 6px,calc(100% - 3px) 12%,100% 24%,calc(100% - 5px) 37%,100% 50%,calc(100% - 3px) 64%,100% 77%,calc(100% - 4px) 90%,100% calc(100% - 6px),94% calc(100% - 3px),88% calc(100% - 7px),80% 100%,73% calc(100% - 4px),63% calc(100% - 1px),52% calc(100% - 5px),40% 100%,32% calc(100% - 4px),23% 100%,15% calc(100% - 5px),7% calc(100% - 2px),1px calc(100% - 6px),4px 89%,0 77%,3px 61%,0 49%,4px 33%,1px 21%)}
.document[data-sheet=record] .document-head{background:#ffffff12;border-color:#77756a}
.document[data-sheet=record] .identity-specimen{background-image:linear-gradient(#4444440c 1px,transparent 1px),linear-gradient(90deg,#4444440c 1px,transparent 1px);border-color:#7776}
/* Keep long rear sheets parallel enough to stay seated inside the grip. */
.document[data-slot="1"]{left:-10px;top:-14px;transform:rotate(-.55deg)}
.document[data-slot="2"]{left:12px;top:-4px;transform:rotate(.45deg)}
/* Material samples are also the section controls. */
.section-nav{padding:12px 10px;gap:10px;background:#f2f2ed url('cotton.svg')}
.section-nav button{padding:13px 10px;border:1px solid #8888;border-radius:2px;box-shadow:1px 2px 3px #0002;font-size:20px;transition:translate .2s,box-shadow .2s}
.section-nav button[data-section=overview],.sheet-tabs button[data-section=overview]{background:#242522 url('charcoal.svg');color:#f5f5f0}
.section-nav button[data-section=plates],.sheet-tabs button[data-section=plates]{background:#fff url('fine-cardstock.svg');color:#333}
.section-nav button[data-section=record],.sheet-tabs button[data-section=record]{background:#c5bfb2 url('gray-stock.svg');color:#30302d}
.section-nav button[aria-pressed=true]{translate:4px 0;box-shadow:2px 3px 0 #3335}
.section-nav .nav-number{color:inherit;border-color:currentColor!important;opacity:.75}
.section-nav button .nav-arrow{margin-left:auto}
.section-nav button[aria-pressed=false] .nav-arrow{opacity:.3}
.sheet-tabs button[aria-pressed=true]{box-shadow:inset 0 -3px 0 currentColor}
.document{--accent:#62625e;--accent-light:#e8e8e5}
.document[data-sheet=overview]{--accent:#deded9;--clip-width:310px;--clip-right:23px}
.document[data-sheet=overview] .clipped-card{transform:rotate(1.5deg)}
.document[data-sheet=overview] .stock,.document[data-sheet=overview] .register,.document[data-sheet=overview] .sub-register,.overview-notes .hand,.overview-notes .eyebrow,.overview-notes .brief-meta{color:#d3d3ce}
.document .register,.document .document-head .stock{color:#62625d}
.document[data-sheet=overview] .register{color:#ccc}
.document[data-sheet=overview] .overview-lead{min-height:calc(var(--clip-width)*1.4 - 64px)}
/* A pasted torn-paper slip carries the next-project link. */
.next-report{position:relative;isolation:isolate;background:none;border:0;padding:30px 25px;color:#30302d;filter:drop-shadow(1px 4px 2px #0002);transform:rotate(-.6deg)}
.next-report:before{content:'';position:absolute;inset:0;z-index:-1;background:#fafaf8 url('fine-cardstock.svg');clip-path:polygon(0 7%,4% 3%,9% 5%,15% 1%,23% 4%,31% 0,39% 4%,48% 2%,59% 5%,67% 1%,75% 4%,85% 0,94% 5%,100% 2%,99% 28%,100% 60%,99% 98%,93% 95%,86% 100%,77% 96%,68% 99%,59% 95%,48% 100%,36% 96%,25% 99%,16% 95%,7% 99%,0 95%,1% 64%,0 35%)}
.next-report:after{content:'';position:absolute;top:-5px;left:43%;width:67px;height:20px;background:#e1dfd199;border:1px solid #a9a79655;transform:rotate(3deg);pointer-events:none}
/* Small fasteners belong to the mounts, never the source artwork. */
.art-button{overflow:visible!important}
.art-button.fastening-tape:before,.art-button.fastening-tape:after{content:'';position:absolute;z-index:2;width:52px;height:18px;background:#dedbcbad url('fine-cardstock.svg');border:1px solid #9d9b8b55;box-shadow:0 1px 1px #0002;pointer-events:none;clip-path:polygon(0 5%,97% 0,100% 26%,97% 51%,100% 78%,96% 100%,1% 93%,3% 68%,0 35%)}
.art-button.fastening-tape:before{left:-12px;top:5px;transform:rotate(-37deg)}
.art-button.fastening-tape:after{right:-11px;bottom:5px;transform:rotate(-37deg)}


.art-button.fastening-corners:before,.art-button.fastening-corners:after{content:'';position:absolute;z-index:2;width:21px;height:21px;border:1px solid #888;background:linear-gradient(135deg,#e8e8e3,#fafaf5);box-shadow:1px 2px 1px #0002;pointer-events:none;clip-path:polygon(0 0,100% 0,0 100%)}
.art-button.fastening-corners:before{top:-2px;left:-2px}.art-button.fastening-corners:after{bottom:-2px;right:-2px;rotate:180deg}
/* Split one cutout into independently moving grips without duplicating visible pixels. */
.holding-hands{aspect-ratio:3/2;height:auto;translate:none;display:block!important}
.holding-hands img{width:100%;height:100%;display:block}
.holding-hands.hand-left{clip-path:inset(0 75% 0 0);translate:var(--release-x,0px) var(--pull-y,0px)}
.holding-hands.hand-right{clip-path:inset(0 0 0 75%);translate:var(--release-x,0px) var(--pull-y,0px)}
.holding-hands.grip-thumb img{clip-path:url(#grip-thumbs)}
@media(max-width:1100px) and (min-width:801px){.document[data-sheet=overview]{--clip-width:255px;--clip-right:18px}.section-nav button{font-size:17px;padding-inline:7px}}
@media(max-width:800px){.document[data-slot="1"]{left:-7px;top:0;transform:rotate(-.35deg)}.document[data-slot="2"]{left:8px;top:8px;transform:rotate(.3deg)}.document[data-sheet=overview]{--clip-width:155px;--clip-right:13px}.section-nav button{font-size:18px}.sheet-tabs button{border-radius:2px}.art-button.fastening-tape:before,.art-button.fastening-tape:after{width:35px;height:14px}.document[data-sheet=overview] .project-heading h1,.document[data-sheet=overview] .project-heading h1.long{font-size:25px}}
@media(max-width:360px){.document[data-sheet=overview]{--clip-width:130px;--clip-right:11px}.document[data-sheet=overview] .project-heading h1,.document[data-sheet=overview] .project-heading h1.long{font-size:23px}}

.document[data-sheet=overview] .project-heading h1{overflow-wrap:anywhere}

/* Read the entire work directly on the sheet, at its original proportions. */
.overview-gallery{display:grid;grid-template-columns:minmax(0,1fr);gap:34px}
.overview-gallery .overview-proof{margin:0;min-width:0}
.overview-gallery .overview-proof>.art-button{padding:0;transform:none;background:#fff}
.document .overview-gallery .art-button img,
.document .plate-grid.reading .plate img{display:block;width:100%;height:auto;max-height:none;aspect-ratio:auto;object-fit:contain}
@media(max-width:800px){.overview-gallery{gap:26px}}

/* The grip is a fixed reading plane. Long sheets cannot rotate away from it.
   The sheet-lift animation supplies the tilt only while changing documents. */
.held-scene{transform:translate(calc(var(--look-x)*-3px),calc(var(--look-y)*-2px))}
.document.front,.document[data-slot="1"],.document[data-slot="2"]{transform:none;transform-origin:50% 200px}
.document[data-slot="1"]{left:4px;top:-14px;width:calc(100% - 8px)}
.document[data-slot="2"]{left:8px;top:-4px;width:calc(100% - 16px)}
.holding-hands{top:var(--grip-top);bottom:auto}
.holding-hands.hand-left{left:calc(6px - 41.625%)}
.holding-hands.hand-right{left:calc(-6px - 43.375%)}
@media(max-width:800px){.held-scene{transform:none}.document[data-slot="1"]{top:0}.document[data-slot="2"]{top:8px}}
/* Reserve room for the grip beside the sheet in split-window desktop layouts. */
@media(max-width:1100px) and (min-width:801px){.held-scene{width:min(780px,calc(100% - 200px))}}
/* Inactive long documents must not spill artwork past the end of the held stack. */
.document:not(.front){overflow:hidden}
.document:not(.front) .sheet-body{visibility:hidden}
.is-handling .document:not(.front) .sheet-body{visibility:visible}

/* Wider reading surface; independent strips grow directly out of the left frame. */
@media(min-width:801px){
 .rail{left:8px;width:190px;padding:0;gap:12px}
 .section-nav{background:none;border:0;outline:0;box-shadow:none;border-radius:0;padding:0;gap:12px}
 .section-nav button,.rail-return{margin:0;width:100%;min-height:54px;padding:14px 14px 14px 19px;border:1px solid #7778;border-left:0;border-radius:0 3px 3px 0;box-shadow:2px 3px 4px #0003;clip-path:none}
 .rail-return{align-self:stretch;justify-content:flex-start;font-size:16px;background:#f9f9f3 url('cotton.svg')}
 .rail-return:before{display:none}
 .section-nav button[aria-pressed=true]{translate:5px 0}
 .workspace{inset:42px 38px 74px 226px;margin:0}
 .held-scene{width:100%}
}
@media(min-width:801px) and (max-width:1100px){.rail{width:170px}.workspace{left:206px;right:34px}.section-nav button{font-size:18px}.rail-return{font-size:15px}}
.holding-hands{width:var(--hand-width,1443px)}
.holding-hands.hand-left{left:calc(6px - var(--hand-width,1443px)*.225)}
.holding-hands.hand-right{left:calc(100% - 6px - var(--hand-width,1443px)*.775)}

/* Same paper dimensions in every stack position: swapping uses only translation and rotation. */
.document[data-slot="1"],.document[data-slot="2"]{left:0;width:100%;transition:none}
.paper-stack{perspective:none}
/* Illustrated rag paper: nine-sliced edges preserve the drawn tears on long sheets. */
.document[data-sheet=record]{
 --paper:#c1b195;--ink:#292722;--muted:#535047;
 background:none;border:0 solid transparent;border-radius:0;box-shadow:none;clip-path:none;mask:none;
 border-image-source:url('aged-paper-v1.png');border-image-slice:180 fill;
 border-image-width:60px;border-image-outset:8px 12px 10px;border-image-repeat:stretch;
 padding-top:12px;
}
.document[data-sheet=record]:before{display:none}
.document[data-sheet=record] .sheet-body{padding-inline:44px}
.document[data-sheet=record] .document-head{background:none;margin-inline:0;padding-inline:44px;border-color:#6d625755}
.section-nav button[data-section=record],.sheet-tabs button[data-section=record]{
 background:#c1b195 url('aged-paper-v1.png') center / 100% auto;color:#302c25;
}
.section-nav .nav-icon{margin-left:auto;width:21px;height:24px;flex:0 0 21px;fill:none;stroke:currentColor;stroke-width:1.1;stroke-linecap:round;stroke-linejoin:round;opacity:.8}
.section-nav button[aria-pressed=true] .nav-icon{opacity:1}
.next-report:before{
 inset:-12px -5px;clip-path:none;background:none;border:0 solid transparent;
 border-image-source:url('torn-slip-v1.png');border-image-slice:240 180 200 180 fill;
 border-image-width:38px 32px 32px;border-image-repeat:stretch;
}
.next-report:after{top:0}
@media(max-width:800px){
 .document[data-sheet=record]{border-image-width:40px;border-image-outset:5px 8px 7px;padding-top:8px}
 .document[data-sheet=record] .sheet-body{padding-inline:28px}
 .document[data-sheet=record] .document-head{margin-inline:0;padding-inline:28px}
}

/* Case-study stock: a quiet squared grid, echoed in its material tabs. */
.document[data-sheet=plates],
.section-nav button[data-section=plates],
.sheet-tabs button[data-section=plates]{
 background-color:#fff;
 background-image:linear-gradient(#73737313 1px,transparent 1px),linear-gradient(90deg,#73737313 1px,transparent 1px),url('fine-cardstock.svg');
 background-size:24px 24px,24px 24px,240px 240px;
 background-position:0 0;
}
.section-nav button[data-section=plates],.sheet-tabs button[data-section=plates]{background-size:12px 12px,12px 12px,240px 240px}

/* The work leads: a full-width hero, then context and supporting views. */
.document[data-sheet=overview]{--clip-width:190px;--clip-right:8px}
.document[data-sheet=overview] .overview-lead{min-height:0;padding-right:0}
.document[data-sheet=overview] .project-heading{padding-right:calc(var(--clip-width) + 6px);margin:26px 0 22px}
.document[data-sheet=overview] .sub-register{align-items:baseline;gap:12px 24px;line-height:1.65}
.document[data-sheet=overview] .sub-register>span:first-child{flex:1;min-width:0;max-width:75%}
.document[data-sheet=overview] .sub-register>span:last-child{white-space:nowrap}
.overview-hero-wrap{margin-top:24px}
.overview-gallery .overview-hero{border:0;padding-top:0}
.overview-assembly{padding:34px 0}
.overview-notes{max-width:760px}
.overview-notes p{font-size:clamp(22px,2.2vw,28px);line-height:1.4}

/* Numbered field notes alternate sides; artwork keeps its natural proportions. */
.study-register{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-block:1px solid var(--rule);margin-bottom:32px;font:10px/1.5 monospace;text-transform:uppercase;letter-spacing:.07em}
.plate-grid.field-study{gap:48px}
.study-entry{display:grid;grid-template-columns:80px minmax(0,1fr);gap:24px;align-items:start;min-width:0}
.study-entry.has-notes{grid-template-columns:minmax(220px,.85fr) minmax(0,1.4fr);gap:30px}
.study-entry:nth-child(even){grid-template-columns:minmax(0,1fr) 80px}
.study-entry.has-notes:nth-child(even){grid-template-columns:minmax(0,1.4fr) minmax(220px,.85fr)}
.study-entry:nth-child(even) .study-notes{grid-column:2;grid-row:1}
.study-entry:nth-child(even) .plate{grid-column:1;grid-row:1}
.study-number{display:block;font:46px/1 Bodoni,Georgia,serif;color:var(--muted);margin-bottom:18px}
.study-notes{min-width:0}
.study-notes h2{font:32px/1.05 Caveat,cursive;font-weight:400;margin:0 0 18px;position:relative;padding-bottom:12px}
.study-notes h2:after{content:"";position:absolute;bottom:0;left:0;width:85%;height:5px;border-bottom:1px solid #7779;border-radius:50%;transform:rotate(-2deg)}
.study-notes p{font:19px/1.5 Fell,Georgia,serif;margin:0 0 18px}
.study-label{display:block;font:10px/1.6 monospace;text-transform:uppercase;color:var(--muted)}
.study-aside{display:block;font-size:26px;line-height:1.15;transform:rotate(-3deg);margin:30px 0 14px;padding-left:14px;border-left:1px solid #7778}
.document .plate-grid.field-study .plate{padding:0;min-width:0}
.document .plate-grid.field-study .plate:before{display:none}
.document .plate-grid.field-study .art-button{transform:none}
.record-reflection{border-top:1px solid var(--rule);padding:26px 0 10px;max-width:760px}
.record-reflection h2{font:30px Caveat,cursive;font-weight:400;margin:0 0 14px}
.record-reflection p{font:23px/1.45 Fell,Georgia,serif;margin:0}
@media(min-width:801px) and (max-width:1100px){
 .document[data-sheet=overview]{--clip-width:170px;--clip-right:6px}
 .study-entry.has-notes,.study-entry.has-notes:nth-child(even){grid-template-columns:1fr}
 .study-entry.has-notes:nth-child(even) .study-notes,.study-entry.has-notes:nth-child(even) .plate{grid-column:auto;grid-row:auto}
}
@media(max-width:800px){
 .document[data-sheet=overview]{--clip-width:112px;--clip-right:4px}
 .document[data-sheet=overview] .project-heading{padding-right:calc(var(--clip-width) - 8px);margin:22px 0}
 .document[data-sheet=overview] .register{width:calc(100% - var(--clip-width))}
 .document[data-sheet=overview] .sub-register{font-size:9px;gap:10px}
 .overview-hero-wrap{margin-top:22px}
 .overview-assembly{padding:28px 0}
 .study-entry,.study-entry:nth-child(even),.study-entry.has-notes,.study-entry.has-notes:nth-child(even){grid-template-columns:minmax(0,1fr);gap:16px}
 .study-entry:nth-child(even) .study-notes,.study-entry:nth-child(even) .plate{grid-column:auto;grid-row:auto}
 .study-number{font-size:38px;margin-bottom:12px}
 .study-notes p{font-size:20px}
 .study-label{margin-bottom:8px}
 .section-heading h1{overflow-wrap:anywhere}
 .sheet-tabs button[data-section=record]{font-size:12px}
}
@media(min-width:801px){
 .document[data-sheet=overview] .sub-register{padding-right:calc(var(--clip-width) + 10px)}
 .document[data-sheet=overview] .sub-register>span:first-child{max-width:none}
}

/* Image-led field studies. Notes remain secondary to the visual evidence. */
@media(min-width:1101px){
 .study-entry.has-notes{grid-template-columns:minmax(150px,.23fr) minmax(0,1fr);gap:24px}
 .study-entry.has-notes:nth-child(even){grid-template-columns:minmax(0,1fr) minmax(150px,.23fr)}
 .study-notes p{font-size:17px;line-height:1.45;margin-bottom:14px}
 .study-notes h2{font-size:28px}
}
.motion-mount{position:relative;padding:10px;background:#fafaf6;border:1px solid #b7b7ad;box-shadow:4px 5px 0 #a5a89755}
.motion-mount:before{content:"";position:absolute;z-index:1;width:46px;height:18px;background:#dedccdca;top:0;left:-12px;transform:rotate(-40deg);pointer-events:none}
.motion-mount video{display:block;width:100%;height:auto;aspect-ratio:1264/712;background:#eeece6}
.field-study .caption{gap:12px}
.field-study .caption span:last-child{white-space:nowrap}

/* Mobile app captures retain a phone-sized reading scale. */
.document .overview-gallery .art-button:has(img[src*="/dexman-study/"]){max-width:415px;margin-inline:auto}
.document .field-study .study-entry:has(img[src*="/dexman-study/"]){width:100%;max-width:940px;margin-inline:auto;align-items:center}
.document .field-study .study-entry:has(img[src*="/dexman-study/"]) .plate{width:100%;max-width:415px;justify-self:center}
@media(min-width:1101px){
 .document .field-study .study-entry.has-notes:has(img[src*="/dexman-study/"]){grid-template-columns:minmax(0,1fr) 340px;gap:54px}
 .document .field-study .study-entry.has-notes:nth-child(even):has(img[src*="/dexman-study/"]){grid-template-columns:340px minmax(0,1fr)}
 .document .field-study .study-entry:has(img[src*="/dexman-study/"]) .study-notes p{font-size:20px;line-height:1.5}
 .document .field-study .study-entry:has(img[src*="/dexman-study/"]) .study-notes h2{font-size:34px}
}

/* A final phone strip gives mobile its own full-width space after the desktop work. */
.document .field-study .study-entry:has(img[src*="/badpeople-study/16-mobile-views.svg"]){display:block}
.document .field-study .study-entry:has(img[src*="/badpeople-study/16-mobile-views.svg"]) .study-notes{max-width:780px;margin-bottom:30px}

/* The illustration already supplies the thumb shading. A shadow on the clipped
   foreground layer creates a second dark edge across the same hand behind it. */
.holding-hands.grip-thumb{filter:none}

/* Each plate follows a short editorial introduction: no narrow hanging text. */
.document .plate-grid.field-study{gap:64px}
.document .field-study .study-entry,
.document .field-study .study-entry.has-notes,
.document .field-study .study-entry:nth-child(even){display:flex;flex-direction:column;gap:26px;align-items:stretch}
.document .field-study .study-entry .study-notes{display:grid;grid-template-columns:minmax(200px,.65fr) minmax(0,1fr);gap:40px;max-width:none;margin:0;align-items:start}
.document .field-study .study-entry .plate{width:100%;max-width:none;margin:0}
.study-heading{display:grid;grid-template-columns:54px minmax(0,1fr);gap:18px;align-items:baseline}
.study-heading .study-number{font-size:38px;margin:0}
.study-heading h2{font-size:32px;line-height:1.12;margin:0;padding:0;max-width:22ch}
.study-heading h2:after{display:none}
.document .field-study .study-copy p{font:19px/1.5 Fell,Georgia,serif;margin:0 0 14px;max-width:66ch}
.study-copy p:last-child{margin-bottom:0}
@media(max-width:1100px){
 .document .field-study .study-entry .study-notes{grid-template-columns:1fr;gap:18px}
 .study-heading h2{max-width:none}
 .study-copy{padding-left:72px}
}
@media(max-width:600px){
 .document .plate-grid.field-study{gap:42px}
 .document .field-study .study-entry{gap:20px}
 .study-heading{grid-template-columns:38px minmax(0,1fr);gap:12px}
 .study-heading .study-number{font-size:30px}
 .study-heading h2{font-size:29px}
 .study-copy{padding-left:0}
 .document .field-study .study-copy p{font-size:19px;line-height:1.5}
 .field-study .caption{flex-wrap:wrap}
}

.study-source{display:block;font:12px/1.5 Arial,sans-serif;margin-top:16px;text-underline-offset:3px}
.interactive-preview{border:1px solid #aaa;background:#edece8}
.interaction-stage{position:relative;background:#0710eb;aspect-ratio:1680/824;overflow:hidden}
.interaction-stage>img{display:block;width:100%;height:100%;object-fit:cover}
.interaction-stage iframe{width:100%;height:100%;border:0;display:block}
.try-interaction{position:absolute;left:50%;top:76%;transform:translate(-50%,-50%);border:1px solid #eeece4;border-radius:30px;background:#eeece4;color:#0914bd;padding:14px 25px;font:16px Arial,sans-serif;white-space:nowrap}
.interaction-toolbar{display:flex;gap:16px;justify-content:space-between;align-items:center;padding:13px 16px;font:12px/1.4 Arial,sans-serif}
.interaction-toolbar a{white-space:nowrap;text-underline-offset:3px}
@media(max-width:700px){.interaction-stage{aspect-ratio:auto;height:800px}.interaction-stage>img{object-fit:contain}.interaction-toolbar{flex-wrap:wrap}.try-interaction{top:65%}}

/* Decode nearby work ahead of scrolling; preserve its measured space. */
.art-button img{opacity:0;transition:opacity .18s ease}.art-button img.art-ready{opacity:1}.art-button img.art-unavailable{opacity:1}
.route-status{display:block;font:11px/1.4 Georgia,serif;color:inherit;max-width:190px}.route-status:empty{display:none}
.viewer-image{position:relative}.viewer-load-status{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);padding:7px 12px;background:#f8f7f2;color:#292923;font:13px/1.4 Georgia,serif}.viewer-load-status:empty{display:none}.viewer-image>button{position:absolute;bottom:52px;left:50%;transform:translateX(-50%)}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.art-button img,.reveal-piece{transition:none!important;animation:none!important}}