*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f4f2eb;color:#242a22;font:15px/1.65 -apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif}button,input,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:#435840;text-underline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #819773;outline-offset:3px}header,main,footer{max-width:1480px;margin:auto;padding:32px 4vw}header{padding-top:48px}.eyebrow{font:12px/1.6 monospace;letter-spacing:1.5px;color:#707667}h1{font-size:clamp(34px,4vw,58px);font-weight:500;line-height:1.15;margin:20px 0}h1 strong{font:inherit;color:#51654b}.intro{max-width:930px;color:#555d50}.counts{display:flex;gap:28px;margin:20px 0}.counts b{font-size:27px;font-weight:500;margin-right:5px}.quick{display:flex;gap:20px;flex-wrap:wrap;font-size:14px}.quick button{background:none;border:0;padding:0;color:#435840;text-decoration:underline;text-underline-offset:4px}.note{color:#777d70;font-size:12px;margin-bottom:0}.toolbar{position:sticky;top:0;z-index:5;background:#f4f2ebf5;backdrop-filter:blur(14px);border-block:1px solid #d2d5c9;padding:15px max(4vw,calc((100vw - 1360px)/2)) 10px}.tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.segmented{display:flex}.segmented button{border:1px solid #b9c1b1;background:transparent;padding:8px 13px;color:#364631}.segmented button+button{border-left:0}.segmented button[aria-pressed=true]{background:#435840;color:white}.searchwrap{flex:1;min-width:220px}input,select{border:1px solid #b9c1b1;background:#fff9;padding:9px 12px;border-radius:0;color:inherit}input{width:100%}select{max-width:160px}.reset{border:0;background:none;color:#66745d;padding:8px}.spacebar{display:flex;gap:7px;overflow-x:auto;padding:13px 0 5px;scrollbar-width:thin}.spacebar button{white-space:nowrap;border:1px solid #cbd0c2;background:transparent;padding:5px 12px;color:#606956;font-size:13px}.spacebar button span{font-size:11px;margin-left:5px;opacity:.7}.spacebar button[aria-pressed=true]{border-color:#435840;color:white;background:#435840}.spacebar button:disabled{opacity:.4;cursor:default}.resultline{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:#737b6c;padding-top:7px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 22px}.card{min-width:0;border-bottom:1px solid #ccd0c3;padding-bottom:22px}.cover{width:100%;border:0;padding:0;background:#dedfd6;display:block;aspect-ratio:16/10;position:relative;overflow:hidden}.cover img{display:block;width:100%;height:100%;object-fit:contain}.badge{position:absolute;top:10px;left:10px;background:#f4f2ebee;padding:3px 8px;font-size:11px}.view{position:absolute;bottom:10px;right:10px;background:#263222e8;color:white;padding:3px 9px;font-size:11px}.cardmeta{font-size:12px;color:#737b6c;margin-top:13px;display:flex;gap:12px;justify-content:space-between}.card h2{font-size:23px;font-weight:500;line-height:1.3;margin:8px 0}.titlebtn{background:none;border:0;padding:0;color:inherit;text-align:left}.card p{font-size:13px;color:#626a5d;margin:7px 0 11px}.original{font-size:11px;color:#7c8377;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cardfoot{display:flex;gap:15px;font-size:12px}.cardfoot button{border:0;padding:0;color:#435840;background:none;text-decoration:underline;text-underline-offset:4px}.tags{display:flex;flex-wrap:wrap;gap:5px;margin:11px 0}.tags button{border:0;background:#e7e9de;color:#606c56;font-size:11px;padding:2px 7px}.scene .caption{font-size:14px;margin:9px 0 3px}.scene .worklink{font-size:16px}.scene .credits{color:#7b8275;font-size:11px;margin-top:6px}.scene figure{margin:0}.scene .cardfoot{margin-top:8px}footer{border-top:1px solid #ccd0c3;font-size:12px;color:#737b6c}.empty{padding:60px 0;text-align:center}.loadmore{display:block;margin:40px auto 0;background:transparent;border:1px solid #9fa993;color:#435840;padding:10px 40px}[hidden]{display:none!important}.workdialog{position:fixed;inset:0;border:0;padding:0;width:100vw;max-width:none;height:100vh;max-height:none;background:#f4f2eb;color:#242a22;overflow:auto}.workdialog::backdrop{background:#182014d9}.dialogbar{position:sticky;top:0;z-index:2;background:#f4f2ebf5;border-bottom:1px solid #ccd0c3;display:flex;justify-content:space-between;align-items:center;padding:13px 4vw}.dialogbar button{border:1px solid #9ca793;background:transparent;padding:7px 16px}.detail{max-width:1360px;margin:auto;padding:30px 4vw 70px}.detail h2{font-size:40px;margin:8px 0 12px;font-weight:500}.detail>p{max-width:900px}.detail .spacebar{position:sticky;top:73px;background:#f4f2ebf5;z-index:1;padding-bottom:14px}.photogrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 22px}.photogrid .cover{aspect-ratio:16/10}.photogrid .scene{border-bottom:1px solid #d3d7ca;padding-bottom:15px}.pdf{display:inline-block;border:1px solid #acb6a2;padding:9px 13px;margin:12px 0}.muted{font-size:12px;color:#7a8271}.lightbox{position:fixed;inset:0;padding:0;border:0;width:100vw;max-width:none;height:100vh;max-height:none;background:#181d17;color:#eee;overflow:hidden}.lightbar,.lightfoot{display:flex;gap:22px;align-items:center;padding:16px 3vw}.lightbar{justify-content:space-between;height:72px;font-size:14px}.lightbar button{background:none;border:1px solid #76836d;color:#fff;padding:6px 14px;white-space:nowrap}.stage{height:calc(100dvh - 138px);display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 2vw}.stage img{width:calc(100% - 110px);height:100%;object-fit:contain}.stage button{background:#ffffff14;border:1px solid #6e7968;color:white;min-width:44px;height:44px;font-size:22px}.stage button:disabled{opacity:.3}.lightfoot{justify-content:center;height:66px;font-size:13px}.lightfoot a{color:#c5d6b8}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.no-scroll{overflow:hidden}.failnote{position:absolute;inset:0;display:grid;place-items:center;background:#e4e5dc;color:#666e60;font-size:13px;padding:20px}@media(max-width:1000px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.toolbar{position:relative}.tools{gap:7px}select{max-width:135px}.resultline #hint{display:none}}@media(max-width:620px){header,main,footer{padding-inline:20px}header{padding-top:30px}.grid{grid-template-columns:1fr}.toolbar{padding-inline:20px}.searchwrap{flex-basis:100%;order:3}.counts{gap:18px}.counts b{font-size:24px}.quick{gap:15px}.photogrid{grid-template-columns:1fr}.detail{padding-inline:20px}.detail h2{font-size:31px}.stage{gap:3px;padding:0 6px}.stage img{width:calc(100% - 80px)}.stage button{min-width:36px;width:36px}.lightbar{font-size:12px}.lightfoot{gap:14px}.dialogbar{font-size:12px}.detail .spacebar{top:67px}}

