@charset "UTF-8";
.process-page{background:#171312;--process-header-height:96px}
.process-page .site-header{position:fixed;top:0;background:#171312f7;border-bottom:1px solid #d9bfa81c}
.process-back{display:flex;align-items:center;gap:12px}
.process-back span{margin:0}
.process-back>span:first-child{color:var(--red);font-size:18px}
.process-main{width:min(1160px,calc(100% - 112px));margin:0 auto;padding-top:var(--process-header-height)}
.process-main:focus{outline:none}
.process-hero{padding:78px 0 0}
.process-hero>.eyebrow{color:#b99c84;letter-spacing:.23em}
.process-hero-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(230px,1fr);gap:70px;align-items:end;margin-top:25px}
#process-title{font:400 clamp(54px,7vw,104px)/1.25 "Songti SC","STSong",serif;letter-spacing:.015em;margin:0}
#process-title span,#process-title em{display:block}
#process-title em{font-weight:400;font-style:normal;color:#c8ac8f}
.process-intro{font-size:13px;line-height:2;letter-spacing:.065em;color:var(--muted);margin:32px 0 0}
.process-contents-label{font-size:10px;letter-spacing:.14em;color:#b49b84;display:block;margin-bottom:15px}
.process-toc-link{display:grid;grid-template-columns:25px minmax(0,1fr) 16px;gap:10px;align-items:baseline;padding:14px 0;border-top:1px solid var(--line);line-height:1.8}
.process-toc-number{font:italic 11px/1.8 Georgia,serif;color:#a7886b}
.process-toc-title{font-size:12px;letter-spacing:.025em}
.process-toc-arrow{color:#b65d48;font-size:15px;transition:transform .2s}
.process-toc-link:hover .process-toc-arrow{transform:translate(2px,-2px)}
.process-hero-foot{display:flex;justify-content:space-between;margin-top:65px;padding:22px 0 19px;border-top:1px solid var(--line);font:9px/1.8 Georgia,serif;letter-spacing:.17em;color:#ac9682}
.process-hero-foot span:last-child{letter-spacing:.05em;font-style:italic}
.process-study{padding:85px 0 90px;border-top:1px solid var(--line);scroll-margin-top:calc(var(--process-header-height) + 24px)}
.process-study-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:75px;align-items:start}
.process-copy,.process-prose,.process-gallery{min-width:0}
.process-number{display:block;font:italic 37px/1.1 Georgia,serif;color:#a0816677;margin-bottom:22px}
.process-study h2{font:400 clamp(26px,2.7vw,36px)/1.6 "Songti SC","STSong",serif;letter-spacing:.035em;margin:0 0 30px;overflow-wrap:anywhere}
.process-paragraph{font-size:15px;line-height:2.05;color:#d1c1b0;margin:0 0 1.35em;letter-spacing:.012em}
.process-paragraph:last-child,.process-paragraph[data-last-paragraph]{margin-bottom:0}
.process-key-paragraph{font:400 21px/1.85 "Songti SC","STSong",serif;color:#eadbc7;border-left:1px solid #b65d48;padding-left:22px;margin:29px 0}
.process-gallery{padding-top:17px}
.process-plate{margin:0 0 36px}
.process-plate:last-child{margin-bottom:0}
.process-empty{position:relative;isolation:isolate;aspect-ratio:4/5;background:linear-gradient(145deg,#e7dece,#cbbba3);color:#6a5848;padding:31px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}
.process-empty:before{content:"";position:absolute;inset:15px;border:1px solid #7a64452e;z-index:-1}
.process-empty-wide{aspect-ratio:4/3}
.process-plate-status{font:8px/1.8 sans-serif;letter-spacing:.16em;color:#8f7961}
.process-empty-label{display:flex;flex-direction:column;gap:12px}
.process-plate-label{font:400 21px/1.4 "Songti SC","STSong",Georgia,serif;letter-spacing:.04em}
.process-plate-pending{font-size:10px;letter-spacing:.08em;color:#89725a}
.process-plate-index{align-self:flex-end;font:italic 57px/1 Georgia,serif;letter-spacing:-.08em;color:#89725a42}
.process-plate-caption{font-size:9px;line-height:1.8;color:#af9981;letter-spacing:.08em;margin-top:14px}
.process-photo-caption{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}
.process-plate-zoom{flex:none;white-space:nowrap;letter-spacing:.02em;color:var(--muted)}
.process-image-button{display:block;width:100%;padding:0;cursor:zoom-in;background:#211b18}
.process-image-button img{display:block;width:100%;height:auto;object-fit:contain}
.process-page .close-button [data-copy]{font-size:10px;line-height:1.5}
.process-folios{display:flex;flex-wrap:wrap;list-style:none;gap:10px 17px;padding:18px 0 0;margin:25px 0 0;border-top:1px solid var(--line)}
.process-folios li{font-size:9px;letter-spacing:.07em;color:#b59b81}
.process-study-cover .process-study-grid{grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr)}
.process-study-cover .process-copy{grid-column:2;grid-row:1}
.process-study-cover .process-gallery{grid-column:1;grid-row:1}
.process-study-reflection{padding-top:80px;padding-bottom:90px}
.process-study-reflection .process-study-grid{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr)}
.process-study-reflection .process-number{color:#b65d48}
.process-study-reflection h2{font-size:clamp(30px,3vw,43px);max-width:9em}
.process-study-reflection .process-key-paragraph{color:#ebd6bb}
.process-footer{border-top:1px solid var(--line);text-align:center;padding:75px 0 36px}
.process-footer h2{font:400 40px/1.5 "Songti SC","STSong",Georgia,serif;letter-spacing:.015em;margin:20px auto 0;max-width:20ch}
.process-footer .note-next{margin-top:27px}
.process-footer .note-next>span:first-child{font-size:11px;color:var(--paper)}
.process-signature{margin:70px 0 0;font-size:8px;letter-spacing:.17em;color:#8d7a6c}
html[lang="en"] #process-title{font-family:Georgia,serif;line-height:1.07;letter-spacing:-.045em;font-size:clamp(53px,6.9vw,98px)}
html[lang="en"] #process-title em{font-style:italic}
html[lang="en"] .process-intro{letter-spacing:.01em}
html[lang="en"] .process-study h2{font-family:Georgia,serif;line-height:1.24;letter-spacing:-.015em;overflow-wrap:normal}
html[lang="en"] .process-paragraph{font-size:15px;line-height:1.9;letter-spacing:0}
html[lang="en"] .process-key-paragraph{font-family:Georgia,serif;font-size:22px;line-height:1.7}
html[lang="en"] .process-plate-label,html[lang="en"] .process-footer h2{font-family:Georgia,serif;letter-spacing:0;line-height:1.3}
@media(max-width:1000px){.process-main{width:calc(100% - 70px)}.process-hero-grid{gap:40px;grid-template-columns:minmax(0,1.3fr) minmax(220px,1fr)}.process-study-grid,.process-study-cover .process-study-grid{gap:40px}.process-paragraph{font-size:14px}.process-key-paragraph{font-size:20px}}
@media(max-width:760px){
 .process-main{width:calc(100% - 48px)}
 .process-hero{padding-top:48px}
 .process-hero-grid{grid-template-columns:1fr;gap:42px;margin-top:22px}
 #process-title{font-size:clamp(48px,14vw,73px);line-height:1.3}
 html[lang="en"] #process-title{font-size:clamp(43px,12.3vw,64px);line-height:1.1}
 .process-intro{font-size:12px;margin-top:24px;letter-spacing:.025em}
 .process-toc-link{padding:11px 0;grid-template-columns:24px minmax(0,1fr) 16px}
 .process-toc-title{font-size:12px}
 .process-hero-foot{margin-top:38px;padding-top:20px}
 .process-study{padding:52px 0 56px;scroll-margin-top:calc(var(--process-header-height) + 18px)}
 .process-study-grid,.process-study-cover .process-study-grid,.process-study-reflection .process-study-grid{grid-template-columns:1fr;gap:32px}
 .process-study-cover .process-copy,.process-study-cover .process-gallery{grid-column:auto;grid-row:auto}
 .process-number{font-size:30px;margin-bottom:17px}
 .process-study h2{font-size:27px;line-height:1.6;margin-bottom:24px}
 .process-paragraph{font-size:15px;line-height:2}
 html[lang="en"] .process-paragraph{font-size:16px;line-height:1.8}
 .process-key-paragraph,html[lang="en"] .process-key-paragraph{font-size:21px;line-height:1.75;padding-left:18px}
 .process-gallery{padding-top:0;width:100%;max-width:480px;margin:0 auto}
 .process-photo-caption{display:block}
 .process-photo-caption>span{display:block}
 .process-plate-zoom{margin-top:5px}
 .process-empty{padding:27px;aspect-ratio:4/4.6}
 .process-empty-wide{aspect-ratio:4/3}
 .process-study-reflection h2{font-size:32px;margin-bottom:0}
 .process-study-reflection .process-study-grid{gap:25px}
 .process-footer{padding:52px 0 30px}
 .process-footer h2{font-size:31px}
 .process-signature{font-size:7px;line-height:2;letter-spacing:.1em;margin-top:50px}
}
@media(prefers-reduced-motion:reduce){.process-toc-arrow{transition:none}}