/* Scroll is the timeline; no wheel interception, no autoplay. */
html{scroll-padding-top:var(--header)}.reel-scroll.section-anchor{scroll-margin-top:0}.current-note{display:none}.hero-portrait{--pointer-x:0deg;--pointer-y:0deg}.hero .portrait-tilt{transform:perspective(1100px) translateY(var(--portrait-y,0px)) rotateX(var(--pointer-y)) rotateY(var(--pointer-x)) rotate(var(--portrait-rotate,5deg))!important;transition:transform .35s ease-out}.hero-name{display:block;transform:translateX(var(--title-drift,0px));will-change:transform}.hero-copy .hero-chinese{animation:hero-enter 1s .12s both}.hero-description{animation:hero-enter 1s .25s both}@keyframes hero-enter{from{opacity:0;transform:translateY(25px);clip-path:inset(100% 0 0)}to{opacity:1;transform:none;clip-path:inset(0)}}
.scroll-ribbon{overflow:hidden;background:#dd492c;color:#1b1b18;padding:20px 0;font:clamp(28px,5vw,70px)/1 Impact,'Arial Narrow',sans-serif;letter-spacing:-1px;white-space:nowrap}.scroll-ribbon>span{display:block;width:max-content;transform:translateX(var(--ribbon-x,0px))}.recognition-type>span{transition:color .35s,transform .5s}.recognition-type>span:hover{color:#dd492c;transform:translateY(-9px) rotate(-3deg)}
.cinema-section{background:#161614;color:#e7e5dd}.cinema-intro{padding:90px 0 65px}.cinema-intro .chapter-label{color:#929287}.cinema-intro h2{font-size:clamp(42px,6vw,86px);max-width:950px}.cinema-intro-bottom{display:flex;justify-content:space-between;align-items:end;margin-top:35px}.cinema-intro-bottom p{font-size:12px;color:#a3a397}.skip-cinema{font-size:11px;display:inline-flex;align-items:center;min-height:44px;border-bottom:1px solid #64645a;transition:color .3s}.skip-cinema:hover{color:#f16d4e}.reel-scroll{--pin-height:calc(100svh - var(--header));--reel-travel:630svh;position:relative;scroll-margin-top:var(--header)}.reel-pin{background:#161614;position:relative;min-height:660px;padding:25px 48px 20px;display:flex;flex-direction:column;isolation:isolate}.reel-top{display:flex;justify-content:space-between;align-items:center;gap:20px;z-index:3;flex:none;color:#9a9a8f;font:9px monospace;letter-spacing:1px}.reel-top .skip-cinema{font:10px system-ui;letter-spacing:0;color:#d5d5c8;min-height:35px}.reel-backdrop{position:absolute;inset:12% 0 auto;z-index:-1;text-align:center;font:clamp(100px,19vw,280px)/.9 Impact,'Arial Narrow',sans-serif;color:#e7e5dd0b;white-space:nowrap;pointer-events:none;letter-spacing:-.03em;overflow:hidden}.reel-stage{position:relative;perspective:1400px;flex:1;min-height:0;margin-block:20px;isolation:isolate}.reel-slide{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(0,1fr);align-items:center;gap:6vw;padding:25px 0 45px;min-height:570px}.reel-media{position:relative;height:470px;min-width:0;transform-style:preserve-3d;--mouse-x:0deg;--mouse-y:0deg}.reel-photo{position:absolute;inset:0;padding:0;background:none;display:flex;justify-content:center;align-items:center;color:#e7e5dd;transform:perspective(1000px) rotateX(var(--mouse-y)) rotateY(var(--mouse-x));transition:transform .4s ease-out;min-width:0;touch-action:pan-y}.reel-photo img{width:100%;height:100%;object-fit:contain;filter:saturate(.85);background:transparent}.reel-photo>span{position:absolute;bottom:0;right:0;padding:8px 12px;background:#171715dd;color:#dddccf;font-size:9px;opacity:0;transition:opacity .3s}.reel-photo:hover>span,.reel-photo:focus-visible>span{opacity:1}.media-count-2 .photo-position-0,.media-count-3 .photo-position-0{right:23%;bottom:4%;top:3%}.media-count-2 .photo-position-1{inset:18% 0 18% 78%;transform:rotate(7deg)}.media-count-3 .photo-position-1{inset:1% 0 53% 79%;transform:rotate(7deg)}.media-count-3 .photo-position-2{inset:52% 0 1% 79%;transform:rotate(-5deg)}.reel-kicker{font:10px monospace;color:#e7775d;letter-spacing:.5px;margin-bottom:24px}.reel-copy h3{font-size:clamp(25px,3vw,43px);font-weight:500;line-height:1.25;letter-spacing:-1.5px}.reel-subtitle{font-size:11px;color:#d0d0c2;margin-top:24px;line-height:1.7}.reel-description{font-size:12px;line-height:1.9;color:#8f8f82;max-width:340px;margin-top:16px}.reel-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:22px}.reel-tags>span{border:1px solid #515146;color:#b2b2a4;font-size:9px;padding:5px 8px}.reel-bottom{display:flex;align-items:center;justify-content:space-between;gap:25px;z-index:3;flex:none;padding:16px 0 0;border-top:1px solid #414138}.reel-step-controls{display:flex;align-items:center;gap:15px;flex:none}.reel-step-controls button{background:none;border:1px solid #65655a;color:#dddccf;width:40px;height:40px;transition:background .3s}.reel-step-controls button:hover{background:#dd492c;color:#fff}.reel-step-controls button:disabled{opacity:.25;cursor:default}.reel-step-controls>span{font:12px monospace;min-width:62px;text-align:center}.reel-dots{display:flex;align-items:center;gap:7px;flex:1;max-width:440px}.reel-dots button{height:40px;flex:1;background:none;position:relative;padding:0;color:#717168;font:8px monospace}.reel-dots button:before{content:"";position:absolute;top:6px;left:0;right:0;height:2px;background:#45453d;transition:background .3s,transform .3s}.reel-dots button[aria-current=true]{color:#e7e5dd}.reel-dots button[aria-current=true]:before{background:#dd492c;transform:scaleY(2)}.reel-dots span{position:absolute;bottom:2px;left:0}.reel-hint{font:9px monospace;color:#9c9c8f;white-space:nowrap}.reel-progress{height:2px;position:absolute;bottom:0;left:0;right:0;background:#ffffff0a}.reel-progress>span{display:block;height:100%;width:0;background:#dd492c}.career-art{height:100%;display:flex;flex-direction:column;justify-content:center;position:relative;border-left:1px solid #66665c;padding-left:45px}.career-art>span{font:clamp(60px,8vw,115px)/.88 Impact,'Arial Narrow',sans-serif;letter-spacing:-3px}.career-art em{font-style:normal;color:#dd492c}.career-art small{font-size:10px;color:#9c9c8f;margin-top:30px;letter-spacing:2px}.career-art i{position:absolute;top:0;right:0;font:90px/1 Georgia;color:#dd492c}.cinema-end{display:flex;justify-content:space-between;gap:20px;padding-block:30px;color:#99998b;font-size:10px;border-top:1px solid #49493f}.cinema-end>span{font:9px monospace}.reel-pin:focus-visible{outline:1px solid #dd492c;outline-offset:-5px}
/* JS enhancement: only one readable scene at a time, adjacent images turn in depth. */
.reel-ready{height:calc(var(--pin-height) + var(--reel-travel))}.reel-ready .reel-pin{position:sticky;top:var(--header);height:var(--pin-height);min-height:0;overflow:hidden}.reel-ready .reel-slide{position:absolute;inset:0;min-height:0;padding-block:0;pointer-events:none;visibility:hidden}.reel-ready .reel-slide.is-near{visibility:visible}.reel-ready .reel-slide.is-active{pointer-events:auto;z-index:2}.reel-ready .reel-media{height:100%;max-height:580px;transform:translate3d(var(--reel-x,0%),var(--reel-y,0%),var(--reel-z,0px)) rotateY(var(--reel-angle,0deg)) rotateZ(var(--reel-roll,0deg));opacity:var(--reel-opacity,1);will-change:transform,opacity}.reel-ready .reel-copy{opacity:var(--copy-opacity,1);transform:translateY(var(--copy-y,0px));will-change:transform,opacity}.reel-ready .reel-photo img{max-height:100%}.reel-manual{height:var(--pin-height)}.reel-manual .reel-pin{position:relative;top:0}.reel-manual .reel-hint{font-size:0}.reel-manual .reel-hint:after{content:"点击箭头 / 选择章节";font-size:9px}.motion-off .hero-name,.motion-off .scroll-ribbon>span{transform:none}.motion-off .hero .portrait-tilt{transform:rotate(5deg)!important}.pointer-caption{position:fixed;top:0;left:0;pointer-events:none;z-index:65;border:1px solid #eee9;border-radius:50%;height:66px;width:66px;display:grid;place-items:center;background:#17171566;backdrop-filter:blur(3px);color:#eee;font:9px monospace;opacity:0;transform:translate(-150px,-150px);transition:opacity .2s}.pointer-caption.visible{opacity:1}
@media(max-width:1000px){.reel-pin{padding-inline:28px}.reel-slide{gap:30px;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}.reel-copy h3{font-size:29px}.reel-description{font-size:11px}.reel-kicker{font-size:8px}.reel-hint{display:none}.reel-media{height:400px}.career-art{padding-left:25px}}
@media(max-width:760px){.cinema-intro{padding:65px 0 35px}.cinema-intro h2{font-size:39px}.cinema-intro-bottom{display:block;margin-top:25px}.cinema-intro-bottom p{font-size:11px}.cinema-intro-bottom>a{margin-top:12px}.reel-scroll{--pin-height:calc(100svh - var(--header) - 65px);--reel-travel:585svh}.reel-pin{padding:8px 20px 12px}.reel-top{font-size:7px;letter-spacing:.5px;height:34px}.reel-top .skip-cinema{font-size:9px;min-height:32px}.reel-stage{margin-block:8px}.reel-slide{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto;gap:12px;align-items:stretch;min-height:550px;padding:0}.reel-media{height:290px}.reel-ready .reel-media{height:100%;min-height:0}.reel-ready .reel-slide{padding-block:0}.reel-copy{padding-bottom:7px}.reel-kicker{font-size:7px;letter-spacing:.3px;margin-bottom:9px}.reel-copy h3{font-size:24px;line-height:1.2;letter-spacing:-.7px}.reel-subtitle{font-size:9px;margin-top:10px;line-height:1.5}.reel-description{font-size:10px;line-height:1.65;margin-top:7px;max-width:100%}.reel-tags{margin-top:8px;gap:5px}.reel-tags>span{font-size:7px;padding:3px 6px}.reel-backdrop{top:12%;font-size:26vw}.reel-bottom{gap:16px;padding-top:8px}.reel-step-controls{gap:9px}.reel-step-controls button{width:34px;height:34px}.reel-step-controls>span{font-size:10px;min-width:48px}.reel-dots{gap:4px}.reel-dots button{height:34px}.reel-dots span{font-size:6px}.reel-photo>span{font-size:7px;padding:5px 7px;opacity:1}.media-count-2 .photo-position-0,.media-count-3 .photo-position-0{right:24%;top:0;bottom:0}.media-count-2 .photo-position-1{inset:8% 0 8% 79%}.media-count-3 .photo-position-1{inset:0 0 53% 79%}.media-count-3 .photo-position-2{inset:52% 0 0 79%}.career-art{padding-left:25px;flex-direction:row;align-items:center;justify-content:space-between}.career-art>span{font-size:clamp(50px,13vw,75px);letter-spacing:-2px}.career-art small{font-size:8px;max-width:75px;line-height:1.8;margin-top:0}.career-art i{right:0;font-size:45px}.cinema-end{flex-wrap:wrap;padding-block:23px;font-size:9px}.cinema-end>span{width:100%;font-size:7px}.scroll-ribbon{padding:15px 0;font-size:35px}.hero-portrait{margin-bottom:25px}.pointer-caption{display:none}}
@media(max-height:700px) and (max-width:760px){.reel-copy h3{font-size:20px}.reel-description{font-size:9px;line-height:1.5}.reel-tags{display:none}.reel-subtitle{margin-top:7px;font-size:8px}.reel-kicker{margin-bottom:5px}.reel-slide{gap:8px}.reel-stage{margin-block:4px}.reel-copy{padding-bottom:0}.reel-top{height:28px}.reel-pin{padding-top:4px}.reel-bottom{padding-top:5px}.reel-step-controls button{height:30px;width:30px}}
@media(max-height:550px) and (min-width:761px){.reel-kicker{margin-bottom:10px}.reel-copy h3{font-size:25px}.reel-description{font-size:10px}.reel-tags{display:none}.reel-subtitle{margin-top:10px}.reel-pin{padding-top:10px}.reel-stage{margin-block:10px}}
@media(max-width:760px){.reel-photo>span{top:0;bottom:auto;font-size:0;padding:4px 7px;border:1px solid #ffffff22}.reel-photo>span:after{content:"↗";font-size:10px}}
@media(prefers-reduced-motion:reduce){.hero-copy .hero-chinese,.hero-description{animation:none}.hero-name,.scroll-ribbon>span{transform:none}.pointer-caption{display:none}}