/* Shared homepage type family; no editorial serif or unrelated monospace. */
body.about-unified{--site-font:Arial,'Noto Sans TC','PingFang TC',sans-serif}
body.about-unified :is(h1,h2,h3,h4,p,a,button,span,label,small){font-family:var(--site-font)!important;font-style:normal}
.about-film::after{display:none}
.about-film-grid{position:absolute;inset:100px 3% 45px;pointer-events:none;z-index:1;border:1px solid #ffffff40;background:linear-gradient(90deg,transparent calc(25% - .5px),#ffffff40 25%,transparent calc(25% + .5px),transparent calc(50% - .5px),#ffffff40 50%,transparent calc(50% + .5px),transparent calc(75% - .5px),#ffffff40 75%,transparent calc(75% + .5px)),linear-gradient(transparent calc(50% - .5px),#ffffff40 50%,transparent calc(50% + .5px))}
.about-film-grid i{position:absolute;width:7px;height:7px;background:#fff;transform:translate(-50%,-50%);left:0;top:0}
.about-film-grid i:nth-child(5n+2){left:25%}.about-film-grid i:nth-child(5n+3){left:50%}.about-film-grid i:nth-child(5n+4){left:75%}.about-film-grid i:nth-child(5n){left:100%}
.about-film-grid i:nth-child(n+6){top:50%}.about-film-grid i:nth-child(n+11){top:100%}
.about-film-heading{z-index:2;inset:100px 3% 45px}
.about-film-heading h1{left:0;bottom:0;width:75%;height:50%;display:flex;align-items:flex-end;overflow:hidden;font-size:clamp(80px,15vw,300px);line-height:.86;letter-spacing:-.065em;animation:none;transform:none;margin:0;padding:0}
.film-title-track{display:flex;flex:none;width:max-content;animation:film-grid-carousel 18s linear infinite;will-change:transform}
.about-film-heading .film-title-track>span{display:block;flex:none;padding:0 .13em .015em;white-space:nowrap;color:#fff!important;-webkit-text-fill-color:#fff!important;opacity:1!important;background:none!important}
.about-film-heading>p:first-child{left:77%;right:2%;top:54%;font-size:10px}
.about-film-intro{left:77%;right:2%;top:64%;font-size:clamp(16px,1.6vw,29px);line-height:1.25;font-weight:500}
.about-film-bottom{left:75.4%;right:5%;bottom:62px;font-size:10px}.about-film-bottom>span{display:none}
.about-film-next{font-size:11px}
@keyframes film-grid-carousel{to{transform:translateX(-50%)}}
@media(max-width:700px){.about-film-heading,.about-film-grid{inset:100px 3% 45px}.about-film-heading h1{left:0;bottom:0;width:75%;font-size:24vw}.about-film-heading>p:first-child{left:77%;top:53%;font-size:7px;letter-spacing:.02em}.about-film-intro{left:77%;right:2%;top:61%;font-size:14px}.about-film-bottom{left:76.5%;right:4%;bottom:60px;line-height:1.4}.about-film-next{font-size:9px}.about-film-grid i{width:5px;height:5px}}
@media(prefers-reduced-motion:reduce){.film-title-track{animation:none}.about-film-heading h1{font-size:12vw}}
/* The title occupies two grid cells, not three. */
.about-film-heading h1{width:50%;color:#fff!important;-webkit-text-fill-color:#fff!important}
.about-film-heading .film-title-track{color:#fff!important;-webkit-text-fill-color:#fff!important;opacity:1!important}
/* Swap the copy and ticker so the lower-left cut never clips the moving title. */
.film-title-logo{display:inline-block;width:1em;height:.82em;object-fit:contain;vertical-align:baseline;filter:brightness(0) invert(1);margin:0 .12em 0 .06em}
.about-film-heading h1{left:50%;width:50%}
.about-film-heading>p:first-child{left:2%;right:77%}
.about-film-intro{left:2%;right:77%}
.about-film-bottom{left:5%;right:77%;bottom:105px}
@media(max-width:700px){.about-film-heading>p:first-child{left:3%;right:68%}.about-film-intro{left:3%;right:68%}.about-film-bottom{left:6%;right:68%;bottom:105px}}