/* Text is sized for reading; the material artwork keeps its own proportions. */
:root{--career-body:'Microsoft YaHei','PingFang SC','Noto Sans CJK SC',sans-serif;--career-ink:#3e352c;--career-blue:#243f53;--career-muted:#595247}
/* Three complete files, sized from their original atlas crops. */
.scrapbook-home .work-folder{left:18%;top:0;width:min(64%,720px);height:auto;padding:0;container-type:inline-size}
.scrapbook-home .folder-layout{position:relative;padding:7.5cqw 5cqw 4cqw}
.scrapbook-home .folder-board{position:absolute;display:block;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;filter:drop-shadow(0 8px 6px #53271644)}
.scrapbook-home .folder-title{position:absolute;left:20%;top:4cqw;width:60%;margin:0;padding:0;background:none;color:var(--career-ink);text-align:center;font:400 min(3.6cqw,25px)/1.2 'Scene Clay',var(--career-body);letter-spacing:.08em}
.scrapbook-home .folder-close{top:3.7cqw;right:3cqw;width:5.6cqw;height:5.6cqw;border-width:1px;font:400 4cqw/1 var(--career-body)}
.scrapbook-home .work-files{position:relative;inset:auto;display:grid;gap:1.5cqw}
.scrapbook-home .work-file{position:relative;left:auto;top:auto;width:100%;height:auto;aspect-ratio:901/284;isolation:isolate;transform-origin:50% 50%;border-radius:18px;transition:transform 260ms cubic-bezier(.23,1,.32,1),filter 180ms ease;filter:drop-shadow(3px 7px 5px #5b382c38)}
.scrapbook-home .work-file--bank{aspect-ratio:833/302}
.scrapbook-home .work-file--intern{aspect-ratio:856/302}
.scrapbook-home button.work-file--intern{padding:0;border:0;background:none;text-align:left;appearance:none;cursor:default}
.scrapbook-home .work-file .file-art img{height:auto;aspect-ratio:2/1}
.scrapbook-home .work-file .file-copy{left:55%;right:11%;top:30%;bottom:14%;display:flex;justify-content:center;gap:.35cqw;font-family:var(--career-body);color:var(--career-ink)}
.scrapbook-home .work-file .file-copy strong{font:600 min(3.6cqw,25px)/1.3 var(--career-body);color:var(--career-blue);letter-spacing:0;margin:0;white-space:nowrap}
.scrapbook-home .work-file .file-copy .file-company{font:500 min(2.4cqw,16px)/1.4 var(--career-body);color:#68462e;white-space:nowrap}
.scrapbook-home .work-file .file-copy .file-team{font:400 min(2.3cqw,15px)/1.4 var(--career-body);color:#4b5149;white-space:nowrap}
.scrapbook-home .work-file .file-copy .file-time{font:400 min(2.3cqw,15px)/1.4 var(--career-body);color:#5b4938;margin:.2cqw 0 0;font-variant-numeric:tabular-nums;white-space:nowrap}
.scrapbook-home .file-pull{right:2.7%;top:52%;width:5%;height:20%;display:grid;place-items:center;writing-mode:horizontal-tb;color:#734b25}
.scrapbook-home .file-pull svg{display:block;width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.scrapbook-home .work-file:focus-visible{outline:3px solid #315e7a;outline-offset:5px;transform:translateX(6px)}
@media(hover:hover) and (pointer:fine){.scrapbook-home .work-file:hover{transform:translateX(8px);filter:drop-shadow(4px 9px 7px #5b382c4d)}}
.scrapbook-home .work-file--intern:active{transform:translateX(4px) scale(.99)}
@media(prefers-reduced-motion:reduce){.scrapbook-home .work-file{transition:none}.scrapbook-home .work-file:hover,.scrapbook-home .work-file:focus-visible,.scrapbook-home .work-file--intern:active{transform:none}}
.customer-work{--type-body:var(--career-body);--ink:var(--career-ink);--muted:var(--career-muted);--blue:var(--career-blue)}
.customer-work .reader-content{font-family:var(--career-body);color:var(--career-ink)}
.customer-work .duty-reader{top:68%;width:25.2%;height:18.2%}
.customer-work .overview-lead{font:600 clamp(14px,.98cqw,16px)/1.65 var(--career-body);color:var(--career-blue)}
.customer-work .overview-follow{font:400 clamp(13px,.9cqw,14px)/1.65 var(--career-body);color:var(--career-ink)}
.customer-work .duty-description{font:400 clamp(14px,.98cqw,16px)/1.7 var(--career-body);color:var(--career-ink)}
.bank-identity-slot{display:none}
.scene-heading .identity-company,.scene-heading .identity-track,.scene-heading .tenure-label,.scene-heading .identity-period{font-family:var(--career-body);color:var(--career-ink)}
.scene-heading .identity-company span,.scene-heading .identity-period .date-connector{color:var(--career-ink)}
.work-detail .dossier-content{font-family:var(--career-body);color:var(--career-ink)}
.work-detail .dossier-content h1,.work-detail .dossier-content h2{font-family:var(--career-body);font-weight:600;color:var(--career-blue)}
.work-detail .dossier-content p,.work-detail .dossier-content dl{font-size:16px;line-height:1.85}