.about-film{position:relative;min-height:100svh;padding:125px 6vw 32px;background:#eff1f1;color:#343b3f;display:flex;flex-direction:column;gap:24px}
.about-film-heading{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:12px 30px}
.about-film-heading>p:first-child{grid-column:1/-1;font:10px monospace;letter-spacing:2px;color:#737d81;margin:0}
.about-film-heading h1{position:relative;display:table;width:fit-content;margin:0 0 0 8px;font:800 clamp(40px,4.5vw,82px)/1.15 Arial,'PingFang TC',sans-serif;letter-spacing:-1.5px;color:#343b3f}
.about-film-heading h1::before,.about-film-heading h1::after{content:'+';position:absolute;left:-20px;font:20px/1 monospace;color:#929da2}.about-film-heading h1::before{top:0}.about-film-heading h1::after{bottom:0;left:auto;right:-22px}
.about-film-intro{justify-self:end;font-size:14px;line-height:1.6;color:#667176;margin:0 0 8px;max-width:280px}
.about-film-frame{position:relative;flex:1;min-height:360px;height:60vh;overflow:hidden;background:#303437}
.about-film-frame video{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:cover}
.about-film-toggle{position:absolute;right:24px;bottom:22px;border:1px solid #fff8;padding:10px 16px;color:#fff;background:#1119;font:12px Arial,sans-serif;cursor:pointer;z-index:2}
.about-film-toggle:focus-visible,.about-film-next:focus-visible{outline:2px solid #bd4745;outline-offset:5px}
.about-film-caption{position:absolute;left:24px;bottom:26px;font:10px monospace;letter-spacing:2px;color:#fff;text-shadow:0 1px 8px #000}
.about-film-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:11px;color:#747f84}.about-film-next{color:#3c464c;font-size:13px}
@media(max-width:700px){.about-film{padding:110px 24px 24px;gap:20px}.about-film-heading{display:block}.about-film-heading>p:first-child{margin-bottom:16px}.about-film-heading h1{font-size:44px}.about-film-intro{margin-top:18px;font-size:13px}.about-film-frame{height:52svh;min-height:290px;flex:auto}.about-film-caption{left:15px;bottom:66px;font-size:8px}.about-film-toggle{right:15px;bottom:16px}.about-film-bottom{align-items:flex-start;font-size:10px}.about-film-bottom>span{max-width:150px}}
/* Full-bleed film with the homepage's stepped diagonal cut and hairline. */
.about-film{height:83svh;min-height:480px;padding:0;display:block;isolation:isolate;overflow:hidden;background:#eff1f1}
.about-film-frame{position:absolute;inset:0;height:100%;min-height:0;z-index:-2;clip-path:polygon(0 0,100% 0,100% 100%,27% 100%,24% calc(100% - 24px),7% calc(100% - 24px),0 calc(100% - 88px))}
.about-film-frame::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#07111977,transparent 42%,#071119aa)}
.about-film-heading{position:absolute;top:24%;left:8%;right:8%;display:block;pointer-events:none}
.about-film-heading h1{color:#fff;font-size:clamp(48px,6vw,100px)}
.about-film-heading>p:first-child,.about-film-intro{color:#e0e5e7;text-shadow:0 1px 8px #0008}.about-film-intro{margin-top:22px;justify-self:auto}
.about-film-bottom{position:absolute;left:8%;right:8%;bottom:90px;color:#d4dade;z-index:2}.about-film-next{color:#fff}
.about-film-caption{bottom:160px;left:8%;z-index:2}.about-film-toggle{bottom:145px;right:8%}
.about-film-cutline{position:absolute;left:0;bottom:18px;width:min(62vw,760px);height:94px;pointer-events:none;z-index:3;overflow:visible}
.about-film-cutline path{fill:none;stroke:#c0ccd060;stroke-width:1;vector-effect:non-scaling-stroke}
body.about-unified.film-in-view .masthead{background:linear-gradient(#071119aa,transparent);color:#fff}
body.about-unified.film-in-view .masthead .brand{filter:brightness(0) invert(1);opacity:1}
@media(max-width:700px){.about-film{height:83svh;min-height:520px}.about-film-heading{top:24%;left:7%;right:7%}.about-film-heading h1{font-size:48px}.about-film-bottom{left:7%;right:7%;bottom:105px}.about-film-caption{bottom:188px;left:7%}.about-film-toggle{bottom:173px;right:7%}.about-film-cutline{width:88vw}.about-film-frame{height:100%}}
/* Film-led editorial hero; scoped to ABOUT only. */
.about-film-frame::after{background:linear-gradient(180deg,#0005,transparent 35%,#0008),linear-gradient(90deg,transparent 55%,#0006)}
.about-film::after{content:'';position:absolute;inset:100px 3% 45px;pointer-events:none;border:1px solid #ffffff25;background:linear-gradient(90deg,transparent 24.95%,#ffffff25 25%,transparent 25.05%,transparent 49.95%,#ffffff25 50%,transparent 50.05%,transparent 74.95%,#ffffff25 75%,transparent 75.05%);z-index:-1}
.about-film-heading{inset:0;overflow:hidden}
.about-film-heading h1{position:absolute;left:3%;bottom:65px;margin:0;font-size:clamp(90px,16vw,310px);line-height:.83;letter-spacing:-.07em;white-space:nowrap;animation:film-title-rise 1.5s cubic-bezier(.16,1,.3,1) both;transform:translateY(var(--film-drift,0px))}
.about-film-heading h1::before,.about-film-heading h1::after{display:none}
.about-film-heading>p:first-child{position:absolute;left:77%;top:46%;font-size:10px;letter-spacing:.14em;animation:film-copy-in 1.1s .25s both}
.about-film-intro{position:absolute;left:77%;right:3%;top:52%;max-width:none;margin:0;font:italic clamp(19px,2vw,36px)/1.2 Georgia,'Noto Serif TC',serif;animation:film-copy-in 1.3s .4s both}
.about-film-bottom{left:77%;right:3%;bottom:85px;display:block;font:11px/1.7 monospace}.about-film-bottom>span{display:block;margin-bottom:18px}.about-film-next{font-size:12px}
.about-film-caption{top:125px;bottom:auto;left:4%;font-size:9px;animation:film-copy-in 1.3s .5s both}
.about-film-toggle{bottom:auto;top:125px;right:4%;font-size:10px;padding:8px 12px}
@keyframes film-title-rise{from{opacity:0;translate:0 110%;clip-path:inset(100% 0 0)}to{opacity:1;translate:0 0;clip-path:inset(0)}}
@keyframes film-copy-in{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:700px){.about-film-heading{inset:0}.about-film-heading h1{left:5%;bottom:80px;font-size:19vw}.about-film-heading>p:first-child{left:55%;top:43%;right:5%;font-size:8px}.about-film-intro{left:55%;right:5%;top:48%;font-size:21px}.about-film-bottom{left:55%;right:5%;bottom:25%;font-size:9px}.about-film-bottom>span{display:none}.about-film-caption{left:5%;top:115px;font-size:7px}.about-film-toggle{top:140px;right:5%}}
@media(prefers-reduced-motion:reduce){.about-film-heading h1,.about-film-intro,.about-film-heading>p:first-child,.about-film-caption{animation:none;transform:none}}