:root{color-scheme:light;--paper:#f5f3ee;--ink:#242820;--muted:#72756b}*{box-sizing:border-box}body{margin:0;background:#252820;color:var(--paper);font-family:Arial,sans-serif}button,a,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #b9c4a2;outline-offset:4px}.reader-head{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 3vw;font-size:12px;border-bottom:1px solid #ffffff26}.reader-head>span{font-size:9px;letter-spacing:2px;color:#c0c3b8}.reader-head>div{display:flex;gap:8px}.reader-head button,.reader-controls button{border:1px solid #ffffff40;background:transparent;color:inherit;border-radius:22px;padding:11px 17px;min-height:42px}.reader-head button:hover,.reader-controls button:hover{background:#ffffff12}button:disabled{opacity:.3;cursor:default}.book-shell{padding:28px 3vw 18px;display:flex;justify-content:center}.sheet{width:min(1120px,100%);aspect-ratio:14/9;background:var(--paper);color:var(--ink);box-shadow:0 24px 70px #0005;padding:3.4%;position:relative;display:flex;flex-direction:column;overflow:hidden}.folio{border-top:1px solid #d1d1c7;display:flex;justify-content:space-between;gap:10px;font-size:clamp(7px,.72vw,10px);padding-top:10px;color:var(--muted);margin-top:auto}.eyebrow{font-size:clamp(8px,.8vw,11px);letter-spacing:2px;color:var(--muted);margin:0}.cover .eyebrow,.end .eyebrow{padding-bottom:20px;border-bottom:1px solid #d1d1c7}.cover h1,.end h1{font:400 clamp(22px,4.2vw,59px)/1.2 Georgia,serif;letter-spacing:-1.5px;margin:auto 0 15px}.cover .profession,.end .profession{font-size:clamp(9px,1vw,14px);letter-spacing:3px;margin:0 0 auto}.cover .cover-bottom{border-top:1px solid #d1d1c7;display:flex;justify-content:space-between;padding-top:21px;font-size:clamp(9px,1vw,14px)}.cover small{display:block;margin-top:10px;color:var(--muted)}.sheet h2{font:400 clamp(17px,2.4vw,32px)/1.12 Georgia,serif;margin:12px 0 5px}.contents-note{font-size:11px;color:var(--muted);margin:8px 0 20px}.project-list{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(8,1fr);grid-auto-flow:column;gap:0 5%;padding:0;margin:0 0 24px;list-style:none;flex:1}.project-list button{display:flex;gap:10px;width:100%;align-items:center;text-align:left;border:0;border-bottom:1px solid #deded5;padding:8px 0;color:var(--ink);background:none;font:400 clamp(9px,1.05vw,15px) Georgia,serif}.project-list button:hover{color:#6b7659}.project-list span,.project-list b{font:400 10px Arial,sans-serif;color:var(--muted)}.project-list b{margin-left:auto}.image-head{display:flex;justify-content:space-between;gap:10px;align-items:end}.image-head>span{font-size:10px;color:var(--muted)}.image-button{border:0;padding:0;background:transparent;flex:1;min-height:0;display:flex;justify-content:center;align-items:center;cursor:zoom-in;margin:14px 0 8px;position:relative;width:100%;overflow:hidden}.image-button img{width:100%;height:100%;object-fit:contain;display:block}.image-button .enlarge{position:absolute;bottom:9px;right:9px;background:#f5f3eedd;color:#242820;border-radius:24px;padding:9px 13px;font-size:10px;opacity:0;transition:opacity .2s}.image-button:hover .enlarge,.image-button:focus-visible .enlarge{opacity:1}.caption{font-size:clamp(8px,.85vw,11px);color:var(--muted);margin:0 0 12px}.reader-controls{display:flex;justify-content:center;align-items:center;gap:18px;font-size:11px;margin:0 10px}.reader-controls select{color:var(--paper);background:#252820;border:0;border-bottom:1px solid #fff5;padding:8px}#count{color:#c0c3b8}#download-status{text-align:center;font-size:12px;color:#d3d8c8;min-height:20px;margin:13px 16px 20px}dialog{border:0;padding:65px 16px 58px;background:#131710;color:white;width:100vw;height:100dvh;max-width:none;max-height:none}dialog::backdrop{background:#10120fef}dialog[open]{display:flex;align-items:center;justify-content:center}dialog img{width:100%;height:100%;object-fit:contain}#image-close{position:absolute;top:14px;right:20px;padding:12px 18px;background:#f5f3ee;border:0;border-radius:25px;color:#242820;z-index:1}#original{position:absolute;bottom:20px;font-size:12px;text-decoration:underline;text-underline-offset:4px}
@media(min-width:1100px){.sheet{padding:38px}.book-shell{padding-top:24px}.sheet.image{height:min(72vh,720px);aspect-ratio:14/9;width:auto;max-width:100%;min-width:850px}}
@media(max-width:600px){.reader-head{padding:12px 14px;gap:8px}.reader-head>span{display:none}.reader-head button{padding:10px 12px;font-size:11px}.book-shell{padding:20px 10px 16px}.sheet{padding:20px;aspect-ratio:14/10;min-height:270px}.sheet.contents{aspect-ratio:auto;min-height:510px}.project-list{display:flex;flex-direction:column;gap:0;margin-bottom:20px}.project-list button{font-size:13px;padding:9px 0}.contents-note{margin-bottom:10px}.cover h1,.end h1{letter-spacing:-.7px;font-size:clamp(21px,5.9vw,35px)}.cover .eyebrow,.end .eyebrow{letter-spacing:1px;font-size:7px;padding-bottom:12px}.cover .cover-bottom{padding-top:12px}.cover small{margin-top:6px}.image h2{font-size:17px}.image .eyebrow{font-size:7px;letter-spacing:1px}.image .image-button{margin-top:9px}.image .caption{margin-bottom:8px;font-size:8px}.image .folio{padding-top:7px;font-size:6px}.image .image-head>span{font-size:8px}.image-button .enlarge{opacity:1;font-size:8px;padding:6px 8px;bottom:4px;right:4px}.reader-controls{gap:11px}.reader-controls button{padding:8px 15px}.folio{font-size:6px}.end p{font-size:10px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
@media(min-width:900px){.sheet,.sheet.image{height:min(calc(100dvh - 176px),720px);width:auto;min-width:0;max-width:94vw;aspect-ratio:14/9;padding:26px}.cover h1,.end h1{font-size:clamp(28px,3.5vw,49px)}.project-list button{font-size:12px;padding:7px 0}.contents-note{margin-bottom:14px}.sheet h2{font-size:27px}}