.craft-section{background:#ece7dc;padding-top:95px;padding-bottom:65px}.craft-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:60px;margin-bottom:45px}.craft-heading>p{font-size:13px;color:#676b60;line-height:2.1;max-width:400px;margin:0 0 5px}.craft-index{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #cbc4b5;border-bottom:1px solid #cbc4b5}.craft-index a{display:flex;align-items:center;gap:20px;padding:24px 0;font-size:13px;letter-spacing:1px}.craft-index a>span{font-family:Georgia,serif;font-size:16px;color:var(--orange)}.craft-index a:hover{color:var(--orange)}.craft-chapter{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center;padding:70px 0;border-bottom:1px solid #d2cbbd;scroll-margin-top:35px}.craft-lead{margin:0;max-width:100%;width:100%}.craft-lead.portrait{max-width:370px;justify-self:center}.craft-lead.landscape{align-self:center}.craft-chapter:nth-child(even) .craft-lead{grid-column:2;grid-row:1}.craft-chapter:nth-child(even) .craft-story{grid-column:1;grid-row:1}.craft-image-button{display:block;position:relative;padding:0;border:0;background:#e0d9cb;cursor:zoom-in;width:100%}.craft-image-button img{display:block;width:100%;height:auto}.craft-zoom{display:grid;place-items:center;position:absolute;bottom:14px;right:14px;width:30px;height:30px;background:#f3efe7e8;color:var(--ink);font-size:17px;transition:transform .2s}.craft-image-button:hover .craft-zoom{transform:translate(2px,-2px)}.craft-lead>figcaption{display:flex;gap:15px;align-items:flex-start;color:#747568;font-size:10px;line-height:1.8;margin-top:15px}.craft-lead>figcaption>span{white-space:nowrap;font-size:9px;color:var(--orange);padding-top:1px}.craft-story .eyebrow{font-size:9px;margin-bottom:20px;letter-spacing:2px}.craft-story .eyebrow>span{display:inline-block;margin-left:15px;color:#686e61;letter-spacing:1px}.craft-story h3{font-family:var(--serif);font-size:clamp(27px,2.65vw,39px);font-weight:400;line-height:1.55;letter-spacing:1px;margin:0 0 24px}.craft-intro{font-size:13px;color:#676b60;line-height:2.2;max-width:430px;margin-bottom:23px}.craft-steps{display:flex;flex-wrap:wrap;gap:10px 18px;list-style:none;padding:0;margin:0 0 28px}.craft-steps li{font-size:10px;letter-spacing:1px;border-bottom:1px solid #c9c0ae;padding-bottom:6px}.craft-details{border-top:1px solid #c9c0ae}.craft-details>summary{font-size:12px;padding:17px 0;color:var(--ink)}.craft-details>summary>span{font-size:17px}.craft-detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:5px 0 10px}.craft-detail-grid figure{margin:0}.craft-detail-grid img{width:100%;height:145px;object-fit:contain}.craft-detail-grid figcaption{font-size:10px;color:#747568;line-height:1.7;padding-top:9px}.craft-detail-grid .craft-zoom{width:22px;height:22px;bottom:6px;right:6px;font-size:13px}.craft-closing{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-top:40px}.craft-closing>p{font-family:var(--serif);font-size:24px;line-height:1.7;margin:0}.craft-lightbox{padding:65px 25px 25px;width:min(96vw,1250px);max-height:96svh;overflow:auto;border:1px solid #ffffff30;background:#202720;color:var(--paper)}.craft-lightbox::backdrop{background:#0a110bf2}.craft-lightbox figure{margin:0;text-align:center}.craft-lightbox figure>img{display:block;max-width:100%;max-height:76svh;width:auto;height:auto;margin:auto;object-fit:contain}.craft-lightbox figcaption{font-size:12px;line-height:1.8;margin-top:20px;letter-spacing:.5px}.craft-lightbox-close{position:absolute;top:17px;right:22px;padding:8px 10px;color:var(--paper);background:none;border:1px solid #ffffff50;cursor:pointer;font-size:12px}.lightbox-open{overflow:hidden}
@media(max-width:1050px){.header nav{gap:19px}.craft-chapter{gap:6%}.craft-lead.portrait{max-width:310px}.craft-story h3{font-size:30px}.craft-heading{gap:35px}.craft-detail-grid{gap:8px}.craft-detail-grid img{height:120px}}
@media(max-width:700px){.craft-section{padding-top:60px;padding-bottom:50px}.craft-heading{display:block;margin-bottom:30px}.craft-heading>p{font-size:12px;margin-top:24px}.craft-index{grid-template-columns:repeat(2,1fr)}.craft-index a{gap:16px;font-size:12px;padding:17px 0}.craft-index a:nth-child(-n+2){border-bottom:1px solid #d2cbbd}.craft-index a>span{font-size:14px}.craft-chapter{grid-template-columns:1fr;gap:27px;padding:40px 0;scroll-margin-top:20px}.craft-chapter:nth-child(even) .craft-lead,.craft-chapter:nth-child(even) .craft-story{grid-column:auto;grid-row:auto}.craft-lead.portrait{max-width:100%;width:100%}.craft-lead.portrait img{max-height:450px;object-fit:contain}.craft-lead>figcaption{font-size:9px;gap:10px}.craft-story .eyebrow{font-size:8px;letter-spacing:1.5px;margin-bottom:15px}.craft-story h3{font-size:29px;margin-bottom:18px}.craft-intro{font-size:12px;line-height:2.1}.craft-steps{gap:10px 15px;margin-bottom:22px}.craft-steps li{font-size:9px}.craft-details>summary{font-size:11px}.craft-detail-grid img{height:125px}.craft-detail-grid figcaption{font-size:9px}.craft-closing{display:block;padding-top:30px}.craft-closing>p{font-size:23px;margin-bottom:25px}.craft-lightbox{padding:60px 13px 20px;max-height:95svh}.craft-lightbox figure>img{max-height:75svh}.craft-lightbox figcaption{font-size:11px}.craft-lightbox-close{right:12px}}
/* 紀實電影後製照片的版面收尾；影像調色已在照片檔內完成。 */
.craft-lead .craft-image-button{box-shadow:0 16px 42px #29281920;outline:1px solid #fff7;outline-offset:-1px}
.craft-lead>figcaption{padding-top:3px}
.craft-detail-grid .craft-image-button{background:#31372f;box-shadow:0 4px 12px #252b2410}
.craft-lightbox{background:#1b241d}
@media(prefers-reduced-motion:no-preference){.craft-lead .craft-image-button img{transition:opacity .25s}.craft-lead .craft-image-button:hover img{opacity:.96}}
