.connection-story{--conn-gold:#c9ae7f;--conn-muted:#b1aca4;--conn-header:100px;color:#f2eee6;isolation:isolate;box-shadow:none;background:#0c0d0e}.connection-story button,.connection-story a{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}.connection-story [hidden]{display:none!important}.connection-story a:focus-visible,.connection-story button:focus-visible,.conn-hit:focus-visible{outline-offset:5px;outline:2px solid #ddc495}.connection-story a{text-decoration:none}.conn-scroll{position:relative}.conn-stage{isolation:isolate;position:relative}.conn-canvas{pointer-events:none;z-index:0;width:100%;height:660px;position:absolute;inset:0}.conn-hit{z-index:1;cursor:grab;-webkit-user-select:none;user-select:none;border-radius:35%;position:absolute}.conn-exploring .conn-hit{touch-action:none}.conn-exploring .conn-hit:active{cursor:grabbing}.conn-scene{z-index:2;pointer-events:none;flex-direction:column;justify-content:center;min-height:660px;padding:65px 7%;display:flex;position:relative}.conn-scene>div{width:44%;max-width:640px}.conn-scene a,.conn-scene button{pointer-events:auto}.conn-scene .conn-kicker{color:var(--conn-gold);letter-spacing:.22em;margin:0 0 24px;font:12px/1.6 system-ui}.conn-scene h1,.conn-scene h2{letter-spacing:.025em;color:#f2eee6;margin:0;font-family:Noto Serif TC,Songti TC,PMingLiU,serif;font-size:clamp(42px,5.3vw,78px);font-weight:400;line-height:1.3}.conn-scene em{color:var(--conn-gold);font-style:normal}.conn-scene p{color:var(--conn-muted);max-width:400px;margin:26px 0;font-size:16px;line-height:1.95}.connection-story .conn-cta,.conn-dialog .conn-cta{color:#f2eee6;background:#ffffff02;border:1px solid #bda77c80;padding:12px 22px;font-size:14px;display:inline-flex}.conn-cta:hover{background:#c9ae7f14}.conn-topics{gap:28px;margin-top:26px;font-size:16px;display:flex}.conn-topics a{border-bottom:1px solid #c9ae7f55;padding:8px 0}.conn-topics a:hover,.conn-topics a:focus-visible{color:#ebd4ad}.connection-story .conn-skip{color:var(--conn-muted);margin-top:22px;padding:5px 0;font-size:14px;display:inline-block}.conn-two{align-items:flex-end}.conn-two>div{width:40%}.conn-two h2{font-size:clamp(38px,4.5vw,63px)}.conn-two ul{border-top:1px solid #c9ae7f33;margin:25px 0 0;padding:0;list-style:none}.conn-two li{border-bottom:1px solid #c9ae7f33;justify-content:space-between;gap:15px;padding:12px 0;font-size:16px;display:flex}.conn-two li span{color:var(--conn-muted);font-size:14px}.conn-three{justify-content:flex-end;padding-bottom:180px}.conn-three>div{width:100%;max-width:none}.conn-three h2{font-size:clamp(30px,3.2vw,46px)}.conn-works{grid-template-columns:repeat(3,1fr);gap:35px;margin-top:28px;display:grid}.conn-works button{text-align:left;background:0 0;border:0;border-top:1px solid #c9ae7f66;padding:18px 0;display:block}.conn-works span{color:var(--conn-gold);font-size:12px}.conn-works strong{margin:12px 0 6px;font-size:20px;font-weight:450;display:block}.conn-works small{color:var(--conn-muted);font-size:14px}.conn-works button:hover strong{color:#ebd4ad}.conn-controls{z-index:5;pointer-events:none;align-items:center;gap:12px;display:flex;position:absolute;top:550px;left:7%;right:7%}.conn-controls button,.conn-bottom button{pointer-events:auto;white-space:nowrap;background:#101112eb;border:1px solid #c9ae7f66;border-radius:24px;min-height:44px;padding:10px 16px;font-size:14px}.conn-controls small{color:var(--conn-muted);max-width:700px;font-size:12px;line-height:1.75}.conn-bottom{z-index:4;justify-content:space-between;align-items:center;display:none;position:absolute;bottom:22px;left:7%;right:7%}.conn-bottom nav{gap:14px;display:flex}.conn-bottom nav button{border:0;border-top:1px solid #fff4;border-radius:0;min-width:44px;padding:6px 12px}.conn-bottom button[aria-current]{color:#ebd4ad;border-color:#ebd4ad}.conn-film{background:#111213;border-top:1px solid #c9ae7f33;padding:22px 7%}.conn-film>button{color:var(--conn-muted);background:0 0;border:0;min-height:44px;padding:10px 0;font-size:14px}.conn-film .journal-hero-stage{background:#0c0d0e;height:clamp(280px,48vw,650px);margin:20px 0}.conn-film .journal-hero-stage:before{display:none}.conn-film .journal-hero-stage .journal-hero-media{object-fit:contain}.conn-ready:not(.conn-static) .conn-scroll{height:calc(200svh - var(--conn-header))}.conn-ready:not(.conn-static) .conn-stage{top:var(--conn-header);height:calc(100svh - var(--conn-header));min-height:660px;position:sticky;overflow:hidden}.conn-ready:not(.conn-static) .conn-canvas{height:100%}.conn-ready:not(.conn-static) .conn-scene{min-height:0;position:absolute;inset:0}.conn-ready:not(.conn-static) .conn-controls{top:auto;bottom:85px}.conn-ready .conn-bottom{display:flex}.conn-static .conn-bottom{padding:0 7% 30px;position:relative;bottom:auto;left:auto;right:auto}.conn-static .conn-bottom nav{display:none}.conn-static .conn-two{border-top:1px solid #fff2;align-items:flex-start;min-height:450px}.conn-static .conn-two>div{width:70%}.conn-static .conn-three{border-top:1px solid #fff2;min-height:450px;padding:65px 7%}.conn-unavailable .conn-canvas,.conn-unavailable .conn-hit,.conn-unavailable .conn-controls{display:none}.conn-dialog{color:#f2eee6;overscroll-behavior:contain;background:#171818;border:1px solid #c9ae7f66;border-radius:4px;width:min(780px,92vw);max-height:88dvh;padding:26px}.conn-dialog::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#050606c9}.conn-dialog img{object-fit:contain;width:100%;max-height:42vh}.conn-dialog h2{color:#f2eee6;margin:24px 0 14px;font:400 26px/1.5 system-ui}.conn-dialog p{color:#b1aca4;font:16px/1.9 system-ui}.conn-dialog .conn-close{color:#f2eee6;background:0 0;border:0;min-height:44px;margin:0 0 18px auto;padding:8px 12px;font-size:14px;display:block}.conn-dialog a:focus-visible,.conn-dialog button:focus-visible{outline-offset:4px;outline:2px solid #ddc495}body:has(.connection-story) .site-header{box-shadow:none;background:#101112;border-color:#c9ae7f33}:is(body:has(.connection-story) .site-header .brand strong,body:has(.connection-story) .site-header .main-nav a){color:#eee8dc}body:has(.connection-story) .brand-meta em{color:#c9ae7f}@media (width<=700px){.connection-story{--conn-header:0px}.conn-scene{justify-content:flex-start;min-height:800px;padding:50px 7%}.conn-scene>div,.conn-two>div{width:100%;max-width:none}.conn-scene h1{font-size:44px}.conn-scene h2,.conn-two h2{font-size:36px}.conn-scene .conn-kicker{letter-spacing:.14em;margin-bottom:16px;font-size:12px}.conn-scene p{max-width:320px;margin:20px 0;font-size:16px}.conn-topics{margin-top:16px}.connection-story .conn-skip{margin-top:12px}.conn-canvas{height:800px}.conn-ready:not(.conn-static) .conn-stage{min-height:800px}.conn-two{padding-top:40px}.conn-two li{font-size:16px}.conn-two li span{font-size:14px}.conn-three{justify-content:flex-end;padding-bottom:245px}.conn-three h2{font-size:28px}.conn-works{grid-template-columns:1fr;gap:0;margin-top:18px}.conn-works button{grid-template-columns:38px 1fr;column-gap:12px;padding:12px 0;display:grid}.conn-works strong{margin:0;font-size:18px}.conn-works small{grid-column:2;font-size:14px}.conn-controls{flex-wrap:wrap;gap:8px;top:650px}.conn-controls small{width:100%;font-size:12px}.conn-controls button{padding:8px 12px;font-size:14px}.conn-static .conn-two>div{width:100%}.conn-static .conn-two{min-height:500px}.conn-static .conn-three{min-height:550px}.conn-dialog{padding:18px}.conn-dialog h2{font-size:22px}.conn-bottom nav{gap:6px}}@media (prefers-reduced-motion:reduce){.connection-story *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}body:has(.connection-story) .site-header .language-switcher button{color:#bab5ad}body:has(.connection-story) .site-header .language-switcher button.is-active{color:#f2eee6;border-color:#c9ae7f80}.connection-story:not(.conn-ready) .conn-hit,.connection-story:not(.conn-ready) .conn-controls{display:none}@media (width<=700px){.conn-ready:not(.conn-static) .conn-stage{min-height:0;height:var(--conn-mobile-stage,75svh)}.conn-ready:not(.conn-static) .conn-scroll{height:calc(var(--conn-mobile-stage,75svh) + 80svh)}}.conn-canvas{background:#0c0d0e}@media (width>=701px){.conn-three h2{max-width:55%;font-size:clamp(30px,3.2vw,46px)}.conn-three .conn-kicker{max-width:55%}}.conn-third-backdrop .conn-canvas{opacity:.58}.conn-third-backdrop .conn-three{text-shadow:0 2px 5px #0c0d0e,0 0 18px #0c0d0e,0 0 32px #0c0d0e}.conn-third-backdrop .conn-works small{color:#ded8cd}.conn-third-backdrop .conn-three h2{max-width:100%}@media (width<=700px){.conn-ready:not(.conn-static) .conn-scene{justify-content:flex-start;padding:18px 7%}.conn-ready:not(.conn-static) .conn-scene h1{font-size:30px;line-height:1.25}.conn-ready:not(.conn-static) .conn-scene h2{font-size:26px;line-height:1.35}.conn-ready:not(.conn-static) .conn-scene .conn-kicker{margin-bottom:10px;font-size:10px}.conn-ready:not(.conn-static) .conn-scene p{margin:10px 0;font-size:13px;line-height:1.65}.conn-ready:not(.conn-static) .conn-cta{padding:8px 14px;font-size:12px}.conn-ready:not(.conn-static) .conn-topics{gap:22px;margin-top:8px;font-size:14px}.conn-ready:not(.conn-static) .conn-skip{margin-top:5px;font-size:12px}.conn-ready:not(.conn-static) .conn-two ul{margin-top:12px}.conn-ready:not(.conn-static) .conn-two li{padding:8px 0;font-size:13px}.conn-ready:not(.conn-static) .conn-two li span{font-size:12px}.conn-ready:not(.conn-static) .conn-three{justify-content:center;padding-bottom:110px}.conn-ready:not(.conn-static) .conn-works{margin-top:12px}.conn-ready:not(.conn-static) .conn-works strong{font-size:16px}.conn-ready:not(.conn-static) .conn-works small{font-size:12px}.conn-ready:not(.conn-static) .conn-controls{gap:6px;bottom:62px}.conn-ready:not(.conn-static) .conn-controls small{display:none}.conn-ready:not(.conn-static) .conn-controls button,.conn-ready:not(.conn-static) .conn-bottom button{padding:7px 11px;font-size:12px}.conn-ready:not(.conn-static) .conn-bottom{bottom:10px}.conn-ready:not(.conn-static) .conn-one,.conn-ready:not(.conn-static) .conn-two{padding-top:calc(var(--conn-mobile-stage,75svh)*.54 + 8px);padding-bottom:114px}.conn-ready:not(.conn-static) .conn-one>div,.conn-ready:not(.conn-static) .conn-two>div{scrollbar-width:thin;scrollbar-color:#88734f transparent;pointer-events:auto;max-height:100%;padding:0 5px 12px 0;overflow-y:auto}}