/* Illustration sketchbooks by year */
.ill-intro{margin:-25px 0 40px;font-size:15px;color:var(--muted);max-width:560px}
.ill-year{display:grid;grid-template-columns:220px minmax(0,1fr);gap:36px;align-items:center;padding:38px 0;border-top:1px solid var(--line)}
.ill-year .year-folder{margin-top:18px;color:#111}
.ill-year .year-folder small{display:block;font-size:12px;margin-top:6px}
.ill-preview{min-width:0}
.ill-open{display:inline-block;margin-top:6px;font-size:13px;border-bottom:1px solid currentColor}
.ill-track{display:flex;gap:22px;overflow-x:auto;padding:26px 34px 30px;scrollbar-width:none;cursor:grab;outline-offset:6px;-webkit-mask:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.ill-track::-webkit-scrollbar{display:none}
.ill-track.is-dragging{cursor:grabbing;user-select:none}
.ill-card{flex:0 0 clamp(170px,19vw,240px);margin:0;background:#fff;box-shadow:0 12px 26px rgba(0,0,0,.09);transition:transform .12s linear;will-change:transform}
body.dark .ill-card{background:#161616}
.ill-card button{display:block;width:100%;padding:0;border:0;background:#ecebe5;cursor:zoom-in}
.ill-card img{display:block;width:100%;aspect-ratio:4/5;object-fit:contain;pointer-events:none}
.ill-card figcaption{padding:11px 12px 14px;display:flex;flex-direction:column;gap:5px}
.ill-card strong{font-weight:400;font-size:13px;line-height:1.3}
.ill-card span{font-size:11px;line-height:1.4;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ill-folder{margin-bottom:70px}
.ill-track-full .ill-card{flex-basis:clamp(210px,24vw,300px)}
.ill-bar{display:flex;justify-content:space-between;gap:20px;font-size:10px;letter-spacing:1.4px;color:var(--muted);padding:2px 0 0}
.ill-index-head{font-size:clamp(24px,3vw,34px);font-weight:500;letter-spacing:-.04em;margin:70px 0 22px;padding-top:30px;border-top:1px solid var(--line)}
.ill-index{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:18px 14px}
.ill-index button{padding:0;border:0;background:none;color:inherit;text-align:left;cursor:zoom-in}
.ill-index img{display:block;width:100%;aspect-ratio:1;object-fit:contain;background:#ecebe5;transition:opacity .2s}
.ill-index button:hover img{opacity:.8}
.ill-index span{display:block;font-size:11px;line-height:1.35;margin-top:7px}
.ill-viewer{width:min(1100px,94vw);max-height:94svh;border:0;padding:0;background:transparent;overflow:visible}
.ill-viewer::backdrop{background:rgba(10,10,10,.88)}
.ill-viewer figure{margin:0;display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:28px;align-items:center;background:#f8f7f2;color:#141414;padding:22px}
.ill-viewer img{width:100%;max-height:82svh;object-fit:contain;background:#ecebe5}
.ill-viewer figcaption{align-self:end}
.ill-viewer h2{font-size:24px;font-weight:500;letter-spacing:-.03em;margin:10px 0 12px}
.ill-viewer p{font-size:14px;line-height:1.65;color:#55534f;margin:0}
.ill-count{font-size:10px;letter-spacing:1.4px;color:#74726d}
.ill-close{position:absolute;top:-38px;right:0;background:none;border:0;color:#fff;font-size:14px;cursor:pointer}
.ill-step{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;border:1px solid #fff6;background:#0006;color:#fff;font-size:18px;cursor:pointer}
.ill-prev{left:-58px}.ill-next{right:-58px}
@media(max-width:1250px){.ill-prev{left:8px}.ill-next{right:8px}}
@media(max-width:800px){
 .ill-year{grid-template-columns:1fr;gap:6px;padding:28px 0}
 .ill-year .year-folder{max-width:240px}
 .ill-viewer figure{grid-template-columns:1fr;gap:14px;padding:12px;max-height:90svh;overflow:auto}
 .ill-viewer img{max-height:62svh}
 .ill-step{top:38%}
}