.headline-sub{display:block;font-size:clamp(18px,2vw,27px);margin-top:15px;color:#65715d;font-weight:400}.counts{flex-wrap:wrap}.counts button{border:0;background:none;color:#435840;padding:0;text-align:left}.counts button:hover{text-decoration:underline;text-underline-offset:6px}

.material-label{display:inline-block;border:1px solid #c6cebe;padding:0 5px;margin-right:5px;color:#4e6045;font-size:11px}

.colorbar{display:flex;align-items:center;gap:16px;padding-top:12px;min-width:0;border-top:1px solid #d2d5c9;margin-top:8px}
.tone-label{display:flex;align-items:center;gap:10px;flex-shrink:0;font-size:12px;color:#52604a}.tone-label select{padding:6px 8px;font-size:12px;max-width:130px}
.color-families{display:flex;gap:6px;overflow-x:auto;min-width:0;padding:3px 2px;scrollbar-width:thin}.color-families button{display:flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap;background:transparent;border:1px solid transparent;padding:6px 9px;color:#4e5947;font-size:12px;min-height:36px}.color-families button[aria-pressed=true]{border-color:#435840;background:#e4e8db;color:#24331e}.color-families button:disabled{opacity:.35;cursor:default}.family-dot{width:16px;height:16px;display:block;background:var(--swatch);border:1px solid #0002;border-radius:50%}
.frame-palette{display:grid;grid-template-columns:repeat(var(--color-count,5),minmax(0,1fr));gap:3px;margin:10px 0 12px}.swatch{display:flex;flex-direction:column;align-items:stretch;padding:0;border:0;min-width:0;min-height:44px;background:var(--swatch);color:var(--swatch-ink)}.swatch-color{display:block;min-height:17px;flex:1}.swatch-code{display:block;font:10px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace;padding:3px 1px;text-align:center;letter-spacing:0}.swatch:hover{outline:1px solid #74826c;outline-offset:2px}.card .frame-palette{margin-bottom:14px}
.light-palette{height:64px;display:flex;justify-content:center;padding:8px 3vw 0}.light-palette .frame-palette{width:min(560px,100%);margin:0;align-self:stretch}.light-palette .swatch{min-height:0}.stage{height:calc(100dvh - 202px)}.color-toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:100;background:#263222;color:#fff;padding:10px 18px;font:13px/1.5 ui-monospace,monospace;box-shadow:0 3px 15px #0002}
@media(max-width:620px){.colorbar{align-items:flex-start;flex-direction:column;gap:6px}.color-families{max-width:100%;width:100%}.tone-label select{min-height:36px}.swatch-code{font-size:9px}.dialogbar{gap:12px}.dialogbar button{flex-shrink:0}.light-palette{padding-inline:12px}.lightfoot{padding-inline:12px}.color-toast{max-width:calc(100vw - 24px);white-space:nowrap}.counts{column-gap:20px;row-gap:4px}}