.wall-film-preview{color:#26332f;background:#eeefeb;min-height:100vh;padding:28px clamp(16px,4vw,64px);font-family:Arial,Noto Sans TC,sans-serif}.film-heading{justify-content:space-between;align-items:center;gap:20px;max-width:1440px;margin:0 auto 22px;display:flex}.film-heading p{letter-spacing:.2em;color:#63736d;margin:0 0 8px;font-size:11px}.film-heading h1{margin:0;font-size:24px;font-weight:500}.film-heading a{color:inherit;font-size:13px}.wall-film-preview .film-stage{aspect-ratio:16/9;background:#e0e5e0;border-radius:8px;width:100%;max-width:1440px;margin:auto;position:relative;overflow:hidden;box-shadow:0 20px 50px #26332f18}.wall-film-preview .film-stage>.v2-portfolio-wall{aspect-ratio:auto;width:100%;height:100%;min-height:0;perspective:var(--film-perspective,1400px);overflow:hidden}.wall-film-preview .v2-portfolio-floating{grid-template-rows:repeat(4,110px);gap:24px;width:1400px;min-width:1400px}.wall-film-preview .v2-portfolio-ground{filter:brightness(.57)blur(3px);width:2400px;min-width:2400px}.wall-film-preview .v2-portfolio-card{transform:translateZ(calc(var(--lift)*1.6)) rotateZ(var(--tilt));box-shadow:0 2px #e8eae8,0 5px #bec8c2,0 8px #a8b5ad,14px 28px 26px #1e342c30}.wall-film-preview .v2-portfolio-ground .v2-portfolio-card{transform:none}.wall-film-preview .v2-portfolio-scrollpage img{object-position:top!important;animation:none!important}.film-controls{max-width:1440px;margin:24px auto 0}.film-buttons{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.film-controls button{color:#26332f;cursor:pointer;font:inherit;background:0 0;border:1px solid #b4c0b8;border-radius:6px;padding:10px 16px;font-size:13px}.film-buttons button:first-child{color:#fff;background:#263e33;border-color:#263e33;min-width:88px}.film-controls button:disabled{opacity:.5;cursor:wait}.film-buttons span{margin-left:8px;font-size:13px}.film-buttons output{font-variant-numeric:tabular-nums;margin-left:auto;font-size:13px}.film-controls input{accent-color:#345b48;cursor:pointer;width:100%;margin:20px 0 12px}.film-shots{grid-template-columns:3fr 3.5fr 3.5fr;gap:8px;display:grid}.film-shots button{text-align:left;background:#ffffff60}.film-note{color:#65736b;max-width:1440px;margin:20px auto 0;font-size:13px;line-height:1.8}@media (max-width:650px){.wall-film-preview{padding:20px 12px}.film-heading h1{font-size:18px}.film-heading a{font-size:11px}.film-buttons{gap:8px}.film-buttons span{margin-left:0}.film-shots button{padding:8px;font-size:11px}.film-note{font-size:12px}}.film-focus{perspective:var(--film-perspective,1400px);pointer-events:none;justify-content:center;align-items:center;gap:6%;display:flex;position:absolute;inset:0}.film-focus-card{aspect-ratio:9/16;opacity:0;width:24%;transform-style:preserve-3d;background:#fff;border-radius:4px;margin:0;position:relative;overflow:hidden;box-shadow:0 3px #c4cec7,0 6px #9caaa0,0 24px 50px #152d3455}.wall-film-preview .film-focus-card img{object-fit:cover;object-position:top;width:100%;max-width:none;height:100%;display:block}.film-focus-card figcaption{color:#fff;text-align:center;letter-spacing:.1em;background:#203d32e8;padding:10px;font-size:clamp(8px,1.1vw,15px);position:absolute;bottom:0;left:0;right:0}.film-shots{grid-template-columns:repeat(5,minmax(0,1fr))}@media (max-width:650px){.film-shots{grid-template-columns:repeat(2,minmax(0,1fr))}.film-focus-card figcaption{padding:3px}}.film-focus-card figcaption{box-sizing:border-box;justify-content:center;align-items:center;height:clamp(16px,3vw,40px);padding:0;display:flex}.film-trio{perspective:var(--film-perspective,1400px);pointer-events:none;justify-content:center;align-items:center;gap:4%;display:flex;position:absolute;inset:0}.film-trio-card{width:23%}.film-logo{opacity:0;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.wall-film-preview .film-logo img{object-fit:contain;width:42%;height:auto}.film-focus{perspective:none}.film-focus>.film-focus-card{aspect-ratio:auto;transform-origin:0 0;position:absolute}.wall-film-preview .film-focus-card img{height:100%}.wall-film-preview .film-logo video{object-fit:contain;width:50%;height:50%;display:block}.film-trio{perspective:none}.film-trio>.film-trio-card{aspect-ratio:auto;transform-origin:0 0;position:absolute}.wall-film-preview.film-embedded{background:#eeefeb;min-height:0;padding:0;position:relative}.film-embedded .film-stage{max-width:none;box-shadow:none;border-radius:0;margin:0}.film-playback{z-index:3;color:#fff;cursor:pointer;background:#203d3280;border:1px solid #ffffff80;border-radius:50%;width:34px;height:34px;position:absolute;bottom:16px;right:16px}.v2-motion-ready .film-embedded .film-stage{display:block;position:relative;top:auto}.v2-motion-ready .v2-hero-stage>.film-embedded{z-index:1;grid-area:1/1;align-self:center}.film-embedded .film-stage>.v2-portfolio-wall{z-index:0}.film-embedded .film-focus,.film-embedded .film-trio,.film-embedded .film-logo{z-index:2}
.film-recut .film-focus-card video{object-fit:contain;opacity:0;background:#fff;width:100%;height:100%;display:block;position:absolute;inset:0}.film-recut .film-logo{background:#152a35}.wall-film-preview.film-recut .film-logo img{object-fit:contain;width:26%;height:auto;max-height:24%}.film-recut .film-shots{grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width:650px){.film-recut .film-shots{grid-template-columns:repeat(2,minmax(0,1fr))}}.film-recut .film-stage>.v2-portfolio-wall{z-index:0}.film-recut .film-focus,.film-recut .film-trio,.film-recut .film-logo{z-index:2}.wall-film-preview.film-recut:not(.film-embedded){padding-top:130px}@media (max-width:650px){.wall-film-preview.film-recut .film-stage{aspect-ratio:4/5}.wall-film-preview.film-recut .v2-portfolio-floating{grid-template-rows:repeat(4,402px);grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:32px;width:1000px;min-width:1000px}.wall-film-preview.film-recut .v2-portfolio-floating>.v2-portfolio-slot{aspect-ratio:9/16;width:100%;grid-area:auto!important}.wall-film-preview.film-recut .v2-portfolio-floating .v2-portfolio-card img{object-fit:cover;object-position:top;width:100%;height:100%}.wall-film-preview.film-recut .film-logo img{width:48%;max-height:20%}.film-recut .film-playback{width:40px;height:40px;bottom:12px;right:12px}.v2-motion-ready .v2-hero-stage>.film-recut.film-embedded{align-self:end}.film-recut.film-embedded .film-playback{bottom:12px;left:12px;right:auto}}