.shanghai-timeline{grid-column:1/-1;min-width:0;margin:32px 0 64px;padding:32px 3.4% 30px;color:#ede3d1;background:radial-gradient(ellipse at 18% 18%,#e5ac5809,transparent 65%),#0b0c0a;position:relative;isolation:isolate;--amber:#e5ac58}.shanghai-timeline *{box-sizing:border-box}.shanghai-topline{color:var(--amber);font:9px/1.5 monospace;letter-spacing:.3em;margin-bottom:22px}.shanghai-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:28px}.shanghai-heading h3{font:400 clamp(32px,5.8vw,84px)/.95 Georgia,serif;letter-spacing:-.035em;margin:0;color:#efe1ca}.shanghai-heading p{font:9px/1.8 monospace;letter-spacing:.18em;text-align:right;margin:0;color:#b9ae9c}.shanghai-gallery-wrap{position:relative}.shanghai-stock{position:absolute;left:-24px;top:38px;writing-mode:vertical-rl;transform:rotate(180deg);font:9px/1 monospace;letter-spacing:.16em;color:var(--amber)}.shanghai-viewport{position:relative;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;touch-action:pan-x pan-y;overscroll-behavior-x:contain;padding:24px 0 12px;outline-offset:5px}.shanghai-viewport::-webkit-scrollbar{display:none}.shanghai-viewport:focus-visible{outline:1px solid var(--amber)}.shanghai-reel{display:flex;gap:24px;width:max-content;align-items:stretch}.shanghai-frame{width:clamp(220px,27vw,430px);flex:none;margin:0;position:relative;padding:0 17px}.shanghai-frame:before,.shanghai-frame:after{content:'';position:absolute;top:0;bottom:25px;width:9px;opacity:.7;background:repeating-linear-gradient(180deg,#a27b3d70 0 12px,transparent 12px 32px);border-radius:2px}.shanghai-frame:before{left:0}.shanghai-frame:after{right:0}.shanghai-frame-image{width:100%;aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;background:#11120f;border:1px solid #bd8d4150;border-radius:3px;overflow:hidden}.shanghai-frame-image img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;user-select:none}.shanghai-code{position:absolute;top:-22px;left:18px;color:var(--amber);font:12px/1.2 monospace;letter-spacing:.08em}.shanghai-frame figcaption{font:9px/1.5 monospace;letter-spacing:.12em;text-align:center;color:#bea987;padding-top:9px}.shanghai-smart-cursor{position:absolute;width:32px;height:32px;display:grid;place-items:center;border:1px solid #e5ac5888;border-radius:50%;background:#080a08b3;color:var(--amber);font:22px/1 monospace;pointer-events:none;z-index:5;opacity:0;transform:translate(-50%,-50%)}.shanghai-viewport[data-moving]{cursor:none}.shanghai-annotation{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:15px 0 22px}.shanghai-annotation .recording{font:italic clamp(18px,2.1vw,27px)/1.2 cursive;color:var(--amber);border:1px solid var(--amber);border-radius:50%;padding:7px 22px;transform:rotate(-5deg);position:relative}.shanghai-annotation .recording:after{content:'';position:absolute;inset:3px -4px -2px 3px;border-bottom:1px solid var(--amber);border-radius:50%}.shanghai-annotation p{font:clamp(11px,1.2vw,16px)/1.7 Georgia,serif;margin:0;color:#bfb5a4}.shanghai-ruler{height:28px;position:relative;border-bottom:1px solid #ad814745;background:repeating-linear-gradient(90deg,transparent 0 23px,#b78b4944 23px 24px) center/100% 8px no-repeat;display:flex;justify-content:space-between;align-items:start;font:8px monospace;color:#9d8b71}.shanghai-tracks{position:relative;margin-top:10px}.shanghai-track{display:grid;grid-template-columns:85px minmax(0,1fr);gap:10px;align-items:center;border-bottom:1px solid #a8884322;padding:5px 0;min-width:0}.shanghai-track-label{font:8px/1.3 monospace;letter-spacing:.15em;color:#bdb7a8}.shanghai-track-label:before{content:'▸ ';color:#81735b}.shanghai-clips{display:flex;gap:5px;height:37px;overflow:hidden;min-width:0}.shanghai-clips img{min-width:0;flex:1;width:0;height:100%;object-fit:cover;border:1px solid #c19a5c66;border-radius:3px;opacity:.5}.shanghai-track-memory .shanghai-clips{height:31px}.shanghai-track-memory img{filter:sepia(.8);opacity:.25}.shanghai-waveform{width:100%;height:42px;display:block}.shanghai-playhead{position:absolute;top:-35px;bottom:0;left:calc(95px + (100% - 95px)*var(--position,0));width:1px;background:var(--amber);pointer-events:none;box-shadow:0 0 8px #e5ac5844}.shanghai-playhead:before{content:'';position:absolute;top:0;left:-5px;border-inline:5px solid transparent;border-top:9px solid var(--amber)}.shanghai-footer{display:flex;justify-content:space-between;margin-top:15px;color:#9c8d76;font:8px/1.5 monospace;letter-spacing:.15em}.shanghai-gallery-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@media(max-width:600px){.shanghai-timeline{padding:23px 14px;margin:20px 0 36px}.shanghai-heading{display:block;margin-bottom:25px}.shanghai-heading p{text-align:left;margin-top:12px;font-size:7px}.shanghai-topline{font-size:7px;letter-spacing:.18em}.shanghai-frame{width:76vw;max-width:340px}.shanghai-reel{gap:14px}.shanghai-stock{left:-10px;font-size:6px}.shanghai-annotation{align-items:start;gap:14px}.shanghai-annotation .recording{font-size:15px;padding:6px 12px;white-space:nowrap}.shanghai-annotation p{font-size:11px}.shanghai-track{grid-template-columns:52px minmax(0,1fr);gap:7px}.shanghai-track-label{font-size:6px;letter-spacing:.07em}.shanghai-playhead{left:calc(59px + (100% - 59px)*var(--position,0))}.shanghai-footer{font-size:6px;letter-spacing:.08em}.shanghai-clips{height:25px}.shanghai-track-memory .shanghai-clips{height:22px}}@media(prefers-reduced-motion:reduce){.shanghai-timeline *{scroll-behavior:auto}}

/* Match the cream display type and the actual charcoal artwork texture from First Takes. */
.shanghai-timeline{background:#0f0f0e url('assets/about/first-takes-timeline.webp') right top/1400% 1400% no-repeat}
.shanghai-heading h3{font-family:'Times New Roman',Times,serif;font-weight:700;font-size:clamp(34px,6.8vw,98px);line-height:.98;letter-spacing:-.035em;color:#efdec1}
.shanghai-annotation{justify-content:flex-start;gap:clamp(20px,3vw,44px)}
.shanghai-annotation>p{margin-left:auto}
.shanghai-paper-label{display:block;flex:0 0 auto;width:clamp(90px,10vw,138px);transform:rotate(-8deg);filter:drop-shadow(0 3px 3px #0005)}
.shanghai-paper-label svg{display:block;width:100%;height:auto}
@media(max-width:600px){.shanghai-heading h3{font-size:clamp(32px,8.8vw,52px)}.shanghai-annotation{flex-wrap:wrap;align-items:center;gap:16px}.shanghai-paper-label{width:94px;margin-left:auto}.shanghai-annotation>p{flex-basis:100%;margin:0}}

/* Match Shanghai and Zhong.TV handwritten graphics at 60% scale. */
:is(#shanghai-gallery,#zhong-gallery) .shanghai-graphic-pair{display:flex;align-items:center;gap:clamp(20px,3vw,44px);zoom:.6;flex:none}
:is(#shanghai-gallery,#zhong-gallery) .shanghai-graphic-pair .shanghai-paper-label{margin-left:0}

/* ZHONG.TV documentary, integrated into the existing personal archive. */
.zhong-documentary{margin-top:36px;padding-top:25px;border-top:1px solid #ad814745;min-width:0}.zhong-documentary-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:20px}.zhong-documentary-label{font:8px/1.5 monospace;letter-spacing:.2em;color:var(--amber)}.zhong-documentary-heading h4{font:400 clamp(22px,2.8vw,35px)/1.2 Georgia,serif;letter-spacing:-.02em;color:#efe1ca;margin:12px 0 0}.zhong-documentary-heading>a{font:8px/1.6 monospace;letter-spacing:.12em;color:#b9ae9c;border-bottom:1px solid #ad814766;padding-bottom:5px;white-space:nowrap}.zhong-documentary-player{position:relative;width:100%;aspect-ratio:16/9;background:#050605;border:1px solid #bd8d4150}.zhong-documentary-player iframe{display:block;width:100%;height:100%;position:absolute;inset:0;border:0}@media(max-width:600px){.zhong-documentary{margin-top:26px;padding-top:20px}.zhong-documentary-heading{align-items:start;flex-direction:column;gap:13px}.zhong-documentary-heading h4{font-size:24px}.zhong-documentary-heading>a{font-size:7px}}