.materials-sample{--gap:clamp(22px,4vw,64px);width:min(1400px,calc(100% - 80px));margin:26px auto 100px}.sample-intro{display:flex;justify-content:space-between;align-items:end;gap:24px;margin:0 0 45px}.sample-intro h1{font-size:clamp(18px,2vw,26px);font-weight:400;line-height:1.35;margin:0;letter-spacing:-.025em}.sample-intro p{font-size:12px;color:#666;margin:0 0 3px}.spread{display:grid;gap:var(--gap);margin:0 0 clamp(70px,9vw,140px);align-items:start}.sample{margin:0;min-width:0}.sample-open{display:block;position:relative;text-decoration:none;background:#f6f6f4;cursor:zoom-in}.sample img{display:block;width:100%;height:auto}.sample figcaption{display:flex;justify-content:space-between;gap:18px;padding-top:12px;font-size:11px;line-height:1.4}.sample figcaption>span:first-child{font-weight:700;letter-spacing:.025em}.sample figcaption>span:last-child{color:#6b6b6b;white-space:nowrap}.enlarge{position:absolute;right:10px;bottom:10px;background:#fff;color:#111;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;font-size:18px;opacity:0;transition:opacity .15s}.sample-open:hover .enlarge,.sample-open:focus-visible .enlarge{opacity:1}.sample-open:focus-visible{outline:2px solid #111;outline-offset:6px}.paper .sample-open{padding:clamp(12px,2vw,28px);background:#f3f3f0}.paper img{box-shadow:0 2px 9px #0001}.spread--opening{grid-template-columns:2.3fr 1fr;align-items:center}.spread--light{grid-template-columns:1fr 1.55fr;width:80%;margin-left:9%;align-items:center}.spread--light .portrait{max-width:360px}.spread--evidence{grid-template-columns:1fr 1.3fr;align-items:center}.spread--evidence .paper{grid-row:1/3}.spread--evidence{row-gap:44px}.spread--interlude{display:block;width:92%}.spread--paperwork{grid-template-columns:1fr 1.35fr 1fr;align-items:center}.spread--paperwork .sample:nth-child(2){margin-top:120px}.spread--closing{grid-template-columns:1fr 1.7fr;align-items:center}.spread--afterword{grid-template-columns:1.4fr 1fr;width:76%;margin-left:auto;align-items:center}.spread--afterword .portrait{max-width:350px}.viewer{border:0;background:#111;color:#fff;padding:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;overflow:hidden}.viewer[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto}.viewer::backdrop{background:#111}.viewer-bar{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:20px 28px;border-bottom:1px solid #ffffff30}.viewer h2{font-size:15px;line-height:1.3;margin:0;max-width:550px}.viewer p{font-size:12px;color:#aaa;margin:5px 0 0}.viewer-actions{display:flex;align-items:center;gap:22px;flex-shrink:0}.viewer button,.viewer a{font:inherit;font-size:13px;color:inherit;background:none;border:0;cursor:pointer;padding:10px 0;text-underline-offset:4px}.viewer button:hover,.viewer a:hover{text-decoration:underline}.viewer :focus-visible{outline:2px solid white;outline-offset:5px}.viewer-stage{overflow:auto;padding:24px;display:flex;align-items:center;justify-content:center}.viewer-stage img{display:block;max-width:100%;max-height:100%;object-fit:contain;width:auto;height:auto}.viewer-stage.zoomed{display:block}.viewer-stage.zoomed img{max-width:none;max-height:none;width:var(--zoom-width);height:auto;margin:auto}.viewer-bottom{display:flex;justify-content:space-between;align-items:center;padding:10px 28px;border-top:1px solid #ffffff30}.viewer-bottom span{font-size:12px;color:#aaa}.viewer [hidden]{display:none!important}body.viewer-open{overflow:hidden}@media(hover:none){.enlarge{opacity:1}}@media(max-width:860px){.materials-sample{width:calc(100% - 40px);margin-top:30px}.sample-intro{display:block}.sample-intro p{margin-top:16px}.spread{gap:24px;margin-bottom:70px}.spread--opening{grid-template-columns:1.8fr 1fr}.spread--paperwork{grid-template-columns:1fr 1fr}.spread--paperwork .sample:nth-child(2){margin-top:0}.spread--paperwork .sample:last-child{width:75%;grid-column:2}.sample figcaption{display:block;font-size:10px}.sample figcaption>span{display:block}.sample figcaption>span:last-child{margin-top:3px}.viewer-bar{padding:16px;align-items:start}.viewer-actions{gap:15px;flex-wrap:wrap;justify-content:end}.viewer h2{font-size:13px}.viewer-stage{padding:16px}}@media(max-width:560px){.sample-intro h1{font-size:20px}.sample-intro br{display:none}.spread--opening,.spread--light,.spread--evidence,.spread--paperwork,.spread--closing,.spread--afterword{grid-template-columns:1fr;width:100%;margin-left:0;gap:38px}.spread--opening .paper{width:75%;margin-left:auto}.spread--light .portrait{width:72%}.spread--evidence .paper{grid-row:auto;width:80%}.spread--interlude{width:100%}.spread--paperwork .paper{width:78%}.spread--paperwork .sample:last-child{grid-column:auto;width:82%;margin-left:auto}.spread--closing .sample:first-child{width:85%}.spread--afterword .portrait{width:75%;margin-left:auto}.sample figcaption{display:flex;font-size:11px}.sample figcaption>span:last-child{margin:0}.viewer-bar{display:block}.viewer-actions{justify-content:space-between;margin-top:12px;gap:12px}.viewer-bottom{padding:8px 16px}.viewer-stage.zoomed img{margin:0}}@media(prefers-reduced-motion:reduce){.enlarge{transition:none}}
/* Equal square mounts: source proportions remain intact. */
.materials-sample{width:min(1440px,calc(100% - 80px))}.mount-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.mount{aspect-ratio:1;min-width:0;border:1px solid #c9c9c4;background:#fafaf8;padding:18px;display:grid;grid-template-rows:20px minmax(0,1fr) 74px 62px;gap:10px}.mount-header{display:flex;justify-content:space-between;align-items:start;font-size:9px;font-weight:700;letter-spacing:.07em;border-bottom:1px solid #d7d7d0;padding-bottom:8px}.mount-header span{font-weight:400;font-family:monospace}.mount .sample-open{min-height:0;display:flex;align-items:center;justify-content:center;background:transparent;overflow:hidden;padding:0}.mount .sample-open img{width:100%;height:100%;object-fit:contain;box-shadow:none}.mount figcaption{display:block;padding:10px 0 0;border-top:1px solid #d7d7d0;min-width:0}.mount h2{font-size:12px;line-height:1.2;letter-spacing:.015em;margin:0 0 7px;font-weight:700}.mount-meta{display:flex;justify-content:space-between;gap:8px;font-size:10px;line-height:1.3;color:#666}.mount-note{border-top:1px solid #d7d7d0;padding-top:9px;font-family:'Courier New',monospace}.mount-note>span{font-size:8px;letter-spacing:.06em;color:#777}.mount-note p{font-size:10px;line-height:1.3;margin:5px 0 0;color:#555}.mount .enlarge{width:25px;height:25px;right:3px;bottom:3px;font-size:16px}.sample-intro{margin-bottom:35px}@media(min-width:1500px){.mount{grid-template-rows:22px minmax(0,1fr) 74px 62px}.mount h2{font-size:14px}.mount-meta{font-size:11px}.mount-note p{font-size:11px}}@media(max-width:1150px){.mount-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}}@media(max-width:860px){.materials-sample{width:calc(100% - 40px)}.mount{padding:14px;gap:8px;grid-template-rows:20px minmax(0,1fr) 70px 63px}.mount-header{font-size:8px}.mount h2{font-size:11px}.mount-meta{font-size:9px}.mount-note p{font-size:9px}.mount-note>span{font-size:8px}}@media(max-width:650px){.mount-grid{grid-template-columns:1fr;gap:24px}.mount{padding:18px;grid-template-rows:20px minmax(0,1fr) 70px 63px}.mount h2{font-size:12px}.mount-meta{font-size:10px}.mount-note p{font-size:10px}.mount-header{font-size:9px}}@media(max-width:360px){.materials-sample{width:calc(100% - 24px)}.mount{padding:12px;gap:6px;grid-template-rows:18px minmax(0,1fr) 68px 59px}.mount h2{font-size:11px}.mount-note p{font-size:9px}.mount-header{font-size:8px}.mount-meta{font-size:9px}}
/* A quieter editorial title within the unchanged index-card frame. */
.mount h2{font-family:Arial,Helvetica,sans-serif;font-size:clamp(15px,1.25vw,19px);font-weight:500;line-height:1.12;letter-spacing:-.025em;margin:0 0 9px;text-wrap:balance}.mount figcaption{padding-top:11px}.mount-meta{font-size:10px;letter-spacing:.01em}.mount{grid-template-rows:20px minmax(0,1fr) 84px 62px}
@media(max-width:860px){.mount{grid-template-rows:20px minmax(0,1fr) 82px 63px}.mount h2{font-size:15px}.mount-meta{font-size:9px}}
@media(max-width:650px){.mount h2{font-size:17px}.mount-meta{font-size:10px}}
@media(max-width:360px){.mount{grid-template-rows:18px minmax(0,1fr) 80px 59px}.mount h2{font-size:15px}.mount-meta{font-size:9px}}
.mount h2{font-weight:700}
.sample-intro{display:grid;grid-template-columns:1fr auto;gap:8px 24px;align-items:end}.sample-intro h1{grid-column:1;font-weight:700}.sample-intro .sample-description{grid-column:1;font-size:14px;line-height:1.4;margin:0;color:#555}.sample-intro>p:last-child{grid-column:2;grid-row:1/3}.mount-meta{display:block}.mount-meta>span{display:block}.mount-meta>span+span{margin-top:4px}.mount h2{font-size:clamp(15px,1.25vw,19px)}@media(max-width:650px){.sample-intro{display:block}.sample-intro .sample-description{margin-top:10px}.sample-intro>p:last-child{margin-top:14px}.mount h2{font-size:17px}}@media(max-width:360px){.mount h2{font-size:15px}}