/* A quiet half-screen chapter transition, not another metrics banner. */
.world-bridge{position:relative;display:flex;align-items:center;height:clamp(360px,54svh,620px);padding:56px 8%;background:#040b13;color:#dbe6f5;isolation:isolate;overflow:hidden;scroll-margin-top:88px}
.world-bridge::before{content:'';position:absolute;inset:0;z-index:-2;background:url('assets/earth-bridge-v1.png') center 43%/cover no-repeat}
.world-bridge::after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,#040a12 0%,rgba(4,10,18,.65) 12%,transparent 34%,transparent 62%,#040b13 100%),linear-gradient(90deg,rgba(4,11,19,.6),transparent 65%)}
.bridge-intro{padding:8px 0 8px 28px;position:relative}
.bridge-intro::before{content:'';position:absolute;left:0;top:5px;bottom:5px;width:1px;background:linear-gradient(transparent,#8cb5ed 25%,#8cb5ed 75%,transparent)}
.bridge-intro>div{font-size:clamp(9px,.68vw,13px);letter-spacing:.25em;color:#aac0da;margin-bottom:24px}
.bridge-intro h2{font-size:clamp(32px,3.2vw,62px);font-family:'Noto Sans TC','Microsoft YaHei',sans-serif;font-weight:300;letter-spacing:.06em;line-height:1.45;margin:0;color:#e0e8f5;text-shadow:0 2px 24px #030a12}
@media(max-width:800px){.world-bridge{padding:46px 6%;height:48svh;min-height:350px;scroll-margin-top:70px}.world-bridge::before{background-position:60% center}.bridge-intro{padding-left:20px}.bridge-intro>div{font-size:8px;letter-spacing:.18em;margin-bottom:20px}.bridge-intro h2{font-size:clamp(29px,5vw,40px)}}