.ending{--ending-paper:#f2f0db;--ending-muted:#d5d9c5;position:relative;isolation:isolate;min-height:max(820px,100dvh);overflow:hidden;background:linear-gradient(145deg,#46544080,#59624b30 55%,#34452c60),url(/media/character/biography/presenting/background.webp);color:var(--ending-paper);font-family:Manrope,Microsoft YaHei,sans-serif}.ending-nav{position:relative;z-index:4;margin:0 5%;height:90px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid #dce0c82e}.ending-brand{font-size:34px;line-height:1;letter-spacing:-.04em}.ending-brand span{color:#e9bd7d}.ending-nav nav{display:flex;gap:32px;font-size:12px}.ending-nav nav a{min-height:44px;display:flex;align-items:center}.ending-nav>span{font-size:10px;line-height:1.8}.ending-nav small{font-size:8px;letter-spacing:.1em;color:var(--ending-muted)}.ending-copy{position:absolute;z-index:3;left:5%;top:22%;width:36%;max-width:610px;opacity:0;transform:translateY(8px);transition:opacity .5s var(--ease-out,cubic-bezier(.23,1,.32,1)),transform .5s var(--ease-out,cubic-bezier(.23,1,.32,1))}.ending-copy h2{font:400 clamp(80px,7.5vw,144px)/.95 Impact,"Arial Narrow",sans-serif;letter-spacing:-.025em;margin:0}.ending-copy h2 span{display:block}.ending-copy h2 span:last-child{font-size:.84em;line-height:1.2;color:#e9bd7d}.ending-chinese{font-size:clamp(15px,1.3vw,22px);line-height:1.9;margin-top:28px;letter-spacing:.02em}.ending-english{font-size:11px;line-height:1.9;color:var(--ending-muted);margin-top:17px}.ending-visual{position:absolute;z-index:1;left:40%;right:3%;top:16%;bottom:15%;pointer-events:none}.ending-person{position:absolute;width:143%;left:-42%;top:50%;transform:translateY(-50%)}.ending-character{margin:0!important;animation:ending-person-float 9s ease-in-out infinite;animation-play-state:paused}.ending-character .character-video-frame{background:transparent;border-radius:0;-webkit-mask-image:linear-gradient(90deg,transparent 13%,#000 36%,#000 97%,transparent),linear-gradient(180deg,transparent,#000 11%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent 13%,#000 36%,#000 97%,transparent),linear-gradient(180deg,transparent,#000 11%,#000 94%,transparent);-webkit-mask-composite:source-in;mask-composite:intersect}.ending-character :is(img,video){object-fit:contain}.ending-character figcaption{position:absolute;right:10%;bottom:0;pointer-events:auto;z-index:4}.ending-character figcaption button{font-size:10px;min-height:36px;background:#41523899;padding:7px 14px}.ending-presentation .ending-character figcaption{display:none}.ending-tools{position:absolute;top:0;right:0;bottom:0;left:0}.ending-tool{position:absolute;z-index:3;aspect-ratio:1;margin:0;transform:translate(-50%,-50%) rotate(var(--tool-angle));animation:ending-tool-float 8s ease-in-out infinite;animation-delay:var(--tool-delay);animation-play-state:paused}.ending-tool-tile{width:100%;aspect-ratio:1;border-radius:21%;display:grid;place-items:center;background:linear-gradient(135deg,#faf4df,#e4dcc5);box-shadow:inset 1px 2px 2px #fff9,inset -2px -3px 2px #0002,4px 10px 18px #25351d38}.ending-tool img{display:block;width:57%;height:57%;object-fit:contain}.ending-tool figcaption{font-size:8px;line-height:1.5;text-align:center;margin-top:9px;white-space:nowrap;color:#e2e5d3;letter-spacing:.03em}.ending-tool[data-tone=navy] .ending-tool-tile{background:linear-gradient(130deg,#102a43,#081b30)}.ending-tool[data-tone=navy] img{filter:invert(67%) sepia(80%) saturate(1515%) hue-rotate(166deg) brightness(110%)}.ending-tool[data-tone=orange] .ending-tool-tile{background:linear-gradient(130deg,#59321a,#2e1a0e)}.ending-tool[data-tone=orange] img{filter:invert(65%) sepia(92%) saturate(1330%) hue-rotate(350deg)}.ending-tool[data-tone=purple] .ending-tool-tile{background:linear-gradient(130deg,#302650,#15112c)}.ending-tool[data-tone=purple] img{filter:invert(77%) sepia(35%) saturate(1388%) hue-rotate(207deg)}.ending-tool[data-tone=sage] .ending-tool-tile{background:linear-gradient(130deg,#cbd9c2,#8caa8c)}.ending-tool[data-tone=blue] .ending-tool-tile{background:linear-gradient(130deg,#d3e3e3,#93b6b9)}.ending-contact{position:absolute;z-index:4;bottom:12%;left:5%;width:35%;max-width:480px;opacity:0;transform:translateY(8px);transition:opacity .5s var(--ease-out,cubic-bezier(.23,1,.32,1)) .08s,transform .5s var(--ease-out,cubic-bezier(.23,1,.32,1)) .08s}.ending-contact h3{font-size:10px;letter-spacing:.16em;font-weight:500;margin:0 0 12px}.ending-contact dl{margin:0}.ending-contact dl>div{display:grid;grid-template-columns:66px 1fr;align-items:center;gap:14px;min-height:37px}.ending-contact dt{font-size:10px;color:var(--ending-muted)}.ending-contact dd{margin:0;min-width:0;font-size:13px}.ending-contact :is(a,button){display:inline-flex;align-items:center;gap:15px;min-height:36px;background:none;color:inherit;border:0;padding:0;font:inherit;text-align:left;-webkit-user-select:text;user-select:text}.ending-copy-status{font-size:10px;min-height:18px;margin-top:4px;color:#efce98;line-height:1.7}.ending-contact svg{opacity:.6;flex-shrink:0}.ending[data-entered=true] :is(.ending-copy,.ending-contact){opacity:1;transform:translateY(0)}.ending[data-running=true] :is(.ending-character,.ending-tool){animation-play-state:running}.ending-footer{position:absolute;z-index:4;bottom:0;left:5%;right:5%;height:74px;border-top:1px solid #dde2cb38;display:flex;justify-content:space-between;align-items:center;gap:22px;font-size:9px;letter-spacing:.06em;color:var(--ending-muted)}.ending-footer a{display:flex;gap:16px;align-items:center;min-height:44px;color:var(--ending-paper);font-size:11px}.ending-motion-toggle{position:absolute;bottom:86px;right:5%;z-index:4;border:1px solid #e4e8d24d;border-radius:24px;padding:8px 14px;min-height:36px;color:var(--ending-paper);background:#41523855;font-size:10px}.ending :is(a,button):focus-visible{outline:2px solid #f0cb90;outline-offset:5px}@keyframes ending-person-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes ending-tool-float{0%,to{transform:translate(-50%,-50%) rotate(var(--tool-angle))}50%{transform:translate(-50%,calc(-50% - 7px)) rotate(var(--tool-angle))}}@media(hover:hover)and (pointer:fine){.ending :is(a,button):hover{color:#f7cc95}.ending-contact button:hover svg{opacity:1}}@media(max-height:820px)and (min-width:761px){.ending{min-height:max(720px,100dvh)}.ending-nav{height:72px}.ending-copy{top:20%}.ending-copy h2{font-size:clamp(74px,7vw,108px)}.ending-chinese{margin-top:18px}.ending-english{margin-top:12px}.ending-contact{bottom:11%}.ending-footer{height:62px}.ending-visual{top:18%;bottom:18%}}@media(min-width:761px)and (max-width:1100px){.ending-copy{width:38%;left:4%;top:20%}.ending-copy h2{font-size:clamp(64px,7.7vw,86px)}.ending-chinese{font-size:14px}.ending-english{font-size:10px}.ending-contact{left:4%;width:40%;bottom:12%}.ending-contact dd{font-size:12px}.ending-visual{left:43%;right:4%;top:22%;bottom:23%}.ending-tool{width:56px!important}.ending-nav{margin:0 4%}.ending-nav nav{gap:20px}.ending-nav>span{font-size:9px}.ending-footer{left:4%;right:4%}}@media(max-width:760px){.ending{display:flex;flex-direction:column;min-height:0;padding-bottom:0}.ending-nav{margin:0 6%;height:76px;gap:18px;flex-shrink:0}.ending-brand{font-size:28px}.ending-nav nav{gap:18px;font-size:11px}.ending-nav nav a:first-child,.ending-nav>span{display:none}.ending-copy{position:relative;top:auto;left:auto;width:auto;max-width:none;margin:52px 7% 0}.ending-copy h2{font-size:clamp(65px,18vw,108px)}.ending-copy h2 span:last-child{font-size:.78em;line-height:1.24}.ending-chinese{font-size:16px;margin-top:24px}.ending-english{font-size:11px;margin-top:14px}.ending-visual{position:relative;top:auto;bottom:auto;left:auto;right:auto;margin:48px 4% 36px;width:92%;height:auto;aspect-ratio:1.05;flex-shrink:0}.ending-person{width:174%;left:-63%;top:50%}.ending-tool{width:52px!important}.ending-tool figcaption{font-size:7px;margin-top:6px}.ending-tool-aftereffects,.ending-tool-cinema4d,.ending-tool-illustrator{display:none}.ending-tool-figma{left:8%!important;top:20%!important}.ending-tool-photoshop{left:94%!important;top:9%!important}.ending-tool-openai{left:65%!important;top:92%!important}.ending-tool-vscode{left:8%!important;top:93%!important}.ending-contact{position:relative;bottom:auto;left:auto;width:auto;max-width:none;margin:0 7% 25px}.ending-contact h3{margin-bottom:12px}.ending-contact dl>div{min-height:46px;grid-template-columns:60px 1fr;gap:14px}.ending-contact dd{font-size:13px}.ending-contact :is(a,button){min-height:44px}.ending-copy-status{margin-top:6px}.ending-footer{position:relative;left:auto;right:auto;bottom:auto;height:76px;margin:0 6%;font-size:8px}.ending-footer>span:nth-child(2){display:none}.ending-motion-toggle{position:relative;bottom:auto;right:auto;align-self:flex-start;margin:0 7% 20px}.ending-character figcaption{right:4%;bottom:-18px}.ending-character figcaption button{font-size:9px;min-height:32px}}@media(prefers-reduced-motion:reduce){.ending :is(.ending-character,.ending-tool){animation:none}.ending-copy,.ending-contact{opacity:1;transform:none;transition:none}}@media(min-width:761px){.ending{display:grid;grid-template-columns:minmax(0,36%) 1fr;align-content:center;row-gap:34px;padding:140px 5% 125px;box-sizing:border-box}.ending-nav{position:absolute;top:0;left:5%;right:5%;margin:0}.ending-copy{position:relative;top:auto;left:auto;width:100%;max-width:none;grid-column:1}.ending-copy h2{font-size:clamp(74px,6.8vw,132px)}.ending-chinese,.ending-english{margin-bottom:0}.ending-contact{position:relative;left:auto;bottom:auto;width:100%;max-width:none;grid-column:1;padding-top:23px;border-top:1px solid #e2e4cd45}.ending-contact h3{margin-bottom:14px}.ending-contact dl>div{min-height:40px}}.ending-back-top{position:absolute;z-index:5;right:5%;bottom:88px;display:flex;align-items:center;gap:16px;min-height:44px;font-size:11px;border-bottom:1px solid #e3e5ce70}.ending-back-top span{font-size:20px}@media(max-width:760px){.ending-back-top{position:relative;right:auto;bottom:auto;align-self:flex-end;margin:0 7% 82px}.ending-presentation .ending-footer{display:none}}