.s07-d3{background:var(--d2-ground);color:var(--ink)}.s07-d3 .sketchbook-intro{padding-bottom:36px}.s07-d3 .d-description{max-width:65ch;margin:0 var(--gutter) 56px;font-size:17px;line-height:1.4}.s07-d3 .d-description p+p{margin-top:1em}.s07-d3 em{font-family:Literata,serif}.s07-d3 .book-overview{margin:0 var(--gutter);grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 3vw;padding-bottom:76px;display:grid}.s07-d3 figure{min-width:0;margin:0}.s07-d3 .read-spread{width:100%;color:inherit;cursor:zoom-in;background:0 0;border:0;padding:0;display:block}.s07-d3 .read-spread:disabled{cursor:default}.s07-d3 .tile-media{--tile-height:clamp(170px,18vw,260px);height:var(--tile-height);justify-content:center;align-items:center;display:flex}.s07-d3 .tile-media img{width:min(100%,calc(var(--tile-height) * var(--ratio)));object-fit:contain;max-width:100%;height:auto;display:block}.s07-d3 .original-link,.s07-d3 .reader-footer a{justify-content:end;align-items:center;gap:10px;min-height:44px;font-size:13px;display:flex}.s07-d3 svg{flex-shrink:0;width:16px;height:16px}.s07-d3 dialog{background:var(--d2-ground);width:100%;max-width:none;height:100dvh;max-height:none;color:var(--ink);overscroll-behavior:contain;border:0;margin:0;padding:0;position:fixed;inset:0}.s07-d3 dialog::backdrop{background:var(--ink)}.s07-d3 .reader-shell{max-width:1200px;padding:24px var(--gutter);margin:auto}.s07-d3 .reader-heading,.s07-d3 .reader-navigation,.s07-d3 .reader-footer{justify-content:space-between;align-items:center;gap:20px;display:flex}.s07-d3 .reader-heading h2{font-size:24px}.s07-d3 dialog button{min-width:44px;min-height:44px;color:inherit;font:inherit;background:0 0;border:0;justify-content:center;align-items:center;gap:10px;padding:0 8px;display:inline-flex}.s07-d3 dialog button:hover:not(:disabled),.s07-d3 .original-link:hover{text-underline-offset:5px;text-decoration:underline}.s07-d3 dialog button:disabled{opacity:.4;cursor:default}.s07-d3 .reader-stage{justify-content:center;align-items:center;height:66dvh;margin-block:24px;display:flex}.s07-d3 .reader-stage img{width:min(100%,calc(66dvh * var(--ratio)));object-fit:contain;max-width:100%;height:auto;display:block}.s07-d3 .reader-navigation{border-block:1px solid var(--line);padding-block:8px;font-size:14px}.s07-d3 .forward svg{transform:rotate(180deg)}.s07-d3 output{text-align:center;font-size:13px}.s07-d3 .reader-footer{min-height:44px;font-size:13px}@media (width<=1000px){.s07-d3 .book-overview{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.s07-d3 .sketchbook-intro{padding-bottom:28px}.s07-d3 .d-description{margin-bottom:40px}.s07-d3 .book-overview{gap:24px 5vw}.s07-d3 .tile-media{--tile-height:30vw}.s07-d3 .original-link{gap:6px;font-size:12px}.s07-d3 .reader-shell{padding-top:12px}.s07-d3 .reader-heading h2{font-size:20px}.s07-d3 .reader-stage{height:58dvh;margin-block:20px}.s07-d3 .reader-stage img{width:min(100%,calc(58dvh * var(--ratio)))}.s07-d3 .reader-navigation{gap:8px}.s07-d3 .reader-navigation button{gap:5px;font-size:13px}.s07-d3 output{max-width:12ch}}.s07-d3 .d2-opening{margin:0 var(--gutter) 64px;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:28px 6vw;display:grid}.s07-d3 .d-description{max-width:54ch;margin:0}.s07-d3 .d2-opening figure:first-of-type{grid-column:1}.s07-d3 .d2-opening figure:last-of-type{grid-area:1/2/span 2}.s07-d3 .d2-opening figure:first-of-type .tile-media{--tile-height:230px;justify-content:flex-start}.s07-d3 .d2-opening figure:first-of-type .original-link{justify-content:flex-start}.s07-d3 .d2-opening figure:last-of-type .tile-media{--tile-height:clamp(250px,35vw,500px)}.s07-d3 .book-overview{border-top:1px solid var(--line);padding-top:48px}.s07-d3 .book-overview figure:nth-child(15n+1){--scale:.96;padding-top:0}.s07-d3 .book-overview figure:nth-child(15n+2){--scale:1;padding-top:12px}.s07-d3 .book-overview figure:nth-child(15n+3){--scale:.94;padding-top:20px}.s07-d3 .book-overview figure:nth-child(15n+4){--scale:.98;padding-top:16px}.s07-d3 .book-overview figure:nth-child(15n+5){--scale:.94;padding-top:4px}.s07-d3 .book-overview figure:nth-child(15n+6){--scale:1;padding-top:8px}.s07-d3 .book-overview figure:nth-child(15n+7){--scale:.94;padding-top:8px}.s07-d3 .book-overview figure:nth-child(15n+8){--scale:.98;padding-top:20px}.s07-d3 .book-overview figure:nth-child(15n+9){--scale:1;padding-top:0}.s07-d3 .book-overview figure:nth-child(15n+10){--scale:1;padding-top:12px}.s07-d3 .book-overview figure:nth-child(15n+11){--scale:.96;padding-top:0}.s07-d3 .book-overview figure:nth-child(15n+12){--scale:.94;padding-top:16px}.s07-d3 .book-overview figure:nth-child(15n+13){--scale:.98;padding-top:4px}.s07-d3 .book-overview figure:nth-child(15n+14){--scale:1;padding-top:16px}.s07-d3 .book-overview figure:nth-child(15n){--scale:.96;padding-top:8px}.s07-d3 .book-overview .tile-media img{width:min(100%,calc(var(--tile-height) * var(--ratio) * var(--scale)))}@media (width<=1000px){.s07-d3 .book-overview figure:nth-child(8n+1){--scale:.98;padding-top:0}.s07-d3 .book-overview figure:nth-child(8n+2){--scale:1;padding-top:10px}.s07-d3 .book-overview figure:nth-child(8n+3){--scale:.94;padding-top:12px}.s07-d3 .book-overview figure:nth-child(8n+4){--scale:.98;padding-top:4px}.s07-d3 .book-overview figure:nth-child(8n+5){--scale:1;padding-top:6px}.s07-d3 .book-overview figure:nth-child(8n+6){--scale:.96;padding-top:14px}.s07-d3 .book-overview figure:nth-child(8n+7){--scale:.96;padding-top:10px}.s07-d3 .book-overview figure:nth-child(8n){--scale:1;padding-top:0}}@media (width<=700px){.s07-d3 .d2-opening{grid-template-columns:minmax(0,1fr);gap:24px;margin-bottom:40px}.s07-d3 .d2-opening figure:nth-of-type(n){grid-area:auto}.s07-d3 .d2-opening figure:first-of-type .tile-media{--tile-height:190px}.s07-d3 .d2-opening figure:last-of-type .tile-media{--tile-height:65vw}.s07-d3 .d-description{margin:0}.s07-d3 .book-overview{padding-top:32px}}