/* Mobile layout uses readable fixed type and native scrolling. Desktop stays in reference.css. */
.rr-scroll-cue{display:none}
@media(max-width:991px){
  html{-webkit-text-size-adjust:100%;scroll-padding-top:76px}
  body{font-family:'Die Grotesk B','PingFang SC','Microsoft YaHei',sans-serif;font-size:16px}
  .padding-global{padding-left:20px;padding-right:20px}
  .page-wrapper{overflow:clip}
  .nav{position:fixed;inset:0 0 auto;height:64px;min-height:64px;z-index:100;mix-blend-mode:normal!important;transform:none!important;background:rgba(12,12,13,.88);backdrop-filter:blur(12px);color:#f1f1f1}
  .nav-bar{display:flex;align-items:center;justify-content:space-between;padding:8px 20px;height:64px}
  .nav-logo_link{width:44px;height:44px;display:flex;align-items:center}.rr-logo{font-size:32px}
  .nav-menu-trigger{display:block;position:relative;inset:auto;margin:0}.nav-menu-trigger a{min-height:44px;min-width:76px}
  .nav-menu{position:absolute!important;left:auto!important;right:16px;top:72px;bottom:auto!important;width:210px!important;height:auto;padding:12px;background:#171719;color:#fff;display:flex;flex-direction:column;gap:12px;transform:none!important;opacity:0!important;visibility:hidden;pointer-events:none;transition:opacity .2s,translate .25s;translate:0 -8px;border:1px solid #ffffff26}
  .nav-menu.rr-menu-open{visibility:visible;opacity:1!important;pointer-events:auto;translate:0 0}
  .nav-links{display:flex;flex-direction:column;align-items:stretch;gap:0;width:100%}.nav-link{min-height:46px;width:100%;font-size:14px;padding:10px 12px}.nav-button{width:100%;display:block}
  .nav-menu .nav-links{position:static;inset:auto;transform:none}.nav-menu{max-height:calc(100dvh - 88px);overflow-y:auto}
  .button-color-swoosh{position:relative;overflow:hidden;font-size:14px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;background:#171719;color:#f8f8f8;border:1px solid #ffffff30}.button-color-swoosh_inner{position:relative;z-index:2;display:flex;gap:8px;align-items:center;font-family:inherit;font-size:14px;padding:12px 16px;line-height:1.4}
  .button-color-swoosh_inner::after{display:none}.button-color-swoosh_text{opacity:1!important;rotate:none!important;translate:none!important;transform:none!important;color:inherit!important}.button-color-swoosh_bg{display:none}.button-color-swoosh:active{background:#ff6436;color:#111}.nav-menu .button-color-swoosh{width:100%}.button-color-swoosh_dot{width:6px;height:6px;flex:none;background:#ff6436}.button-color-swoosh:active .button-color-swoosh_dot{background:#111}
  .button-color-swoosh_inner.is-menu{color:inherit;padding:10px 16px}.button-color-swoosh_dot.is-menu{position:static;transform:none;order:-1}
  .play-lightbox{box-sizing:border-box}.wechat-save{display:inline-flex;min-height:44px;align-items:center}
  .hero-scroll{height:auto}.hero-scroll_sticky{height:780px;height:100svh;min-height:620px;max-height:1000px;position:relative;overflow:clip;background:linear-gradient(#090909,#6e6c70 48%,#dcd6d6)}
  .rr-mobile-motion .hero-scroll{height:170svh;min-height:1054px}.rr-mobile-motion .hero-scroll_sticky{position:sticky;top:0}
  .hero-scroll_title{position:absolute;inset:0;height:auto;padding:100px 20px 0;overflow:visible;pointer-events:none;z-index:1}
  .hero-scroll_title .container-col-10{width:100%;max-width:none;padding:0}.hero_title{gap:22px;width:100%}
  .hero_title .heading-big{font-size:18vw;line-height:.86;margin:0;letter-spacing:-.025em;mix-blend-mode:normal;opacity:var(--rr-title-opacity,1);transform:translateY(var(--rr-title-y,0));will-change:transform,opacity}
  .hero_title .heading-big>span:first-child{width:125%;margin-left:-12.5%;transform:scaleX(.8)}
  .hero_text{display:grid;grid-template-columns:1fr;gap:10px;max-width:none;width:100%;padding:0;margin:0;transform:none;opacity:var(--rr-caption-opacity,1)}
  .hero_caption{width:100%;white-space:normal;padding:0;opacity:1}.hero_caption>p{font:500 14px/1.5 'Die Grotesk B','PingFang SC','Microsoft YaHei',sans-serif;letter-spacing:.02em}
  .hero_caption-time{display:none}.hero_body{width:100%;max-width:none;opacity:1;padding:0;text-align:center}.hero_body .show-tablet{display:block}.hero_body .hide-tablet-mobile{display:none}
  .hero_body .paragraph-xs{font-family:inherit;font-size:13px;line-height:1.6;font-weight:400;letter-spacing:0;white-space:normal}.hero_body br{display:none}
  .hero-screen-tm{position:absolute;left:0;right:0;top:42%;width:100%;height:auto;aspect-ratio:1;margin:0;overflow:visible;mix-blend-mode:darken;transform:translateY(var(--rr-monitor-y,0)) scale(var(--rr-monitor-scale,1));transform-origin:50% 40%;will-change:transform;pointer-events:none}
  .rr-monitor-stage{width:112%;top:50%}.hero-screen-back{display:none}.hero-showreel,.hero-screen-d,.hero-scroll canvas.canvas{display:none!important}
  .play-lightbox{position:absolute;inset:auto auto 66px 50%;width:auto;height:46px;min-width:180px;padding:10px 14px;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;gap:8px;z-index:20;background:#111;color:#fff;border:1px solid #ffffff35;pointer-events:auto}
  .play-lightbox .paragraph-xs{font-family:inherit;font-size:13px;line-height:1.4}.play-lightbox_icon{width:18px;height:18px}.play-lightbox .show-mobile{display:block}
  .rr-scroll-cue{position:absolute;bottom:24px;left:20px;right:20px;display:grid;gap:10px;color:#252326;font-size:11px;line-height:1.5;text-align:center;z-index:20;pointer-events:none}
  .rr-scroll-cue i{height:2px;background:#0002;overflow:hidden}.rr-scroll-cue i::after{content:'';display:block;height:100%;width:100%;background:#ff6436;transform:scaleX(var(--rr-progress,0));transform-origin:left}
  .section_about-work .section-padding-128px{padding-top:56px;padding-bottom:48px}.about-work_intro{gap:28px;margin:0 0 36px}
  .is-about-intro{font-family:inherit;font-size:clamp(23px,6vw,30px);line-height:1.6;letter-spacing:0;max-width:none;width:100%;word-break:normal;overflow-wrap:break-word}
  .about-work_pf{width:100%;max-width:none;transform:none!important}.about-work_pf-img{aspect-ratio:16/10;width:100%;height:auto}.about-work_pf-img .image{object-fit:contain;background:#151515}.about-work_pf-caption p{font-size:11px;line-height:1.7;letter-spacing:0}
  .about-work_grid{display:flex;flex-direction:column;gap:28px;padding-bottom:0}
  .about-work_grid .about-work_item:nth-child(n){width:100%;aspect-ratio:4/5;min-height:220px;margin:0;transform:none;grid-area:auto!important;flex:none}
  .about-work_item:nth-child(n) .video-card{position:absolute;inset:0;width:100%;height:100%}
  .work-tags{left:12px;right:12px;bottom:12px;gap:6px;flex-wrap:wrap}.work-tags_list{gap:6px;flex-wrap:wrap}.tag{font-family:inherit;font-size:11px;line-height:1.5;padding:6px 8px}
  .about-work_more{padding-top:40px;padding-bottom:0}.about-work_more .heading-xl{font-size:clamp(32px,9vw,58px);line-height:1.1}.show-all-number{font-size:12px;right:-16px}
  .section_marquee .section-padding-128px{padding-top:40px;padding-bottom:48px}.section_marquee .paragraph-l{font-family:inherit;font-size:24px;line-height:1.5;letter-spacing:0}
  .marquee-advanced{margin-top:28px}.marquee-advanced__item-width{width:160px!important}.marquee-advanced__item{height:110px}.rr-marquee-label{font-size:20px;line-height:1.3}
  .section_services .padding-160px{padding-bottom:56px}.services_heading{font-size:18vw;line-height:1;margin:0 0 24px}.services_title{height:auto;min-height:0}
  .service-cards{display:flex;flex-direction:column;gap:28px;padding:0}.service-card{width:100%;padding:12px 12px 22px;gap:20px;transform:none!important}
  .service-card_img{aspect-ratio:1.15}.service-card_text{gap:10px;padding:0 6px}.service-card .is-service-title{font-family:inherit;font-size:28px;line-height:1.3;letter-spacing:0}.service-card .paragraph-regular{font-size:15px;line-height:1.85;letter-spacing:0;word-break:normal;overflow-wrap:break-word}
  .service-card_spline{transform:translateY(var(--rr-card-y,0));will-change:transform;pointer-events:none;touch-action:pan-y}.service-card_plus{display:none}.services_button{margin-top:28px}
  .service-card .is-service-title{background:none;-webkit-text-fill-color:currentColor;color:#171719}
  .footer{height:auto;min-height:800px;padding:0}.footer_wrapper{padding:40px 20px 24px;height:auto;min-height:800px;display:flex;flex-direction:column;gap:28px;position:relative;z-index:1;pointer-events:none}
  .footer-wrap .footer{transform:none!important}.footer-wrap__dark{display:none}.footer-hero{display:block;height:auto;min-height:0}
  .footer_wrapper a{pointer-events:auto}.rr-footer-heading{font-size:10.6vw;line-height:1.1;letter-spacing:-.025em}.footer-content{display:flex;flex-direction:column;gap:28px;position:relative}.footer-links_grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.footer-links_list{gap:0}.footer-links_list a{font-size:14px;line-height:1.5;min-height:44px;display:flex;align-items:center;align-self:start}
  .footer-cta{width:100%;max-width:none;gap:16px}.footer-cta-title{font-family:inherit;font-size:24px;line-height:1.5;letter-spacing:0;max-width:20em}.footer-bottom{margin-top:300px;gap:16px;align-items:end}.footer-bottom_left{display:flex;flex-direction:column;gap:8px;width:auto}.footer-bottom .paragraph-xxs{font-size:11px;line-height:1.6;letter-spacing:0}.footer-bottom_right{display:block}.footer-bottom .scroll-top{width:44px;height:44px}.footer-bottom_link{min-height:44px;display:flex;align-items:center}
  .footer_spline{display:block;top:auto;bottom:76px;height:300px;padding:0;pointer-events:none;mix-blend-mode:hard-light}.footer_spline-canvas{height:100%;width:100%;pointer-events:none;touch-action:pan-y}
  .rr-dialog{width:calc(100% - 24px);max-width:560px;max-height:calc(100dvh - 24px);padding:16px 18px 24px;font-size:14px;line-height:1.7;overflow:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
  .rr-dialog.contact-dialog,.rr-dialog.rr-scenario-dialog{width:calc(100% - 24px);max-width:500px;padding:16px 18px 24px}.rr-dialog .dialog-close{position:sticky;top:0;float:none;right:0;display:block;margin:0 0 16px auto;width:44px;height:44px;min-height:44px;font-size:28px;background:#f8f8f8;border-radius:0}
  .rr-dialog .section-watermark{font-size:44px;line-height:1.1;white-space:normal;margin-bottom:24px;color:#dedede}.rr-dialog .section-heading{display:block;margin-bottom:24px}.rr-dialog .section-kicker{font-size:11px;line-height:1.5;margin-bottom:14px}.rr-dialog h2,.rr-dialog .section-heading h2,.rr-dialog .faq-layout h2{font-size:26px;line-height:1.5;letter-spacing:0;margin:0 0 14px}.rr-dialog h2 br{display:none}.rr-dialog .section-heading p:not(.eyebrow){font-size:14px;line-height:1.8;margin-top:14px}
  .rr-dialog .workflow-tabs{display:flex;gap:0;overflow-x:auto;scroll-snap-type:x proximity;overscroll-behavior-x:contain;padding-bottom:0}.rr-dialog .workflow-tab{flex:0 0 132px;min-width:132px;padding:14px 12px;display:flex;flex-direction:column;gap:6px;min-height:98px;scroll-snap-align:start}.rr-dialog .workflow-tab>span{font-size:10px}.rr-dialog .workflow-tab strong{font-size:15px;line-height:1.4;white-space:nowrap}.rr-dialog .workflow-tab small{font-size:11px;line-height:1.5;white-space:nowrap}.rr-dialog .workflow-tab:nth-child(n){border-bottom:0;border-right:1px solid #ccc}
  .rr-dialog .workflow-explanation{display:flex;flex-direction:column;gap:14px}.rr-dialog .workflow-explanation h3{font-size:21px;line-height:1.6}.rr-dialog .workflow-explanation p{font-size:14px;line-height:1.85;margin:0}.rr-dialog .image-expand{min-height:44px;border-radius:0;padding:10px 14px;font-size:13px}.rr-dialog .demo-caption{flex-direction:column;gap:4px;font-size:11px}
  .rr-dialog .recommendation-layout{display:block;padding-top:28px}.rr-dialog .recommendation-copy h2{font-size:25px}.rr-dialog .recommendation-copy>p:not(.eyebrow){font-size:14px;line-height:1.85}.rr-dialog .recommendation-copy dl>div{grid-template-columns:70px 1fr;gap:12px}.rr-dialog .recommendation-copy dt,.rr-dialog .recommendation-copy dd{font-size:13px}.rr-dialog .recommendation-figure{margin:24px 0 0}
  .rr-dialog .faq-layout{display:block}.rr-dialog summary{font-size:15px;line-height:1.7;padding:18px 0;min-height:52px}.rr-dialog details>p{font-size:14px;line-height:1.85;max-width:100%}.rr-dialog .button{min-height:44px;border-radius:0}.rr-dialog .dialog-footnote,.rr-dialog.contact-dialog>p:not(.eyebrow){font-size:13px;line-height:1.8}
  .rr-dialog .wechat-qr{width:min(280px,100%);height:auto}.rr-dialog.image-dialog{padding:12px;width:calc(100% - 16px);max-width:none}.rr-dialog.image-dialog img{max-height:calc(100dvh - 140px)}
  .bunny-lightbox{padding:16px}.bunny-lightbox__close{min-width:44px;min-height:44px;top:max(12px,env(safe-area-inset-top));right:12px}.bunny-lightbox-player__toggle-playpause,.bunny-lightbox-player__toggle-mute,.bunny-lightbox-player__toggle-fullscreen{min-width:44px;min-height:44px}.bunny-lightbox-player__timeline{min-height:28px}
  .rr-mobile-reveal{transition:opacity .65s ease,translate .65s cubic-bezier(.2,.7,.2,1)}.rr-mobile-reveal.rr-before-enter{opacity:.12;translate:0 22px}.rr-mobile-reveal.rr-entered{opacity:1;translate:0 0}
}
@media(max-width:991px) and (max-height:600px){.rr-mobile-motion .hero-scroll{height:auto;min-height:0}.hero-scroll_sticky{min-height:660px;height:660px}.rr-mobile-motion .hero-scroll_sticky{position:relative}.hero-screen-tm{top:33%;max-width:440px;left:50%;right:auto;translate:-50% 0}.rr-scroll-cue{display:none}}
@media(prefers-reduced-motion:reduce){.rr-mobile-reveal{transition:none}.rr-mobile-reveal.rr-before-enter{opacity:1;translate:none}}