/* Preview-only presentation. Existing case archives and visual sphere stay intact. */
.projects .project-card .project-meta{position:relative;z-index:4;opacity:1;height:auto;min-height:0;padding:18px 0 22px;margin-top:0;flex-direction:column;align-items:flex-start;flex-wrap:nowrap;gap:12px;background:var(--paper)}
.projects .project-meta>span:first-child{flex:0 0 auto;width:100%;font-size:18px;line-height:1.55;letter-spacing:0}
.projects .project-meta b{display:inline-block;margin-top:6px;font-size:13px;color:#625751}
.projects .project-meta .preview-detail65{display:inline-flex;align-items:center;justify-content:center;align-self:center;min-height:52px;margin-top:10px;padding:12px 24px;background:transparent;color:#302620;border:0;border-radius:0;font-family:inherit;font-size:20px;font-weight:600;line-height:1.3;text-decoration:underline;text-decoration-color:#716057;text-decoration-thickness:2px;text-underline-offset:7px;letter-spacing:.08em;white-space:nowrap;transition:color .2s}
.projects .project-card:hover .preview-detail65,.projects .project-card:focus-visible .preview-detail65{background:transparent;color:#211b18}
body[data-route="home"] .scene-wash{background:rgba(241,237,235,.94)}
body[data-route="home"] .home-footer{position:relative;inset:auto;margin:0 5% 28px;width:90%}
.preview-home65{max-width:1440px;margin:auto;padding:140px 5% 50px}
.preview-heading65{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:42px}
.preview-heading65 h1{font-family:var(--zh-font,serif);font-size:clamp(36px,4vw,62px);margin-top:14px;line-height:1.2}
.preview-heading65>div:last-child{font-size:15px;line-height:2;text-align:right}
.preview-link65{display:inline-block;text-decoration:underline;text-underline-offset:6px;margin-top:14px;font-size:14px}
.preview-feature65{display:grid;grid-template-columns:1.35fr 1fr;gap:42px;align-items:center;border-top:1px solid #b8aeaa;padding-top:28px}
.preview-player65 video,.preview-case-video65{display:block;width:100%;height:auto;max-height:540px;aspect-ratio:16/9;object-fit:contain;background:#242020}
.preview-watch65{padding:14px 0;font-size:15px;text-decoration:underline;text-underline-offset:6px}
.preview-feature-copy65 h2{font-size:clamp(30px,3vw,44px);margin:16px 0}
.preview-feature-copy65>p:not(.eyebrow){font-size:15px;line-height:1.9}
.preview-metric65{margin:24px 0}
.preview-metric65 strong{font-size:48px;font-weight:400;letter-spacing:-2px}
.preview-metric65 strong span{font-size:19px;margin-left:5px}
.preview-metric65 p{font-size:13px;line-height:2}
.preview-metric65 a{text-decoration:underline;text-underline-offset:4px}
.preview-role65{font-size:13px!important;line-height:1.8!important;margin:18px 0;color:#625751}
.preview-more65{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:68px}
.preview-more65 video,.preview-poster65{display:block;width:100%;height:320px;background:#292321;object-fit:contain}
.preview-poster65{position:relative;text-align:center}
.preview-poster65 img{width:100%;height:100%;object-fit:contain}
.preview-poster65>span{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);padding:12px 18px;background:#f1edeb;color:#212121;white-space:nowrap;font-size:14px}
.preview-work-copy65{padding:22px 0;border-bottom:1px solid #b8aeaa;min-height:225px}
.preview-work-copy65 h2{font-size:30px;margin:10px 0}
.preview-work-copy65>p{font-size:14px;line-height:1.8}
.preview-actions65{display:flex;flex-wrap:wrap;gap:14px 24px;align-items:center;margin-top:20px;font-size:14px}
.preview-actions65 a{text-decoration:underline;text-underline-offset:6px;line-height:1.8}
.preview-inline-metric65{margin-top:12px;font-weight:600}
.preview-note65{font-size:12px;color:#625751;line-height:1.8;margin-top:18px}
.preview-ip65{display:flex;justify-content:space-between;gap:30px;align-items:center;border-top:1px solid #b8aeaa;border-bottom:1px solid #b8aeaa;padding:34px 0;margin-top:64px}
.preview-ip65 small{font-size:12px;letter-spacing:.12em}
.preview-ip65 h2{font-size:28px;margin:14px 0}
.preview-ip65 p,.preview-ip65>span:last-child{font-size:14px;line-height:1.8}
.preview-ip65>span:last-child{white-space:nowrap;text-decoration:underline;text-underline-offset:6px}
.preview-tools65{padding:42px 0;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.preview-tools65>p:nth-child(2){font-size:20px;line-height:2}
.preview-tools65>p:nth-child(2){word-break:keep-all}
body[data-route="home"] .home-footer .outline,body[data-route="home"] .home-footer .world-link,body[data-route="home"] .home-footer .copyright{color:#403632;border-color:#a99c94}
.preview-tools65 span{color:#a89b93;margin:0 10px}
.preview-tools65 a,.preview-bottom65{font-size:14px}
.preview-bottom65{display:flex;justify-content:space-between;padding-top:20px;border-top:1px solid #b8aeaa}
.preview-detail65{font-size:14px;white-space:nowrap;text-decoration:underline;text-underline-offset:6px}
.preview-film-intro65{align-items:center}
.preview-story65{display:grid;grid-template-columns:1.4fr 1fr;gap:50px;margin:0 0 70px;padding:36px 0;border-top:1px solid #b8aeaa;border-bottom:1px solid #b8aeaa}
.preview-story65 ol{list-style:none;counter-reset:story;padding:0;margin:22px 0}
.preview-story65 li{counter-increment:story;position:relative;padding:0 0 20px 38px}
.preview-story65 li::before{content:"0" counter(story);position:absolute;left:0;top:2px;font-size:12px;color:#7c6860}
.preview-story65 strong{font-size:17px;font-weight:500}
.preview-story65 li p{font-size:14px;line-height:1.9;margin-top:7px}
.preview-story65 aside{border-left:1px solid #b8aeaa;padding-left:36px}
.preview-story65 aside h2{font-size:26px;line-height:1.6;margin:24px 0}
.preview-story65 aside .preview-link65{display:block;margin-top:25px}
@media(max-width:760px){
 .preview-home65{padding:108px 6% 36px}
 .preview-heading65{display:block;margin-bottom:28px}
 .preview-heading65>div:last-child{text-align:left;margin-top:20px}
 .preview-feature65,.preview-more65,.preview-story65{grid-template-columns:1fr;gap:24px}
 .preview-feature-copy65{padding-top:4px}
 .preview-metric65{margin:16px 0}
 .preview-more65{margin-top:42px;gap:32px}
 .preview-more65 video,.preview-poster65{height:260px}
 .preview-work-copy65{min-height:0;padding-bottom:26px}
 .preview-ip65{display:block;margin-top:40px}
 .preview-ip65>span:last-child{display:block;margin-top:24px}
 .preview-ip65 h2{font-size:25px}
 .preview-tools65{gap:16px;padding:28px 0}
 .preview-tools65>p:nth-child(2){font-size:17px}
 .preview-tools65 span{margin:0 5px}
 .preview-story65 aside{border-left:0;border-top:1px solid #b8aeaa;padding:26px 0 0}
 .preview-story65{margin-bottom:36px}
 .preview-detail65{font-size:12px}
 .project-meta{gap:12px}
 body[data-route="home"] .home-footer{margin:0 6% 24px;width:88%;flex-wrap:wrap;gap:20px}
}

/* The image and metadata now share one viewport-based fold surface. */
.projects .project-card.paper-rendered .project-meta{opacity:0;pointer-events:none}
body[data-route="projects"] .header{background:#f1edeb;z-index:30}
body[data-route="projects"] .header::after{content:"";position:absolute;left:0;right:0;top:100%;height:12px;background:linear-gradient(#f1edeb,#f1edeb00);pointer-events:none}
.projects::before{content:"";position:fixed;top:0;left:0;right:0;height:var(--paper-fold-edge,210px);background:#f1edeb;z-index:2;pointer-events:none;box-shadow:0 5px 12px #30262012}
.projects .page-title,.projects .filters{z-index:4}
body[data-route="projects"] .projects>.page-title{top:94px;font-size:44px}
.projects .lane-title{position:relative;z-index:1}

/* v73: use the existing paper palette and editorial type for new content. */
.contact73{display:block;position:relative;z-index:1;max-width:1320px;margin:60px auto 0;padding:48px 5% 30px;background:var(--paper);border-top:1px solid #b8aeaa;scroll-margin-top:220px}
.projects>.projects-extra{position:relative;z-index:1;width:84%;max-width:1320px;margin:auto}
.contact73 h2{font-size:clamp(28px,4vw,48px);font-weight:400;margin:16px 0 32px;line-height:1.4}
.contact-rows73{display:grid;grid-template-columns:1fr 1fr;gap:36px}
.contact-rows73>div{display:flex;flex-wrap:wrap;align-items:center;gap:14px 20px;border-top:1px solid #b8aeaa;padding-top:20px}
.contact-rows73>div>span:first-child{width:100%;font-size:14px;color:#625751}
.contact-rows73 a,.contact-number73{font-size:clamp(23px,3vw,32px);font-variant-numeric:tabular-nums;user-select:text}
.contact-rows73 button,.shot-play73{font:inherit;font-size:15px;text-decoration:underline;text-underline-offset:6px;padding:12px 0;cursor:pointer}
.contact-rows73 small{width:100%;font-size:12px;color:#625751}
#copy-status73{min-height:26px;margin:18px 0;color:#302620;font-size:14px}
.contact-sign73{display:flex;justify-content:space-between;gap:20px;font-size:12px;border-top:1px solid #b8aeaa;padding-top:20px}
.shot-review73{margin:30px 0 48px}
.shot-review73>h3{font-size:28px!important;margin:16px 0!important}
.shot-review73>p{line-height:1.9}
.shot-study73{padding:32px 0;margin-top:28px;border-top:1px solid #b8aeaa}
.shot-study73 header>span{font-size:12px;letter-spacing:.08em;color:#625751}
.shot-study73 header h3{font-size:23px!important;margin:14px 0 22px!important;line-height:1.55}
.shot-originals73{display:flex;gap:14px;overflow-x:auto;padding-bottom:12px}
.shot-originals73 figure{flex:1;min-width:200px;margin:0}
.shot-originals73 img{width:100%;height:auto;display:block;aspect-ratio:16/9;object-fit:contain}
.shot-originals73 figcaption{font-size:12px;line-height:1.7;margin-top:10px;color:#625751}
.shot-study73 dl{margin:24px 0 8px}
.shot-study73 dl>div{display:grid;grid-template-columns:140px 1fr;gap:18px;margin:18px 0}
.shot-study73 dt{font-size:14px;font-weight:600;line-height:1.9}
.shot-study73 dd{margin:0;font-size:15px;line-height:1.9}
.shot-play73{min-height:44px;text-align:left}
.contact73 button:focus-visible,.shot-play73:focus-visible{outline:2px solid currentColor;outline-offset:5px}
@media(max-width:760px){
 .contact73{margin-top:32px;padding:32px 6% 24px}
 .contact-rows73{grid-template-columns:1fr;gap:28px}
 .shot-study73 dl>div{grid-template-columns:1fr;gap:4px}
 .shot-originals73 figure{min-width:240px}
 .shot-study73 header h3{font-size:21px!important}
 .contact-sign73{flex-wrap:wrap}
}

/* Contact: icon-led, compact presentation */
.contact73{padding:44px 5% 24px}
.contact73 h2{font-size:clamp(26px,3vw,38px);margin:12px 0 30px}
.contact-rows73{gap:40px}
.contact-rows73>div{display:flex;flex-wrap:nowrap;align-items:flex-start;gap:18px;padding:24px 0;border-top:1px solid #c9c2bb}
.contact-rows73>div>.contact-icon78{display:grid;place-items:center;flex:0 0 52px;width:52px;height:52px;border-radius:50%;background:#e4e2d9;color:#454d3a}
.contact-icon78 svg{width:25px;height:25px}
.contact-info78{display:flex;flex-direction:column;gap:8px;min-width:0}
.contact-label78{font-size:13px;color:#716b64}
.contact-rows73 .contact-number73{font-family:Arial,sans-serif;font-size:clamp(21px,2.2vw,28px);font-weight:400;letter-spacing:.025em;line-height:1.3;text-decoration:none}
.contact-actions78{display:flex;align-items:center;gap:10px;margin-top:6px;flex-wrap:wrap}
.contact-actions78 a,.contact-actions78 button{font:inherit;font-size:13px;line-height:1.2;text-decoration:none;border:1px solid #c7c5b9;border-radius:6px;padding:9px 14px;background:transparent;color:#454d3a;cursor:pointer;transition:background .2s,color .2s}
.contact-actions78 a{background:#454d3a;color:#fff;border-color:#454d3a}
.contact-actions78 button:hover{background:#e4e2d9}
.contact-actions78 a:hover{background:#303927}
.contact73 .contact-sign73{max-width:none;width:100%;box-sizing:border-box;color:#716b64}
#copy-status73{min-height:20px;margin:0 0 18px;font-size:13px;color:#454d3a}
@media(max-width:650px){.contact-rows73{grid-template-columns:1fr;gap:0}.contact73{padding:32px 6% 22px}.contact-rows73>div{padding:22px 0}.contact73 h2{margin-bottom:20px}}

.creative-position79{margin:48px 0}.creative-position79>h2{font-size:clamp(28px,3.6vw,44px);line-height:1.35;font-weight:400;margin:0 0 24px}.creative-position79>.other-lead56{max-width:960px}

/* Text-only navigation affordances */
.back-link,.preview-link65,.watch-topic55,.article-link36{ text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px;transition:opacity .18s }
.back-link:hover,.preview-link65:hover,.watch-topic55:hover,.article-link36:hover{opacity:.65}
.chapter-index41 a:hover,.case-next:hover strong{text-decoration:underline;text-underline-offset:6px}

.asset-sections81{display:grid;gap:42px}.asset-section81 h3{display:flex;align-items:baseline;gap:16px;font-size:26px;font-weight:400;margin:0 0 18px}.asset-section81 h3 span{font-size:13px;color:#81796e}.asset-section81 .asset-static50{margin:0}

.reference-cover81{display:block;width:min(100%,260px);margin:22px 0;text-decoration:none}.reference-image81{display:block;position:relative;overflow:hidden;background:#111;border-radius:8px}.reference-image81 img{display:block;width:100%;height:auto}.reference-play81{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:52px;height:52px;border:1px solid #ffffffb0;border-radius:50%;background:#0006;color:white;font-size:20px;transition:background .2s}.reference-cover81:hover .reference-play81{background:#000a}.reference-duration81{position:absolute;right:12px;bottom:12px;color:white;font:12px Arial,sans-serif;background:#0008;padding:4px 6px;border-radius:3px}.reference-caption81{display:block;font-size:13px;margin-top:10px;color:#625751}

.storyboard-pages82{margin:48px 0;scroll-margin-top:110px}.storyboard-pages82>h3{font-size:30px;font-weight:400;margin:0 0 16px}.storyboard-page82{padding:30px 0;border-top:1px solid #c9c2bb;margin-top:28px}.storyboard-page82 header>span{font-size:12px;color:#80786e;letter-spacing:.12em}.storyboard-page82 h4{font-size:24px;font-weight:400;margin:12px 0}.storyboard-page82>p{line-height:1.85;margin:0 0 22px}.storyboard-image82{display:block;width:100%;padding:0;text-align:left;cursor:zoom-in;background:transparent}.storyboard-image82 img{display:block;width:100%;height:auto}.storyboard-image82>span{display:block;font-size:13px;margin-top:12px;text-decoration:underline;text-underline-offset:4px}

.storyboard-page82>summary{display:flex;align-items:center;gap:18px;cursor:pointer;list-style:none}.storyboard-page82>summary::-webkit-details-marker{display:none}.storyboard-page82>summary>span:first-child{font-size:12px;color:#80786e;white-space:nowrap}.storyboard-page82>summary h4{flex:1;margin:0;font-size:22px}.storyboard-toggle83::after{content:'展开';font-size:13px;white-space:nowrap}.storyboard-page82[open] .storyboard-toggle83::after{content:'收起'}.storyboard-page82[open]>p{margin-top:22px}.storyboard-page82>summary:focus-visible{outline:2px solid #454d3a;outline-offset:6px}

/* v85: homepage-only editorial hierarchy */
.preview-home65{max-width:1240px;padding:142px 6% 48px}
.preview-home65 .preview-heading65{align-items:center;margin-bottom:42px;gap:32px}
.preview-home65 .preview-heading65 h1{font-size:clamp(38px,5vw,66px);font-weight:400;margin:16px 0 0;letter-spacing:-.025em}
.preview-home65 .eyebrow{font-size:11px;letter-spacing:.09em;color:#777168}
.preview-home65 .preview-heading65>div:last-child{font-size:13px;color:#625e56}
.preview-home65 .preview-feature65{display:block;border:0;padding:0}
.preview-home65 .preview-player65 video{max-height:none;width:100%;aspect-ratio:16/9}
.preview-home65 .preview-watch65{display:none}
.preview-home65 .preview-feature-copy65{display:grid;grid-template-columns:1fr auto;column-gap:48px;align-items:start;padding:26px 0 30px;border-bottom:1px solid #c7c2ba}
.preview-home65 .preview-feature-copy65>.eyebrow{grid-column:1;margin:0}
.preview-home65 .preview-feature-copy65 h2{grid-column:1;margin:9px 0 12px;font-size:34px;font-weight:400}
.preview-home65 .preview-feature-copy65>p:not(.eyebrow){grid-column:1;max-width:560px;margin:0;font-size:14px;line-height:1.85}
.preview-home65 .preview-feature-copy65 .preview-role65{margin-top:12px!important;font-size:12px!important}
.preview-home65 .preview-metric65{grid-column:2;grid-row:1/4;margin:0;text-align:right}
.preview-home65 .preview-metric65 strong{font-family:Arial,sans-serif;font-size:36px;letter-spacing:-.04em}
.preview-home65 .preview-metric65 p{font-size:12px;margin-top:8px}
.preview-home65 .preview-feature-copy65>.pill{grid-column:2;grid-row:4;align-self:end;justify-self:end;border-radius:0;padding:0 0 5px;background:none;border:0;border-bottom:1px solid currentColor;font-size:13px}
.preview-home65 .preview-more65{margin-top:56px;gap:36px;align-items:start}
.preview-home65 .preview-more65 video,.preview-home65 .preview-poster65{height:auto;aspect-ratio:16/9;object-fit:contain}
.preview-home65 .preview-work-copy65{padding:20px 0 26px;min-height:0;border-bottom:0}
.preview-home65 .preview-work-copy65 h2{font-size:28px;font-weight:400;margin:10px 0}
.preview-home65 .preview-work-copy65>p{font-size:13px}
.preview-home65 .preview-actions65{gap:10px 20px;font-size:12px;margin-top:18px}
.preview-home65 .preview-poster65>span{padding:8px 13px;font-size:12px;bottom:12px}
.preview-home65 .preview-note65{margin-top:0}
.preview-home65 .preview-ip65{margin-top:48px;padding:30px 0}
.preview-home65 .preview-ip65 h2{font-size:25px;font-weight:400}
.preview-home65 .preview-tools65{display:grid;grid-template-columns:1fr auto;gap:10px 28px;padding:30px 0}
.preview-home65 .preview-tools65>.eyebrow{grid-column:1/-1;margin:0}
.preview-home65 .preview-tools65>p:nth-child(2){font-size:16px;margin:0}
.preview-home65 .preview-tools65>a{font-size:12px;align-self:center}
.preview-home65 .preview-bottom65{font-size:12px}
@media(max-width:650px){
.preview-home65{padding:110px 6% 32px}
.preview-home65 .preview-heading65{display:block;margin-bottom:28px}
.preview-home65 .preview-heading65>div:last-child{text-align:left;margin-top:18px}
.preview-home65 .preview-feature-copy65{column-gap:18px;padding-top:20px}
.preview-home65 .preview-feature-copy65 h2{font-size:28px}
.preview-home65 .preview-feature-copy65>p:not(.eyebrow){grid-column:1/-1}
.preview-home65 .preview-metric65{grid-row:1/3}
.preview-home65 .preview-metric65 strong{font-size:28px}
.preview-home65 .preview-feature-copy65>.pill{grid-column:1/-1;grid-row:auto;justify-self:start;margin-top:20px}
.preview-home65 .preview-more65{grid-template-columns:1fr;margin-top:36px;gap:20px}
.preview-home65 .preview-tools65{grid-template-columns:1fr}
.preview-home65 .preview-ip65{align-items:start;flex-direction:column;gap:16px}
}
body[data-route="home"] #app{background:var(--paper,#f4f1ee)}

.static-media86,.static-media86 img{cursor:default!important}.static-media86:hover{transform:none!important}

.project-next89{max-width:1120px;margin:32px auto 64px;padding:0 6%}.project-next89>a{display:grid;grid-template-columns:1fr auto;gap:14px 28px;border-top:1px solid #b8aeaa;padding:30px 0}.project-next89 a>span:first-child{grid-column:1/-1;font-size:12px;color:#756f65}.project-next89 strong{font-size:clamp(24px,3vw,36px);font-weight:400;line-height:1.4}.project-next-action89{align-self:center;font-size:14px;text-decoration:underline;text-underline-offset:6px}.project-next89 a:hover .project-next-action89{opacity:.6}@media(max-width:600px){.project-next89>a{grid-template-columns:1fr}.project-next89{margin-bottom:32px}}