/* Mobile composition v2, November 9: approved brand, semantic type roles, readable density.
   Shared navigation/footer/dialogs + homepage; service body layouts retain their source styles. */
.home-details>summary{display:none}
.home-page .growth-video{grid-template-columns:1.35fr 1fr}
.research-categories{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding-block:20px;border-block:1px solid var(--line)}
.research-categories h2{font-size:22px;line-height:1.5;color:var(--navy)}
.research-categories p{font-size:14px;color:var(--muted)}
.page-title-context{display:block;font-size:.45em;line-height:1.8;font-weight:400;letter-spacing:0;margin-top:10px}
.page-scrubber{position:fixed;z-index:19;right:0;top:50%;transform:translateY(-50%);width:32px;display:flex;align-items:center;justify-content:center}
.page-scrubber[hidden]{display:none}
.page-scrubber input{writing-mode:vertical-lr;direction:ltr;appearance:none;-webkit-appearance:none;width:32px;height:clamp(144px,24dvh,200px);margin:0;padding:0;background:transparent;cursor:ns-resize;touch-action:none;border:0;border-radius:0;outline-offset:-3px;accent-color:var(--navy)}
.page-scrubber input::-webkit-slider-runnable-track{width:3px;background:#bec9d8b3;border-radius:3px}
.page-scrubber input::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:9px;height:32px;margin-left:-3px;background:#526d91;border:1px solid #ffffff;border-radius:6px;box-shadow:0 1px 3px #08265f22}
.page-scrubber input::-moz-range-track{width:3px;background:#bec9d8b3;border-radius:3px}
.page-scrubber input::-moz-range-thumb{width:8px;height:30px;background:#526d91;border:1px solid #fff;border-radius:6px}
.page-scrubber input:focus-visible{outline:2px solid var(--blue)}
.page-scrubber output{position:absolute;right:32px;top:50%;transform:translateY(-50%);padding:3px 7px;border-radius:5px;background:var(--navy);color:#fff;font-size:12px;line-height:1.5;opacity:0;pointer-events:none;font-variant-numeric:tabular-nums}
.page-scrubber:focus-within output,.page-scrubber.is-dragging output{opacity:1}
@media(max-width:1100px){
 #navigation{font-size:15px;padding:10px 24px 20px}
 #navigation.open{gap:0}
 #navigation>a{padding:10px 3px;min-height:44px}
 .nav-services summary{font-size:15px;min-height:44px;padding:10px 3px}
 .business-menu-heading strong{font-size:16px}
 #navigation>.nav-contact{margin-top:8px;padding:10px 18px}
}
@media(max-width:760px){
 body{font-size:15px;line-height:1.75}
 .home-page qingru-ocean{--ocean-mobile-scroll-span:200svh}
 html{scroll-padding-top:76px}
 .wrap,.business-overview>.wrap{width:calc(100% - 56px);margin-left:20px;margin-right:36px}
 .nav-shell{height:60px;width:calc(100% - 36px);gap:12px}
 .logo-crop{width:100px;border-radius:5px}.brand{gap:10px}.brand-name{font-size:17px}
 #navigation{top:60px;max-height:calc(100dvh - 60px)}
 .button{font-size:15px;min-height:44px;padding:9px 20px}
 .text-link{font-size:14px}
 dialog{max-height:calc(100dvh - 32px);overflow-y:auto;padding:28px 22px}
 dialog h2{font-size:24px;line-height:1.4}dialog p{font-size:14px;line-height:1.75}.dialog-qr{width:155px}
 .dialog-close{min-width:44px;min-height:44px}
 .home-details>summary{display:list-item;list-style-position:inside;font-size:14px;line-height:1.6;color:var(--blue);padding-block:10px;min-height:44px}
 .home-details[open]>summary{margin-bottom:2px}
 .home-page .hero{padding:30px 0 36px}
 .home-page .hero-brand{font-size:15px;margin-bottom:16px}
 .home-page .hero h1{font-size:40px;line-height:1.2;letter-spacing:-.04em}
 .home-page .hero-intro{font-size:16px;line-height:1.7;margin-top:18px}
 .platform-strip{display:flex;flex-wrap:wrap;gap:14px 20px;max-width:290px;margin-top:18px}
 .platform-strip .xhs-suite{flex-basis:100%;padding:0}.platform-strip li{gap:5px}
 .platform-strip>li>img{height:21px}.platform-pair{height:22px}.platform-pair>img{height:20px}.platform-pair>img:last-child{height:20px}
 .platform-strip+.hero-actions{margin-top:20px}.hero-actions{gap:22px}
 .home-page .performance{padding-block:28px 0}
 .performance-head{display:flex;align-items:end;gap:14px;margin-bottom:16px}
 .performance-head h2,.latest-business-head h2{font-size:24px;line-height:1.4}
 .performance-head .eyebrow,.latest-business-head .eyebrow{font-size:12px;margin-bottom:5px}
 .performance-head>p{font-size:12px;margin:0;max-width:114px;padding:0}
 .money-results{grid-template-columns:1fr}
 .money-card,.money-card+article{display:grid;grid-template-columns:1fr 1.25fr;column-gap:14px;padding:18px 0;border-left:0}
 .money-label{grid-column:1/-1;gap:8px}.money-label h3{font-size:15px;gap:8px}.money-label>span{font-size:12px}.metric-icon{width:20px;height:20px}
 .money-number{margin-top:12px;gap:4px;min-height:0;align-self:center;flex-wrap:wrap;white-space:normal}
 .money-number strong,.revenue-card .money-number strong{font-size:38px;line-height:1.15;letter-spacing:-.045em}
 .money-number>small,.money-number>span{font-size:13px}
 .target-integrated{border:0;padding:0;margin-top:12px;gap:8px;flex-wrap:wrap;align-items:center}
 .target-gauge{flex-basis:56px;height:42px}.target-gauge>p{font-size:16px;bottom:5px}.target-gauge small{font-size:10px;margin-left:1px}
 .target-detail{flex:1;min-width:68px}.target-detail h4{margin:0;font-size:11px;line-height:1.5}.target-detail>p{font-size:12px;margin-top:3px;line-height:1.5}.target-detail strong{font-size:13px}.target-detail>span{font-size:11px;line-height:1.5;margin-top:3px}
 .lead-result{display:grid;grid-template-columns:1fr auto;gap:8px 12px;padding:16px 0;align-items:center}
 .lead-result h3{font-size:15px;gap:8px}.lead-result>div>p{font-size:11px;padding-left:28px;margin-top:4px}
 .lead-result>p{margin:0;gap:4px}.lead-result>p>strong{font-size:30px}.lead-result>p>small,.lead-result>p>span{font-size:12px}
 .lead-result>a{grid-column:1/-1;margin:0;min-height:36px;align-items:center;font-size:13px}
 .performance-method{margin-top:8px}.performance-method summary{font-size:12px;min-height:36px}
 .latest-business{margin-top:24px;margin-bottom:28px}.latest-business-head{display:flex;gap:12px;margin-bottom:16px}.latest-business-period{font-size:12px;margin-top:6px}
 .latest-month{margin:0;text-align:right;flex:none}.latest-month>p{font-size:12px;margin-bottom:4px}.latest-month>strong{font-size:30px}.latest-month small{font-size:12px;margin-left:5px}
 .monthly-spend{padding-top:12px}.monthly-spend figcaption{font-size:12px;min-width:540px}.monthly-spend figcaption strong{font-size:13px}.spend-line-chart{min-width:540px;margin-top:8px}.chart-hint{font-size:12px;margin-top:6px}
 .home-page .services{margin-top:0;padding-block:32px}
 .business-overview .strategy-intro h2{font-size:24px;line-height:1.4}
 .business-overview .strategy-intro>.eyebrow{font-size:12px;margin-bottom:8px}
 .business-overview .strategy-intro>p:last-child{font-size:15px;line-height:1.75;margin-top:12px}
 .business-overview .growth-cycle{padding:12px 14px 0;margin-top:18px;border-radius:14px}
 .business-overview .infinity-diagram{margin:0 -10px}.infinity-label>strong{font-size:18px}.infinity-label>small{font-size:10px}
 .business-overview .cycle-explainer{padding:12px 0 16px;gap:10px;margin-top:6px}.business-overview .cycle-explainer strong{font-size:14px;line-height:1.6}.business-overview .cycle-explainer p>span{font-size:13px;line-height:1.7}.cycle-symbol{font-size:30px}
 .business-overview .business-lines{margin-top:18px;gap:16px}.brand-business-column{gap:12px}
 .business-overview .business-line{padding:20px 18px;border-radius:14px}
 .business-overview .business-line-index{font-size:12px;margin-bottom:10px}
 .business-overview .business-line h3{font-size:21px;line-height:1.45}.business-overview .business-title-mark{width:24px;height:24px}
 .business-overview .business-line>p:not(.business-line-index){font-size:15px;line-height:1.75;margin-top:12px}
 .business-channel-links{margin-top:0}.business-overview .business-channel-links>a{font-size:14px;min-height:46px;grid-template-columns:44px 1fr;gap:8px}
 .business-overview .business-efficiency{padding:16px 18px;gap:12px;border-radius:12px}.business-overview .business-efficiency strong{font-size:18px}.business-overview .business-efficiency small{font-size:13px;line-height:1.7}
 .business-platforms{--ad-logo-height:24px;--ad-name-size:17px;gap:12px;margin-top:16px;padding-block:14px}.business-platforms img{height:22px}.ad-product-line{gap:16px}.ad-product-line>a{min-height:30px;gap:12px}
 .business-delivery-list{margin-top:0}.business-overview .business-delivery-list li{font-size:14px;padding:8px 0;gap:12px}.business-overview .business-line .text-link{font-size:14px;margin-top:10px;min-height:34px;align-items:center}
 .home-page .growth-spring.wrap{width:calc(100% - 56px);margin-left:20px;margin-right:36px;padding-block:32px}
 .spring-section-head{display:block;margin-bottom:18px}.spring-section-head h2{font-size:24px;line-height:1.4}.spring-section-head .eyebrow{font-size:12px;margin-bottom:8px}.spring-section-head .spring-title-context{display:inline;font-size:14px;font-weight:400;margin-left:6px}
 .spring-section-head>p{font-size:14px;line-height:1.7;margin-top:10px}.spring-section-head>p br{display:none}
 .home-page .growth-video{padding:0;gap:14px;display:grid;grid-template-columns:1fr;background:transparent;border:0;box-shadow:none}
 .home-page .growth-video-copy{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px}.home-page .growth-video-copy p{flex-basis:100%;margin:0;font-size:14px}.home-page .growth-video-copy>a.button{margin-top:0}.growth-video-copy h2{font-size:21px;line-height:1.5;margin-top:10px}.growth-video-copy h2 br{display:none}.growth-video-copy p{font-size:14px;line-height:1.75;margin-top:10px}.growth-video-copy p br{display:none}
 .growth-video-badge{font-size:12px;min-height:36px}.growth-video-copy>a{font-size:14px;margin-top:14px}.growth-video-copy>a.button{display:inline-flex;color:#fff}
 .growth-video video{width:100%;border-radius:12px}.spring-detail-link{margin-top:14px}.spring-detail-link .text-link{font-size:13px}
 .home-page #work{padding-block:28px}.home-page .section-head{margin-bottom:18px}.home-page .section-head h2{font-size:24px;line-height:1.4}
 .home-page .selected-grid{gap:0;grid-template-columns:1fr}
 .home-page .selected-grid>article{position:relative;min-height:164px;padding:18px 0 18px 116px;border-top:1px solid var(--line)}
 .home-page .selected-media{position:absolute;left:0;top:18px;width:100px;height:122px;border-radius:9px}
 .home-page .selected-grid h3{font-size:19px;line-height:1.45;margin-bottom:6px}.work-title>p{font-size:12px;line-height:1.6;margin-bottom:6px}
 .selected-grid .work-caption{font-size:11px;line-height:1.6;margin:8px 0}.selected-grid .text-link{font-size:13px}.work-links{gap:10px}
 .home-page .xhs-mini img{width:150%;transform:translate(8px,10px) rotate(-5deg)}.home-page .editorial-mini img{width:90%;margin-top:25px}.home-page .system-mini img{width:240%;transform:translate(26px,8px) rotate(-4deg)}
 .home-page .cooperation{padding-block:24px 32px}.cooperation-grid{gap:18px}.cooperation-grid article{padding-top:16px;border-top-width:1px}.cooperation-mode{font-size:12px}.cooperation-grid h3{font-size:21px;margin-top:8px}.cooperation-grid article>p:not(.cooperation-mode),.cooperation-grid .home-details>p{font-size:15px;line-height:1.75;margin-top:12px}.cooperation-grid ul{font-size:14px;margin:12px 0;line-height:1.7}.cooperation-grid .text-link{font-size:14px}
 .commerce-section{padding-block:30px 24px}.commerce-intro{gap:14px;margin-bottom:18px}.commerce-section .eyebrow{font-size:12px;margin-bottom:8px}.commerce-intro h2{font-size:24px;line-height:1.45}.commerce-intro>p{font-size:14px;line-height:1.8}.commerce-viewport{height:160px;border-radius:10px}.commerce-controls{margin-top:10px}.commerce-controls p{font-size:12px}.commerce-controls button{font-size:20px}.commerce-art figcaption{display:block;font-size:11px;padding-top:12px;margin-top:12px}.commerce-art figcaption>span{display:block}.commerce-art figcaption>span:last-child{text-align:left;margin-top:5px}
 .commerce-belief{gap:18px;margin-top:20px;padding-top:20px}.poem-block{padding-left:16px;border-left-width:2px}.poem-author{font-size:12px}.poem-block blockquote{font-size:23px;line-height:1.65;margin-top:10px}.brand-motto{font-size:15px;margin-top:10px}.business-belief{padding:16px 18px;border-radius:12px}.business-belief h3{font-size:18px;line-height:1.6}.business-belief>p,.business-belief .home-details>p{font-size:14px;line-height:1.8;margin-top:10px}
 .ending-contact-section{padding-bottom:24px}.ending-contact{display:block;padding:20px 18px;border-radius:14px}.ending-eyebrow{font-size:12px;margin-bottom:8px}.ending-cooperation h2{font-size:24px}.ending-invite{font-size:14px;line-height:1.8;margin-top:12px}.ending-modes{margin-top:14px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.ending-modes>a{padding:12px 0}.ending-modes strong{font-size:15px}.ending-modes small{font-size:12px}.ending-cooperation>.button{font-size:14px;margin-top:16px}
 .ending-explore{display:block;padding:0;border:0;background:transparent;margin-top:24px}.ending-service-nav{padding:0;border:0;display:grid;grid-template-columns:1fr 1fr;column-gap:16px}.ending-service-nav h3{grid-column:1/-1;font-size:19px;margin-bottom:12px;padding:0}.ending-service-nav>a{font-size:14px;line-height:1.6;min-height:46px;padding:10px 0}
 .ending-qr{display:flex;align-items:center;gap:14px;text-align:left;padding-top:18px;margin-top:16px}.ending-qr>img{width:96px;flex:none;margin:0}.ending-qr figcaption{margin-top:0}.ending-qr strong{font-size:14px}.ending-qr figcaption>span{font-size:12px}.ending-qr figcaption>a{font-size:13px;margin-top:8px;min-height:36px;display:inline-flex;align-items:center}
 .ending-base{padding-block:18px}.ending-base-inner{gap:8px 18px}.ending-brand img{width:100px}.ending-brand>span{font-size:14px}.ending-base-inner>p{font-size:11px;line-height:1.7}.ending-brand{gap:12px;margin-bottom:4px}.ending-base .privacy-button{min-height:36px}
 .research-categories{grid-template-columns:1fr;gap:0;padding:0}.research-categories>div{padding:14px 0}.research-categories>div+div{border-top:1px solid var(--line)}.research-categories h2{font-size:19px}.research-categories p{font-size:13px}
}
@media(max-width:350px){
 .home-page .hero h1{font-size:36px}.money-card,.money-card+article{grid-template-columns:1fr 1.25fr;column-gap:10px}.money-number strong,.revenue-card .money-number strong{font-size:34px}.target-gauge{flex-basis:56px;height:42px}.target-detail{min-width:70px}.latest-business-head{align-items:start}.latest-month>strong{font-size:28px}.latest-business-head h2{font-size:22px}.latest-month small{display:block;margin-left:0}.lead-result>p>strong{font-size:28px}.home-page .selected-grid>article{padding-left:98px}.home-page .selected-media{width:84px;height:120px}.home-page .selected-grid h3{font-size:18px}.ending-qr{gap:10px}.ending-qr>img{width:82px}
}