.template-film-page{--tf-wine:#6b263b;--tf-ink:#332824;--tf-muted:#8a7a70;--tf-line:#e4dbd1;min-height:100vh;color:var(--tf-ink);background:#faf7f2}
.template-film-header{height:100px;padding:0 clamp(22px,5vw,88px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--tf-line);gap:20px}
.template-film-header nav{display:flex;gap:28px;font-size:12px}.template-film-header nav a:hover{color:var(--tf-wine)}
.template-film-intro,.template-film-steps,.template-film-library,.template-film-create,.template-film-task,.template-film-story-link,.template-film-footer{width:min(1280px,calc(100% - 96px));margin-left:auto;margin-right:auto}
.template-film-intro{display:grid;grid-template-columns:1fr 1.25fr;align-items:center;gap:60px;padding:76px 0 68px}
.template-film-eyebrow{margin:0;color:var(--tf-wine);font:9px/1.6 Georgia,serif;letter-spacing:.2em}
.template-film-intro h1{margin:22px 0;font:400 clamp(34px,3.5vw,54px)/1.4 "Songti SC","SimSun",serif;letter-spacing:.06em}
.template-film-lead{color:var(--tf-muted);font-size:14px;line-height:2.1;margin:0 0 30px}
.template-film-primary{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;min-height:48px;padding:14px 24px;border:1px solid var(--tf-wine);background:var(--tf-wine);color:#fff9f3;text-decoration:none;font-size:13px;cursor:pointer}.template-film-primary:hover{background:#80354d}.template-film-primary:disabled{opacity:.45;cursor:not-allowed}.template-film-primary span{font-size:11px;font-weight:400}
.template-film-hero{position:relative;aspect-ratio:16/10;overflow:hidden;background:#e9e0d4}.template-film-hero img{width:100%;height:100%;object-fit:cover}.template-film-hero>span{position:absolute;bottom:18px;left:22px;color:#fff;font:9px Georgia,serif;letter-spacing:.25em;text-shadow:0 1px 8px #000}
.template-film-steps{list-style:none;padding:26px 0;margin-top:0;margin-bottom:68px;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--tf-line);border-bottom:1px solid var(--tf-line)}
.template-film-steps li{display:flex;align-items:center;gap:20px;padding:0 30px;border-right:1px solid var(--tf-line)}.template-film-steps li:first-child{padding-left:0}.template-film-steps li:last-child{border:0}.template-film-steps li>span{color:#bba58e;font:italic 32px Georgia,serif}.template-film-steps h2{margin:0 0 7px;font-size:14px;font-weight:500}.template-film-steps p{margin:0;font-size:11px;color:var(--tf-muted);line-height:1.6}
.template-film-library{scroll-margin-top:30px}.template-film-section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:28px}.template-film-section-head h2{font:400 28px/1.5 "Songti SC","SimSun",serif;margin:7px 0 0}.template-film-section-head>p,.template-film-section-head>span{font-size:11px;color:var(--tf-muted);margin:0}
.template-film-empty{text-align:center;padding:64px 24px 60px;min-height:345px;background:linear-gradient(115deg,#f2eae2,#fffdf9 54%,#f1e7e1);border:1px solid var(--tf-line)}.template-film-empty-mark{width:66px;height:46px;display:grid;place-items:center;margin:0 auto 21px;border:1px solid #c5ac99;position:relative;color:#a47e63;font-size:14px}.template-film-empty-mark:before,.template-film-empty-mark:after{content:"";position:absolute;top:-5px;width:8px;height:54px;border:1px dashed #c5ac99;background:#f6eee6}.template-film-empty-mark:before{left:-12px}.template-film-empty-mark:after{right:-12px}.template-film-empty h3{margin:12px 0;font:400 28px/1.5 "Songti SC","SimSun",serif}.template-film-empty>p:not(.template-film-eyebrow){font-size:13px;line-height:2;color:var(--tf-muted)}.template-film-coming{display:inline-block;margin-top:12px;padding:8px 20px;border:1px solid #d5c3b8;color:#8d6b56;font-size:11px;letter-spacing:.1em}
.template-film-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.template-film-grid--single{grid-template-columns:minmax(0,760px)}.template-film-card{text-align:left;padding:0;background:#fffdf9;border:1px solid var(--tf-line);color:inherit;transition:box-shadow .2s,border-color .2s}.template-film-card:hover,.template-film-card.is-selected{border-color:var(--tf-wine);box-shadow:0 8px 28px #6b263b12}.template-film-card-image{position:relative;display:block;aspect-ratio:16/10;overflow:hidden;background:#211812}.template-film-card-image img,.template-film-card-image video{display:block;width:100%;height:100%;object-fit:cover}.template-film-card-image video{object-fit:contain}.template-film-card-image>span{position:absolute;bottom:12px;right:12px;color:#fff;background:#211812a6;font-size:10px;padding:6px 10px}.template-film-card-copy{padding:20px;display:flex;flex-direction:column;gap:10px}.template-film-card-copy small{color:var(--tf-muted);font-size:10px;letter-spacing:.08em}.template-film-card-copy h3{margin:0;font:400 23px "Songti SC","SimSun",serif}.template-film-card-copy p,.template-film-card-copy>span{margin:0;font-size:12px;color:var(--tf-muted);line-height:1.8}.template-film-card-copy em{font-size:10px;color:#a18570;font-style:normal}.template-film-card-copy .template-film-preview-status{align-self:flex-start;padding:5px 10px;color:#8d6b56;background:#f2eae2;font-size:10px}.template-film-card-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:8px}.template-film-card-actions button{min-height:42px;padding:10px 18px;border:1px solid #bc9e8e;background:transparent;color:var(--tf-wine);font:inherit;font-size:12px;font-weight:500;line-height:1.6;cursor:pointer}.template-film-card-actions button:hover{background:#f2eae2}.template-film-card-actions button:focus-visible{outline:2px solid var(--tf-wine);outline-offset:3px}.template-film-card-actions button:disabled{opacity:.45;cursor:not-allowed}
.template-film-create{margin-top:60px;padding-top:40px;border-top:1px solid var(--tf-line);scroll-margin-top:30px}.template-film-select-hint{padding:34px;background:#f2ece5;font-size:14px;color:var(--tf-muted)}.template-film-selected{display:flex;gap:22px;align-items:center;padding:20px;background:#f1e9e1}.template-film-selected img{width:150px;aspect-ratio:16/10;object-fit:cover}.template-film-selected small{font-size:10px;color:var(--tf-muted)}.template-film-selected h3{font:400 24px "Songti SC","SimSun",serif;margin:8px 0}.template-film-selected p{font-size:12px;color:var(--tf-muted);line-height:1.8;margin:0}
.template-film-uploads{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:24px 0}.template-film-upload{padding:24px;border:1px solid var(--tf-line);background:#fffdf9}.template-film-upload h3{display:flex;justify-content:space-between;font-size:16px;font-weight:500;margin:0 0 8px}.template-film-upload h3 span{font-size:11px;color:var(--tf-muted)}.template-film-upload>p{font-size:11px;color:var(--tf-muted);margin:0 0 20px}.template-film-file{position:relative;min-height:110px;border:1px dashed #cbb4a3;background:#f7f2ed;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;color:var(--tf-wine);cursor:pointer}.template-film-file input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}.template-film-file span{font-size:13px}.template-film-file small{font-size:10px;color:var(--tf-muted)}.template-film-file:focus-within{outline:2px solid var(--tf-wine);outline-offset:3px}.template-film-file.is-disabled{opacity:.5;cursor:not-allowed}.template-film-photo-previews{display:flex;gap:12px;flex-wrap:wrap}.template-film-photo-previews img{width:80px;height:96px;object-fit:cover;margin-top:16px}.template-film-price-note{font-size:11px;color:var(--tf-muted);line-height:1.8}
.template-film-task{padding:24px;margin-top:28px;background:#fffdf9;border:1px solid var(--tf-line);font-size:13px;line-height:1.8}.template-film-task video{display:block;width:min(100%,720px);max-height:540px;background:#211812;margin:24px 0}.template-film-task progress{width:100%;accent-color:var(--tf-wine)}.template-film-task-actions{display:flex;gap:24px;flex-wrap:wrap;margin-top:18px;color:var(--tf-wine);font-size:12px}.template-film-task-actions button{padding:0;background:none;border:0;border-bottom:1px solid currentColor;font:inherit;color:inherit;cursor:pointer}.template-film-error{width:min(1280px,calc(100% - 96px));margin:22px auto;padding:16px 20px;background:#f7e8ea;color:#9c2941;font-size:13px;line-height:1.8}
.template-film-story-link{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-top:66px;padding:34px 0;border-top:1px solid var(--tf-line);border-bottom:1px solid var(--tf-line)}.template-film-story-link h2{font:400 23px/1.6 "Songti SC","SimSun",serif;margin:9px 0}.template-film-story-link p:not(.template-film-eyebrow){font-size:12px;color:var(--tf-muted);margin:0}.template-film-story-link>a{padding:13px 18px;border:1px solid #bc9e8e;color:var(--tf-wine);white-space:nowrap;font-size:12px}.template-film-story-link>a span{margin-left:24px}.template-film-footer{padding:30px 0 36px;display:flex;justify-content:space-between;color:var(--tf-muted);font-size:10px;letter-spacing:.05em}
.template-film-reference-note{font-size:12px;line-height:1.9;color:var(--tf-muted);margin:18px 0}.template-film-confirmations{display:grid;gap:14px;margin:0 0 24px;max-width:800px}.template-film-confirmations label{display:flex;align-items:flex-start;gap:10px;font-size:12px;line-height:1.9;cursor:pointer}.template-film-confirmations input{flex:0 0 auto;width:16px;height:16px;margin:3px 0 0;accent-color:var(--tf-wine)}.template-film-confirmations input:focus-visible{outline:2px solid var(--tf-wine);outline-offset:3px}.template-film-confirmations input:disabled+span{color:var(--tf-muted)}.template-film-parts{display:flex;gap:12px 24px;flex-wrap:wrap;margin-top:20px;padding:16px 0;border-top:1px solid var(--tf-line)}.template-film-parts p{flex-basis:100%;margin:0;color:var(--tf-muted);font-size:11px}.template-film-parts a{font-size:12px;color:var(--tf-wine);text-decoration:underline;text-underline-offset:4px}
@media(max-width:900px){.template-film-intro{gap:28px;padding-top:45px}.template-film-steps li{padding:0 18px;gap:12px}.template-film-steps p{font-size:10px}.template-film-grid{gap:14px}.template-film-card-copy{padding:15px}.template-film-card-copy h3{font-size:20px}}
@media(max-width:640px){.template-film-header{height:78px;padding:0 20px}.template-film-header nav{gap:16px;font-size:10px}.template-film-header .wordmark-divider,.template-film-header .wordmark-edition{display:none}.template-film-intro,.template-film-steps,.template-film-library,.template-film-create,.template-film-task,.template-film-story-link,.template-film-footer,.template-film-error{width:calc(100% - 40px)}.template-film-intro{grid-template-columns:1fr;gap:28px;padding:38px 0 30px}.template-film-intro h1{font-size:36px;margin:16px 0}.template-film-lead{font-size:12px;margin-bottom:22px}.template-film-hero{aspect-ratio:16/9}.template-film-steps{padding:22px 0;gap:18px;grid-template-columns:1fr;margin-bottom:36px}.template-film-steps li,.template-film-steps li:first-child{padding:0;border:0;gap:18px}.template-film-steps li>span{font-size:25px}.template-film-steps li>div{display:flex;align-items:center;gap:15px}.template-film-steps h2{font-size:12px;margin:0}.template-film-steps p{font-size:10px}.template-film-section-head{align-items:flex-start;flex-direction:column;gap:10px;margin-bottom:20px}.template-film-section-head h2{font-size:25px}.template-film-empty{padding:42px 16px}.template-film-empty h3{font-size:24px}.template-film-empty>p:not(.template-film-eyebrow){font-size:12px}.template-film-grid{grid-template-columns:1fr}.template-film-create{margin-top:36px}.template-film-uploads{grid-template-columns:1fr;gap:14px}.template-film-selected{padding:15px;gap:15px}.template-film-selected img{width:100px}.template-film-selected h3{font-size:20px}.template-film-story-link{margin-top:40px;align-items:flex-start;flex-direction:column;gap:20px;padding:28px 0}.template-film-story-link h2{font-size:21px}.template-film-footer{gap:16px;flex-direction:column;padding-bottom:28px}.experience-film-caption{font-size:9px;letter-spacing:.02em}.experience-secondary-card--film-entry .experience-secondary-title{padding-left:16px;padding-right:115px;gap:6px}.experience-secondary-card--film-entry .experience-secondary-title strong{font-size:22px}}

.template-film-photo-previews figure{position:relative;margin:16px 0 0;width:80px}.template-film-photo-previews figure img{margin-top:0;border-radius:4px}.template-film-photo-previews figcaption{text-align:center;font-size:11px;color:var(--tf-muted);margin-top:6px}.template-film-photo-previews button{position:absolute;right:-7px;top:-7px;width:24px;height:24px;border:1px solid var(--tf-line);border-radius:50%;background:#fffdf9;color:var(--tf-wine);cursor:pointer;font-size:18px;line-height:1}.template-film-photo-previews button:disabled{opacity:.5;cursor:not-allowed}.template-film-photo-previews button:focus-visible{outline:2px solid var(--tf-wine);outline-offset:2px}
.template-film-photo-previews .template-film-set-front{position:static;width:100%;height:auto;margin-top:6px;padding:4px 0;border-radius:3px;font-size:10px;line-height:1.4}
