:root{--silver:#d9dadd;--ink:#202126;--green:#baf64d;--pink:#dd2894;--ease:cubic-bezier(.22,1,.36,1);font-family:"IN Source Han Sans","Source Han Sans CN",Arial,sans-serif;color:var(--ink);background:#cdd0d3;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}body.locked{overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{cursor:default}a{color:inherit}button:focus-visible,a:focus-visible{outline:3px solid var(--pink);outline-offset:6px}button{color:inherit}img{max-width:100%;display:block}button,a{touch-action:manipulation}::selection{background:var(--green);color:var(--ink)}[hidden]{display:none!important}
.page{min-height:100svh}.home-section{position:relative;min-height:100svh;display:grid;align-items:center;overflow:hidden}.initial-why{padding:7vw;background:linear-gradient(105deg,#f4f4f3,#b7babf 63%,#e4e5e8)}.initial-why h1{font:italic 500 clamp(58px,9vw,150px)/.9 Georgia,serif;letter-spacing:-.04em;margin:0 0 44px}.initial-why p{font-size:clamp(20px,2.3vw,34px);line-height:1.7;margin:0 0 22px;white-space:pre-line}.initial-why .promise{font-size:16px;max-width:30em}.initial-who{background:#d3d5d8 url('/assets/images/who-background.jpg') center/cover no-repeat}.initial-who p{width:36%;margin-left:4.5%;font-size:clamp(16px,1.4vw,24px);line-height:1.8;white-space:pre-line}.gate{position:fixed;inset:0;z-index:100;overflow:hidden;background:#d9dbdd}.gate-door{position:absolute;inset:0;background:#d9dbdd url('/assets/images/entrance.jpg') center/cover no-repeat;will-change:transform;transition:transform 1.1s cubic-bezier(.66,0,.22,1)}.gate-door::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 15%,#ffffff00 32%,#ffffff33 43%,#ffffff00 54%,transparent 75%);background-size:200% 100%;pointer-events:none}.gate.opening .gate-door{transform:translateY(-103%)}.gate.opening .gate-actions{opacity:0;transform:translate(-50%,16px);pointer-events:none}.gate-actions{position:absolute;left:50%;bottom:15%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:18px;transition:opacity .25s,transform .25s}.open-button{padding:18px 40px;border:1px solid #313d1966;background:var(--green);box-shadow:0 4px 0 #627f22,0 12px 28px #26390026;font-size:15px;font-weight:500;letter-spacing:.22em;min-width:180px;transition:transform .22s,box-shadow .22s}.open-button:hover{transform:translateY(-3px);box-shadow:0 5px 0 #627f22,0 14px 35px #9ee92d73}.open-button:active{transform:translateY(2px);box-shadow:0 1px 0 #627f22}.gate-actions small{font:12px monospace;letter-spacing:.15em;color:#3b3d41}.scroll-cue{position:absolute;left:50%;bottom:26px;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;font:12px monospace;letter-spacing:.12em;color:#34363c;pointer-events:none}.scroll-cue span{height:30px;width:1px;background:currentColor;transform-origin:top;animation:scroll-line 2.4s ease-in-out 2}.scroll-cue span::after{content:"";width:6px;height:6px;border-right:1px solid;border-bottom:1px solid;position:absolute;bottom:0;left:-3px;transform:rotate(45deg)}@keyframes scroll-line{0%,100%{transform:scaleY(.75);opacity:.5}50%{transform:scaleY(1);opacity:1}}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .75s var(--ease),transform .9s var(--ease)}.reveal.is-visible{opacity:1;transform:none}.draft-end{min-height:30svh;display:grid;place-items:center;font:italic 40px Georgia,serif;background:#e5e5e6}
@media(max-width:650px){.gate-door{background-size:100% auto;background-repeat:no-repeat;background-position:center 25%}.gate-actions{bottom:22%}.initial-why{padding:34px 26px}.initial-why h1{font-size:68px}.initial-who{background-size:auto 70%;background-position:65% 10%;align-items:end;padding:28px}.initial-who p{margin:0;width:100%;background:#e2e3e6ed;padding:20px;font-size:16px}.scroll-cue{bottom:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition-duration:.001ms!important}.reveal{opacity:1;transform:none}}
.art-section{position:relative;min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;background:#d0d2d5}
.scene{position:relative;isolation:isolate;container-type:inline-size;width:100%;max-width:1920px;aspect-ratio:16/9;flex:none;overflow:hidden}
.scene-element{position:absolute;margin:0;padding:0;border:0;transform-origin:center;box-sizing:border-box}
.scene-image{pointer-events:none}.scene-image img{width:100%;height:100%;object-fit:fill}.scene-text{white-space:pre-wrap;overflow:visible;pointer-events:none;letter-spacing:0;text-wrap:wrap}.scene-canvas>.video-trigger{position:absolute}
.home-art{background:#cfd1d4}.home-art .scene{transition:filter .5s}.home-art .scroll-cue{z-index:50000}.who-section{background:#e4e5e7}
.badge-hover{position:absolute;z-index:9000;background-repeat:no-repeat;transition:transform .5s var(--ease),filter .5s var(--ease);transform-origin:50% 0;opacity:0;pointer-events:auto}
.badge-hover:hover{opacity:1;transform:translateY(-3px) rotate(var(--tilt,0deg));filter:drop-shadow(0 8px 6px #1b1e2720)}
.branch-section{min-height:75svh;display:grid;place-items:center;padding:110px 24px;background:#d2d4d7 url('/assets/images/shelf-background.jpg') left center/cover no-repeat;position:relative}
.branch-section::before{content:"";position:absolute;inset:0;background:#dce0e5ba;backdrop-filter:blur(10px)}.branch-inner{position:relative;width:min(850px,100%);text-align:center}.stock-title{font:italic 400 clamp(50px,6.5vw,96px)/1.1 Georgia,"Songti SC",serif;letter-spacing:-.055em;margin:0 0 70px;color:#34363a;text-shadow:0 1px 0 white,0 3px 3px #31394555}.stock-title em{font-weight:400}
.branch-controls{display:flex;gap:30px;justify-content:center}.branch-button{width:270px;min-height:150px;padding:30px;display:grid;grid-template-columns:18px 1fr;align-content:center;align-items:center;column-gap:16px;row-gap:9px;text-decoration:none;text-align:left;border:1px solid #acb0b4;border-radius:4px;background:linear-gradient(130deg,#f4f5f6,#c7cbd1 47%,#eceef0);box-shadow:0 4px 0 #91969d,0 12px 25px #3e444a25,inset 0 1px 0 #fff;transition:transform .32s var(--ease),box-shadow .32s var(--ease)}.branch-button strong{font:500 32px Arial,sans-serif;letter-spacing:.09em}.branch-caption{grid-column:2;font-size:14px;color:#585c63}.branch-light{width:10px;height:10px;border-radius:50%;background:#74797b;box-shadow:inset 0 1px 3px #0006;transition:background .25s,box-shadow .25s}.branch-button:hover{transform:translateY(-6px);box-shadow:0 6px 0 #91969d,0 19px 30px #3e444a35,inset 0 1px 0 #fff}.branch-button:hover .branch-light{background:var(--green);box-shadow:0 0 15px #a8f24699}.branch-button:active{transform:translateY(2px);box-shadow:0 1px 0 #91969d}
.back-link{position:fixed;top:22px;left:24px;z-index:40000;display:inline-flex;align-items:center;justify-content:center;min-height:42px;min-width:78px;padding:10px 18px;text-decoration:none;font-size:14px;border:1px solid #ffffff80;background:#f0f1f2c9;backdrop-filter:blur(14px);border-radius:3px;box-shadow:0 2px 12px #15171b15;transition:background .25s}.back-link:hover{background:#fff}
.elevator-section .scroll-cue{left:27%;bottom:25px}.case-section{background:#121314;scroll-margin-top:0}.case-section .scene{box-shadow:0 0 55px #0002}.case-section.reveal{transform:translateY(var(--reveal-distance,18px))}.case-section.reveal.is-visible{transform:none}
.video-trigger{display:block;position:relative;overflow:hidden;border:0;background:#111;color:#fff;padding:0;text-align:left;transition:transform .32s var(--ease),filter .32s var(--ease),box-shadow .32s var(--ease);isolation:isolate}
.video-trigger img{width:100%;height:100%;object-fit:cover;transition:transform .45s var(--ease),filter .32s}.video-trigger .play-symbol{position:absolute;left:50%;top:50%;display:grid;place-items:center;width:clamp(28px,3.4vw,54px);height:clamp(28px,3.4vw,54px);transform:translate(-50%,-50%);border-radius:50%;border:1px solid #ffffffa0;background:#12141765;backdrop-filter:blur(5px);font-size:clamp(11px,1.2vw,18px);padding-left:2px;transition:transform .28s,background .28s;z-index:2}
.video-trigger:hover img{filter:brightness(1.08);transform:scale(1.035)}.video-trigger:hover .play-symbol{transform:translate(-50%,-50%) scale(1.13);background:#1214179c}.video-trigger:focus-visible{outline-offset:3px;outline-color:var(--green)}
.video-wall-section{background:#c5c7ca}.video-wall-section .scene .video-trigger:hover{transform:translateY(calc(var(--hover-lift,6px)*-1)) scale(1.025);z-index:10000!important;box-shadow:0 10px 16px #15151570}.video-wall-section .scene:has(.video-trigger:hover) .video-trigger:not(:hover){filter:brightness(.88)}
.video-name{display:block;padding:13px 14px;font-size:14px;line-height:1.5;background:#222428}.video-trigger:not(.compact) img{aspect-ratio:16/9;height:auto}.video-trigger:not(.compact) .play-symbol{top:calc((100% - 48px)/2)}
.pitch-section{background:#e4e5e8;min-height:100svh}.contact-strip{width:100%;display:flex;justify-content:center;align-items:center;gap:36px;padding:30px;background:linear-gradient(105deg,#d1d4d8,#f1f2f3,#ccd0d4);border-top:1px solid #bfc1c5}.contact-wordmark{font:italic 30px Georgia,serif}.contact-copy{padding:12px 18px;border:1px solid #81858a;background:#e9ebed;border-radius:2px;font-size:16px;letter-spacing:.07em}.contact-copy:hover{background:var(--green)}
.case-missing-video{position:absolute;right:24px;bottom:24px;width:180px;z-index:16000;opacity:.9}.case-missing-video .video-trigger img{display:none}.case-missing-video .play-symbol{position:static;transform:none!important;float:left;margin:12px;width:26px;height:26px;font-size:16px}.case-missing-video .video-name{font-size:12px;min-height:50px}.case-missing-video .video-name::after{content:" · 待补视频";color:#bfc3c9}
.mobile-intro,.mobile-case-copy,.mobile-video-wall{display:none}.custom-case{background:#edeff1;padding:70px 5vw;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}.custom-case>img{width:100%}.custom-case-copy{font-size:18px;line-height:1.7}.custom-case-copy h2{white-space:pre-line;font-size:36px}.custom-case-copy p{white-space:pre-line}.custom-case-copy h3{font-size:14px;letter-spacing:.08em;margin-top:35px}.mobile-case-videos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.video-modal{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;padding:0;margin:0;border:0;background:transparent;color:#fff;overflow:auto}.video-modal[open]{display:grid;place-items:center}.video-modal::backdrop{background:rgba(0,0,0,.4)}.video-modal-shell{position:relative;width:80vw;max-width:1680px;margin:65px auto;isolation:isolate}.player-stage{position:relative;background:#070808;min-height:160px;box-shadow:0 18px 80px #0006}.player{display:block;width:100%;height:auto;max-height:calc(80svh - 48px);object-fit:contain;background:#070808}.video-meta{display:flex;justify-content:space-between;gap:24px;padding:15px 2px;font-size:14px;line-height:1.5;text-shadow:0 1px 5px #000}.video-counter{flex:none;font:13px monospace;padding-top:3px}.modal-close,.modal-arrow{border:1px solid #ffffff66;background:#24262a75;backdrop-filter:blur(8px);color:#fff;display:grid;place-items:center;transition:background .2s}.modal-close:hover,.modal-arrow:hover{background:#3f444bbb}.modal-close{position:absolute;right:0;top:-50px;width:38px;height:38px;border-radius:50%;font-size:30px;line-height:1}.modal-arrow{position:absolute;top:45%;transform:translateY(-50%);width:42px;height:70px;border-radius:3px;font-size:44px;font-weight:300;z-index:3}.modal-prev{left:-64px}.modal-next{right:-64px}.video-unavailable{min-height:40svh;display:grid;place-items:center;background:#141619;color:#bfc2c7;font-size:16px}.video-error{padding:15px 20px;background:#272a2e;font-size:14px;color:#f1f1f2}.load-error{padding:50px;font-size:18px}
.no-motion *, .no-motion *::before,.no-motion *::after{animation:none!important;transition:none!important}.no-motion .reveal{opacity:1;transform:none}
@media(min-width:1921px){.gate-door{background-size:cover}.case-section{padding:5vh 0}.scene{border-radius:2px}}
@media(max-width:1100px) and (min-width:701px){.art-section{min-height:85svh}.back-link{top:14px;left:14px}.video-modal-shell{width:82vw}.modal-prev{left:-52px}.modal-next{right:-52px}}
@media(max-width:700px){.gate-door{background-size:100% auto;background-repeat:no-repeat;background-position:center 25%}.gate-actions{bottom:22%}.art-section{min-height:0;overflow:hidden}.home-art{min-height:100svh;justify-content:center}.why-section>.scene{display:none}.why-section>.scroll-cue{display:none}.mobile-intro{display:block;padding:48px 24px;max-width:580px;width:100%}.mobile-intro h1,.mobile-intro h2{font:italic 500 52px/.95 Georgia,serif;letter-spacing:-.03em;margin:0 0 35px}.mobile-intro p{font-size:17px;line-height:1.75;white-space:pre-line}.mobile-intro .intro-headline{font-size:26px;font-weight:500;margin-bottom:32px}.pain-points{display:grid;grid-template-columns:1fr 1fr;gap:14px}.pain-points p{padding:18px 14px;font-size:14px;border-top:1px solid #999da3;margin:0}.intro-promise{margin-top:38px;font-weight:500}.who-section>.scene{width:150%;align-self:flex-end;margin-right:-14%;margin-top:25px}.who-section .mobile-intro{padding-top:24px}.who-section .mobile-intro h2{display:none}.who-section .scene-text{visibility:hidden}.branch-section{min-height:80svh;padding:75px 22px}.stock-title{font-size:55px;margin-bottom:45px}.branch-controls{gap:20px;flex-direction:column;align-items:center}.branch-button{width:min(100%,330px);min-height:128px}.branch-button strong{font-size:30px}.back-link{top:14px;left:14px;min-width:65px;min-height:38px;padding:8px 14px;font-size:13px}.elevator-section{min-height:65svh;justify-content:center;background:#c7c9cd}.elevator-section>.scene{width:135%;align-self:flex-end;margin-right:0}.elevator-section .scroll-cue{bottom:18px;left:50%;font-size:10px}.case-section{background:#15171a;padding-bottom:0}.case-section .scene{margin:0}.case-section .scene .video-trigger{pointer-events:none}.case-section .scene .play-symbol{display:none}.mobile-case-copy{display:block;background:#f0f1f2;color:#202126;padding:32px 24px 42px;width:100%}.case-brand{font-size:12px;letter-spacing:.08em;color:#686c72}.mobile-case-copy h2{font-size:25px;line-height:1.4;margin:12px 0 32px;white-space:pre-line;font-weight:500}.mobile-case-copy h3{font-size:12px;letter-spacing:.1em;margin:25px 0 8px}.mobile-case-copy p{font-size:16px;line-height:1.75;white-space:pre-line;margin:0}.mobile-case-videos{grid-template-columns:1fr;gap:16px;margin-top:30px}.mobile-case-videos .video-trigger{border-radius:2px}.mobile-case-videos .play-symbol{width:42px;height:42px;font-size:15px}.case-missing-video{display:none}.pitch-section{min-height:65svh;background:#e8e9ea}.contact-strip{gap:20px;padding:24px 20px;flex-wrap:wrap}.contact-wordmark{font-size:26px}.contact-copy{font-size:14px}.video-wall-section{min-height:100svh;padding:90px 20px 40px;background:#c8cace}.video-wall-section>.scene{display:none}.mobile-video-wall{display:block;width:100%}.mobile-video-wall h1{font:italic 400 42px/1.1 Georgia,serif;letter-spacing:-.03em;margin:0 0 35px}.mobile-tv-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 14px}.mobile-tv-grid .video-trigger{box-shadow:0 3px 0 #72767c,0 8px 20px #4448;border:4px solid #e3e6e9}.mobile-tv-grid .video-name{font-size:12px;padding:10px;min-height:56px}.mobile-tv-grid .play-symbol{width:32px;height:32px;font-size:12px}.video-modal-shell{width:90vw;max-width:none;margin:70px auto}.player{max-height:68svh}.modal-arrow{width:40px;height:48px;top:auto;bottom:-52px;transform:none;font-size:34px}.modal-prev{left:0}.modal-next{right:0}.video-meta{padding-bottom:60px;font-size:12px;gap:15px}.modal-arrow{bottom:0}.modal-close{top:-48px;width:40px;height:40px}.custom-case{display:block;padding:70px 24px}.custom-case-copy h2{font-size:27px}.custom-case-copy{font-size:16px}.scroll-cue span{height:20px}}

.call-label{display:block}.call-slogan{display:block;font-size:44px;line-height:1.3}.extra-video-section{padding:60px 5vw;background:#c8cace}.extra-video-section h2{font:italic 44px Georgia,serif}.extra-video-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}@media(max-width:700px){.extra-video-section{display:none}}

/* Keep PPT text above mobile browser minimum sizes, then scale the complete artwork. */
.scene-canvas{position:absolute;inset:0 auto auto 0;width:1920px;height:1080px;transform:scale(var(--scene-scale,.5));transform-origin:0 0;text-size-adjust:none;-webkit-text-size-adjust:none}
.scene-canvas .play-symbol{width:64px;height:64px;font-size:22px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.metallic-title{position:relative;line-height:0;letter-spacing:0;text-shadow:none}
.metallic-pair{display:flex;align-items:center;gap:4%;width:100%}
.metallic-pair img{height:auto;flex:none}.metallic-pair.why img:first-child{width:60%}.metallic-pair.why img:last-child{width:36%}
.metallic-pair.who img:first-child{width:69%}.metallic-pair.who img:last-child{width:27%}
.metallic-crop{display:block;position:relative;overflow:hidden;width:100%}.metallic-crop img{position:absolute;max-width:none;height:auto}
.metallic-video{display:grid;grid-template-columns:1fr 1.85fr;gap:8px 14px;align-items:center}.metallic-video .metallic-crop:first-child{grid-column:1/-1;width:85%}
.stock-title.metallic-title{width:min(480px,100%);margin:0 auto 50px}
.custom-case-copy h2{font-weight:700}