.film-home{--film-paper:#f4f1e9;--film-ink:#302c27;--film-orange:#b97450;--film-rule:#dcd5c7;background:var(--film-paper)!important;cursor:auto}
.film-home a,.film-home button,.film-home summary{cursor:pointer}.film-home button{font:inherit}.film-home a:focus-visible,.film-home button:focus-visible,.film-home summary:focus-visible{outline:2px solid var(--film-orange);outline-offset:6px}
.film-home .site-nav{background:#f4f1e9e8;border-bottom:1px solid #ded8cc70;backdrop-filter:blur(14px)}
.film-home .site-nav .wrap{max-width:1440px;padding:0 5vw}.film-home .trust-strip{background:#ebe4d640}.film-home .wrap{max-width:1320px}
.film-eyebrow{color:#8b715a;font-size:12px;letter-spacing:.16em;margin:0 0 22px;font-weight:500}
.film-hero{position:relative;min-height:clamp(850px,100svh,1100px);height:auto;isolation:isolate;overflow:clip;background:radial-gradient(ellipse at 66% 49%,#fffdf7 0%,#f4f1e9 69%);border-bottom:1px solid #ded8cc}
.film-hero-copy{position:relative;z-index:2;width:40%;max-width:560px;padding:clamp(150px,18vh,215px) 0 170px;margin-left:max(6vw,calc((100vw - 1280px)/2));pointer-events:none}.film-hero-copy a,.film-hero-copy details{pointer-events:auto}
.film-hero h1{margin:0 0 28px;line-height:1.12;font-weight:400}.film-title-zh{display:block;font:400 clamp(90px,8.7vw,136px)/1.04 var(--font-song);letter-spacing:.045em;color:#302c27}.film-title-en{display:block;font:18px/1.3 Georgia,serif;letter-spacing:.42em;padding-left:6px;margin-top:24px;color:#9a714b}
.film-hero-promise{font:400 clamp(27px,2.5vw,36px)/1.5 var(--font-song);margin:0 0 15px}.film-hero-sub{font-size:15px;line-height:2;color:#736b60;max-width:440px;margin:0 0 30px}
.film-downloads{display:flex;gap:25px;align-items:center;flex-wrap:wrap}.film-downloads .btn-download{font-size:17px;padding:15px 23px;gap:9px;box-shadow:0 7px 24px #137e8819;border-radius:8px}.film-downloads .btn-download .ver{font-size:11px;letter-spacing:.035em}.film-text-link{font-size:13px;line-height:1.6;color:var(--seal-strong);text-decoration:none;display:inline-flex;gap:16px;align-items:center}.film-text-link span{font-size:18px}.film-hero .download-options{font-size:12px;margin-top:17px;max-width:430px}.film-fine{font-size:11px;color:#958b7c;line-height:1.85;margin-top:20px}
.film-hero-art{position:absolute;z-index:1;right:0;top:clamp(165px,18vh,215px);width:52%;overflow:hidden;mask-image:linear-gradient(to right,transparent,#000 12%),linear-gradient(to bottom,transparent,#000 7%,#000 89%,transparent);mask-composite:intersect;pointer-events:none;mix-blend-mode:multiply}.film-hero-art video{width:130%;max-width:none;height:auto;margin-left:-13%;display:block;mix-blend-mode:multiply}
.film-story-entry{position:absolute;z-index:3;right:9%;bottom:115px;display:flex;gap:21px;align-items:center}.film-story-note{font:17px/1.5 var(--font-song);color:#8c7d69}.film-story-button{display:flex;align-items:center;gap:17px;background:none;border:0;padding:0;color:var(--film-ink);text-align:left}.film-play-ring{position:relative;flex:none;width:78px;height:78px;border:1px solid #bc835b;border-radius:50%;display:grid;place-items:center;color:#ad7046;background:#f6f0e2b3;transition:transform .25s,background .25s}.film-play-ring::before{content:"";position:absolute;inset:-7px;border:1px solid #bc835b40;border-radius:50%}.film-play-ring svg{width:28px;height:28px;transform:translateX(1px)}.film-story-button strong{font:20px var(--font-song)}.film-story-button small{display:block;margin-top:8px;font-size:10px;letter-spacing:.08em;color:#887762}.film-story-button small span{margin-left:10px;font-variant-numeric:tabular-nums}.film-story-button:hover .film-play-ring{transform:scale(1.055);background:#ead4b8}
.film-hero-bottom{position:absolute;z-index:4;bottom:30px;left:6vw;right:6vw;display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#a09482}.film-hero-bottom a{color:inherit;display:flex;gap:26px}.film-motion-toggle{font-size:10px!important;border:0;background:none;color:#998d7d;display:flex;gap:15px;padding:9px}
.film-capabilities{padding:105px 0 73px;background:#fffdf8}.film-capability-head{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:38px}.film-capability-head h2{font:400 clamp(31px,3.5vw,48px)/1.45 var(--font-song);letter-spacing:.025em;margin:0}.film-capability-head .film-eyebrow{margin-bottom:15px}.film-capability-description{padding-bottom:7px}.film-capability-description p{font-size:14px;line-height:1.9;color:#807668;margin:0 0 18px}.film-capability-player{aspect-ratio:16/9;position:relative;border:1px solid #dfd7c8;border-radius:10px;overflow:hidden;background:#f4f1e9;box-shadow:0 16px 55px #4b381512}.film-capability-player video{display:block;width:100%;height:100%;object-fit:contain}.film-capability-overlay{position:absolute;inset:0;border:0;background:linear-gradient(transparent 48%,#30291ed9);color:#fff9ed;display:flex;gap:24px;align-items:end;padding:45px;text-align:left}.film-capability-overlay .film-play-ring{width:70px;height:70px;color:#f8efdf;border-color:#efd8b7;background:#4d402ae0}.film-capability-overlay>span:last-child{font:27px/1.5 var(--font-song);padding-bottom:3px}.film-capability-overlay small{display:block;font:11px var(--font-sans);color:#d6c6b0;letter-spacing:.08em;margin-top:11px}.film-capability-overlay[hidden]{display:none}
.film-chapters{display:grid;grid-template-columns:repeat(6,1fr);border-bottom:1px solid #e4dccd}.film-chapters button{border:0;background:transparent;color:#7b6e5b;padding:20px 13px;text-align:left;font-size:13px;display:flex;justify-content:space-between;gap:10px;transition:background .2s}.film-chapters button:hover,.film-chapters button[aria-current="true"]{background:#f3eddf;color:#8b572f}.film-chapters span{font-size:13px;color:#b59770}.film-evidence-line{display:flex;justify-content:space-between;gap:25px;font-size:11px;color:#9b8c77;align-items:center;margin-top:18px}.film-evidence-line p{margin:0}.film-evidence-line a{color:#9a7851}.film-music{margin-top:10px;font-size:10px;color:#a39784;line-height:1.6}.film-music summary{width:max-content;cursor:pointer}.film-music p{margin-bottom:0}
.film-dialog{border:1px solid #d5c5aa;background:#f4f1e9;color:#302c27;border-radius:12px;padding:24px;width:min(1150px,calc(100vw - 44px));max-height:94svh;overflow:auto;box-shadow:0 30px 140px #0005}.film-dialog::backdrop{background:#241e18d9;backdrop-filter:blur(8px)}.film-dialog-top{display:flex;justify-content:space-between;gap:25px;align-items:center;margin-bottom:20px}.film-dialog-top p{font-size:11px;color:#9b815e;margin:0 0 5px}.film-dialog-top h2{font:27px var(--font-song);font-weight:400;margin:0}.film-dialog-close{background:none;border:0;color:#7e6f59;font-size:12px;display:flex;gap:13px;align-items:center;padding:7px}.film-dialog-close span{font-size:24px;line-height:1}.film-dialog video{display:block;width:100%;max-height:70svh;aspect-ratio:16/9;object-fit:contain;background:#f4f1e9;border-radius:5px}.film-dialog-note{font-size:10px;color:#98866d;text-align:right;margin:10px 0 0}html.film-dialog-open{overflow:hidden}
.film-examples main{padding-top:50px;padding-bottom:70px;max-width:1200px}.film-examples .film-eyebrow{margin-top:54px}.film-examples h1{font:42px/1.4 var(--font-song);font-weight:400}.film-example-intro{color:#807260;max-width:800px}.film-example-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px 30px;margin:40px 0 65px}.film-example-grid article{border-top:1px solid #d9cbb1;padding-top:20px}.film-example-grid img{width:100%;height:270px;object-fit:contain;background:#fff;border:1px solid #e1d8c7}.film-example-grid h2{font:26px var(--font-song);color:#302c27;font-weight:400;margin:20px 0 10px}.film-example-grid p{font-size:13px;color:#807260;margin-bottom:13px}.film-example-grid a:hover{text-decoration:none}.film-example-notes{border-top:1px solid #d9cbb1;padding-top:24px;font-size:13px;color:#807260;line-height:1.9}.film-example-notes h2{font:26px var(--font-song);font-weight:400;color:#302c27}
@media(min-width:1600px){.film-hero-art{width:52%;top:16%}.film-story-entry{right:13%}}
@media(max-width:1100px){.film-hero-copy{width:40%;padding-top:145px}.film-hero-art{width:52%;right:0;top:200px}.film-story-entry{right:7%;bottom:113px}.film-story-note{display:none}.film-downloads{gap:16px}.film-title-zh{font-size:105px}.film-hero-sub{max-width:370px;font-size:14px}.film-capability-head{gap:30px}.film-capability-head h2{font-size:38px}.film-hero{min-height:850px;height:auto}}
@media(max-width:900px){.film-home .site-nav .wrap{padding:0 18px}.film-hero{height:auto;min-height:0;max-height:none;padding-bottom:110px}.film-hero-copy{width:auto;max-width:none;padding:115px 25px 0;margin-left:0}.film-eyebrow{font-size:10px;margin-bottom:20px}.film-title-zh{font-size:90px}.film-title-en{font-size:13px;margin-top:18px;letter-spacing:.38em}.film-hero h1{margin-bottom:24px}.film-hero-promise{font-size:27px;margin-bottom:12px}.film-hero-sub{font-size:13px;line-height:1.9;max-width:370px;margin-bottom:22px}.film-downloads{gap:18px}.film-downloads .btn-download{font-size:14px;padding:13px 17px}.film-text-link{font-size:11px;gap:8px}.film-fine{font-size:10px;margin-top:16px}.film-hero-art{position:relative;right:auto;top:auto;width:100%;margin:8px 0 15px;z-index:1}.film-hero-art video{width:140%;margin-left:-17%}.film-story-entry{position:relative;right:auto;bottom:auto;justify-content:flex-end;padding-right:30px;margin-top:-22px}.film-play-ring{width:58px;height:58px}.film-play-ring svg{width:23px;height:23px}.film-story-button strong{font-size:18px}.film-story-button small{font-size:9px}.film-hero-bottom{bottom:22px;left:25px;right:20px;font-size:9px}.film-motion-toggle{font-size:9px!important}.desktop-break{display:none}.film-capabilities{padding:65px 0 40px}.film-capability-head{display:block;margin-bottom:25px}.film-capability-head h2{font-size:34px;line-height:1.4}.film-capability-description{margin-top:24px}.film-capability-description p{font-size:12px;line-height:1.8}.film-capability-player{border-radius:6px}.film-capability-overlay{padding:20px;gap:16px;background:linear-gradient(transparent 20%,#30291ed9)}.film-capability-overlay .film-play-ring{width:43px;height:43px}.film-capability-overlay .film-play-ring::before{inset:-5px}.film-capability-overlay>span:last-child{font-size:17px}.film-capability-overlay small{font-size:9px;margin-top:5px}.film-chapters{grid-template-columns:repeat(3,1fr)}.film-chapters button{font-size:11px;padding:15px 8px}.film-evidence-line{display:block;font-size:10px}.film-evidence-line>a{display:inline-block;margin-top:8px}.film-dialog{padding:15px;width:calc(100vw - 20px)}.film-dialog-top h2{font-size:20px}.film-dialog-top p{font-size:9px}.film-dialog-top{gap:10px;margin-bottom:15px}.film-example-grid{grid-template-columns:1fr;gap:35px}.film-example-grid img{height:auto;max-height:300px}.film-examples h1{font-size:33px}.film-example-intro{font-size:13px}.film-examples main{padding-top:30px}}
@media(prefers-reduced-motion:reduce){.film-home *, .film-home *::before{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

.film-hero .download-options summary{margin-inline:0}