/* ===== brand-font181.css ===== */ /* ZHAMORE brand webfont. Source and license evidence: assets/fonts/NOTICE.txt */ @font-face{ font-family:"Zhamore MiSans"; src:url("fonts/misans-vf-181.woff2") format("woff2-variations"); font-style:normal; font-weight:100 900; font-display:swap; } html, body, #canvas{ font-family:"Zhamore MiSans","MiSans","Source Han Sans SC","OPPO Sans 4.0",Arial,sans-serif; } #canvas :is(strong,b){ font-weight:600; } /* ===== layout-calibration.css ===== */ /* 0909-31: one outer grid; reading widths live inside sections. */ :root{--review-offset:0px;--nav-height:88px;--ink:#222;--muted:#636363;--rule:#ddd;--heading-weight:500} #canvas h1,#canvas h2,#canvas h3{font-weight:var(--heading-weight)} html{scroll-padding-top:0} #canvas{overflow:clip;--page-gutter:clamp(20px,4vw,64px);--explain-columns:minmax(220px,1fr) minmax(0,2fr);--explain-gap:32px;font-size:16px;line-height:1.75} body.site-preview #canvas,body.site-preview #canvas.phone{max-width:none;width:100%} body.site-preview #canvas{--page-gutter:clamp(20px,4vw,64px)} body.site-preview #canvas.phone{--page-gutter:20px} #canvas .inner{width:100%;max-width:1728px;padding:0 var(--page-gutter);margin-inline:auto} #canvas .site-header{position:sticky;top:var(--review-offset);z-index:20;height:var(--nav-height);min-height:var(--nav-height);padding:0 max(var(--page-gutter),calc((100% - 1600px)/2));background:#fff;border-bottom:1px solid var(--rule);flex-direction:row;align-items:center;gap:24px} body.site-preview #canvas .site-header,body.site-preview #canvas .foot{padding-inline:max(var(--page-gutter),calc((100% - 1600px)/2))} body.site-preview #canvas .inner{padding-inline:var(--page-gutter)} #canvas .brand-logo-crop{width:166px} #canvas .site-header .asset-info{display:none} #canvas .site-header nav{flex-wrap:nowrap;gap:28px} #canvas .site-header nav a{font-size:15px;line-height:1.4;padding:14px 0;position:relative;background:transparent} #canvas .site-header nav a::after{content:"";position:absolute;bottom:6px;left:0;width:100%;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .2s ease} #canvas .site-header nav a:hover::after,#canvas .site-header nav a[aria-current=page]::after{transform:scaleX(1)} #canvas.compact-nav .site-header{display:grid;grid-template-columns:minmax(0,1fr) auto;padding:0 var(--page-gutter);gap:16px} #canvas.compact-nav .site-header nav{position:absolute;top:100%;left:0;right:0;max-height:calc(100dvh - var(--nav-height) - var(--review-offset));overflow-y:auto;display:flex;flex-direction:column;gap:0;padding:12px var(--page-gutter) 20px;background:white;box-shadow:0 12px 18px #0000000c;border-block:1px solid var(--rule);width:100%} #canvas.compact-nav .site-header nav a{padding:14px 0} #canvas.compact-nav .site-header nav a::after{display:none} #canvas.compact-nav .site-header nav a[aria-current=page]{font-weight:600} .review{z-index:25} #canvas section{padding:48px 0;border-color:var(--rule);scroll-margin-top:calc(var(--nav-height) + var(--review-offset) + 24px)} #canvas [data-view]>section>p{max-width:860px} #canvas h1{font-size:clamp(30px,2.65vw,46px);letter-spacing:-.035em;line-height:1.35} #canvas h2{font-size:26px;font-weight:500;line-height:1.45} #canvas h2 small{font-size:16px;letter-spacing:0;color:var(--muted)} #canvas h2 small,#canvas #services h1>span{display:inline-block} #canvas .sectionhead{margin-bottom:24px;gap:20px} #canvas .sectionhead h2{font-size:30px} #canvas .sectionhead>a{font-size:14px;flex-shrink:0} #canvas p{line-height:1.85;text-wrap:pretty} /* 0910-48: readable paragraph endings at fluid widths, without reducing type. */ #canvas .row>span,#canvas .case-wide figcaption{text-wrap:pretty;line-break:strict} #canvas .copy-ending{white-space:nowrap} #canvas button,#canvas .contact-action{min-height:44px} #canvas button{border-color:#ccc} #canvas .row{grid-template-columns:var(--explain-columns);gap:var(--explain-gap);align-items:first baseline;padding:24px 0;border-color:var(--rule)} #canvas .row b{font-size:21px;line-height:1.55} #canvas .row span{max-width:760px} #canvas .split,#canvas #homeMethod .split{grid-template-columns:var(--explain-columns);gap:var(--explain-gap);align-items:start} #canvas .split>div>p:first-child{margin-top:0} #canvas .split h2{margin:0 0 14px} #canvas .split>div{min-width:0} #canvas #homeMethod .method-points{max-width:760px} #canvas #homeServices .service-link>b{transform:none;transition:none} #canvas #homeServices .service-link:hover>b,#canvas #homeServices .service-link:focus-visible>b{transform:none} #canvas #homeServices .service-link::after{display:none} #canvas [data-view][id^=service-],#canvas #services,#canvas #method,#canvas #about,#canvas #contact{max-width:none;margin-inline:0} #canvas #faq{max-width:none;margin-inline:0} #canvas #homeIntro{padding-block:44px 40px} #canvas #homeIntro h1{font-size:clamp(32px,3.1vw,52px);line-height:1.35;letter-spacing:-.035em} #canvas #homeIntro .home-value{font-size:19px;max-width:850px;margin:20px 0} #canvas #homeIntro>p:last-child{margin-bottom:0;font-size:14px} #canvas #homeMethod,#canvas #homeProfile,#canvas #homePartners,#canvas #homeIdeas,#canvas #homeServices{max-width:none;margin-inline:0} /* 0910-33: repeat one large + two stacked, then three equal cards. */ #canvas #homeCases,#canvas #caseList,#canvas #caseList.filtered{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:var(--case-cell-height,240px);gap:12px} #canvas #homeCases>.case:nth-child(n),#canvas #caseList>.case:nth-child(n){grid-column:var(--case-col,span 2);grid-row:var(--case-line,auto);min-height:0;height:auto;aspect-ratio:auto} #canvas #caseList>.case.placeholder{position:relative;overflow:hidden} #canvas #caseList>.case.placeholder>.caption{position:absolute;inset:auto 0 0;background:#ffffffde;margin:0;border:0;z-index:1} @media (min-width:650px) and (max-width:920px){ #canvas #homeCases .case-overlay,#canvas #caseList .case-overlay{padding:14px;gap:4px} #canvas #homeCases .case-overlay strong,#canvas #caseList .case-overlay strong{font-size:20px} #canvas #homeCases .case-meta,#canvas #caseList .case-meta{font-size:12px} #canvas #homeCases .case-open,#canvas #caseList .case-open{display:none} } #canvas #homeCases .case-visual,#canvas #caseList .case-visual{height:100%;min-height:0;border-color:var(--rule)} #canvas #homeCases.compact-cases .case-overlay,#canvas #caseList.compact-cases .case-overlay{padding:14px;gap:4px} #canvas #homeCases.compact-cases .case-overlay strong,#canvas #caseList.compact-cases .case-overlay strong{font-size:18px} #canvas #homeCases.compact-cases .case-meta,#canvas #caseList.compact-cases .case-meta{font-size:12px} #canvas #homeCases.compact-cases .case-scope,#canvas #caseList.compact-cases .case-scope{font-size:13px;line-height:1.5} #canvas #homeCases.compact-cases .case-open,#canvas #caseList.compact-cases .case-open{display:none} #canvas #homeCases>.case:not(.detail) .ph,#canvas #caseList>.case:not(.detail) .ph{min-height:0;height:100%;flex:1} #canvas #caseList>.case:not(.detail){border:1px dashed var(--rule)} #canvas #caseList>.case:not(.detail) .caption{font-size:13px;padding:10px 16px} #canvas .case-overlay{padding:26px} #canvas .case-overlay .case-meta{font-size:14px} #canvas #cases>.cases-section{padding-top:28px} #canvas #cases .cases-heading h1{font-size:34px} #canvas #hero .herotext{padding:18px 0 30px} #canvas #hero .heroimage{padding:0} #canvas #hero .heroimage>span{max-width:calc(100% - 32px)} #canvas #hero+ .sectionhead{margin-top:12px} /* Image behavior is explicit: artwork/photography may crop, diagrams stay complete. */ #canvas .ph{position:relative;border-color:var(--rule);background-color:#f4f4f3} #canvas .ph>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--image-focus,50% 50%)} #canvas .ph[data-image-fit=contain]>img{object-fit:contain} #canvas .ph>picture{position:absolute;inset:0;display:block} #canvas .ph>picture>img{width:100%;height:100%;object-fit:cover;object-position:var(--image-focus,50% 50%)} #canvas .ph[data-image-fit=contain]>picture>img{object-fit:contain} #canvas .ph>span{position:relative;z-index:1;font-size:12px;max-width:100%} #canvas .ph.has-image>span:not(.asset-info){display:none} #canvas .asset-info{z-index:2;max-height:100%;overflow:auto} /* Homepage editorial preview: one lead article and two smaller articles. */ #canvas #homeArticles{display:grid;grid-template-columns:1.05fr 1fr;gap:24px 36px;align-items:stretch} #canvas #homeArticles>.article-link:nth-child(n){grid-column:2;grid-row:auto;display:grid;grid-template-columns:38% minmax(0,1fr);gap:20px;border:0;border-top:1px solid var(--rule);padding:24px 0 0;align-items:start;overflow:visible} #canvas #homeArticles>.article-link:nth-child(n)>.article-cover{width:100%;height:auto;aspect-ratio:4/3;min-height:0;border:1px solid var(--rule);padding:10px;flex:none} #canvas #homeArticles>.article-link:nth-child(n) .article-copy{padding:0;gap:12px} #canvas #homeArticles>.article-link:nth-child(n) h2{font-size:21px;line-height:1.5} #canvas #homeArticles>.article-link:nth-child(n) .article-excerpt{display:block;font-size:14px;line-height:1.8} #canvas #homeArticles>.article-link:first-child{grid-column:1;grid-row:1/span 2;display:flex;flex-direction:column;border:0;padding:0;gap:20px} #canvas #homeArticles>.article-link:first-child>.article-cover{aspect-ratio:16/10} #canvas #homeArticles>.article-link:first-child h2{font-size:28px} #canvas #homeArticles .article-link:hover{background:transparent} /* Archive follows the case list rhythm, without full-width letterbox covers. */ #canvas #insightList,#canvas #insightList.short-list{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:56px 28px;align-items:start} #canvas #insightList>.article-link:nth-child(n){grid-column:span 5;grid-row:auto;display:flex;flex-direction:column;border:0;padding:0;margin-top:56px;overflow:visible} #canvas #insightList>.article-link:nth-child(4n/**/+1),#canvas #insightList>.article-link:nth-child(4n/**/+4){grid-column:span 7;margin-top:0} #canvas #insightList>.article-link:nth-child(n)>.article-cover{width:100%;height:auto;min-height:0;aspect-ratio:16/10;flex:none;border:1px solid var(--rule);padding:20px} #canvas #insightList>.article-link:nth-child(n) .article-copy{padding:20px 0 0;gap:12px} #canvas #insightList>.article-link:nth-child(n) h2{font-size:25px;line-height:1.5} #canvas #insightList>.article-link:nth-child(n) .article-excerpt{display:block;font-size:15px} #canvas #insightList>.article-link:hover{background:transparent} #canvas #insightList.short-list>.article-link{grid-column:span 6;margin-top:0} #canvas .article-copy>span{padding-top:8px} #canvas .article-link:hover h2{text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:1px} #canvas #articleDetail .reading-layout{max-width:1120px;grid-template-columns:minmax(0,760px) 280px;gap:60px;margin-inline:auto} #canvas #articleDetail .article-breadcrumb{max-width:1120px;margin-inline:auto} #canvas #articleDetail .article-heading{padding:28px 0;background:none;border-bottom:1px solid var(--rule)} #canvas #articleDetail h1,#canvas .article-link h2{text-wrap:balance} #canvas #articleTitle .title-word{white-space:nowrap} #canvas .article-prose{padding:28px 0;font-size:17px;line-height:1.95} #canvas .article-sidebar{padding:24px;background:#f7f7f6} /* People: portrait and supporting information are balanced, never scaled to page height. */ #canvas #homeProfile .split,#canvas .founder-layout{display:grid;grid-template-columns:360px minmax(0,1fr);gap:64px;align-items:start} #canvas #homeProfile [data-home-asset=H-LEAD-01],#canvas .founder-layout [data-image-task=H-LEAD-01]{aspect-ratio:1;min-height:0;max-width:360px;width:100%;padding:20px} #canvas #homeProfile .profile-copy>h2{margin:0 0 16px;font-size:28px} #canvas #homeProfile .profile-copy>p{max-width:760px} #canvas .trust-points{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;border-top:1px solid var(--rule);padding-top:20px;margin:24px 0} #canvas .trust-points dt{font-size:18px;font-weight:500;line-height:1.55;margin-bottom:8px} #canvas .trust-points dd{font-size:14px;color:var(--muted);margin:0;line-height:1.8} #canvas .founder-copy h3{font-size:30px;margin:0 0 6px;font-weight:500} #canvas .founder-role{font-size:14px;color:var(--muted);margin:0 0 20px} #canvas .founder-timeline{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;border-top:1px solid var(--rule);margin-top:32px;padding-top:24px} #canvas .founder-timeline dt{font-size:28px;line-height:1.4;font-variant-numeric:tabular-nums} #canvas .founder-timeline dd{font-size:14px;color:var(--muted);margin:8px 0 0;line-height:1.75} #canvas .teamtrack{gap:0} #canvas .member{flex:0 0 220px;width:220px;min-width:0} #canvas .portrait{aspect-ratio:1;min-height:0;padding:14px;border:0} #canvas .member p{padding:16px 14px 16px 0;margin:0;border:0;font-size:18px} #canvas .member p small{display:inline-block;font-size:13px;color:var(--muted);line-height:1.65} #canvas #team .herotext{padding:12px 0 0;align-items:center;flex-direction:row} #canvas #team .teamwindow{cursor:grab;touch-action:pan-y;user-select:none;overflow:hidden} #canvas #team .teamwindow:focus-visible{outline:2px solid #555;outline-offset:6px} #canvas #team .teamwindow.is-dragging{cursor:grabbing} #canvas #team .teamtrack{width:max-content;transition:none;will-change:transform} #canvas #team .team-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:16px} #canvas #team .team-footer .note{font-size:12px;color:var(--muted)} #canvas #teamMotionToggle{border:0;border-bottom:1px solid transparent;background:transparent;padding:8px 0;font-size:12px;color:var(--muted)} #canvas #teamMotionToggle:hover{border-bottom-color:currentColor} /* Each service has its own compact visual examples, independent from case-detail art. */ #canvas .service-showcase{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px} #canvas .service-showcase .case-wide{margin:0} #canvas .service-showcase .case-wide .ph{width:100%;height:clamp(220px,28vw,400px);aspect-ratio:auto;min-height:0} #canvas .service-showcase figcaption{font-size:14px;line-height:1.8;margin-top:14px} #canvas #caseContent>section>p{max-width:800px} #canvas #caseContent>section:last-of-type{border-bottom:0;padding-bottom:0} #canvas #caseContent>.case-wide .ph,#canvas #caseContent>section>.case-wide .ph{aspect-ratio:16/10;max-height:720px;min-height:0} #canvas #caseContent .result-pair .ph{aspect-ratio:4/3;min-height:0} #canvas .pricing-row{grid-template-columns:.9fr 1.2fr .8fr;gap:36px;padding:32px 0} #canvas .pricing-cost{font-size:24px} #canvas .pricing-cost .annual-price{font-size:20px} #canvas #service-annual-service>section:first-child .service-price-inline{display:flex;gap:20px 32px;flex-wrap:wrap;margin:22px 0} #canvas #service-annual-service>section:first-child .annual-price{font-size:23px;margin:0} #canvas #service-annual-service>section:first-child .annual-price small{display:block!important;font-size:13px;margin-bottom:4px} #canvas .copy-table{font-size:15px;line-height:1.75} #canvas .copy-table th,#canvas .copy-table td{padding:16px 14px} #canvas #annualPlans .copy-table thead th{font-size:19px;background:#f6f6f4;color:#222} #canvas #annualPlans .copy-table thead th:first-child{font-size:15px} #canvas #annualPlans .copy-table tbody tr:first-child td{font-size:23px} #canvas #annualPlans .copy-table{min-width:680px} /* Separate answers by service and keep each answer in a readable column. */ #canvas .faq-group{display:grid;grid-template-columns:220px minmax(0,1fr);gap:44px;align-items:start} #canvas .faq-group>h2{font-size:23px;margin:0;line-height:1.5} #canvas .faq-group>h2 small{display:block;margin-top:8px} #canvas .faq-answer{max-width:760px;padding:0 32px 24px 0;line-height:1.85} #canvas .faq-answer p{margin:0 0 16px} #canvas .faq-answer p:last-of-type{margin-bottom:20px} #canvas .faq-answer a{font-size:14px} #canvas .faq-answer .faq-permalink{display:inline-block;margin-left:20px;font-size:12px} #canvas .faq-list summary{font-size:18px;padding:20px 42px 20px 0} #canvas .faq-list details{scroll-margin-top:calc(var(--nav-height) + var(--review-offset) + 24px)} #canvas .faq-jump-links{display:flex;flex-wrap:wrap;gap:12px 24px;margin:24px 0 0} #canvas .faq-jump-links a{font-size:14px;padding:8px 0;text-underline-offset:5px} #canvas .contact-layout,#canvas #contactCommon .contact{max-width:none;grid-template-columns:minmax(0,1fr) 215px;gap:64px} #canvas .contact-layout>div:first-child>p,#canvas #contactCommon .contact>div:first-child>p{max-width:760px} #canvas .contact-layout .contact-channel:first-child{border-top:0;padding-top:0} #canvas #method .related-links{display:flex;flex-wrap:wrap;gap:12px 24px} #canvas #method .related-links>a{display:inline-flex} #canvas .foot{padding:28px max(var(--page-gutter),calc((100% - 1600px)/2));border-color:var(--rule)} #canvas #contactCommon,#canvas #contact>section:last-child{border-bottom:0} #canvas .loadmore{padding:36px 0 0} #canvas .logo-slot{border-color:#ddd;min-height:88px} #canvas .filters{padding-bottom:18px} #canvas [id]{scroll-margin-top:calc(var(--nav-height) + var(--review-offset) + 24px)} #canvas .filter-rail{scroll-margin-top:calc(var(--nav-height) + var(--review-offset) + 24px)} @media (max-width:1100px){ #canvas #homeProfile .split,#canvas .founder-layout{grid-template-columns:280px minmax(0,1fr);gap:36px} #canvas .trust-points{gap:16px} #canvas .trust-points dt{font-size:16px} #canvas #homeArticles>.article-link:nth-child(n){grid-template-columns:120px minmax(0,1fr);gap:16px} #canvas #homeArticles>.article-link:first-child{display:flex} #canvas #homeArticles>.article-link:nth-child(n) .article-excerpt{display:none} #canvas #homeArticles>.article-link:first-child .article-excerpt{display:block} #canvas .pricing-row{gap:24px} #canvas .pricing-row h2{font-size:21px} #canvas .faq-group{grid-template-columns:190px minmax(0,1fr);gap:28px} #canvas .service-showcase{gap:24px} #canvas .workflow-step{grid-template-columns:48px minmax(0,1fr) minmax(0,1fr)} #canvas .split{gap:28px} #canvas .copy-table{font-size:14px} } #canvas.compact-nav #articleDetail .article-breadcrumb{max-width:760px} #canvas.compact-nav #articleDetail .reading-layout{grid-template-columns:1fr;max-width:760px;gap:36px} @media (max-width:850px){ #canvas .pricing-row{grid-template-columns:1fr 1.5fr} #canvas .pricing-row .pricing-cost{grid-column:2} #canvas .trust-points{grid-template-columns:1fr;gap:14px} #canvas .trust-points dt{margin-bottom:3px} #canvas .founder-timeline{gap:16px} #canvas .faq-group{grid-template-columns:1fr;gap:22px} #canvas .faq-group>h2 small{display:inline;margin-left:8px} } #canvas.phone{--nav-height:72px;--page-gutter:20px;font-size:16px} #canvas.phone .brand-logo-crop{width:132px} #canvas.phone .site-header{height:72px;min-height:72px} #canvas.phone section{padding:32px 0} #canvas.phone #homeIntro{padding:32px 0} #canvas.phone #homeIntro h1{font-size:clamp(25px,6.6vw,38px);letter-spacing:-.035em;line-height:1.45} #canvas.phone #homeIntro .home-value{font-size:16px;margin:18px 0} #canvas.phone .sectionhead h2{font-size:25px} #canvas.phone h2{font-size:23px} #canvas.phone #services h1>span{display:block} #canvas.phone #articleTitle .title-phrase{display:block;text-wrap:balance} #canvas.phone .sectionhead>a{font-size:13px} #canvas.phone #homeCases,#canvas.phone #caseList,#canvas.phone #caseList.filtered{grid-template-columns:1fr;grid-auto-rows:auto;gap:20px} #canvas.phone #homeCases>.case:nth-child(n),#canvas.phone #caseList>.case:nth-child(n){grid-column:auto;grid-row:auto;aspect-ratio:4/3;min-height:0} #canvas.phone #caseList>.case:not(.detail){aspect-ratio:4/3;min-height:0} #canvas.phone #caseList>.case:not(.detail) .ph{min-height:0} #canvas.phone .case-overlay{padding:16px;gap:4px} #canvas.phone .case-overlay .case-meta{font-size:12px} #canvas.phone #hero .herotext{padding:14px 0 26px;min-height:112px} #canvas.phone #hero .hero-summary h3{font-size:16px} #canvas.phone #homeProfile .split,#canvas.phone .founder-layout{grid-template-columns:1fr;gap:24px} #canvas.phone #homeProfile [data-home-asset=H-LEAD-01],#canvas.phone .founder-layout [data-image-task=H-LEAD-01]{max-width:280px} #canvas.phone .trust-points{grid-template-columns:1fr;gap:16px} #canvas.phone .founder-timeline{grid-template-columns:1fr;gap:20px} #canvas.phone .founder-timeline>div{display:grid;grid-template-columns:76px 1fr;gap:16px} #canvas.phone .founder-timeline dd{margin:0} #canvas.phone .member{flex-basis:200px;width:200px} #canvas.phone .teamtrack{gap:0} #canvas.phone #homeArticles{grid-template-columns:1fr;gap:28px} #canvas.phone #homeArticles>.article-link:nth-child(n){grid-column:auto;grid-row:auto;grid-template-columns:100px minmax(0,1fr);gap:18px} #canvas.phone #homeArticles>.article-link:first-child{display:flex} #canvas.phone #homeArticles>.article-link:nth-child(n) h2{font-size:19px} #canvas.phone #homeArticles>.article-link:first-child h2{font-size:24px} #canvas.phone #insightList,#canvas.phone #insightList.short-list{grid-template-columns:1fr;gap:36px} #canvas.phone #insightList>.article-link:nth-child(n){grid-column:auto;grid-row:auto;margin-top:0} #canvas.phone #insightList>.article-link:nth-child(n) h2{font-size:23px} #canvas.phone #insightList>.article-link:nth-child(n)>.article-cover{aspect-ratio:16/10} #canvas.phone .service-showcase{grid-template-columns:1fr;gap:28px} #canvas.phone .service-showcase .case-wide .ph{min-height:0;height:auto;aspect-ratio:3/2} #canvas.phone .pricing-row{grid-template-columns:1fr;gap:16px;padding:28px 0} #canvas.phone .pricing-row .pricing-cost{grid-column:auto} #canvas.phone .row{grid-template-columns:1fr;gap:8px;padding:22px 0} #canvas.phone .row b{font-size:20px} #canvas.phone .row span{font-size:16px} #canvas.phone .split,#canvas.phone #homeMethod .split{grid-template-columns:1fr;gap:24px} #canvas.phone #service-annual-service>section:first-child .service-price-inline{display:flex;flex-direction:column;gap:8px} #canvas.phone #service-annual-service>section:first-child .annual-price{display:flex!important;justify-content:space-between;align-items:center;width:100%;font-size:22px} #canvas.phone #service-annual-service>section:first-child .annual-price small{margin:0 16px 0 0;font-size:14px} #canvas.phone .workflow-step{grid-template-columns:36px minmax(0,1fr);gap:16px} #canvas.phone .workflow-step>.ph{grid-column:2;min-height:140px} #canvas.phone .copy-table{font-size:14px} #canvas.phone .copy-table th,#canvas.phone .copy-table td{padding:12px 10px} #canvas.phone [data-view][id^=service-] .copy-table:not(:has(thead th:nth-child(3))) th:first-child{width:48%} #canvas.phone [data-view][id^=service-] .copy-table:not(:has(thead th:nth-child(3))) :is(th,td){text-wrap:balance} #canvas.phone .article-prose .copy-table{min-width:530px} #canvas.phone .article-prose .table-scroll::before{content:"左右滑动查看完整表格 →";display:block;position:sticky;left:0;font-size:12px;color:var(--muted);margin-bottom:12px} #canvas.phone .contact-layout,#canvas.phone #contactCommon .contact{grid-template-columns:1fr;gap:28px} #canvas.phone .faq-list summary{font-size:17px} #canvas.phone .faq-answer{padding-right:12px} #canvas.phone .faq-answer .faq-permalink{display:block;margin:12px 0 0} #canvas.phone .faq-jump-links{gap:4px 20px} #canvas.phone .foot{flex-direction:column;padding:24px 20px} #canvas.phone .article-prose{font-size:16px} @media (prefers-reduced-motion:reduce){#canvas *,#canvas *::before,#canvas *::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}} /* 0910-34: fuller profile, explicit history and grouped contact channels. */ #canvas #homeProfile .profile-copy>h2{font-size:clamp(23px,2vw,30px);line-height:1.5;max-width:800px} #canvas #homeProfile .profile-copy>p{max-width:850px;margin:0 0 16px;line-height:1.9} #canvas #aboutIntro .about-intro-layout{display:grid;grid-template-columns:var(--explain-columns);gap:var(--explain-gap);align-items:start} #canvas #aboutIntro .about-heading{min-width:0} #canvas #aboutIntro .about-heading .sectionhead{margin:0 0 32px} #canvas #aboutIntro .about-heading h1{margin:0} #canvas #aboutIntro .about-heading h2{margin:0} #canvas #aboutIntro .about-intro-copy{max-width:none;min-width:0} #canvas #aboutIntro .about-intro-copy p{margin:0 0 18px;line-height:1.95} #canvas .brand-history{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 40px;padding:0;margin:0} #canvas .brand-history li{border-top:1px solid var(--rule);padding-top:22px;min-width:0} #canvas .history-label{display:flex;align-items:baseline;gap:18px} #canvas .history-label>span{font-size:38px;line-height:1.2;font-variant-numeric:tabular-nums;letter-spacing:-1px} #canvas .history-label h3{font-size:19px;line-height:1.5;margin:0} #canvas .brand-history p{font-size:15px;line-height:1.9;color:var(--muted);max-width:480px;margin:16px 0 0} #canvas a[data-contact-phone]{text-decoration:none;border-bottom:0;white-space:nowrap} #canvas #contact .contact-intro{padding-bottom:30px;border-bottom:0} #canvas #contact .contact-intro h1{margin-bottom:24px} #canvas #contact .contact-intro h2{font-size:clamp(24px,2.2vw,34px);line-height:1.5;margin:0 0 12px} #canvas #contact .contact-intro>p.note:not(.production-note){margin:0;line-height:1.8} #canvas #contact .contact-details{padding-top:12px;padding-bottom:48px} #canvas #contact .contact-layout{grid-template-columns:minmax(0,1fr) 184px;gap:clamp(32px,5vw,80px);align-items:start;max-width:1180px} #canvas #contact .contact-channels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 40px} #canvas #contact .contact-channel,#canvas #contact .contact-channel:first-child{border-top:1px solid var(--rule);padding:24px 0 0;min-width:0} #canvas #contact .contact-channel h2{font-size:26px;line-height:1.5;margin:0 0 18px} #canvas #contact .contact-channel h2 small{font-size:14px;white-space:nowrap;color:var(--muted)} #canvas #contact .contact-channel p{font-size:20px;line-height:1.5;margin:0 0 18px} #canvas #contact .contact-phone-row{display:flex;flex-direction:column;align-items:flex-start;gap:18px;margin:0;font-size:20px;line-height:1.5} #canvas #contact .contact-prep-note{grid-column:1/-1;margin:0;line-height:1.8} #canvas #contact .contact-qr-column{text-align:center} #canvas #contact .contact-qr-column .qr{width:184px;max-width:100%;margin:0} #canvas #contact .contact-qr-column>p{margin:12px 0 0} #canvas #contact .contact-qr-column button{font-size:14px;padding:10px 12px} #canvas #contactCommon .contact{grid-template-columns:minmax(0,740px) 184px;gap:clamp(32px,5vw,80px);justify-content:start;align-items:start} #canvas #contactCommon .contact>div:first-child>p{max-width:680px} #canvas #contactCommon .qr{max-width:184px} @media (min-width:650px) and (max-width:1050px){ #canvas .brand-history{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px} #canvas #contact .contact-layout{grid-template-columns:minmax(0,1fr) 170px;gap:28px} #canvas #contact .contact-channels{gap:28px 24px} #canvas #contact .contact-channel h2{font-size:22px} #canvas #contact .contact-channel h2 small{display:block} #canvas #contact .contact-channel p,#canvas #contact .contact-phone-row{font-size:18px} } #canvas.phone .brand-history{grid-template-columns:1fr;gap:24px} #canvas.phone .brand-history li{display:grid;grid-template-columns:86px minmax(0,1fr);gap:20px;padding-top:20px} #canvas.phone .history-label{display:block} #canvas.phone .history-label>span{font-size:30px} #canvas.phone .history-label h3{font-size:16px;margin-top:6px} #canvas.phone .brand-history p{margin:0;font-size:14px;line-height:1.85} #canvas.phone #contact .contact-intro{padding-bottom:24px} #canvas.phone #contact .contact-intro h1{margin-bottom:20px} #canvas.phone #contact .contact-details{padding-top:0;padding-bottom:32px} #canvas.phone #contact .contact-layout{grid-template-columns:1fr;gap:28px} #canvas.phone #contact .contact-channels{grid-template-columns:1fr;gap:24px} #canvas.phone #contact .contact-channel h2{font-size:24px;margin-bottom:12px} #canvas.phone #contact .contact-channel p{font-size:19px;margin-bottom:12px} #canvas.phone #contact .contact-phone-row{font-size:19px;gap:12px} #canvas.phone #contact .contact-qr-column{justify-self:start} /* 0910-35: distinguish each person, align the footer ends, keep profile actions in the header. */ #canvas #team .teamtrack{gap:14px;align-items:stretch} #canvas #team .member{background:#fff;box-shadow:inset 0 0 0 1px var(--rule);display:flex;flex-direction:column} #canvas #team .portrait{border:1px solid var(--rule);flex-shrink:0} #canvas #team .member>p{padding:14px;min-height:104px;flex:1;font-size:18px;line-height:1.6} #canvas #team .member>p small{display:block;font-size:13px;line-height:1.65;max-width:100%;white-space:normal;overflow-wrap:anywhere} #canvas #homeProfile>.trust-points{margin:28px 0 0;padding-top:24px} #canvas #homeProfile .profile-copy>p:last-child{margin-bottom:0} #canvas #homeProfile .sectionhead>a{white-space:nowrap} #canvas #contactCommon .contact{grid-template-columns:minmax(0,1fr) 184px;gap:clamp(32px,5vw,80px);justify-content:stretch;align-items:start} #canvas #contactCommon .contact>.qr{justify-self:end;width:184px} #canvas #contactCommon .contact>div:first-child>h2{margin-top:0} #canvas #contactCommon .contact-method-row{display:grid;grid-template-columns:38px 144px max-content;align-items:center;gap:10px 14px;width:max-content;max-width:100%;margin:16px 0 0;line-height:1.6} #canvas #contactCommon .contact-method-row button,#canvas #contactCommon .contact-method-row .contact-action{display:inline-flex;align-items:center;justify-content:center;font-size:14px;line-height:1.6;min-height:44px;padding:8px 12px;min-width:84px;margin:0;white-space:nowrap} @media (min-width:900px) and (max-width:1200px){ #canvas #homeProfile .split{grid-template-columns:320px minmax(0,1fr);gap:36px} #canvas #homeProfile [data-home-asset=H-LEAD-01]{max-width:320px} #canvas #homeProfile .profile-copy>p{font-size:15px;line-height:1.85;margin-bottom:12px} #canvas #homeProfile .profile-copy>h2{font-size:23px} } @media (max-width:899px){ #canvas #homeProfile .split{grid-template-columns:1fr;gap:24px} #canvas #homeProfile [data-home-asset=H-LEAD-01]{max-width:280px} #canvas #homeProfile>.trust-points{grid-template-columns:1fr;gap:20px} #canvas #contactCommon .contact{grid-template-columns:minmax(0,1fr) 160px;gap:28px} #canvas #contactCommon .contact>.qr{width:160px} #canvas #contactCommon .contact-method-row{grid-template-columns:32px 134px max-content;gap:10px} } #canvas.phone #team .teamtrack{gap:14px} #canvas.phone #homeProfile>.trust-points{grid-template-columns:1fr;gap:20px} #canvas.phone #homeProfile .sectionhead{flex-wrap:wrap;align-items:baseline;gap:10px 18px} #canvas.phone #homeProfile .sectionhead>a{font-size:13px} #canvas.phone #contactCommon .contact{grid-template-columns:1fr;gap:28px} #canvas.phone #contactCommon .contact>.qr{justify-self:start;width:184px} #canvas.phone #contactCommon .contact-method-row{grid-template-columns:30px minmax(0,1fr) 84px;width:100%;gap:8px;font-size:14px} #canvas.phone #contactCommon .contact-method-row button,#canvas.phone #contactCommon .contact-method-row .contact-action{min-width:0;padding:8px;font-size:13px} /* 0910-36: brief homepage introduction, followed by its detail link. */ #canvas #homeProfile .profile-copy>.profile-readmore{display:inline-flex;align-items:center;min-height:44px;max-width:100%;margin-top:8px;font-size:15px;line-height:1.6;text-underline-offset:5px;white-space:nowrap} #canvas #homeProfile .profile-copy>.profile-readmore:hover{text-decoration-thickness:2px} #canvas #homeProfile .profile-copy>.profile-readmore:focus-visible{outline:2px solid var(--ink);outline-offset:5px} #canvas.phone #homeProfile .profile-copy>.profile-readmore{font-size:14px;margin-top:4px} /* 0910-37: support points occupy the bottom of the same image/text row. */ #canvas #homeProfile .split{grid-template-columns:360px minmax(0,1fr);gap:clamp(36px,4vw,64px);align-items:stretch} #canvas #homeProfile [data-home-asset=H-LEAD-01]{width:360px;max-width:100%;height:360px;aspect-ratio:1} #canvas #homeProfile .profile-copy{display:flex;flex-direction:column;min-height:360px} #canvas #homeProfile .profile-copy>h2{font-size:clamp(24px,2vw,30px);line-height:1.35;margin:0 0 12px;flex:none} #canvas #homeProfile .profile-copy>p{font-size:16px;line-height:1.8;margin:0 0 12px;flex:none} #canvas #homeProfile .profile-copy>.profile-readmore{align-self:flex-start;min-height:44px;margin:0 0 12px;flex:none} #canvas #homeProfile .profile-copy>.trust-points{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:auto 0 0;padding-top:16px;flex:none} #canvas #homeProfile .trust-points>div{display:flex;flex-direction:column;min-width:0} #canvas #homeProfile .trust-points dt{font-size:16px;line-height:1.5;margin:0} #canvas #homeProfile .trust-points dd{font-size:13px;line-height:1.65;padding-top:8px;margin:auto 0 0} #canvas #team .member>p{display:flex;flex-direction:column;min-height:128px} #canvas #team .member>p>br{display:none} #canvas #team .member .member-experience{display:block;font-size:12px;line-height:1.6;margin-top:auto;padding-top:8px;color:var(--muted)} @media (max-width:1199px){ #canvas #homeProfile .split{grid-template-columns:1fr;gap:24px} #canvas #homeProfile [data-home-asset=H-LEAD-01]{width:280px;height:280px;max-width:100%;aspect-ratio:1} #canvas #homeProfile .profile-copy{min-height:0} #canvas #homeProfile .profile-copy>.trust-points{margin-top:16px} } #canvas.phone #homeProfile .split{grid-template-columns:1fr;gap:24px} #canvas.phone #homeProfile [data-home-asset=H-LEAD-01]{width:280px;height:auto;aspect-ratio:1} #canvas.phone #homeProfile .profile-copy{min-height:0} #canvas.phone #homeProfile .profile-copy>.trust-points{grid-template-columns:1fr;gap:20px;margin-top:16px} /* 0910-38: the confirmed five-stage cooperation process. */ #canvas #aboutProcess .cooperation-intro{display:grid;grid-template-columns:var(--explain-columns);gap:var(--explain-gap);align-items:start;margin-bottom:28px} #canvas #aboutProcess .cooperation-intro>h3{font-size:24px;line-height:1.45;margin:0;font-weight:500} #canvas #aboutProcess .cooperation-intro p{margin:0;max-width:760px} #canvas #aboutProcess .cooperation-intro .cooperation-before-label{font-size:14px;color:var(--muted);margin-bottom:6px} #canvas #aboutProcess .cooperation-steps{padding:0;margin:0;list-style:none;border-top:1px solid var(--rule)} #canvas #aboutProcess .cooperation-steps>li{display:grid;grid-template-columns:var(--explain-columns);gap:var(--explain-gap);padding:24px 0;border-bottom:1px solid var(--rule);align-items:start} #canvas #aboutProcess .cooperation-step-title{display:flex;gap:20px;align-items:baseline;min-width:0} #canvas #aboutProcess .cooperation-number{font-size:14px;line-height:1.6;color:var(--muted);font-variant-numeric:tabular-nums;flex:0 0 24px} #canvas #aboutProcess .cooperation-step-title h3{font-size:21px;font-weight:500;line-height:1.55;margin:0} #canvas #aboutProcess .cooperation-step-body{min-width:0;max-width:760px} #canvas #aboutProcess .cooperation-step-body>p{font-size:16px;line-height:1.8;margin:0} #canvas #aboutProcess .cooperation-step-body>.cooperation-checkpoint{display:flex;gap:12px;font-size:14px;line-height:1.7;color:var(--muted);margin-top:10px} #canvas #aboutProcess .cooperation-checkpoint>span{flex:0 0 auto} #canvas #aboutProcess .cooperation-footer{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin-top:22px;flex-wrap:wrap} #canvas #aboutProcess .cooperation-footer p{font-size:14px;color:var(--muted);margin:0} #canvas #aboutProcess .cooperation-footer>div{display:flex;gap:28px;flex-wrap:wrap} #canvas #aboutProcess .cooperation-footer a{display:inline-flex;align-items:center;min-height:44px;font-size:14px;border-bottom:1px solid transparent;text-decoration:none} #canvas #aboutProcess .cooperation-footer a:hover,#canvas #aboutProcess .cooperation-footer a:focus-visible{border-bottom-color:currentColor} @media (max-width:767px){ #canvas #aboutProcess .cooperation-intro{grid-template-columns:1fr;gap:16px;margin-bottom:24px} #canvas #aboutProcess .cooperation-steps>li{grid-template-columns:1fr;gap:12px;padding:22px 0} #canvas #aboutProcess .cooperation-step-title{gap:12px} #canvas #aboutProcess .cooperation-footer{gap:8px;margin-top:18px} } #canvas.phone #aboutProcess .cooperation-intro,#canvas.phone #aboutProcess .cooperation-steps>li{grid-template-columns:1fr;gap:14px} /* 0910-39: partner intro uses one top edge; contact ends with useful conversation topics. */ #canvas #aboutPartners .partners-intro{align-items:start;margin-bottom:28px} #canvas #aboutPartners .partners-intro h3{margin:0;font-size:24px;font-weight:500;line-height:1.5} #canvas #aboutPartners .partners-intro>div>p{margin:0;max-width:760px;font-size:16px;line-height:1.8} #canvas #aboutPartners .partners-intro .production-note{margin-top:12px;font-size:13px} #canvas #contact .contact-layout{max-width:none;grid-template-columns:minmax(0,1fr) 184px;gap:clamp(32px,5vw,80px)} #canvas #contact .contact-qr-column{width:184px;max-width:100%;justify-self:end;border-top:1px solid var(--rule);padding-top:24px} #canvas #contact .contact-channel h2,#canvas #contact .contact-channel p,#canvas #contact .contact-phone-row{min-width:0} #canvas #contact .contact-channel>button,#canvas #contact .contact-channel .contact-action{display:inline-flex;align-items:center;justify-content:center;font-size:16px;line-height:1.5;min-height:44px;padding:10px 14px;box-sizing:border-box} #canvas #contactConversation .sectionhead{margin-bottom:16px} #canvas #contactConversation .conversation-intro{margin:0 0 30px;font-size:17px;line-height:1.8;max-width:800px} #canvas #contactConversation .conversation-topics{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 48px} #canvas #contactConversation .conversation-topics>li{display:grid;grid-template-columns:24px minmax(0,1fr);gap:18px;align-items:start;border-top:1px solid var(--rule);padding:24px 0 28px;min-width:0} #canvas #contactConversation .conversation-number{font-size:13px;line-height:31px;font-variant-numeric:tabular-nums;color:var(--muted)} #canvas #contactConversation .conversation-topics h3{font-size:21px;font-weight:500;line-height:1.5;margin:0 0 10px} #canvas #contactConversation .conversation-topics p{font-size:16px;line-height:1.8;margin:0;max-width:620px} #canvas #contactConversation .conversation-footer{border-top:1px solid var(--rule);padding-top:20px;display:flex;align-items:baseline;justify-content:space-between;gap:16px 32px;flex-wrap:wrap} #canvas #contactConversation .conversation-footer p{margin:0;font-size:14px;line-height:1.8;color:var(--muted)} #canvas #contactConversation .conversation-footer nav{display:flex;gap:10px 28px;flex-wrap:wrap} #canvas #contactConversation .conversation-footer a{display:inline-flex;min-height:44px;align-items:center;font-size:14px;text-decoration:none;border-bottom:1px solid transparent} #canvas #contactConversation .conversation-footer a:hover,#canvas #contactConversation .conversation-footer a:focus-visible{border-bottom-color:currentColor} @media (max-width:1050px) and (min-width:768px){ #canvas #contact .contact-layout{grid-template-columns:minmax(0,1fr) 170px;gap:28px} #canvas #contact .contact-qr-column,#canvas #contact .contact-qr-column .qr{width:170px} #canvas #contactConversation .conversation-topics{column-gap:32px} } @media (max-width:767px){ #canvas #aboutPartners .partners-intro{grid-template-columns:1fr;gap:16px} #canvas #contact .contact-layout{grid-template-columns:1fr;gap:28px} #canvas #contact .contact-channels{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px} #canvas #contact .contact-qr-column{justify-self:start} #canvas #contactConversation .conversation-topics{grid-template-columns:1fr;gap:0} #canvas #contactConversation .conversation-topics>li{gap:12px;padding:22px 0} #canvas #contactConversation .conversation-intro{font-size:16px;margin-bottom:24px} #canvas #contactConversation .conversation-footer{gap:12px} } #canvas.phone #contact .contact-layout,#canvas.phone #contact .contact-channels{grid-template-columns:1fr} #canvas.phone #contact .contact-qr-column{justify-self:start;width:184px} /* 0910-41: the currency starts on one column, with tier labels following the amount. */ #canvas #servicePricing .pricing-cost .price-value{display:inline-block;white-space:nowrap;font-size:24px;font-weight:500;line-height:1.35} #canvas #servicePricing .pricing-cost .annual-price{display:grid;grid-template-columns:max-content minmax(0,1fr);align-items:baseline;column-gap:14px;margin:0} #canvas #servicePricing .annual-price .price-tier{display:block!important;margin:0!important;font-size:13px;line-height:1.5;white-space:nowrap;color:var(--muted)} #canvas #servicePricing .pricing-cost .motion-number{font-size:32px;line-height:1.35} #canvas #servicePricing .pricing-cost .motion-price-unit{font-size:13px} #canvas #homeMethod .method-point h3{font-weight:var(--heading-weight)} @media (max-width:767px){ #canvas #aboutIntro .about-intro-layout{grid-template-columns:1fr;gap:24px} #canvas #aboutIntro .about-heading .sectionhead{margin-bottom:24px} #canvas #servicePricing .pricing-cost .motion-number{font-size:28px} } #canvas.phone #aboutIntro .about-intro-layout{grid-template-columns:1fr;gap:24px} #canvas.phone #contactConversation .conversation-topics{grid-template-columns:1fr} #canvas.phone #aboutPartners .partners-intro{grid-template-columns:1fr;gap:16px} /* 0910-49: origin, founder story and a five-row client wall. */ #canvas #aboutIntro .about-origin{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin:28px 0 24px} #canvas #aboutIntro .about-origin>span{font-size:14px;color:var(--muted);letter-spacing:.06em} #canvas #aboutIntro .about-origin>strong{font-size:clamp(72px,7.6vw,120px);font-weight:500;line-height:.95;letter-spacing:-.065em;color:var(--accent);font-variant-numeric:tabular-nums} #canvas #aboutIntro .about-intro-copy>p:last-child{margin-bottom:0} #canvas .brand-history li{padding:22px 16px 18px;transition:background-color .22s,border-color .22s,box-shadow .22s} #canvas .brand-history .history-label>span{transition:color .22s} @media (hover:hover) and (pointer:fine){ #canvas .brand-history li:hover{background:#B3C22409;border-top-color:var(--accent);box-shadow:inset 0 2px 0 #B3C22455} #canvas .brand-history li:hover .history-label>span{color:var(--accent)} } #canvas .brand-history li:focus-visible{outline:2px solid var(--accent);outline-offset:3px;background:#B3C22409;border-top-color:var(--accent)} #canvas .founder-profile{min-width:0} #canvas .founder-profile>h3{margin:24px 0 12px;font-size:26px;font-weight:500} #canvas .founder-credentials{list-style:none;padding:0;margin:0;display:grid;gap:9px;color:var(--muted);font-size:14px;line-height:1.65} #canvas .founder-copy{min-width:0} #canvas .founder-copy .founder-headline{display:flex;align-items:baseline;flex-wrap:wrap;gap:12px 18px;margin:0 0 14px} #canvas .founder-headline>strong{font-size:64px;line-height:1;font-weight:500;letter-spacing:-.045em;color:var(--accent);white-space:nowrap} #canvas .founder-headline>strong>span{font-size:25px;letter-spacing:0;margin-left:4px} #canvas .founder-headline>span{font-size:clamp(20px,1.6vw,26px);font-weight:500;line-height:1.4} #canvas .founder-copy .founder-motto{font-size:20px;line-height:1.6;margin:0 0 32px;color:var(--ink)} #canvas .founder-greeting{font-size:18px;line-height:1.7;font-weight:500;margin:0 0 20px} #canvas .founder-greeting>span{font-size:9px;color:var(--accent);vertical-align:middle;margin-right:8px} #canvas .founder-copy .founder-story{font-size:16px;line-height:1.95;margin:0 0 22px;max-width:none;color:var(--muted)} #canvas .founder-copy .founder-story:last-child{margin-bottom:0} #canvas .founder-story strong{color:var(--ink);font-weight:500} #canvas #aboutPartners .partners-copy{min-width:0;text-align:right} #canvas #aboutPartners .partners-intro>.partners-copy>p{margin-left:auto} #canvas #aboutPartners .partners-copy>.partners-english{margin-top:12px;font-size:13px;letter-spacing:.025em;color:var(--muted)} #canvas #aboutPartners .logo-slot{height:104px;min-height:0;padding:14px;min-width:0} #canvas #aboutPartners .logo-slot>img{display:block;max-width:100%;max-height:64px;object-fit:contain} #canvas #aboutPartners .partners-cta{display:flex;justify-content:center;margin-top:36px;text-align:center} #canvas #aboutPartners .partners-cta>a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:72px;max-width:100%;padding:16px 28px;border:1px solid var(--rule);background:var(--surface);color:var(--ink);text-decoration:none;transition:border-color .2s,background-color .2s} #canvas #aboutPartners .partners-cta>a>span{font-size:16px;line-height:1.5} #canvas #aboutPartners .partners-cta small{font-size:12px;color:var(--muted);line-height:1.5} #canvas #aboutPartners .partners-cta>a:hover,#canvas #aboutPartners .partners-cta>a:focus-visible{background:#B3C22412;border-color:var(--accent);outline-offset:4px} @media (max-width:1023px){ #canvas .founder-layout{grid-template-columns:240px minmax(0,1fr);gap:32px} #canvas .founder-headline>strong{font-size:52px} #canvas .founder-copy .founder-motto{font-size:18px} } @media (max-width:767px){ #canvas .founder-layout{grid-template-columns:1fr;gap:32px} #canvas .founder-layout [data-image-task=H-LEAD-01]{max-width:280px} #canvas #aboutPartners .logo-slot{height:88px;padding:8px;font-size:12px} #canvas #aboutPartners .logo-slot small{font-size:10px} #canvas #aboutPartners .partners-copy{text-align:left} #canvas #aboutPartners .partners-intro>.partners-copy>p{margin-left:0} #canvas #aboutPartners .partners-cta>a{padding:14px 18px} #canvas .founder-copy .founder-story{font-size:15px;line-height:1.9} } #canvas.phone .founder-layout{grid-template-columns:1fr;gap:32px} #canvas.phone #aboutPartners .logo-slot{height:88px;padding:8px;font-size:12px} #canvas.phone #aboutPartners .partners-copy{text-align:left} #canvas.phone #aboutPartners .partners-intro>.partners-copy>p{margin-left:0} #canvas.phone .brand-history li{padding-inline:12px;padding-bottom:16px} @media (prefers-reduced-motion:reduce){#canvas .brand-history li,#canvas .brand-history .history-label>span,#canvas #aboutPartners .partners-cta>a{transition:none}} /* ===== insight-mosaic.css ===== */ /* 0910-34: article grids share case-mosaic.js placement and measured row height. Scoped to the two listing grids; article detail and its reading column stay intact. */ #canvas :is(#homeArticles,#insightList), #canvas #insightList.short-list{ display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); grid-auto-rows:var(--case-cell-height,240px); gap:12px; align-items:stretch; } /* Repeat .article to supersede the prototype's older phone/first-card variants. */ #canvas :is(#homeArticles,#insightList)>.article.article-link:nth-child(n){ position:relative; display:block; grid-template-columns:none; grid-column:var(--case-col,span 2); grid-row:var(--case-line,auto); min-width:0; min-height:0; width:auto; height:auto; aspect-ratio:auto; margin:0; padding:0; gap:0; border:0; overflow:hidden; background:#eeeeec; color:#fff; text-decoration:none; isolation:isolate; container-type:inline-size; } #canvas :is(#homeArticles,#insightList)>.article.article-link:nth-child(n)>.article-cover{ position:absolute; inset:0; width:100%; height:100%; min-height:0; aspect-ratio:auto; margin:0; padding:16px; border:0; flex:none; z-index:0; color:var(--muted,#636363); } /* 0910-41: match case cards; no second gradient over the image. */ #canvas :is(#homeArticles,#insightList)>.article.article-link::after{ content:none; position:absolute; inset:0; pointer-events:none; z-index:1; background:linear-gradient(180deg,rgba(15,18,21,.08) 0%,rgba(15,18,21,.24) 34%,rgba(15,18,21,.82) 100%); transition:background-color 220ms ease; } #canvas :is(#homeArticles,#insightList)>.article.article-link:nth-child(n) .article-copy{ position:absolute; inset:0; z-index:2; display:flex; flex-direction:column; align-items:flex-start; justify-content:flex-start; min-width:0; width:100%; max-height:100%; margin:0; padding:26px; gap:10px; flex:none; background:rgba(30,33,37,.91); color:#fff; pointer-events:none; opacity:1; transition:opacity 240ms ease; } #canvas :is(#homeArticles,#insightList)>.article.article-link:nth-child(n) .article-copy>.note{ display:block; margin:0; padding:0; font-size:13px; line-height:1.45; font-weight:400; color:#fff; opacity:.9; } #canvas :is(#homeArticles,#insightList)>.article.article-link:nth-child(n) h2{ margin:0; padding:0; max-width:100%; font-size:clamp(20px,2vw,29px); line-height:1.35; font-weight:500; color:#fff; overflow-wrap:anywhere; text-wrap:balance; text-decoration-thickness:1px; text-underline-offset:5px; } #canvas :is(#homeArticles,#insightList) h2 .title-word{white-space:nowrap} #canvas :is(#homeArticles,#insightList)>.article.article-link:nth-child(n)>.article-cover>span:not(.asset-info){position:absolute;top:16px;left:16px;max-width:calc(100% - 32px)} #canvas :is(#homeArticles,#insightList).compact-cases>.article.article-link:nth-child(n)>.article-cover>span:not(.asset-info){display:none} /* Summaries are available inside the article; list cards keep the complete title. */ #canvas :is(#homeArticles,#insightList)>.article.article-link:nth-child(n) .article-excerpt{ display:none; } #canvas :is(#homeArticles,#insightList)>.article.article-link:nth-child(n) .article-copy>span{display:block;margin-top:auto;font-size:12px} #canvas :is(#homeArticles,#insightList)>.article.article-link:nth-child(n)>.article-cover :is(img,picture){ transition:transform 320ms ease; } #canvas :is(#homeArticles,#insightList)>.article.article-link:hover::after, #canvas :is(#homeArticles,#insightList)>.article.article-link:focus-visible::after{ background-color:rgba(12,15,18,.18); } #canvas :is(#homeArticles,#insightList)>.article.article-link:focus-visible{ outline:2px solid #222; outline-offset:4px; } @media (hover:hover) and (pointer:fine){ #canvas :is(#homeArticles,#insightList)>.article.article-link:not(:focus-visible) .article-copy{opacity:0} #canvas :is(#homeArticles,#insightList)>.article.article-link:hover .article-copy, #canvas :is(#homeArticles,#insightList)>.article.article-link:focus-visible .article-copy{opacity:1} #canvas :is(#homeArticles,#insightList)>.article.article-link:hover h2{text-decoration:none} #canvas :is(#homeArticles,#insightList)>.article.article-link:hover>.article-cover>span:not(.asset-info), #canvas :is(#homeArticles,#insightList)>.article.article-link:focus-visible>.article-cover>span:not(.asset-info){opacity:0} #canvas :is(#homeArticles,#insightList)>.article.article-link:hover>.article-cover>img, #canvas :is(#homeArticles,#insightList)>.article.article-link:hover>.article-cover>picture{ transform:scale(1.025); } } /* Grid height, rather than viewport width alone, determines compact typography. */ #canvas :is(#homeArticles,#insightList).compact-cases>.article.article-link:nth-child(n) h2{ font-size:clamp(16px,3cqw,24px); line-height:1.4; } #canvas.phone :is(#homeArticles,#insightList), #canvas.phone #insightList.short-list{ grid-template-columns:1fr; grid-auto-rows:auto; gap:20px; } #canvas.phone :is(#homeArticles,#insightList)>.article.article-link:nth-child(n){ display:block; grid-column:auto; grid-row:auto; aspect-ratio:4/3; min-height:0; margin:0; padding:0; } #canvas.phone :is(#homeArticles,#insightList)>.article.article-link:nth-child(n)>.article-cover{ height:100%; aspect-ratio:auto; padding:14px; border:0; } #canvas.phone :is(#homeArticles,#insightList)>.article.article-link:nth-child(n)>.article-cover>span:not(.asset-info){display:none} #canvas.phone :is(#homeArticles,#insightList)>.article.article-link:nth-child(n) .article-copy{ padding:16px; gap:4px; opacity:1!important; justify-content:flex-end; background:linear-gradient(180deg,transparent 5%,rgba(20,23,27,.88) 72%); } #canvas.phone :is(#homeArticles,#insightList)>.article.article-link:nth-child(n) .article-copy>span{display:none} #canvas.phone :is(#homeArticles,#insightList)>.article.article-link:nth-child(n) h2{ font-size:clamp(18px,6cqw,23px); line-height:1.4; } #canvas.phone :is(#homeArticles,#insightList)>.article.article-link:nth-child(n) .article-copy>.note{ font-size:12px; } @media (hover:none){ #canvas :is(#homeArticles,#insightList)>.article.article-link:nth-child(n) .article-copy{ opacity:1;justify-content:flex-end; background:linear-gradient(180deg,transparent 5%,rgba(20,23,27,.88) 72%); } #canvas :is(#homeArticles,#insightList)>.article.article-link:nth-child(n) .article-copy>span, #canvas :is(#homeArticles,#insightList)>.article.article-link:nth-child(n)>.article-cover>span:not(.asset-info){display:none} } @media (prefers-reduced-motion:reduce){ #canvas :is(#homeArticles,#insightList)>.article.article-link::after, #canvas :is(#homeArticles,#insightList)>.article.article-link .article-copy, #canvas :is(#homeArticles,#insightList)>.article.article-link:nth-child(n)>.article-cover :is(img,picture){ transition:none; transform:none; } } /* 0910-50: borrowed cards keep their own category and a visible recommendation label. */ #canvas :is(#resultCount,#insightCount).mosaic-count{font-size:13px;line-height:1.7;color:var(--muted);margin:0 0 20px} #canvas :is(#caseList,#insightList)>.is-recommended>.mosaic-recommendation{position:absolute;top:10px;left:14px;z-index:4;max-width:calc(100% - 28px);padding:3px 8px;background:var(--accent);color:#111315;font-size:11px;font-weight:500;line-height:1.5;white-space:nowrap;pointer-events:none} #canvas #caseList>.case.is-recommended .case-overlay{padding-top:48px} #canvas #insightList>.article.article-link.is-recommended:nth-child(n) .article-copy{padding-top:48px} #canvas #insightList>.article.article-link.is-recommended:nth-child(n)>.article-cover>span:not(.tag,.asset-info){top:48px} #canvas #caseList.compact-cases>.case.is-recommended .case-overlay{padding-top:36px} #canvas #insightList.compact-cases>.article.article-link.is-recommended:nth-child(n) .article-copy{padding-top:36px;gap:3px} #canvas #insightList.compact-cases>.article.article-link.is-recommended:nth-child(n) .article-copy>span{display:none} #canvas.phone #caseList>.case.is-recommended .case-overlay,#canvas.phone #insightList>.article.article-link.is-recommended:nth-child(n) .article-copy{padding-top:44px} @media (hover:none){ #canvas #caseList>.case.is-recommended .case-overlay,#canvas #insightList>.article.article-link.is-recommended:nth-child(n) .article-copy{padding-top:44px} } /* ===== site-motion.css ===== */ /* 0910-54: shared motion tokens. Content is visible without JavaScript. */ #canvas{ --motion-enter:220ms; --motion-hover:220ms; --motion-disclose:320ms; --motion-stagger:50ms; --motion-ease:cubic-bezier(.22,1,.36,1); } #canvas .motion-number{font-style:normal;font-weight:500;font-variant-numeric:lining-nums tabular-nums;letter-spacing:-.045em;color:var(--ink)} #canvas #team .member-experience .motion-number{font-size:26px;line-height:1;vertical-align:-2px;margin-right:3px} #canvas .pricing-cost .motion-number{font-size:32px;line-height:1.35} #canvas .pricing-cost .annual-price .motion-number{font-size:27px} #canvas #annualPlans .motion-fee-row td{vertical-align:baseline;padding-block:22px} #canvas #annualPlans .motion-fee-row .motion-number{font-size:30px;line-height:1.35;white-space:nowrap} #canvas .motion-price-unit{font-size:13px;letter-spacing:0;font-weight:400} #canvas #annualPlans .motion-fee-row{background:#f5f5f2} @media (max-width:767px){ #canvas .pricing-cost .motion-number{font-size:28px} #canvas .pricing-cost .annual-price .motion-number{font-size:24px} #canvas #annualPlans .motion-fee-row .motion-number{font-size:25px} #canvas #team .member-experience .motion-number{font-size:24px} } @media print{ } /* Existing components keep their own states and colors. Only timing is unified; these properties win over older per-component transition shorthands. */ #canvas :is(button,.contact-action,.social-link,.brand-primary-link,.motion-link-arrow,.service-arrow,.case-arrow,.case-overlay,.case-visual,.article-cover,.pricing-row,.process-card,.task-example-card,.service-note-card,.annual-note-card,.points-category,.cooperation-steps>li,.conversation-topics>li,.brand-history>li,.method-point,.faq-list details,.faq-list summary,#annualPlans .plan-cell-content,#annualPlans .plan-title), #canvas .site-header nav a::after, #canvas #contactConversation .conversation-topics>li::before{ transition-duration:var(--motion-hover)!important; transition-timing-function:var(--motion-ease)!important; } #canvas .faq-list summary::after{ transition-duration:var(--motion-disclose)!important; transition-timing-function:var(--motion-ease)!important; } #canvas :is(#contactCommon,#contact .contact-details){ transition-duration:var(--motion-disclose)!important; transition-timing-function:var(--motion-ease)!important; } /* The approved card hover is a restrained 2px lift, independent of the entrance transform. The carousel and gallery keep their own touch behavior. */ #canvas :is(.process-card,.task-example-card,#contactConversation .conversation-topics>li,#annualPlans .plan-cell-content,#annualPlans .plan-title){translate:none!important} #canvas #annualPlans .plan-title{transition:translate var(--motion-hover) var(--motion-ease)} #canvas :is(.process-index,.cooperation-number,.conversation-number,.history-year){ text-decoration-line:underline; text-decoration-color:transparent; text-decoration-thickness:1px; text-underline-offset:6px; transition:text-decoration-color var(--motion-hover) var(--motion-ease); } #canvas :is(.process-card,.cooperation-steps>li,.conversation-topics>li,.brand-history>li):focus-within :is(.process-index,.cooperation-number,.conversation-number,.history-year){text-decoration-color:var(--accent)} @media (hover:hover) and (pointer:fine){ #canvas :is(.process-card,.task-example-card,#contactConversation .conversation-topics>li):hover{translate:0 -2px!important} #canvas #annualPlans tbody tr:hover .plan-cell-content, #canvas #annualPlans thead th:hover .plan-title{translate:0 -2px!important} #canvas :is(.process-card,.cooperation-steps>li,.conversation-topics>li,.brand-history>li):hover :is(.process-index,.cooperation-number,.conversation-number,.history-year){text-decoration-color:var(--accent)} } /* The motion controller owns this entrance, avoiding a CSS + JS double fade. */ #canvas .social-qr-panel:not([hidden]){animation:none!important} @media (prefers-reduced-motion:reduce){ #canvas :is(button,.contact-action,.social-link,.brand-primary-link,.motion-link-arrow,.service-arrow,.case-arrow,.case-overlay,.case-visual,.article-cover,.pricing-row,.process-card,.task-example-card,.service-note-card,.annual-note-card,.points-category,.cooperation-steps>li,.conversation-topics>li,.brand-history>li,.method-point,.faq-list details,.faq-list summary,.process-index,.cooperation-number,.conversation-number,.history-year,#annualPlans .plan-cell-content,#annualPlans .plan-title), #canvas .faq-list summary::after, #canvas .site-header nav a::after, #canvas #contactConversation .conversation-topics>li::before, #canvas :is(#contactCommon,#contact .contact-details){transition-duration:0s!important;transition-delay:0s!important} #canvas [data-motion-kind]{opacity:1!important;transform:none!important;clip-path:none!important} #canvas :is(.process-card,.task-example-card,#contactConversation .conversation-topics>li):hover, #canvas #annualPlans tbody tr:hover .plan-cell-content, #canvas #annualPlans thead th:hover .plan-title{translate:none!important} } /* ===== dark-theme.css ===== */ /* Zhamo dark theme. Load after the prototype and its three existing stylesheets. Only color-related declarations are overridden; original geometry and media behavior remain in their owning stylesheets. Image pixels are never filtered. Generated from the actual CSS cascade with tinycss2, then refined by role. */ :root{color-scheme:dark;--page-bg:#111315;--surface:#1b1e22;--surface-hover:#252a30;--ink:#eceeed;--muted:#b0b4b9;--rule:#35393e;--accent:#B3C224} html,body,body.site-preview{background:#111315;color:#eceeed} /* Inline source 1 color overrides */ body{background:#111315;color:#eceeed;} button{background:#1b1e22;border:1px solid #35393e;} button:hover,a:hover{background:#252a30;} button:focus-visible,a:focus-visible{outline:3px solid #B3C224;} button[aria-pressed=true]{color:#eceeed;} .review{background:#1b1e22;border-bottom:1px solid #35393e;} .hint{color:#b0b4b9;} #canvas{background:#111315;border:1px solid #35393e;} .site-header{border-bottom:1px solid #35393e;} section{border-bottom:1px solid #35393e;} .note{color:#b0b4b9;} .tag{border:1px dashed #35393e;background:#1b1e22;} .ph{background:linear-gradient(to top right,transparent calc(50% - .5px),#35393e 50%,transparent calc(50% + .5px)),linear-gradient(to bottom right,transparent calc(50% - .5px),#35393e 50%,transparent calc(50% + .5px)),#1b1e22;border:1px solid #35393e;} .ph span{background:#1b1e22;} .case{border:1px solid #35393e;background:#1b1e22;} .caption{border-top:1px solid #35393e;background:#1b1e22;} .caption small{color:#b0b4b9;} .mosaic.casearchive .case.placeholder{background:#1b1e22;} .loadmore button{background:#1b1e22;} .rows{border-top:1px solid #35393e;} .row{border-bottom:1px solid #35393e;} .service-tabs a{border:1px solid #35393e;} .lines{background:repeating-linear-gradient(to bottom,#35393e 0,#35393e 7px,transparent 7px,transparent 24px);} .article{border:1px solid #35393e;} .member p{border-bottom:1px solid #35393e;} .foot{border-top:1px solid #35393e;} dialog{border:1px solid #35393e;} #canvas.compact-nav .site-header nav{border-top:1px solid #35393e;} #canvas.compact-nav .site-header nav a{border-bottom:1px solid #35393e;} .reading .related a{border:1px solid #35393e;} #homeArticles>.article-link>.article-cover,#insightList>.article-link>.article-cover{border-right:1px solid #35393e;} .article-copy .article-excerpt{color:#b0b4b9;} #homeArticles>.article-link:nth-child(3n/**/+1)>.article-cover,#insightList>.article-link:nth-child(3n/**/+1)>.article-cover{border-bottom:1px solid #35393e;} .phone #homeArticles>.article-link:nth-child(n)>.article-cover,.phone #insightList>.article-link:nth-child(n)>.article-cover{border-right:1px solid #35393e;} #articleDetail .article-heading{background:#1b1e22;} #articleDetail .article-meta{color:#b0b4b9;} .article-prose{color:#b0b4b9;} .article-prose h2{color:#eceeed;} .article-prose figcaption{color:#b0b4b9;} .article-prose .article-back{border-top:1px solid #35393e;} .article-sidebar{background:#1b1e22;} .article-sidebar>h2{border-bottom:1px solid #35393e;} .article-sidebar h2 small{color:#b0b4b9;} .sidebar-article{border-bottom:1px solid #35393e;} .sidebar-article p{color:#b0b4b9;} #articleRelated .sidebar-article{border-bottom:1px solid #35393e;} #articleRelated .sidebar-article.is-preview{background:#1b1e22;} .workflow-step{border-top:1px solid #35393e;} .workflow-step .step-no{color:#b0b4b9;} .case-facts dt{color:#b0b4b9;} .case-wide figcaption,.result-pair figcaption{color:#b0b4b9;} .contact-channel{border-top:1px solid #35393e;} .contact-channel button:disabled{color:#b0b4b9;border-color:#35393e;} #insightList>.article-link:nth-child(n)>.article-cover{border-bottom:1px solid #35393e;} #insightList>.article-link:nth-child(4n/**/+4)>.article-cover{border-right:1px solid #35393e;} .phone #insightList>.article-link:nth-child(n)>.article-cover{border-right:1px solid #35393e;} .filter-rail::before{background:linear-gradient(to right,#111315,transparent);} .filter-rail::after{background:linear-gradient(to left,#111315,transparent);} .logo-slot{border:1px dashed #35393e;color:#b0b4b9;} .logo-slot small{color:#b0b4b9;} .pricing-row{border-top:1px solid #35393e;} .pricing-cost small{color:#b0b4b9;} .pricing-title-en{color:#b0b4b9;} .faq-list details{border-top:1px solid #35393e;} .faq-list details:last-child{border-bottom:1px solid #35393e;} .faq-list summary:focus-visible{outline:2px solid #B3C224;} .faq-answer{color:#b0b4b9;} .filters>a{border:1px solid #35393e;} .asset-info em{color:#b0b4b9;} #imageTasks{border:1px solid #35393e;background:#1b1e22;} .task-item{border:1px solid #35393e;} .asset-focused{outline:3px solid #B3C224;} .contact-action{border:1px solid #35393e;} #copyStatus:not(:empty){color:#eceeed;} body.site-preview{background:#111315;} .site-preview #exitSitePreview{background:#1b1e22;} #homeServices .service-link::before{background:rgba(187,202,26,.065);} #homeServices .service-link:focus-visible{outline:2px solid #B3C224;} #homeMethod .method-example{border-top:1px solid #35393e;} #homeCases .case,#caseList .case.detail{background:#1b1e22;} #homeCases .case-visual,#caseList .case.detail .case-visual{border:1px solid #35393e;} #homeCases .case-overlay,#caseList .case-overlay{color:#eceeed;} #homeCases .home-future{border:1px dashed #35393e;background:#1b1e22;} #homeCases .home-future .ph{background-color:#1b1e22;color:#b0b4b9;} #homeCases .home-future:hover{background:#252a30;} /* Inline source 2 color overrides */ .copy-table th,.copy-table td{border-bottom:1px solid #35393e;} .case-wide figcaption{color:#b0b4b9;} .review-reading-note{color:#b0b4b9;} /* Inline source 4 color overrides */ .table-scroll:focus-visible{outline:2px solid #B3C224;} .faq-permalink{color:#b0b4b9;} .phone #annualPlans .table-scroll::before{color:#b0b4b9;} /* Inline source 6 color overrides */ #heroCount{color:#b0b4b9;} /* layout-calibration.css color overrides */ #canvas .site-header{background:#111315;} #canvas.compact-nav .site-header nav{background:#111315;} #canvas button{border-color:#35393e;} #canvas #caseList>.case.placeholder>.caption{background:rgba(27,30,34,0.871);} #canvas .ph{background-color:#1b1e22;} #canvas .article-sidebar{background:#1b1e22;} #canvas #team .teamwindow:focus-visible{outline:2px solid #B3C224;} #canvas #annualPlans .copy-table thead th{background:#1b1e22;color:#eceeed;} #canvas .logo-slot{border-color:#35393e;} #canvas #team .member{background:#1b1e22;} /* insight-mosaic.css color overrides */ #canvas :is(#homeArticles,#insightList)>.article.article-link:nth-child(n){background:#1b1e22;color:#eceeed;} #canvas :is(#homeArticles,#insightList)>.article.article-link:nth-child(n)>.article-cover{color:var(--muted,#b0b4b9);} #canvas :is(#homeArticles,#insightList)>.article.article-link:nth-child(n) .article-copy{color:#eceeed;} #canvas :is(#homeArticles,#insightList)>.article.article-link:nth-child(n) .article-copy>.note{color:#eceeed;} #canvas :is(#homeArticles,#insightList)>.article.article-link:nth-child(n) h2{color:#eceeed;} #canvas :is(#homeArticles,#insightList)>.article.article-link:focus-visible{outline:2px solid #B3C224;} /* site-motion.css color overrides */ #canvas #annualPlans .motion-fee-row{background:#1b1e22;} /* Explicit component roles: canvas, reading surfaces, controls and annotation UI. */ :root{--ink:#eceeed;--muted:#b0b4b9;--rule:#35393e} body,button,a,dialog{color:var(--ink)} #canvas,body.site-preview #canvas{background-color:var(--page-bg);color:var(--ink)} #canvas .site-header,#canvas.compact-nav .site-header nav{background:var(--page-bg);color:var(--ink)} #canvas .main-content,#canvas #main-content{background-color:var(--page-bg);color:var(--ink)} #canvas .inner{background-color:transparent} #canvas .article-prose,#canvas .faq-answer{color:#d6d9dc} #canvas .article-sidebar{background:var(--surface)} #canvas .ph{background-color:var(--surface)} #canvas .ph>span{background:var(--surface);color:var(--muted)} #canvas .ph .asset-info{color:var(--ink);background:rgba(27,30,34,.95)} #canvas .asset-info em{color:var(--muted)} #canvas .lines{background:repeating-linear-gradient(to bottom,var(--rule) 0,var(--rule) 7px,transparent 7px,transparent 24px)} #canvas .filter-rail::before{background:linear-gradient(to right,var(--page-bg),transparent)} #canvas .filter-rail::after{background:linear-gradient(to left,var(--page-bg),transparent)} #canvas #annualPlans .copy-table thead th,#canvas #annualPlans .motion-fee-row{background:var(--surface);color:var(--ink)} #canvas #team .member{background:var(--surface);box-shadow:inset 0 0 0 1px var(--rule)} button,.contact-action{background:var(--surface);border-color:var(--rule);color:var(--ink)} button:hover,.contact-action:hover{background:var(--surface-hover);color:var(--ink)} button[aria-pressed=true],#canvas button[aria-pressed=true]{background:var(--accent);color:#111315;border-color:var(--accent)} #canvas button:disabled{color:#899198;border-color:var(--rule)} #canvas .filters button[aria-pressed=true],#canvas .filters>a[aria-current]{background:var(--accent);color:#111315} #canvas #teamMotionToggle{background:transparent;color:var(--muted)} #canvas #teamMotionToggle:hover{color:var(--ink);background:transparent} #canvas #teamMotionToggle[aria-pressed=true]{background:transparent;color:var(--accent);border-color:transparent} #canvas .site-header nav a:hover{background:transparent;color:var(--ink)} #canvas .site-header nav a[aria-current=page]::after{background:var(--accent)} #canvas #homeServices .service-link::before{background:rgba(187,202,26,.065)} #canvas #homeProfile .profile-copy>.profile-readmore:focus-visible{outline-color:var(--accent)} #canvas #team .teamwindow:focus-visible,#canvas .table-scroll:focus-visible,.asset-focused{outline-color:var(--accent)} dialog,#imageTasks{background:var(--surface);color:var(--ink);border-color:var(--rule)} dialog::backdrop,#imageTasks::backdrop{background:rgba(0,0,0,.7)} .review,.reviewnote,.site-preview #exitSitePreview{color:var(--ink)} .review,.site-preview #exitSitePreview{background:var(--surface);border-color:var(--rule)} .hint,.note,.review-reading-note{color:var(--muted)} #copyStatus:not(:empty){background:var(--accent);color:#111315;box-shadow:0 4px 20px rgba(0,0,0,.35)} ::selection{background:#B3C224;color:#111315} /* QR pixel colors and authored artwork are preserved. The source QR already includes its white quiet zone; surrounding captions use the page palette. */ #canvas .real-qr{background:transparent;color:var(--ink)} #canvas .real-qr>span,#canvas .real-qr .note{background:transparent;color:var(--muted)} /* Case and article overlays retain their existing dark scrim and white text. Do not apply the generic muted-note rule inside these image overlays. */ #canvas .case-overlay,#canvas .case-overlay :is(strong,span,small), #canvas :is(#homeArticles,#insightList) .article-copy, #canvas :is(#homeArticles,#insightList) .article-copy :is(h2,.note,span){color:#fff} #canvas :is(#homeArticles,#insightList)>.article.article-link:focus-visible{outline-color:var(--accent)} @media print{ :root{color-scheme:dark} body,#canvas{-webkit-print-color-adjust:exact;print-color-adjust:exact} } /* ===== contact-gallery.css ===== */ /* 0910-42: shared image edges, uncropped portrait art and restrained contact glass. */ #canvas .brand-logo-crop{aspect-ratio:1871/572} #canvas .brand-logo-crop img{width:202.0309995%;left:-12.9342598%;top:-24.1258741%} #canvas #caseContent>.case-wide,#canvas #caseContent>section>.case-wide{width:100%;min-width:0} #canvas #caseContent>.case-wide .ph,#canvas #caseContent>section>.case-wide .ph{width:100%;height:clamp(260px,42vw,680px);aspect-ratio:auto;max-height:none;min-width:0} #canvas #caseContent .ph>img{object-fit:contain} #canvas #caseContent .case-wide figcaption{color:var(--muted);font-size:14px;line-height:1.8;margin-top:12px} #canvas .case-gallery{width:100%;margin:32px 0 0;min-width:0} #canvas .gallery-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px} #canvas .gallery-heading p{margin:0;font-size:16px} #canvas .gallery-heading small{margin-left:12px;color:var(--muted);font-size:12px} #canvas .gallery-controls{display:flex;gap:8px} #canvas .gallery-controls button{width:44px;height:44px;padding:0;border-radius:50%} #canvas .gallery-controls button:disabled{opacity:.3;cursor:default} #canvas .portrait-rail{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 32px)/3);gap:16px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#626970 #1b1e22;min-width:0;padding-bottom:16px;touch-action:pan-x pan-y} #canvas .portrait-rail>.case-wide{width:100%;min-width:0;margin:0;scroll-snap-align:start} #canvas .portrait-rail>.case-wide .ph{width:100%;height:auto;aspect-ratio:3/4;min-height:0;max-height:560px} #canvas .portrait-rail.can-drag{cursor:grab} #canvas .portrait-rail.is-dragging{cursor:grabbing;scroll-snap-type:none;user-select:none} #canvas .gallery-instruction{font-size:12px;color:var(--muted);margin:8px 0 0} #canvas #caseContent .case-long .ph{height:auto;aspect-ratio:auto;max-height:none} #canvas #caseContent .case-long .ph>img{position:static;width:100%;height:auto;display:block} #canvas #caseContent .case-long{max-width:960px;margin-inline:auto} #canvas #contactCommon,#canvas #contact .contact-details{position:relative;isolation:isolate;border:1px solid #363b40;border-radius:12px;background:radial-gradient(ellipse at 100% 0%,#B3C2240b,transparent 55%),linear-gradient(135deg,#191d21d9,#090c0ff2);box-shadow:0 16px 48px #00000014;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);padding:clamp(24px,3.2vw,48px);margin-block:48px} #canvas #contactCommon .sectionhead{margin-bottom:24px} #canvas #contact .contact-details{margin-top:0} #canvas #contact .contact-layout,#canvas #contactCommon .contact{display:grid;grid-template-columns:minmax(0,1fr) 216px;gap:clamp(24px,5vw,72px);align-items:start} #canvas #contact .contact-channels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px} #canvas #contact .contact-channel,#canvas #contact .contact-channel:first-child{border-top:0;padding-top:0;padding-bottom:0;min-width:0} #canvas #contact .contact-channel h2{margin-top:0} #canvas #contact .contact-phone-row{flex-wrap:wrap} #canvas #contactCommon .contact>div:first-child>h2{font-size:clamp(25px,2.5vw,36px);margin-top:0} #canvas #contactCommon .contact>div:first-child>p{max-width:660px} #canvas :is(#contact,#contactCommon) :is(button,.contact-action,.social-link){position:relative;border-radius:6px;border:1px solid #4b5259;background:linear-gradient(120deg,#ffffff06,#ffffff00);color:var(--ink);transition:border-color .24s,background .24s,box-shadow .24s;box-shadow:inset 0 1px #ffffff05;text-decoration:none} #canvas :is(#contact,#contactCommon) :is(button,.contact-action,.social-link):not(:disabled):hover,#canvas :is(#contact,#contactCommon) :is(button,.contact-action,.social-link):focus-visible{border-color:#B3C224;box-shadow:0 0 18px #B3C2241b,inset 0 1px #e8f45e55;background:linear-gradient(120deg,#B3C22416,#ffffff03)} #canvas .social-channels{grid-column:1/-1;border-top:1px solid #35393e;padding-top:22px;margin-top:4px;display:flex;align-items:center;gap:12px 16px;flex-wrap:wrap} #canvas .social-channels>p{margin:0 10px 0 0;color:var(--muted);font-size:13px} #canvas .social-channels :is(button,a){padding:10px 16px;font-size:14px;min-width:100px;min-height:44px} #canvas .social-channels button:disabled{opacity:.7;cursor:default;border-style:dashed;color:var(--muted)} #canvas .social-channels .production-note{flex-basis:100%;margin:0;font-size:12px} @media (max-width:1050px){#canvas #contact .contact-channels{grid-template-columns:1fr;gap:28px}} @media (max-width:767px){ #canvas .portrait-rail{grid-auto-columns:82%;gap:14px} #canvas .portrait-rail>.case-wide .ph{max-height:none} #canvas #caseContent>.case-wide .ph,#canvas #caseContent>section>.case-wide .ph{height:auto;aspect-ratio:3/4} #canvas #contact .contact-layout,#canvas #contactCommon .contact{grid-template-columns:1fr;gap:28px} #canvas #contactCommon,#canvas #contact .contact-details{padding:24px 20px;margin-block:32px} #canvas .social-channels{gap:12px;margin-top:0} #canvas .social-channels>p{flex-basis:100%} #canvas .social-channels :is(button,a){min-width:0;padding-inline:12px} } #canvas.phone .portrait-rail{grid-auto-columns:82%} #canvas.phone .personal-qr-card{justify-self:start} /* 0910-43: brand accents, public-account hover card and useful contact details. */ #canvas .brand-emphasis{color:var(--accent)} #canvas #homeIntro .brand-primary-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:9px 20px;margin-right:12px;background:var(--accent);color:#111315;border:1px solid var(--accent);border-radius:4px;text-decoration:none} #canvas #homeIntro .brand-primary-link:hover{background:#d0df35;box-shadow:0 0 20px #B3C22425} #canvas .sectionhead>h2::before{content:"";display:inline-block;width:5px;height:.72em;background:var(--accent);margin-right:12px;vertical-align:baseline} #canvas .site-header nav a[aria-current=page],#canvas .cooperation-number,#canvas .conversation-number,#canvas .brand-history .history-year,#canvas .member-experience .motion-number{color:var(--accent)} #canvas #contact .contact-intro h1{color:var(--accent)} #canvas #contact [data-copy-wechat],#canvas #contactCommon [data-copy-wechat]{background:var(--accent);color:#111315;border-color:var(--accent)} #canvas #contact [data-copy-wechat]:hover,#canvas #contactCommon [data-copy-wechat]:hover{background:#d0df35;color:#111315} #canvas #contactCommon,#canvas #contact .contact-details{border-top-color:#B3C22480;background:radial-gradient(ellipse at 100% 0%,#B3C22416,transparent 60%),linear-gradient(135deg,#191d21e6,#090c0ff2)} #canvas .contact-extra{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;grid-column:1/-1;padding-top:24px;border-top:1px solid var(--rule);min-width:0} #canvas #contactCommon .contact-extra{margin-top:26px} #canvas .contact-extra>div{min-width:0} #canvas .contact-extra .contact-info-label{font-size:13px;line-height:1.6;color:var(--muted);margin:0 0 10px} #canvas .contact-extra a{font-size:17px;line-height:1.8;color:var(--accent);text-decoration:none;overflow-wrap:anywhere;display:inline-flex;min-height:36px;align-items:center} #canvas .contact-extra a:hover{text-decoration:underline;background:transparent} #canvas .contact-extra address{font-style:normal;font-size:16px;line-height:1.8;overflow-wrap:anywhere;color:var(--ink)} #canvas .personal-qr-card{width:216px;max-width:100%;justify-self:end;padding:16px;border:1px solid #43494f;border-radius:8px;background:#111519b3} #canvas .personal-qr-card .personal-qr-label{font-size:13px;line-height:1.6;margin:0 0 12px;color:var(--muted)} #canvas .personal-qr-card .real-qr{width:100%;background:transparent;margin:0;max-width:184px} #canvas .personal-qr-card .qr-caption{font-size:12px;line-height:1.6;text-align:center;margin:10px 0 0;color:var(--muted)} #canvas .social-wechat{position:relative;display:inline-flex;align-self:center} #canvas .social-wechat::before{content:"";position:absolute;left:0;right:0;bottom:100%;height:14px} #canvas .social-wechat.is-below::before{bottom:auto;top:100%} #canvas .social-wechat.is-right::before{left:100%;right:auto;top:0;bottom:0;width:14px;height:auto} #canvas .social-wechat.is-left::before{right:100%;left:auto;top:0;bottom:0;width:14px;height:auto} #canvas .social-qr-trigger{border-color:#B3C22499;color:var(--accent);min-width:100px} #canvas .social-qr-trigger[aria-expanded=true]{border-color:var(--accent);box-shadow:0 0 18px #B3C22424;color:var(--accent)} #canvas .social-qr-panel{position:absolute;inset-inline-end:0;bottom:calc(100% + 10px);width:218px;padding:16px;border:1px solid #B3C2248c;background:#171b1f;box-shadow:0 12px 40px #0007;border-radius:8px;z-index:5;overflow-y:auto;overscroll-behavior:contain} #canvas .social-qr-panel:not([hidden]){animation:public-qr-enter .22s cubic-bezier(.2,.8,.3,1) backwards} #canvas .social-wechat.is-below .social-qr-panel{bottom:auto;top:calc(100% + 10px)} #canvas .social-qr-panel>p{margin:10px 0 0;text-align:center;font-size:13px;color:var(--ink)} #canvas .official-qr-image{width:184px;max-width:100%;background:transparent;margin-inline:auto} #canvas .official-qr-image>img{width:100%;height:auto;aspect-ratio:1;display:block;object-fit:contain} #canvas .official-qr-image .asset-info{display:block;font-size:11px} @keyframes public-qr-enter{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}} @media (max-width:1050px){#canvas #contact .contact-extra{grid-template-columns:1fr;gap:22px}} @media (max-width:767px){#canvas .contact-extra{grid-template-columns:1fr;gap:22px}#canvas .personal-qr-card{justify-self:start}#canvas .social-qr-trigger{min-width:0}#canvas .social-qr-panel{width:218px}} #canvas.phone .contact-extra{grid-template-columns:1fr} @media (prefers-reduced-motion:reduce){#canvas .social-qr-panel:not([hidden]){animation:none}} /* 0910-46: shared contact grid, unframed personal QR and one-click email copy. */ #canvas :is(#contact,#contactCommon) .contact-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 32px;align-items:start} #canvas #contactCommon .contact-info-grid{margin-top:28px} #canvas :is(#contact,#contactCommon) .contact-field{min-width:0} #canvas :is(#contact,#contactCommon) .contact-field:nth-child(n/**/+3){border-top:1px solid var(--rule);padding-top:24px} #canvas :is(#contact,#contactCommon) .contact-info-label{font-size:13px;line-height:1.6;font-weight:400;color:var(--muted);margin:0 0 10px} #canvas :is(#contact,#contactCommon) .contact-field-value{margin:0 0 14px;font-size:19px;line-height:1.6;font-weight:500} #canvas :is(#contact,#contactCommon) .contact-field-value a{font:inherit;color:var(--ink);border:0;text-decoration:none;white-space:nowrap} #canvas :is(#contact,#contactCommon) .contact-field>.contact-action{display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;min-height:44px;font-size:14px} #canvas :is(#contact,#contactCommon) .contact-field>[data-copy-wechat]{padding:10px 16px;min-height:44px;font-size:14px} #canvas :is(#contact,#contactCommon) .contact-email-copy{display:flex;align-items:center;flex-wrap:wrap;gap:4px 12px;max-width:100%;min-width:0;min-height:44px;padding:0;margin:-7px 0 0;background:none;border:0;border-radius:0;box-shadow:none;color:var(--accent);font-size:18px;line-height:1.8;text-align:left;cursor:pointer} #canvas :is(#contact,#contactCommon) .contact-email-copy:hover,#canvas :is(#contact,#contactCommon) .contact-email-copy:focus-visible{background:none;border:0;box-shadow:none} #canvas :is(#contact,#contactCommon) .contact-email-copy:hover .contact-email-value{text-decoration:underline;text-underline-offset:4px} #canvas .contact-email-value{overflow-wrap:anywhere;user-select:text} #canvas .contact-copy-hint{font-size:12px;color:var(--muted);white-space:nowrap} #canvas :is(#contact,#contactCommon) .contact-field address{font-size:16px;font-style:normal;line-height:1.8;color:var(--ink);overflow-wrap:anywhere} #canvas .personal-qr-card{width:184px;max-width:100%;padding:0;border:0;border-radius:0;background:none;box-shadow:none} #canvas .personal-qr-card .real-qr{width:184px;max-width:100%;margin:0;border:0;background:none} #canvas #contact .contact-layout,#canvas #contactCommon .contact{grid-template-columns:minmax(0,1fr) 184px} @media (max-width:1023px){#canvas #contact .contact-layout,#canvas #contactCommon .contact{grid-template-columns:1fr}#canvas .personal-qr-card{justify-self:start}} @media (max-width:767px){#canvas :is(#contact,#contactCommon) .contact-info-grid{grid-template-columns:1fr;gap:24px}#canvas :is(#contact,#contactCommon) .contact-field:nth-child(n/**/+2){border-top:1px solid var(--rule);padding-top:20px}} #canvas.phone :is(#contact,#contactCommon) .contact-info-grid{grid-template-columns:1fr} #canvas.phone #contact .contact-layout,#canvas.phone #contactCommon .contact{grid-template-columns:1fr} /* 0910-47: align the personal code and caption to the contact information row. */ #canvas #contactCommon .contact-lead{margin-bottom:28px} #canvas #contactCommon .contact-lead>h2{font-size:clamp(25px,2.5vw,36px);margin:0 0 22px} #canvas #contactCommon .contact-lead>p{max-width:660px;margin:0} #canvas #contactCommon .contact-info-grid{margin-top:0} #canvas :is(#contact,#contactCommon) .personal-qr-card{align-self:stretch;display:flex;flex-direction:column;gap:10px;padding-top:var(--qr-align-top,0px);padding-bottom:var(--qr-align-bottom,0px)} #canvas :is(#contact,#contactCommon) .personal-qr-card .real-qr{flex:none} #canvas :is(#contact,#contactCommon) .personal-qr-card .qr-caption{margin: auto 0 0} @media (max-width:1023px){#canvas :is(#contact,#contactCommon) .personal-qr-card{align-self:start;padding:0}#canvas :is(#contact,#contactCommon) .personal-qr-card .qr-caption{margin:0}} #canvas.phone :is(#contact,#contactCommon) .personal-qr-card{align-self:start;padding:0} #canvas.phone :is(#contact,#contactCommon) .personal-qr-card .qr-caption{margin:0} #canvas.phone #contact .contact-details{padding:24px 20px} /* 0910-48: the primary WeChat action keeps its brand fill in every state. */ #canvas :is(#contact,#contactCommon) .contact-field>button[data-copy-wechat]:is(:hover,:focus-visible,:active){background:var(--accent);color:#111315;border-color:var(--accent)} /* 72 social follow-up: label on its own row, three equal controls in both real and simulated phone widths. */ #canvas .social-channels{display:grid;grid-template-columns:repeat(3,minmax(0,120px));align-items:start;gap:12px} #canvas .social-channels>p{grid-column:1/-1;margin:0} #canvas .social-channels>:is(a,button,.social-wechat){width:100%;min-width:0;margin:0} #canvas .social-channels>:is(a,button),#canvas .social-channels>.social-wechat>button{display:flex;align-items:center;justify-content:center;width:100%;min-width:0;min-height:44px;padding:8px 6px;white-space:nowrap;font-size:13px;box-sizing:border-box} /* ===== service-refinement.css ===== */ /* 0910-50: one reading system for the process, notes and annual production scope. */ #canvas .service-process{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;list-style:none;padding:0;margin:28px 0 0} #canvas .process-card{position:relative;min-width:0;border-top:1px solid var(--rule);padding:24px 0 0} #canvas .process-index{display:block;font-size:32px;line-height:1;font-weight:500;color:var(--accent);font-variant-numeric:tabular-nums;margin:0 0 22px} #canvas .process-card:not(:last-child)::after{content:"→";position:absolute;top:20px;right:0;color:var(--muted);font-size:24px} #canvas .process-card h3{font-size:21px;font-weight:500;line-height:1.5;margin:0 0 12px} #canvas .process-card p{font-size:16px;line-height:1.85;color:var(--muted);margin:0;max-width:40em;text-wrap:pretty} #canvas .process-more{margin:24px 0 0;text-align:right} #canvas .process-more a{display:inline-flex;gap:16px;align-items:center;min-height:44px;font-size:14px;text-decoration:none} #canvas :is(.service-notes-grid,.annual-note-grid,.points-grid){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:stretch;margin:28px 0 0} #canvas :is(.service-note-card,.annual-note-card,.points-category){position:relative;min-width:0;border:1px solid var(--rule);border-top:2px solid var(--accent);background:var(--surface);padding:28px 30px;overflow-wrap:break-word} #canvas .note-card-heading{display:flex;align-items:baseline;gap:14px;margin:0 0 16px} #canvas .letter-index{font-size:17px;line-height:1.5;font-weight:500;color:var(--accent);flex:0 0 auto;font-variant-numeric:tabular-nums} #canvas .note-card-heading h3{font-size:21px;line-height:1.5;font-weight:500;margin:0;min-width:0} #canvas :is(.service-note-card,.annual-note-card)>p{margin:0;max-width:none;font-size:16px;line-height:1.85;color:var(--muted);text-wrap:pretty} #canvas .points-category header{padding-bottom:16px;border-bottom:1px solid var(--rule);margin:0 0 4px} #canvas .points-category header .note-card-heading{margin-bottom:6px} #canvas .points-category .category-en{font-size:12px;line-height:1.6;letter-spacing:.025em;color:var(--muted)} #canvas .points-category dl{margin:0;padding:0} #canvas .points-category dl>div{display:grid;grid-template-columns:minmax(0,1fr) max-content;gap:16px;padding:15px 0;border-bottom:1px solid var(--rule);align-items:baseline} #canvas .points-category dl>div:last-child{border-bottom:0;padding-bottom:0} #canvas .points-category dt{font-size:15px;line-height:1.7;min-width:0;color:var(--muted)} #canvas .points-category dd{margin:0;font-size:16px;line-height:1.7;color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap} #canvas #service-annual-service>section:first-child .service-price-inline{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;max-width:1000px;margin:28px 0} #canvas #service-annual-service .service-price-inline .annual-price{display:flex;flex-direction:column;align-items:flex-start;gap:16px;margin:0;padding:0;white-space:normal} #canvas :is(.service-price-inline,#servicePricing) .annual-price .price-tier{display:inline-flex!important;width:max-content;max-width:100%;margin:0!important;align-items:center;justify-content:center;padding:8px 20px;border:1px solid var(--rule);background:var(--surface);color:var(--ink);font-size:20px;line-height:1.5;font-weight:500} #canvas #service-annual-service .service-price-inline .price-value{font-size:clamp(21px,2.25vw,34px);font-weight:500;line-height:1.35;white-space:nowrap} #canvas #servicePricing .pricing-cost .annual-price{display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin:0 0 22px} #canvas #servicePricing .pricing-cost .annual-price:last-child{margin-bottom:0} #canvas #servicePricing .annual-price .price-tier{font-size:16px;padding:5px 14px} #canvas #service-annual-service>section:first-child .annual-price small.price-tier{font-size:20px;line-height:1.5;margin:0!important} @media (max-width:1023px){ #canvas :is(.service-note-card,.annual-note-card,.points-category){padding:22px} #canvas :is(.service-notes-grid,.annual-note-grid,.points-grid){gap:16px} #canvas .note-card-heading h3{font-size:19px} #canvas .points-category dl>div{gap:10px} #canvas #service-annual-service>section:first-child .service-price-inline{gap:14px} #canvas #service-annual-service>section:first-child .annual-price small.price-tier{font-size:18px;padding:7px 16px} } @media (max-width:767px){ #canvas .service-process{grid-template-columns:1fr;gap:22px} #canvas .process-card{display:grid;grid-template-columns:42px minmax(0,1fr);gap:8px 12px;padding-top:20px} #canvas .process-card h3{font-size:20px;margin:0} #canvas .process-index{font-size:26px;grid-row:1 / span 2;margin:0;line-height:1.4} #canvas .process-card p{font-size:15px;grid-column:2} #canvas .process-card:not(:last-child)::after{content:none} #canvas .process-more{text-align:left} #canvas :is(.service-notes-grid,.annual-note-grid,.points-grid){grid-template-columns:1fr;margin-top:24px} #canvas :is(.service-note-card,.annual-note-card,.points-category){padding:22px 20px} #canvas :is(.service-note-card,.annual-note-card)>p{font-size:15px} #canvas #service-annual-service>section:first-child .service-price-inline{grid-template-columns:1fr;gap:14px;margin:24px 0} #canvas #service-annual-service .service-price-inline .annual-price{flex-direction:row;align-items:center;justify-content:space-between;gap:10px} #canvas #service-annual-service .service-price-inline .price-value{font-size:24px} } @media (max-width:374px){ #canvas .points-category dl>div{grid-template-columns:minmax(0,1fr) auto;gap:8px} #canvas .points-category dt{font-size:14px} #canvas .points-category dd{font-size:14px} #canvas #service-annual-service>section:first-child .annual-price small.price-tier{font-size:16px;padding:6px 12px} #canvas #service-annual-service .service-price-inline .price-value{font-size:21px} } #canvas.phone #service-annual-service>section:first-child .service-price-inline{display:grid;grid-template-columns:1fr;gap:14px;margin:24px 0} #canvas.phone #service-annual-service>section:first-child .annual-price small.price-tier{font-size:16px;margin:0!important} /* ===== about-refinement.css ===== */ /* 0910-50: compact profile heading and balanced founder introduction. Load after layout-calibration.css and dark-theme.css. Move .founder-credentials into .founder-copy, after .founder-headline. All biography text remains in the document and flows without clipping. */ #canvas #aboutIntro .about-intro-layout { grid-template-columns: var(--explain-columns); gap: var(--explain-gap); align-items: start; } #canvas #aboutIntro .about-heading .sectionhead { margin: 0; align-items: baseline; } #canvas #aboutIntro .about-heading h1 { margin: 0; font-size: 32px; line-height: 1.25; letter-spacing: -.035em; } #canvas #aboutIntro .about-origin { display: flex; flex-direction: column; align-items: flex-start; gap: 4px; margin: 16px 0; } #canvas #aboutIntro .about-origin > span { font-size: 12px; line-height: 1.4; letter-spacing: .06em; color: var(--muted); } #canvas #aboutIntro .about-origin > strong { font-size: 64px; font-weight: 500; line-height: .95; letter-spacing: -.055em; font-variant-numeric: tabular-nums; color: var(--accent, #B3C224); } #canvas #aboutIntro .about-heading h2 { margin: 0; font-size: 22px; font-weight: 500; line-height: 1.45; } #canvas #aboutIntro .about-intro-copy { min-width: 0; max-width: none; } #canvas #aboutIntro .about-intro-copy > p { margin: 0 0 18px; font-size: 16px; line-height: 1.95; } #canvas #aboutIntro .about-intro-copy > p:last-child { margin-bottom: 0; } #canvas #founder .founder-layout { display: grid; grid-template-columns: 300px minmax(0, 1fr); gap: clamp(36px, 4vw, 64px); align-items: start; } #canvas #founder .founder-profile, #canvas #founder .founder-copy { min-width: 0; } #canvas #founder .founder-profile [data-image-task="H-LEAD-01"] { width: 100%; max-width: 300px; height: auto; min-height: 0; aspect-ratio: 1; padding: 16px; } #canvas #founder .founder-profile > h3 { margin: 16px 0 0; font-size: 26px; font-weight: 500; line-height: 1.4; } #canvas #founder .founder-copy .founder-headline { display: flex; align-items: baseline; flex-wrap: wrap; gap: 8px 18px; margin: 0 0 16px; } #canvas #founder .founder-headline > strong { font-size: 56px; font-weight: 500; line-height: 1; letter-spacing: -.045em; white-space: nowrap; color: var(--accent, #B3C224); } #canvas #founder .founder-headline > strong > span { margin-left: 4px; font-size: 23px; letter-spacing: 0; } #canvas #founder .founder-headline > span { font-size: clamp(20px, 1.6vw, 25px); font-weight: 500; line-height: 1.4; } #canvas #founder .founder-copy > .founder-credentials { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 5px 22px; max-width: 680px; list-style: none; padding: 0; margin: 0 0 18px; font-size: 14px; line-height: 1.65; color: var(--muted); } #canvas #founder .founder-credentials > li { min-width: 0; margin: 0; padding: 0; } #canvas #founder .founder-copy .founder-motto { margin: 0 0 26px; font-size: 20px; line-height: 1.6; color: var(--ink); } #canvas #founder .founder-greeting { margin: 0 0 16px; font-size: 18px; font-weight: 500; line-height: 1.7; } #canvas #founder .founder-copy .founder-story { max-width: none; margin: 0 0 20px; font-size: 16px; line-height: 1.95; color: var(--muted); } #canvas #founder .founder-copy .founder-story:last-child { margin-bottom: 0; } #canvas #founder .founder-story strong { font-weight: 500; color: var(--ink); } @media (min-width: 768px) and (max-width: 1023px){ #canvas #aboutIntro .about-heading h1 { font-size: 30px; } #canvas #aboutIntro .about-origin > strong { font-size: 60px; } #canvas #aboutIntro .about-heading h2 { font-size: 21px; } #canvas #founder .founder-layout { grid-template-columns: 220px minmax(0, 1fr); gap: 32px; } #canvas #founder .founder-profile [data-image-task="H-LEAD-01"] { max-width: 220px; } #canvas #founder .founder-headline > strong { font-size: 48px; } #canvas #founder .founder-copy > .founder-credentials { grid-template-columns: 1fr; gap: 4px; } #canvas #founder .founder-copy .founder-motto { font-size: 18px; } } @media (max-width: 767px){ #canvas #aboutIntro .about-intro-layout { grid-template-columns: 1fr; gap: 28px; } #canvas #aboutIntro .about-heading h1 { font-size: 30px; } #canvas #aboutIntro .about-origin { margin: 16px 0 14px; } #canvas #aboutIntro .about-origin > strong { font-size: 60px; } #canvas #aboutIntro .about-heading h2 { font-size: 22px; } #canvas #aboutIntro .about-intro-copy > p { font-size: 15px; line-height: 1.9; } #canvas #founder .founder-layout { grid-template-columns: 1fr; gap: 28px; } #canvas #founder .founder-profile [data-image-task="H-LEAD-01"] { max-width: 240px; } #canvas #founder .founder-profile > h3 { margin-top: 12px; font-size: 24px; } #canvas #founder .founder-headline > strong { font-size: 48px; } #canvas #founder .founder-headline > span { font-size: 21px; } #canvas #founder .founder-copy > .founder-credentials { grid-template-columns: 1fr; gap: 4px; } #canvas #founder .founder-copy .founder-motto { margin-bottom: 24px; font-size: 18px; } #canvas #founder .founder-greeting { font-size: 17px; } #canvas #founder .founder-copy .founder-story { font-size: 15px; line-height: 1.9; } } /* The review toolbar can simulate a phone independently of the window width. */ #canvas.phone #aboutIntro .about-intro-layout { grid-template-columns: 1fr; gap: 28px; } #canvas.phone #aboutIntro .about-origin { margin: 16px 0 14px; } #canvas.phone #aboutIntro .about-origin > strong { font-size: 60px; } #canvas.phone #aboutIntro .about-heading h2 { font-size: 22px; } #canvas.phone #aboutIntro .about-intro-copy > p { font-size: 15px; line-height: 1.9; } #canvas.phone #founder .founder-layout { grid-template-columns: 1fr; gap: 28px; } #canvas.phone #founder .founder-profile [data-image-task="H-LEAD-01"] { max-width: 240px; } #canvas.phone #founder .founder-profile > h3 { margin-top: 12px; font-size: 24px; } #canvas.phone #founder .founder-headline > strong { font-size: 48px; } #canvas.phone #founder .founder-headline > span { font-size: 21px; } #canvas.phone #founder .founder-copy > .founder-credentials { grid-template-columns: 1fr; gap: 4px; } #canvas.phone #founder .founder-copy .founder-motto { margin-bottom: 24px; font-size: 18px; } #canvas.phone #founder .founder-greeting { font-size: 17px; } #canvas.phone #founder .founder-copy .founder-story { font-size: 15px; line-height: 1.9; } /* ===== interaction-refinement.css ===== */ /* 0910-50: load last. Feedback changes light, line and arrow position, never CTA fill/text. */ #canvas :is(button,.contact-action,.social-link,.brand-primary-link){ transition:border-color 220ms ease,box-shadow 220ms ease,outline-color 220ms ease; } #canvas :is(button,.contact-action,.social-link,.brand-primary-link):not(:disabled):is(:hover,:focus-visible){ border-color:var(--accent);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 15%,transparent),0 5px 20px -8px color-mix(in srgb,var(--accent) 34%,transparent); } #canvas :is(button,.contact-action,.social-link):not(:disabled):not([aria-pressed=true]):is(:hover,:focus-visible,:active){background:var(--surface,#1b1e22);color:var(--ink)} #canvas button[aria-pressed=true]:not(:disabled):is(:hover,:focus-visible,:active){background:var(--accent);color:#111315} #canvas :is(#contact,#contactCommon) :is(button,.contact-action,.social-link):not(:disabled):is(:hover,:focus-visible,:active){ background:linear-gradient(120deg,#ffffff06,#ffffff00);color:var(--ink); } #canvas :is(#contact,#contactCommon) [data-copy-wechat]:is(:hover,:focus-visible,:active), #canvas :is(#contact,#contactCommon) .contact-field>button[data-copy-wechat]:is(:hover,:focus-visible,:active){ background:var(--accent);color:#111315;border-color:var(--accent); } #canvas #homeIntro .brand-primary-link:is(:hover,:focus-visible,:active){background:var(--accent);color:#111315} #canvas :is(#contact,#contactCommon) .contact-email-copy:is(:hover,:focus-visible,:active){background:none;color:var(--accent);border:0;box-shadow:none} #canvas :is(#contact,#contactCommon) .contact-field>button.contact-email-copy:not(:disabled):is(:hover,:focus-visible,:active){background:none;color:var(--accent);border:0;box-shadow:none} #canvas #teamMotionToggle:is(:hover,:focus-visible,:active){background:transparent;color:var(--muted)} #canvas #teamMotionToggle[aria-pressed=true]:is(:hover,:focus-visible,:active){background:transparent;color:var(--accent)} #canvas a:not(.case,.article-link,.contact-action,.social-link,.brand-primary-link):hover{background:transparent} #canvas :is(button,a,summary):focus-visible{outline:2px solid var(--accent);outline-offset:5px} /* Text links keep their labels still; only a decorative existing arrow moves. */ #canvas .motion-link-arrow,#canvas .service-arrow{ display:inline-block;transform:translateX(0);transition:transform 250ms cubic-bezier(.2,.8,.3,1)!important; } #canvas .motion-link:focus-visible .motion-link-arrow{transform:translateX(5px)} #canvas .motion-link:focus-visible .motion-link-arrow.is-back{transform:translateX(-5px)} #canvas .service-link:focus-visible .service-arrow{transform:translateX(6px)} #canvas .motion-link{text-underline-offset:6px;text-decoration-thickness:1px} /* One grouped entrance per card is provided by site-motion.js. Hover does not lift or tilt any reading container, and non-links never acquire a pointer cursor. */ #canvas :is(.pricing-row,.process-card,.service-note-card,.annual-note-card,.points-category,.cooperation-steps>li,.conversation-topics>li,.brand-history>li,.method-point){ transition:border-color 240ms ease,box-shadow 240ms ease; } #canvas :is(.pricing-row,.process-card,.service-note-card,.annual-note-card,.points-category,.cooperation-steps>li,.conversation-topics>li,.brand-history>li,.method-point):focus-within{ border-color:color-mix(in srgb,var(--accent) 65%,var(--rule));box-shadow:inset 0 -1px var(--accent); } #canvas #homeServices .service-link{transition:border-color 240ms ease,box-shadow 240ms ease} #canvas #homeServices .service-link::before{background:transparent} #canvas #homeServices .service-link:focus-visible{box-shadow:inset 0 -1px var(--accent)} #canvas :is(#contactCommon,#contact .contact-details){transition:border-color 280ms ease,box-shadow 280ms ease} #canvas :is(#contactCommon,#contact .contact-details):focus-within{ border-color:color-mix(in srgb,var(--accent) 72%,var(--rule));box-shadow:0 18px 50px #0004,0 0 28px -16px var(--accent); } /* FAQ remains a native details disclosure. The icon rotates from + to × while the answer fades, without animating its height or moving other answers. */ #canvas .faq-list details{transition:border-color 220ms ease} #canvas .faq-list summary::after{content:"+";transform:rotate(0);transform-origin:center;transition:transform 240ms ease} #canvas .faq-list details[open]>summary::after{content:"+";transform:rotate(45deg)} #canvas .faq-list details[open]{border-color:color-mix(in srgb,var(--accent) 55%,var(--rule))} #canvas .faq-list summary:focus-visible{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px} @media (hover:hover) and (pointer:fine){ #canvas .motion-link:hover .motion-link-arrow{transform:translateX(5px)} #canvas .motion-link:hover .motion-link-arrow.is-back{transform:translateX(-5px)} #canvas #homeServices .service-link:hover .service-arrow{transform:translateX(6px)} #canvas #homeServices .service-link:hover{box-shadow:inset 0 -1px var(--accent)} #canvas :is(.pricing-row,.process-card,.service-note-card,.annual-note-card,.points-category,.cooperation-steps>li,.conversation-topics>li,.brand-history>li,.method-point):hover{ border-color:color-mix(in srgb,var(--accent) 65%,var(--rule));box-shadow:inset 0 -1px var(--accent),0 14px 28px -22px #0009; } #canvas :is(#contactCommon,#contact .contact-details):hover{border-color:color-mix(in srgb,var(--accent) 72%,var(--rule));box-shadow:0 18px 50px #0004,0 0 28px -16px var(--accent)} #canvas .faq-list summary:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px} } @media (hover:none){ #canvas :is(button,.contact-action,.social-link,.brand-primary-link):not(:disabled):active{box-shadow:inset 0 0 0 1px var(--accent)} } @media (prefers-reduced-motion:reduce){ #canvas :is(button,a,summary,.pricing-row,.process-card,.service-note-card,.annual-note-card,.points-category,.cooperation-steps>li,.conversation-topics>li,.brand-history>li,.method-point), #canvas .motion-link-arrow,#canvas .service-arrow,#canvas .faq-list summary::after,#canvas #contactCommon,#canvas #contact .contact-details{transition:none!important} #canvas .motion-link-arrow,#canvas .service-arrow{transform:none!important} } @media print{ #canvas .motion-link-arrow,#canvas .service-arrow{transform:none!important} #canvas [data-motion-kind]{opacity:1!important;transform:none!important;clip-path:none!important} } /* ===== consistency-refinement.css ===== */ /* 0910-51 — shared contact hierarchy, four steps, paired examples and sourced portraits. */ #canvas :is(#contact,#contactCommon){--contact-value-size:18px} #canvas :is(#contact,#contactCommon) :is(.contact-field-value,.contact-email-copy,.contact-field address){font-size:var(--contact-value-size);font-weight:400;line-height:1.65;letter-spacing:0} #canvas :is(#contact,#contactCommon) .contact-email-copy{margin:0;min-height:0;padding:0;align-items:baseline} #canvas :is(#contact,#contactCommon) .contact-copy-hint{font-size:12px;font-weight:400;line-height:1.65} #canvas :is(#contact,#contactCommon) .contact-field address{margin:0} #canvas :is(#contact,#contactCommon) .contact-info-label{font-size:13px;line-height:1.6;font-weight:400;margin:0 0 12px} #canvas :is(#contact,#contactCommon) .personal-qr-card .qr-caption{position:relative;display:inline-flex;align-items:center;justify-content:center;align-self:center;min-height:44px;padding:10px 18px;width:184px;max-width:100%;border:1px solid var(--accent);border-radius:4px;background:var(--accent);color:#111315;font-size:14px;font-weight:500;line-height:1.6;overflow:hidden;isolation:isolate} #canvas :is(#contact,#contactCommon) .personal-qr-card .qr-caption::after{content:"";position:absolute;inset:-50% auto -50% -80%;width:35%;background:linear-gradient(100deg,transparent,#fff4,transparent);transform:skewX(-18deg);transition:left 520ms ease;pointer-events:none} #canvas :is(#contact,#contactCommon) .personal-qr-card .qr-caption:is(:hover,:focus-visible)::after{left:140%} #canvas :is(#contact,#contactCommon) .personal-qr-card>button.qr-caption:not(:disabled):is(:hover,:focus-visible,:active){background:var(--accent);color:#111315;border-color:var(--accent)} #canvas :is(#contact,#contactCommon) .personal-qr-card{gap:0;padding-bottom:0} #canvas :is(#contact,#contactCommon) .personal-qr-card .qr-caption{margin:var(--qr-caption-gap,10px) 0 0;flex:none} #canvas .service-process{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px} #canvas .process-card{display:grid;grid-template-columns:46px minmax(0,1fr);gap:10px 18px;border:1px solid var(--rule);border-top:2px solid var(--accent);background:var(--surface);padding:28px 30px;align-content:start} #canvas .process-card .process-index{font-size:30px;line-height:1.4;margin:0;grid-row:1 / span 2} #canvas .process-card h3{margin:0;line-height:1.5} #canvas .process-card p{grid-column:2;max-width:none} #canvas .process-card:not(:last-child)::after{content:none} #canvas .task-example-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:28px 0 0} #canvas .task-example-card{min-width:0;position:relative;border:1px solid var(--rule);border-top:2px solid var(--accent);background:var(--surface);padding:28px 30px} #canvas .task-example-card .example-purpose{font-size:16px;line-height:1.85;color:var(--muted);margin:0 0 24px;text-wrap:pretty} #canvas .task-example-card dl{margin:0} #canvas .task-example-card dl>div{border-top:1px solid var(--rule);padding:16px 0;display:grid;gap:7px} #canvas .task-example-card dt{font-size:16px;line-height:1.7;font-weight:400} #canvas .task-example-card dd{margin:0;font-size:15px;line-height:1.7;color:var(--muted);font-variant-numeric:tabular-nums} #canvas .task-example-card .example-total{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin:6px 0 0;padding-top:22px;border-top:1px solid var(--rule);font-size:15px;color:var(--muted)} #canvas .task-example-card .example-total strong{font-size:42px;font-weight:500;line-height:1;color:var(--accent);font-variant-numeric:tabular-nums} #canvas .task-example-card .example-total small{font-size:15px;margin-left:8px;font-weight:400} #canvas #annualExamples .example-note{font-size:14px;line-height:1.8;margin:24px 0 0;color:var(--muted)} #canvas #annualPlans .table-scroll{border-left:3px solid var(--accent);border-right:1px solid var(--rule);border-top:1px solid var(--rule)} #canvas #annualPlans .plan-title{display:inline-block;position:relative;padding-left:16px;font-size:18px;font-weight:500;line-height:1.6} #canvas #annualPlans .plan-title::before{content:"";position:absolute;left:0;top:.25em;bottom:.25em;width:3px;background:var(--accent);transform-origin:bottom;transition:scale 240ms ease} #canvas #annualPlans .plan-cell-content{display:inline-block;transition:translate 260ms cubic-bezier(.22,1,.36,1)} #canvas #annualPlans :is(th,td){transition:box-shadow 260ms ease} #canvas #founder .founder-copy{display:block;text-align:left} #canvas #founder .founder-name{margin:0 0 14px;font-size:32px;font-weight:500;line-height:1.25;text-align:left} #canvas #founder .founder-copy>.founder-credentials{display:flex;flex-direction:column;gap:5px;margin:0 0 18px;max-width:none;font-size:16px;line-height:1.65;font-weight:400;text-align:left} #canvas #founder .founder-headline>span{font-size:16px;font-weight:400} #canvas #founder .founder-headline>strong{line-height:1.12} #canvas #founder .founder-copy .founder-headline{gap:8px 16px;margin-bottom:18px} #canvas #founder .founder-copy .founder-motto{font-size:16px;font-weight:400} #canvas #founder .founder-profile [data-image-task="H-LEAD-01"]{aspect-ratio:1;max-width:none;padding:0} #canvas #founder .founder-profile{display:flex;flex-direction:column;gap:24px} #canvas #founder .founder-work{margin:0;min-width:0} #canvas #founder .founder-work .ph{height:auto;min-height:0;aspect-ratio:4/3;padding:0} #canvas #founder .founder-work figcaption{font-size:12px;line-height:1.7;color:var(--muted);margin:12px 0 0} #canvas #founder .ph.has-image{border:1px solid var(--rule)} #canvas .ph.has-image::before,#canvas .ph.has-image::after{display:none} /* Small physical responses are independent of entrance transforms. Text card cursors remain normal; only genuine actions receive pointer/focus behavior. */ #canvas :is(.process-card,.task-example-card,#contactConversation .conversation-topics>li){transition:translate 260ms cubic-bezier(.22,1,.36,1),border-color 260ms ease,box-shadow 260ms ease} #canvas #contactConversation .conversation-topics>li{position:relative;border-left:2px solid transparent;padding-left:14px} #canvas #contactConversation .conversation-topics>li::before{content:"";position:absolute;left:-2px;top:24px;bottom:28px;width:2px;background:var(--accent);scale:1 .18;transform-origin:top;transition:scale 300ms ease;opacity:.5} @media (hover:hover) and (pointer:fine){ #canvas :is(.process-card,.task-example-card):hover{translate:0 -3px;border-color:var(--accent);box-shadow:0 12px 26px -18px #0009} #canvas #contactConversation .conversation-topics>li:hover{translate:0 -2px;box-shadow:0 12px 24px -22px #0009} #canvas #contactConversation .conversation-topics>li:hover::before{scale:1 1;opacity:1} #canvas #annualPlans tbody tr:hover>:is(th,td){box-shadow:inset 0 -1px var(--accent)} #canvas #annualPlans tbody tr:hover .plan-cell-content{translate:0 -2px} #canvas #annualPlans thead th:hover .plan-title{translate:0 -2px} #canvas #annualPlans thead th:hover .plan-title::before{scale:1 1.15} } @media (max-width:1023px){ #canvas :is(.process-card,.task-example-card){padding:22px} #canvas #founder .founder-headline>span{font-size:16px} #canvas #founder .founder-work figcaption{font-size:11px} } @media (max-width:767px){ #canvas .service-process,#canvas .task-example-grid{grid-template-columns:1fr;gap:16px} #canvas .process-card{grid-template-columns:34px minmax(0,1fr);gap:8px 14px;padding:22px 20px} #canvas .process-card .process-index{font-size:25px} #canvas .task-example-card{padding:24px 20px} #canvas .task-example-card .example-purpose,#canvas .task-example-card dt{font-size:15px} #canvas #founder .founder-profile{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:end} #canvas #founder .founder-name{font-size:28px} #canvas #founder .founder-copy>.founder-credentials{font-size:15px} #canvas #founder .founder-headline>strong{font-size:44px} #canvas #founder .founder-headline>span{font-size:15px} #canvas #founder .founder-copy .founder-headline{gap:8px 12px} #canvas #founder .founder-copy .founder-motto{font-size:15px} #canvas #contactConversation .conversation-topics>li{padding-left:14px} } #canvas.phone .service-process,#canvas.phone .task-example-grid{grid-template-columns:1fr;gap:16px} #canvas.phone .process-card{grid-template-columns:34px minmax(0,1fr);gap:8px 14px;padding:22px 20px} #canvas.phone .process-card .process-index{font-size:25px} #canvas.phone .task-example-card{padding:24px 20px} #canvas.phone #founder .founder-profile{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:end} #canvas.phone #founder .founder-copy>.founder-credentials{font-size:15px} #canvas.phone #founder .founder-headline>span,#canvas.phone #founder .founder-copy .founder-motto{font-size:15px} #canvas.phone :is(#contact,#contactCommon) .personal-qr-card .qr-caption{margin:10px 0 0} @media (prefers-reduced-motion:reduce){ #canvas :is(.process-card,.task-example-card,#contactConversation .conversation-topics>li,#annualPlans .plan-cell-content,#annualPlans .plan-title){transition:none!important;translate:none!important} #canvas :is(#contact,#contactCommon) .qr-caption::after{display:none} #canvas #contactConversation .conversation-topics>li::before,#canvas #annualPlans .plan-title::before{transition:none!important;scale:1!important} } /* ===== partner-wall.css ===== */ /* 0910-52: real text for every verified brand, shared across both brand walls. */ #canvas :is(#homePartners,#aboutPartners) .logo-wall{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px} #canvas :is(#homePartners,#aboutPartners) .logo-slot{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;height:120px;min-height:0;min-width:0;margin:0;padding:16px 12px;border:1px solid var(--rule);color:var(--ink);background:transparent;overflow:hidden;cursor:default;transition:border-color 260ms ease,box-shadow 260ms ease} #canvas :is(#homePartners,#aboutPartners) .partner-mark{display:flex;align-items:center;justify-content:center;width:100%;height:72px;min-height:0;transition:opacity 220ms ease,translate 300ms cubic-bezier(.22,1,.36,1)} #canvas :is(#homePartners,#aboutPartners) .partner-mark img{display:block;max-width:100%;max-height:64px;object-fit:contain} #canvas :is(#homePartners,#aboutPartners) .partner-wordmark{font-size:17px;font-weight:500;line-height:1.5;text-align:center;text-wrap:balance;letter-spacing:.02em} #canvas :is(#homePartners,#aboutPartners) .partner-caption{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:14px 8px;margin:0;opacity:0;translate:0 9px;transition:opacity 220ms ease,translate 300ms cubic-bezier(.22,1,.36,1);pointer-events:none;text-align:center} #canvas :is(#homePartners,#aboutPartners) .partner-caption strong{font-size:16px;font-weight:500;line-height:1.5;color:var(--ink)} #canvas :is(#homePartners,#aboutPartners) .partner-caption .partner-meta{display:flex;justify-content:center;flex-wrap:wrap;gap:4px 10px;font-size:12px;line-height:1.6;color:var(--muted)} #canvas :is(#homePartners,#aboutPartners) .partner-industry{color:var(--accent)} #canvas :is(#homePartners,#aboutPartners) .partner-region{white-space:nowrap} #canvas :is(#homePartners,#aboutPartners) .logo-slot[data-partner-status="pending"]{border-style:dashed;color:var(--muted)} #canvas :is(#homePartners,#aboutPartners) .partner-pending-title{font-size:14px;line-height:1.6;font-weight:400} #canvas :is(#homePartners,#aboutPartners) .partner-pending-note{font-size:11px;line-height:1.6;margin-top:6px;color:var(--muted)} #canvas :is(#homePartners,#aboutPartners) .logo-slot[data-partner-name]:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-color:var(--accent)} #canvas :is(#homePartners,#aboutPartners) .logo-slot[data-partner-name]:focus .partner-mark{opacity:0;translate:0 -7px} #canvas :is(#homePartners,#aboutPartners) .logo-slot[data-partner-name]:focus .partner-caption{opacity:1;translate:0 0} @media (hover:hover) and (pointer:fine){ #canvas :is(#homePartners,#aboutPartners) .logo-slot[data-partner-name]:hover{border-color:var(--accent);box-shadow:inset 0 -2px var(--accent)} #canvas :is(#homePartners,#aboutPartners) .logo-slot[data-partner-name]:hover .partner-mark{opacity:0;translate:0 -7px} #canvas :is(#homePartners,#aboutPartners) .logo-slot[data-partner-name]:hover .partner-caption{opacity:1;translate:0 0} } @media (max-width:1023px){#canvas :is(#homePartners,#aboutPartners) .logo-wall{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}} @media (max-width:767px){ #canvas :is(#homePartners,#aboutPartners) .logo-wall{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px} #canvas :is(#homePartners,#aboutPartners) .logo-slot{height:120px;padding:14px 8px} #canvas :is(#homePartners,#aboutPartners) .logo-slot[data-partner-name] .partner-mark{display:none} #canvas :is(#homePartners,#aboutPartners) .partner-caption{position:static;opacity:1;translate:none;padding:0} #canvas :is(#homePartners,#aboutPartners) .partner-caption strong{font-size:15px} #canvas :is(#homePartners,#aboutPartners) .partner-caption .partner-meta{flex-direction:column;gap:3px} } @media (hover:none){ #canvas :is(#homePartners,#aboutPartners) .logo-slot[data-partner-name] .partner-mark{display:none} #canvas :is(#homePartners,#aboutPartners) .partner-caption{position:static;opacity:1;translate:none;padding:0} } #canvas.phone :is(#homePartners,#aboutPartners) .logo-wall{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px} #canvas.phone :is(#homePartners,#aboutPartners) .logo-slot{height:120px;padding:14px 8px} #canvas.phone :is(#homePartners,#aboutPartners) .logo-slot[data-partner-name] .partner-mark{display:none} #canvas.phone :is(#homePartners,#aboutPartners) .partner-caption{position:static;opacity:1;translate:none;padding:0} #canvas.phone :is(#homePartners,#aboutPartners) .partner-caption .partner-meta{flex-direction:column;gap:3px} @media (prefers-reduced-motion:reduce){#canvas :is(#homePartners,#aboutPartners) .logo-slot,#canvas :is(#homePartners,#aboutPartners) :is(.partner-mark,.partner-caption){transition:none!important;translate:none!important}} @media print{#canvas :is(#homePartners,#aboutPartners) .partner-caption{position:static;opacity:1;translate:none}} /* Contact action pairs share fill, size and text; email remains an unframed copy action. */ #canvas :is(#contact,#contactCommon) .contact-field>:is(button[data-copy-wechat],a.contact-action), #canvas :is(#contact,#contactCommon) .contact-field>:is(button[data-copy-wechat],a.contact-action):not(:disabled):is(:hover,:focus-visible,:active){display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-width:124px;width:124px;height:46px;min-height:46px;padding:0 12px;margin:0;border:1px solid var(--accent);border-radius:4px;background:var(--accent);color:#111315;font-size:14px;font-weight:500;line-height:1.6;text-decoration:none} #canvas :is(#contact,#contactCommon) .contact-field>button.contact-email-copy, #canvas :is(#contact,#contactCommon) .contact-field>button.contact-email-copy:not(:disabled):is(:hover,:focus-visible,:active){background:none;color:var(--ink);border:0;box-shadow:none;font-size:18px;line-height:1.65;font-weight:400} #canvas :is(#contact,#contactCommon) .contact-field>button.contact-email-copy .contact-copy-hint{font-size:12px;line-height:1.65;color:var(--muted)} #canvas :is(#contact,#contactCommon) .contact-field>:is(button[data-copy-wechat],a.contact-action):focus-visible{outline:2px solid var(--accent);outline-offset:4px} /* ===== content-completion.css ===== */ /* 0910-53: compact biography and pricing, existing source imagery. */ #canvas #founder .founder-copy>.founder-credentials{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 32px;margin:0 0 28px;max-width:800px;text-align:left} #canvas #founder .founder-credentials>*{min-width:0;margin:0;line-height:1.8} #canvas #founder .founder-copy>p:last-child{margin-bottom:0} #canvas #founder .founder-profile{width:min(100%,var(--founder-artwork-width,300px))} #canvas #servicePricing .pricing-cost .annual-price, #canvas #service-annual-service .service-price-inline .annual-price{display:flex!important;flex-direction:row;align-items:baseline;justify-content:flex-start;gap:12px;white-space:nowrap;margin:0 0 12px;padding:0} #canvas #servicePricing .pricing-cost .annual-price:last-child, #canvas #service-annual-service .service-price-inline .annual-price:last-child{margin-bottom:0} #canvas :is(#servicePricing,#service-annual-service) .annual-price small.price-tier, #canvas #service-annual-service>section:first-child .annual-price small.price-tier{display:inline!important;border:0;background:none;padding:0;margin:0!important;font-size:14px!important;line-height:1.5;font-weight:400;color:var(--muted);order:2} #canvas :is(#servicePricing,#service-annual-service) .annual-price .price-value{order:1} #canvas #service-annual-service .service-price-inline{gap:20px 40px} #canvas #annualPlans .planning-frequency{white-space:nowrap} #canvas #annualPlans .planning-total{display:block;margin-top:4px;font-size:13px;color:var(--muted)} @media (max-width:767px){ #canvas #founder .founder-copy>.founder-credentials{grid-template-columns:1fr;gap:6px;margin-bottom:24px} #canvas #founder .founder-profile{width:100%} #canvas #service-annual-service .service-price-inline{gap:12px} } #canvas.phone #founder .founder-copy>.founder-credentials{grid-template-columns:1fr;gap:6px;margin-bottom:24px} #canvas.phone #founder .founder-profile{width:100%} #canvas #caseContent>.case-wide .ph.has-image, #canvas #caseContent>section>.case-wide .ph.has-image{height:auto;min-height:0;aspect-ratio:var(--asset-ratio);max-width:var(--asset-max-width,1200px);margin-inline:auto;padding:0} #canvas .ph.has-image{background-image:none} #canvas #caseContent>.case-wide .ph.has-image>img, #canvas #caseContent>section>.case-wide .ph.has-image>img{position:static;display:block;width:100%;height:auto;object-fit:contain} #canvas #caseContent .portrait-rail{align-items:start;grid-auto-columns:calc((100% - 16px)/2)} #canvas #caseContent .portrait-rail>.case-wide .ph.has-image{aspect-ratio:var(--asset-ratio);max-height:none;height:auto;padding:0} #canvas #caseContent .portrait-rail>.case-wide .ph.has-image>img{position:static;display:block;height:auto;width:100%;object-fit:contain} #canvas #caseContent .case-wide figcaption{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:12px auto 0;max-width:var(--asset-max-width,1400px)} #canvas .case-image-open{flex-shrink:0;padding:0;border:0;border-radius:0;background:none;min-height:36px;color:var(--muted);font:inherit;font-size:12px;cursor:pointer} #canvas .case-image-open:hover,#canvas .case-image-open:focus-visible{color:var(--ink);text-decoration:underline;text-underline-offset:4px} #canvas #team .member .portrait{aspect-ratio:811/530;height:auto;min-height:0} #canvas #team .ph.source-sprite{aspect-ratio:var(--sprite-ratio);position:relative;overflow:hidden;padding:0;border:0} #canvas #team .ph.source-sprite>img{position:absolute;max-height:none;border-radius:0} .case-image-dialog{width:min(94vw,1500px);max-width:none;max-height:94dvh;padding:20px;background:#111416;color:#eceeed;border:1px solid #4a5155;border-radius:4px;overflow:hidden} .case-image-dialog::backdrop{background:#050708d9;backdrop-filter:blur(8px)} .case-image-dialog header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:0 0 14px} .case-image-dialog header p{margin:0;line-height:1.6;font-size:14px} .case-image-dialog button{flex-shrink:0;border:1px solid #646b70;background:transparent;color:inherit;padding:8px 16px;cursor:pointer} .case-image-dialog .original-image-scroll{overflow:auto;max-height:calc(94dvh - 100px);text-align:center} .case-image-dialog img{display:block;max-width:100%;width:auto;height:auto;margin:auto} @media (max-width:767px){ #canvas #caseContent .portrait-rail{grid-auto-columns:88%} #canvas #caseContent .case-wide figcaption{font-size:12px} #canvas .case-image-open{font-size:11px} } #canvas.phone #caseContent .portrait-rail{grid-auto-columns:88%} /* ===== visual-system.css ===== */ /* 0910-54: shared reading hierarchy and alignment, after component styles. */ #canvas { --ui-page:clamp(30px,2.5vw,40px); --ui-section:30px; --ui-subsection:24px; --ui-card:20px; --ui-editorial-card:24px; --ui-body:16px; --ui-reading:17px; --ui-label:14px; --ui-caption:13px; --ui-bilingual:16px; --ui-section-space:48px; --ui-heading-space:24px; --ui-card-space:28px; --ui-grid-gap:20px; --ui-reading-width:840px; font-size:var(--ui-body); line-height:1.85; } #canvas :is(h1,h2,h3,h4){font-weight:500;text-wrap:pretty} #canvas :is(button,input,select,textarea){font-family:inherit} #canvas :is(h1,h2,h3,h4,p,li,dt,dd){min-width:0} #canvas [data-view]:is(#services,#cases,#insights,#about,#faq,#contact,#method,#caseDetail,[id^="service-"]) h1 { font-size:var(--ui-page);font-weight:500;line-height:1.35;letter-spacing:-.025em;margin:0 0 20px; } #canvas [data-view] .sectionhead {align-items:baseline;gap:16px 24px;margin:0 0 var(--ui-heading-space)} #canvas [data-view] .sectionhead>:is(h1,h2){margin:0} #canvas [data-view] .sectionhead>h2, #canvas [data-view]>section:not(.faq-group)>h2, #canvas #caseContent>section>h2, #canvas #contactCommon>.sectionhead>h2 { font-size:var(--ui-section);font-weight:500;line-height:1.4;letter-spacing:-.02em;margin:0 0 var(--ui-heading-space); } #canvas [data-view] .sectionhead>h2,#canvas #contactCommon>.sectionhead>h2{margin:0} #canvas [data-view] h2>small,#canvas #contactCommon>.sectionhead>h2>small { font-size:var(--ui-bilingual);font-weight:400;line-height:1.6;letter-spacing:0;color:var(--muted); } #canvas [data-view] .page-context,#canvas #articleDetail .article-breadcrumb { font-size:var(--ui-label);font-weight:400;line-height:1.6;letter-spacing:0;margin:0 0 20px; } #canvas [data-view]>section {padding-block:var(--ui-section-space)} #canvas #cases>.cases-section {padding-top:var(--ui-section-space)} #canvas [data-view] :is(.sectionhead>a,.process-more a,.cooperation-footer a,.conversation-footer a,.case-detail-nav a){font-size:var(--ui-label);font-weight:400;line-height:1.6} #canvas [data-view] :is(.row,.pricing-row){align-items:start} #canvas [data-view] .row>b{font-size:var(--ui-card);font-weight:500;line-height:1.5} #canvas [data-view] .row>span{font-size:var(--ui-body);line-height:1.85} #canvas #servicePricing .pricing-row {padding-block:32px;gap:32px} #canvas #servicePricing .pricing-row h2 {font-size:var(--ui-subsection);line-height:1.5;margin:0 0 12px} #canvas #servicePricing .pricing-row p:first-child {margin-top:0} #canvas #servicePricing .pricing-title-en {font-size:var(--ui-caption);line-height:1.6;margin:0} #canvas #servicePricing .pricing-description {font-size:var(--ui-body);line-height:1.85} #canvas #servicePricing .pricing-cost>small {font-size:var(--ui-caption);line-height:1.6} #canvas [data-view] :is(.service-process,.service-notes-grid,.annual-note-grid,.points-grid,.task-examples){gap:var(--ui-grid-gap);align-items:stretch} #canvas [data-view] :is(.process-card,.service-note-card,.annual-note-card,.points-category,.task-example-card){padding:var(--ui-card-space);min-width:0} #canvas [data-view] :is(.process-card,.service-note-card,.annual-note-card,.points-category,.task-example-card) h3, #canvas #aboutProcess .cooperation-step-title h3, #canvas #contactConversation .conversation-topics h3, #canvas #homeMethod .method-point h3 { font-size:var(--ui-card);font-weight:500;line-height:1.5;letter-spacing:0;margin:0; } #canvas [data-view] .process-card h3{margin:0 0 12px} #canvas [data-view] :is(.process-card,.service-note-card,.annual-note-card)>p, #canvas #aboutProcess .cooperation-step-body>p, #canvas #contactConversation .conversation-topics p { font-size:var(--ui-body);font-weight:400;line-height:1.85;margin:0;text-wrap:pretty; } #canvas [data-view] :is(.note-card-heading,.task-example-card>header){gap:12px;margin-bottom:16px} #canvas [data-view] :is(.letter-index,.process-index,.cooperation-number,.conversation-number){font-variant-numeric:tabular-nums} #canvas [data-view] .process-index{font-size:30px;line-height:1.2;margin:0 0 20px} #canvas [data-view] .letter-index {font-size:16px;line-height:1.5} #canvas [data-view] :is(.example-purpose,.task-example-card dt,.points-category dt){font-size:var(--ui-body);line-height:1.8} #canvas [data-view] :is(.points-category dd,.task-example-card dd){font-size:var(--ui-body);line-height:1.8;font-variant-numeric:tabular-nums} #canvas #aboutProcess .cooperation-step-body>.cooperation-checkpoint{font-size:var(--ui-label);margin-top:10px} #canvas #aboutProcess .cooperation-intro h3,#canvas #aboutPartners .partners-intro h3{font-size:var(--ui-subsection);line-height:1.5;font-weight:500;margin:0} #canvas #aboutIntro .about-intro-copy>p, #canvas #founder .founder-copy>.founder-story {font-size:var(--ui-body);line-height:1.9;max-width:var(--ui-reading-width);margin:0 0 20px} #canvas #aboutIntro .about-intro-copy>p:last-child,#canvas #founder .founder-copy>.founder-story:last-child{margin-bottom:0} #canvas #founder .founder-credentials>li,#canvas #founder .founder-headline>span {font-size:var(--ui-body);font-weight:400;line-height:1.8} #canvas #founder .founder-copy>.founder-name {font-size:30px;font-weight:500;line-height:1.4;margin:0 0 16px} #canvas .brand-history .history-label h3{font-size:18px;font-weight:500;line-height:1.5} #canvas .brand-history li>p {font-size:var(--ui-label);line-height:1.8} #canvas #team .member p>strong {font-size:18px;font-weight:500;line-height:1.5} #canvas #team .member .member-role {font-size:var(--ui-caption);line-height:1.7} #canvas #team .member .member-experience {font-size:var(--ui-caption);line-height:1.7} #canvas #faq .faq-group>h2 {font-size:var(--ui-subsection);font-weight:500;line-height:1.5;margin:0} #canvas #faq .faq-group>h2>small{font-size:var(--ui-label);line-height:1.6;display:block;margin:8px 0 0} #canvas [data-view] .faq-list summary,#canvas #contactCommon .faq-list summary{font-size:var(--ui-body);font-weight:500;line-height:1.7;padding-block:20px;min-height:44px} #canvas [data-view] .faq-answer {font-size:var(--ui-body);line-height:1.85} #canvas [data-view] .faq-answer p {font-size:inherit;line-height:inherit;margin:0 0 12px} #canvas [data-view] .faq-answer p:last-of-type{margin-bottom:16px} #canvas :is(#homeArticles,#insightList)>.article.article-link:nth-child(n) h2{ font-size:var(--ui-editorial-card);font-weight:500;line-height:1.4;letter-spacing:0;margin:0; } #canvas :is(#homeArticles,#insightList)>.article.article-link:nth-child(n) .article-copy {padding:24px;gap:12px} #canvas :is(#homeArticles,#insightList)>.article.article-link:nth-child(n) .article-copy>.note {font-size:var(--ui-caption);line-height:1.6} #canvas :is(#homeArticles,#insightList)>.article.article-link:nth-child(n) .article-copy>span {font-size:var(--ui-caption);line-height:1.6} #canvas #articleDetail .article-heading {padding:0 0 28px} #canvas #articleDetail #articleTitle {font-size:var(--ui-page);line-height:1.45;font-weight:500;letter-spacing:-.02em;margin:0 0 20px} #canvas #articleDetail :is(.article-meta,.article-breadcrumb) {font-size:var(--ui-label);line-height:1.7} #canvas #articleDetail .article-prose p {font-size:var(--ui-reading);line-height:1.9;max-width:var(--ui-reading-width)} #canvas #articleDetail #articleBody>section {padding:36px 0} #canvas #articleDetail #articleBody>section>h2 {font-size:var(--ui-subsection);font-weight:500;line-height:1.5;margin:0 0 20px} #canvas #articleDetail .article-prose>.article-supplement {padding:28px 0} #canvas #articleDetail .article-supplement>h2 {font-size:var(--ui-card);font-weight:500;line-height:1.5;margin:0 0 12px} #canvas #articleDetail .article-supplement>p {font-size:var(--ui-body);line-height:1.85} #canvas #articleDetail .article-sidebar>h2 {font-size:var(--ui-card);font-weight:500;line-height:1.5;margin:0 0 20px} #canvas #articleDetail .article-sidebar>h2>small {font-size:var(--ui-caption)} #canvas #articleDetail .sidebar-article>h3 {font-size:var(--ui-body);font-weight:500;line-height:1.7;margin:0 0 8px} #canvas #caseContent>section {padding-block:40px} #canvas #caseContent>section>p {font-size:var(--ui-reading);line-height:1.9;max-width:var(--ui-reading-width);margin:0 0 16px} #canvas #caseContent>section>p:last-child{margin-bottom:0} #canvas #caseContent .case-wide figcaption {font-size:var(--ui-caption);line-height:1.7;align-items:baseline} #canvas #caseContent .portrait-rail>.case-wide .ph.has-image{max-width:var(--asset-max-width,1400px);margin-inline:auto} #canvas #caseContent .case-image-open {font-size:var(--ui-caption);min-height:44px;line-height:1.6} #canvas #caseContent .gallery-heading>p{font-size:var(--ui-card);font-weight:500;line-height:1.5} #canvas #caseContent .gallery-heading>p>small{font-size:var(--ui-label);font-weight:400} #canvas #caseDetail .case-facts dt {font-size:var(--ui-label);line-height:1.6} #canvas #caseDetail .case-facts dd {font-size:var(--ui-body);line-height:1.8} #canvas :is(#contact,#contactCommon) :is(.contact-heading h2,.contact-common-heading h2){font-size:var(--ui-section);font-weight:500;line-height:1.45} #canvas :is(#contact,#contactCommon) :is(.contact-heading>p,.contact-common-heading>p){font-size:var(--ui-body);line-height:1.85} #canvas :is(#contact,#contactCommon) .contact-info-label {font-size:var(--ui-caption);font-weight:400;line-height:1.6} #canvas :is(#contact,#contactCommon) :is(.contact-field-value,.contact-email-copy,.contact-field address){font-size:18px;font-weight:400;line-height:1.65} #canvas :is(#contact,#contactCommon) .contact-copy-hint {font-size:12px;line-height:1.65} #canvas :is(#contact,#contactCommon) .social-platforms>p {font-size:var(--ui-caption);line-height:1.6} #canvas .foot {font-size:var(--ui-caption);line-height:1.8} #canvas .foot nav>a {font-size:var(--ui-caption);line-height:1.6} #canvas .foot .icp-line183{display:block;margin-top:6px;line-height:1.6} #canvas .foot .icp-link183{color:inherit;font-size:var(--ui-caption);text-decoration:none;text-underline-offset:4px} #canvas .foot .icp-link183:hover{background:transparent;text-decoration:underline} #canvas .foot .icp-link183:focus-visible{background:transparent} @media (max-width:767px){ #canvas .foot{flex-direction:column;align-items:flex-start;gap:18px;padding:24px 20px} #canvas .foot>span,#canvas .foot nav{width:100%;min-width:0} #canvas .foot nav{gap:12px 20px} #canvas .foot .icp-link183{white-space:nowrap} } #canvas #homeProfile .profile-copy>p,#canvas [data-view] .service-intro{font-size:var(--ui-body);line-height:1.85} #canvas #homeMethod .split h2,#canvas #homeProfile .profile-copy>h2,#canvas #aboutIntro .about-heading h2{font-size:var(--ui-subsection);font-weight:500;line-height:1.5;margin:0 0 16px} #canvas :is(#contact,#contactCommon) .contact-intro>h2{font-size:var(--ui-section);font-weight:500;line-height:1.45} #canvas :is(#contact,#contactCommon) .contact-intro>p{font-size:var(--ui-body);line-height:1.85} #canvas :is(#homeArticles,#insightList).compact-cases>.article.article-link:nth-child(n) h2{font-size:var(--ui-editorial-card)} /* A missing cover must never make an article unreadable until hover. */ #canvas :is(#homeArticles,#insightList)>.article.article-link:nth-child(n):has(>.article-cover:not(.has-image)) .article-copy { opacity:1;justify-content:flex-end;background:transparent; } #canvas :is(#homeArticles,#insightList)>.article.article-link:nth-child(n):has(>.article-cover:not(.has-image)) .article-copy>span{margin-top:12px} body.site-preview #canvas :is(#homeArticles,#insightList)>.article.article-link:nth-child(n):has(>.article-cover:not(.has-image))>.article-cover>span:not(.asset-info){display:none} @media (max-width:767px){ #canvas {--ui-page:30px;--ui-section:24px;--ui-subsection:20px;--ui-card:18px;--ui-editorial-card:20px;--ui-body:15px;--ui-reading:16px;--ui-label:13px;--ui-bilingual:14px;--ui-section-space:36px;--ui-heading-space:20px;--ui-card-space:20px;--ui-grid-gap:16px} #canvas #homeIntro {padding-block:36px} #canvas #servicePricing .pricing-row {gap:16px;padding-block:28px} #canvas [data-view] .process-card {display:block} #canvas [data-view] .process-index {font-size:26px;margin-bottom:16px} #canvas [data-view] .process-card p {grid-column:auto} #canvas #founder .founder-copy>.founder-name {font-size:28px} #canvas :is(#homeArticles,#insightList)>.article.article-link:nth-child(n) .article-copy {padding:20px} #canvas #articleDetail #articleTitle {font-size:28px} #canvas #caseContent>section {padding-block:32px} #canvas #articleDetail #articleBody>section {padding-block:28px} } #canvas.phone {--ui-page:30px;--ui-section:24px;--ui-subsection:20px;--ui-card:18px;--ui-editorial-card:20px;--ui-body:15px;--ui-reading:16px;--ui-label:13px;--ui-bilingual:14px;--ui-section-space:36px;--ui-heading-space:20px;--ui-card-space:20px;--ui-grid-gap:16px} #canvas.phone #homeIntro {padding-block:36px} #canvas.phone #aboutIntro .about-heading h2{font-size:var(--ui-subsection)} #canvas.phone #servicePricing .pricing-row {gap:16px;padding-block:28px} #canvas.phone [data-view] .process-card {display:block} #canvas.phone [data-view] .process-index {font-size:26px;margin-bottom:16px} #canvas.phone :is(#homeArticles,#insightList)>.article.article-link:nth-child(n) .article-copy {padding:20px} #canvas.phone #articleDetail #articleTitle {font-size:28px} #canvas.phone #caseContent>section {padding-block:32px} #canvas.phone #articleDetail #articleBody>section {padding-block:28px} /* Balance short contact introductions without rewriting approved copy. */ #canvas :is(#contact,#contactCommon) .contact-intro>p, #canvas #contactConversation .conversation-footer>p{text-wrap:balance} /* ===== case-presentation.css ===== */ /* 0911-55: align complete case artwork with the reading column. */ #canvas #caseContent>.case-wide, #canvas #caseContent>section>.case-wide { width:var(--case-display-width,100%);max-width:100%;margin:24px 0 0; } #canvas #caseContent>.case-wide{margin-top:28px} #canvas #caseContent>.case-wide .ph.has-image, #canvas #caseContent>section>.case-wide .ph.has-image { width:100%;max-width:100%;height:auto;min-height:0;max-height:none; margin:0;padding:0;border:0;aspect-ratio:var(--asset-ratio);background:none; } #canvas #caseContent>.case-wide .ph.has-image>img, #canvas #caseContent>section>.case-wide .ph.has-image>img { position:static;display:block;width:100%;height:auto;max-width:100%;max-height:none; object-fit:contain;transform:none; } #canvas #caseContent>.case-wide figcaption, #canvas #caseContent>section>.case-wide figcaption { width:100%;max-width:100%;margin:12px 0 0;align-items:baseline; } #canvas #caseContent>.case-wide figcaption>span, #canvas #caseContent>section>.case-wide figcaption>span {min-width:0;overflow-wrap:anywhere} #canvas #caseContent>.case-wide .case-image-open, #canvas #caseContent>section>.case-wide .case-image-open {font-size:13px;flex-shrink:0} /* Selected covers use the recorded source window; full originals stay in detail pages. */ #canvas .case .case-cover-window {overflow:hidden} #canvas :is(#homeCases,#caseList) .case-visual.case-cover-window{border:0} #canvas section.has-case-mosaic>:is(.sectionhead,.filter-rail,.cases-intro,.mosaic-count,.loadmore,#caseList,#homeCases,#hero){width:min(100%,var(--case-composition-width,100%));max-width:100%} #canvas .case .case-cover-window>img {max-width:none;max-height:none;object-fit:fill;transform:none!important} @media (max-width:767px){ #canvas #caseContent>.case-wide figcaption, #canvas #caseContent>section>.case-wide figcaption{gap:8px;flex-wrap:wrap} } /* ===== case-gallery.css ===== */ /* 0911-57 — independent full-width gallery below the project narrative. */ #canvas #caseContent .case-gallery{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:24px;width:100%;min-width:0;max-width:100%;--gallery-gap:16px;--gallery-image-height:320px} #canvas #caseContent .case-gallery .gallery-intro{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;gap:24px;min-width:0} #canvas #caseContent .case-gallery .gallery-stage{width:100%;min-width:0;max-width:100%} #canvas #caseContent .case-gallery .gallery-heading{display:block;flex:1;min-width:0;margin:0} #canvas #caseContent .case-gallery .gallery-heading>h2{margin:0} #canvas #caseContent .case-gallery .gallery-heading>p{display:block;max-width:64ch;margin:12px 0 0;font-size:var(--ui-body,15px);line-height:1.8} #canvas #caseContent .case-gallery .gallery-heading>p>small{margin:0} #canvas #caseContent .case-gallery .gallery-controls{display:flex;flex:none;align-items:center;gap:8px;margin:0;flex-wrap:wrap} #canvas #caseContent .case-gallery .gallery-controls button{flex:none;min-height:44px;transition:border-color var(--motion-hover,220ms) var(--motion-ease,ease)} #canvas #caseContent .case-gallery .gallery-controls .gallery-motion-toggle{width:auto;min-width:88px;height:44px;border-radius:4px;padding:0 12px;font-size:var(--ui-label,13px);white-space:nowrap} #canvas #caseContent .case-gallery .portrait-rail[data-gallery-loop]{display:block;grid-auto-columns:unset;overflow:hidden;scroll-snap-type:none;scroll-behavior:auto;scrollbar-width:none;touch-action:pan-y;overscroll-behavior-x:contain;padding:0;min-width:0;cursor:grab} #canvas #caseContent .case-gallery .portrait-rail[data-gallery-loop]::-webkit-scrollbar{display:none} #canvas #caseContent .case-gallery .gallery-track{display:flex;align-items:stretch;gap:var(--gallery-gap);width:max-content;min-width:0;will-change:transform;touch-action:pan-y} #canvas #caseContent .case-gallery .gallery-track>.case-wide{display:grid;grid-template-rows:var(--gallery-image-height) 1fr;align-content:start;flex:0 0 var(--gallery-item-width);width:var(--gallery-item-width);min-width:0;max-width:none;margin:0;scroll-snap-align:none} #canvas #caseContent .case-gallery .gallery-track>.case-wide .ph, #canvas #caseContent .case-gallery .gallery-track>.case-wide .ph.has-image{width:100%;height:var(--gallery-image-height);min-height:0;max-height:none;max-width:none;aspect-ratio:auto;margin:0;padding:0;border:0;background:none;overflow:hidden} #canvas #caseContent .case-gallery .gallery-track>.case-wide .ph>img{position:static;display:block;width:100%;height:100%;max-width:none;max-height:none;object-fit:contain;object-position:center;user-select:none;-webkit-user-drag:none} #canvas #caseContent .case-gallery .gallery-track>.case-wide figcaption{display:block;width:100%;min-width:0;max-width:none;margin:12px 0 0;text-align:left;font-size:var(--ui-caption,13px);line-height:1.7} #canvas #caseContent .case-gallery .gallery-track>.case-wide figcaption>span{min-width:0;overflow-wrap:anywhere;text-align:left} #canvas #caseContent .case-gallery .gallery-instruction{margin:12px 0 0;font-size:var(--ui-label,12px);line-height:1.6;color:var(--muted)} #canvas #caseContent .case-gallery .portrait-rail[data-gallery-loop].is-dragging, #canvas #caseContent .case-gallery .portrait-rail[data-gallery-loop].is-dragging *{cursor:grabbing;user-select:none} #canvas #caseContent .case-gallery .portrait-rail[data-gallery-loop="static"]{cursor:auto} #canvas #caseContent .case-gallery [data-gallery-clone] .asset-info{display:none!important} @media (max-width:767px){ #canvas #caseContent .case-gallery{grid-template-columns:minmax(0,1fr);gap:20px;--gallery-gap:14px} #canvas #caseContent .case-gallery .gallery-intro{flex-direction:column;gap:16px} #canvas #caseContent .case-gallery .gallery-heading>p{max-width:none} } #canvas.phone #caseContent .case-gallery{grid-template-columns:minmax(0,1fr);gap:20px;--gallery-gap:14px} #canvas.phone #caseContent .case-gallery .gallery-intro{flex-direction:column;gap:16px} #canvas.phone #caseContent .case-gallery .gallery-heading>p{max-width:none} @media (prefers-reduced-motion:reduce){#canvas #caseContent .case-gallery .gallery-track{will-change:auto}#canvas #caseContent .case-gallery .gallery-controls button{transition:none}} @media print{ #canvas #caseContent .case-gallery .gallery-controls,#canvas #caseContent .case-gallery .gallery-instruction,#canvas #caseContent .case-gallery [data-gallery-clone]{display:none!important} #canvas #caseContent .case-gallery .portrait-rail[data-gallery-loop]{overflow:visible} #canvas #caseContent .case-gallery .gallery-track{transform:none!important;flex-wrap:wrap;width:100%;will-change:auto} } /* ===== page-grid.css ===== */ /* 0911-56: one column system per page, shared by adjoining sections. */ #canvas{--page-gap:32px;--third:calc((100% - var(--page-gap) - var(--page-gap))/3);--explain-columns:minmax(0,var(--third)) minmax(0,1fr);--explain-gap:var(--page-gap)} #canvas :is(#homeCases,#caseList,#homeArticles,#insightList){gap:var(--page-gap)} #canvas :is(#homeMethod,#homeProfile,#aboutIntro,#founder,#aboutPartners,#aboutProcess) :is(.split,.about-intro-layout,.founder-layout,.cooperation-intro){display:grid;grid-template-columns:var(--explain-columns);gap:var(--page-gap);align-items:start} #canvas #aboutIntro .about-intro-copy>p,#canvas #founder .founder-copy>.founder-story{max-width:none} #canvas #founder .founder-profile{width:100%;max-width:none;display:grid;gap:20px;align-content:start;margin:0} #canvas #founder .founder-profile>.ph{width:100%;min-height:0;max-width:none;border:0} #canvas #founder .founder-profile>.ph{height:var(--portrait-height,340px);aspect-ratio:auto} #canvas #founder .founder-profile .founder-work{margin:0} #canvas #founder .founder-profile .founder-work>.ph{height:var(--working-height,200px);aspect-ratio:auto;min-height:0;width:100%;border:0} #canvas #founder .founder-profile .founder-work figcaption{margin:10px 0 0;line-height:1.6} #canvas #founder .founder-profile .ph>img{width:100%;height:100%;object-fit:cover;object-position:center 35%} #canvas #founder .founder-profile figcaption{font-size:13px;margin:0;line-height:1.6} #canvas #founder .founder-copy{width:100%;max-width:none;min-width:0;padding:0} #canvas #founder .founder-credentials{max-width:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 24px} #canvas #homeProfile .profile-text{max-width:none} #canvas #homeProfile .split>.ph{width:100%;max-width:none;align-self:stretch;min-height:0;height:auto;aspect-ratio:auto} #canvas #homeProfile .split>.ph img{width:100%;height:100%;object-fit:cover;object-position:center 30%} #canvas #homeProfile .split>div:last-child{display:flex;flex-direction:column;min-width:0;height:100%} #canvas #homeProfile .trust-points{margin-top:auto;padding-top:24px} #canvas .brand-history{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px var(--page-gap)} #canvas .brand-history>li{padding-inline:0} #canvas #services .pricing-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr) minmax(0,.7fr);gap:var(--page-gap);align-items:start} #canvas #services #pricingNotes .row{display:grid;grid-template-columns:var(--explain-columns);gap:var(--page-gap)} #canvas #servicePricing .pricing-row>div{min-width:0} #canvas #servicePricing .pricing-row>div:nth-child(2){display:flex;flex-direction:column;align-items:start} #canvas #servicePricing .pricing-row .pricing-fit{width:100%;min-height:var(--pricing-fit-height,60px);margin:0 0 12px;line-height:1.85;text-wrap:initial} #canvas #servicePricing .pricing-row .pricing-fit-line{display:block} #canvas #servicePricing .pricing-row .note{margin:0 0 14px;min-height:var(--pricing-note-height,28px);line-height:1.85} #canvas #servicePricing .pricing-row a{margin:0} #canvas #servicePricing .pricing-cost{white-space:normal;font-size:clamp(25px,2.3vw,34px);line-height:1.3} #canvas #servicePricing .pricing-cost .annual-price{gap:8px;margin-bottom:12px;flex-wrap:wrap} #canvas #servicePricing .pricing-cost .price-value{white-space:nowrap} #canvas #services .service-page-intro{display:grid;grid-template-columns:var(--explain-columns);gap:var(--page-gap);align-items:start;margin-bottom:36px} #canvas #services .service-page-intro h1{font-size:var(--ui-page);line-height:1.35;margin:0} #canvas #services .service-page-intro h1 span{display:block} #canvas #services .service-page-intro .service-intro{margin:0 0 16px;font-size:20px;line-height:1.6} #canvas #services .service-page-intro .service-tabs{margin-top:20px} #canvas #services .service-page-intro p{max-width:none} #canvas #homeServices .row{grid-template-columns:var(--explain-columns);gap:var(--page-gap)} #canvas #homeMethod .method-points{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px} #canvas #homeMethod .method-point{position:relative;border-top:1px solid var(--line);padding-top:20px;margin:0;min-width:0} #canvas #homeMethod .method-point h3{min-height:30px} #canvas #homeMethod .method-point p{margin:12px 0 0;line-height:1.85} #canvas #homeMethod .method-example{grid-column:1/-1;margin:0;padding-top:20px;border-top:1px solid var(--line)} #canvas #method .method-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px} #canvas #method .method-step{position:relative;border:1px solid var(--line);padding:28px;min-width:0} #canvas #method .method-step-heading{display:flex;gap:20px;align-items:baseline;margin-bottom:18px} #canvas #method .method-step-heading span{color:var(--accent);font-size:24px;line-height:1.4;font-variant-numeric:tabular-nums} #canvas #method .method-step-heading h3{font-size:24px;line-height:1.4;margin:0} #canvas #method .method-step p{margin:0 0 12px;line-height:1.85} #canvas #method .method-step .note{font-size:14px;color:var(--muted);margin:0} #canvas [data-faq="home"],#canvas [data-faq="service"]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 var(--page-gap);align-items:start;border:0} #canvas :is([data-faq="home"],[data-faq="service"]) details{border-top:1px solid var(--line);border-bottom:0;margin:0;min-width:0} #canvas :is([data-faq="home"],[data-faq="service"]) summary{padding:22px 38px 22px 0;line-height:1.6;min-height:72px} #canvas :is([data-faq="home"],[data-faq="service"]) .faq-answer{padding-right:20px} #canvas .article-title-line{display:block;white-space:nowrap;font-weight:inherit;line-height:inherit} #canvas :is(#homeArticles,#insightList)>.article.article-link:nth-child(n) .article-copy h2,#canvas :is(#homeArticles,#insightList).compact-cases>.article.article-link:nth-child(n) h2{width:100%;height:2.9em;line-height:1.45;font-size:var(--article-grid-title-size,24px);max-width:100%;text-wrap:initial;margin:14px 0 20px} #canvas :is(#homeArticles,#insightList) .article-copy{min-width:0;width:100%} #canvas #articleDetail #articleTitle,#canvas.phone #articleDetail #articleTitle{font-size:var(--article-detail-title-size,36px);line-height:1.4;max-width:100%;text-wrap:initial} #canvas #articleRelated h3{font-size:var(--related-title-size,17px);line-height:1.5} #canvas #caseContent{width:100%;max-width:none} #canvas #caseDetail .case-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px var(--page-gap);max-width:none} #canvas #caseDetail .case-facts>div[hidden]{display:none} #canvas #hero{display:grid;grid-template-columns:var(--explain-columns);gap:var(--page-gap);align-items:start} #canvas #hero .heroimage{grid-column:2;grid-row:1;display:block;border:0;padding:0;width:100%;height:auto!important;min-height:0;max-height:none;aspect-ratio:auto;background:none;overflow:visible} #canvas #hero .heroimage>img{display:none!important} #canvas #hero .hero-panels{display:flex;align-items:start;gap:16px;width:100%;height:auto} #canvas #hero .hero-panels>img{position:static;flex:0 0 auto;display:block;max-width:none;max-height:none;height:var(--hero-panel-height);width:auto;object-fit:contain;transform:none} #canvas #hero .herotext{grid-column:1;grid-row:1;display:flex;flex-direction:column;align-items:start;gap:24px;margin:0;padding:0;border:0} #canvas #hero .hero-summary{display:block;max-width:100%} #canvas #hero .hero-summary h3{font-size:24px;line-height:1.5;margin:12px 0 0} #canvas .case-narrative-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px var(--page-gap);margin:40px 0 0} #canvas .case-narrative{position:relative;min-width:0;margin:0;padding:24px 0;border-top:1px solid var(--line)} #canvas .case-narrative h2{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 12px;font-size:24px;line-height:1.5;margin:0 0 20px} #canvas .case-narrative h2 small{font-size:14px;color:var(--muted);font-weight:400} #canvas .narrative-index{color:var(--accent);font-size:18px;font-variant-numeric:tabular-nums} #canvas .case-narrative p{font-size:16px;line-height:1.9;margin:0 0 16px;max-width:none} #canvas .case-narrative p:last-child{margin-bottom:0} #canvas .case-site-photos{margin-top:32px;padding:32px 0} #canvas .site-photo-mosaic{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:clamp(140px,16vw,260px);gap:var(--page-gap)} #canvas .site-photo-mosaic .case-wide{position:relative;margin:0;width:100%;max-width:none;min-height:0} #canvas .site-photo-mosaic .case-wide:first-child{grid-column:span 2;grid-row:span 2} #canvas .site-photo-mosaic .ph.has-image{height:100%;min-height:0;max-height:none;aspect-ratio:auto;border:0;padding:0} #canvas .site-photo-mosaic img{width:100%;height:100%;object-fit:cover} #canvas #caseContent .site-photo-mosaic .ph.has-image>img{position:absolute;inset:0;width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;transform:none} #canvas #caseContent .site-photo-mosaic figcaption{display:block;position:absolute;inset:auto 0 0;margin:0;padding:12px 16px;font-size:13px;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.8));line-height:1.6} #canvas .site-photo-mosaic:has(>.case-wide:only-child){grid-auto-rows:auto;grid-template-columns:var(--explain-columns)} #canvas .site-photo-mosaic>.case-wide:only-child{display:contents} #canvas .site-photo-mosaic>.case-wide:only-child .ph{grid-column:1;grid-row:1;height:auto;max-height:none;aspect-ratio:var(--asset-ratio);width:100%;max-width:min(100%,calc((100svh - 170px) * var(--asset-ratio)))} #canvas #caseContent .site-photo-mosaic>.case-wide:only-child .ph>img{position:static;height:auto;object-fit:contain} #canvas #caseContent .site-photo-mosaic>.case-wide:only-child figcaption{position:static;grid-column:2;grid-row:1;padding:0;background:none;color:var(--muted)} /* Branded rules respond consistently; text and surface colors stay unchanged. */ #canvas :is(.method-point,.method-step,.case-narrative,#pricingNotes .row,.pricing-row){position:relative} #canvas :is(.method-point,.method-step,.case-narrative,#pricingNotes .row,.pricing-row)::after{content:"";position:absolute;left:0;right:0;top:-1px;height:1px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform 320ms cubic-bezier(.22,1,.36,1);pointer-events:none} #canvas :is(.method-point,.method-step,.case-narrative,#pricingNotes .row,.pricing-row):is(:hover,:focus-within)::after{transform:scaleX(1)} #canvas :is(.method-point,.method-step,.case-narrative){transition:translate 220ms cubic-bezier(.22,1,.36,1)} @media (hover:hover){#canvas :is(.method-point,.method-step):hover{translate:0 -2px}} @media (max-width:1100px){ #canvas{--page-gap:24px} #canvas #services .pricing-row{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr) minmax(0,.85fr)} #canvas #servicePricing .pricing-row h2{font-size:21px} #canvas #servicePricing .pricing-cost{font-size:25px} #canvas #servicePricing .pricing-cost .annual-price{gap:4px} #canvas #method .method-step{padding:22px} } @media (max-width:767px){ #canvas{--page-gap:20px;--explain-columns:minmax(0,1fr)} #canvas :is(#homeMethod,#homeProfile,#aboutIntro,#founder,#aboutPartners,#aboutProcess) :is(.split,.about-intro-layout,.founder-layout,.cooperation-intro),#canvas #services .service-page-intro{grid-template-columns:1fr} #canvas #services .pricing-row{grid-template-columns:1fr;gap:18px} #canvas #services .pricing-row .pricing-cost{grid-column:auto} #canvas :is(#homeArticles,#insightList),#canvas :is(#homeArticles,#insightList).compact-cases{grid-template-columns:1fr;grid-auto-rows:auto} #canvas :is(#homeArticles,#insightList)>.article.article-link:nth-child(n){grid-column:1;grid-row:auto;min-height:280px} #canvas #servicePricing .pricing-fit{min-height:0!important} #canvas #servicePricing .pricing-fit-line{display:inline!important} #canvas #servicePricing .pricing-row .note{min-height:0!important} #canvas #servicePricing .pricing-cost{font-size:28px} #canvas #servicePricing .pricing-cost .annual-price{display:flex;gap:10px} #canvas .brand-history{grid-template-columns:1fr} #canvas #homeMethod .method-points,#canvas #method .method-grid,#canvas .case-narrative-grid,#canvas [data-faq="home"],#canvas [data-faq="service"]{grid-template-columns:1fr} #canvas #founder .founder-profile{grid-template-columns:1fr 1fr;gap:12px;align-items:stretch} #canvas #founder .founder-profile>.ph{height:230px;aspect-ratio:auto} #canvas #founder .founder-profile .founder-work>.ph{height:230px} #canvas #founder .founder-profile figcaption{margin-top:10px} #canvas #founder .founder-credentials{grid-template-columns:1fr} #canvas #homeProfile .split>.ph{height:360px;max-height:55svh} #canvas #homeProfile .trust-points{margin-top:20px} #canvas #services .service-page-intro h1 span{display:inline} #canvas #method .method-step-heading h3{font-size:20px} #canvas #method .method-step p,#canvas .case-narrative p{font-size:15px} #canvas .site-photo-mosaic,#canvas .site-photo-mosaic:has(>.case-wide:only-child){grid-template-columns:1fr;grid-auto-rows:auto} #canvas .site-photo-mosaic .case-wide:first-child{grid-column:auto;grid-row:auto} #canvas .site-photo-mosaic .ph.has-image{height:auto;aspect-ratio:var(--asset-ratio);max-height:none} #canvas .site-photo-mosaic>.case-wide:only-child{display:block} #canvas .site-photo-mosaic>.case-wide:only-child figcaption{margin-top:10px} #canvas #caseDetail .case-facts{grid-template-columns:1fr 1fr} #canvas #hero{grid-template-columns:1fr;gap:20px} #canvas #hero .heroimage{grid-column:1;grid-row:2} #canvas #hero .herotext{grid-column:1;grid-row:1;flex-direction:row;justify-content:space-between;align-items:start;gap:16px} #canvas #hero .hero-summary h3{font-size:20px} } @media (prefers-reduced-motion:reduce){#canvas :is(.method-point,.method-step,.case-narrative){transition:none;translate:none}#canvas :is(.method-point,.method-step,.case-narrative,#pricingNotes .row,.pricing-row)::after{transition:none}} /* 0911-57: content-specific compositions on the shared page axes. */ #canvas #hero{display:flex;flex-direction:column;gap:22px;align-items:stretch} #canvas #hero .heroimage{position:relative;display:block;width:100%;height:clamp(220px,48svh,540px)!important;min-height:0;max-height:none;aspect-ratio:auto;overflow:hidden;background:var(--surface,#1b1e20)} #canvas #hero .heroimage>img{display:block!important;object-fit:fill;transform:none!important} #canvas #hero .herotext{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%;gap:24px} #canvas #hero .hero-summary{display:flex;align-items:baseline;gap:24px;min-width:0} #canvas #hero .hero-summary h3{font-size:clamp(20px,2vw,28px);margin:0;line-height:1.5} #canvas #hero .hero-summary small{flex-shrink:0} #canvas #hero .controls{flex-shrink:0} #canvas #caseDetail .case-detail-cover{width:100%;margin:30px 0 32px;max-width:none} #canvas #caseDetail .case-detail-cover>.ph{position:relative;width:100%;height:clamp(240px,54svh,620px);min-height:0;max-height:none;margin:0;padding:0;border:0;overflow:hidden;background:var(--surface,#1b1e20);aspect-ratio:auto} #canvas #caseDetail .case-detail-cover>.ph>img{object-fit:fill;transform:none!important;max-width:none;max-height:none} #canvas #caseDetail .case-facts{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px var(--page-gap);padding:0 0 32px;border-bottom:1px solid var(--line);margin:0} #canvas #caseDetail .case-facts dt{font-size:14px;line-height:1.6;margin:0 0 10px} #canvas #caseDetail .case-facts dd{font-size:17px;line-height:1.65;margin:0} #canvas .case-narrative-grid{gap:var(--page-gap);margin:36px 0 60px} #canvas .case-narrative{padding:28px 30px;border:1px solid var(--rule,#34383a);border-radius:0} #canvas .case-narrative h2{margin:0 0 24px;gap:8px 12px;font-size:24px} #canvas .case-narrative p{font-size:17px;line-height:1.9;margin:0;min-height:7.6em;text-align:justify;text-align-last:left;word-break:normal;overflow-wrap:break-word} #canvas .case-narrative::after{left:0;right:0;top:0;height:2px} #canvas #caseContent .site-photo-mosaic .ph.has-image>img{max-width:none;max-height:none;object-fit:cover;object-position:center} #canvas .partner-card{position:relative} #canvas .partner-card>.partner-case-link{position:absolute;inset:0;z-index:5;display:block;border:0;border-radius:0;text-decoration:none} #canvas .partner-card:has(.partner-case-link){cursor:pointer} #canvas .partner-card:has(.partner-case-link:focus-visible){outline:2px solid var(--accent);outline-offset:4px} #canvas .partner-card>.partner-case-link:focus-visible{outline:none} #canvas :is(#homePartners,#aboutPartners) .partner-card:focus-within .partner-mark{opacity:0;translate:0 -7px} #canvas :is(#homePartners,#aboutPartners) .partner-card:focus-within .partner-caption{opacity:1;translate:0 0} #canvas .partners-copy p{margin:0;text-align:right;line-height:1.9} #canvas .partners-copy p>span{display:block} #canvas :is(#homeArticles,#insightList),#canvas #insightList.short-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:auto;gap:var(--page-gap)} #canvas :is(#homeArticles,#insightList)>.article.article-link:nth-child(n){grid-column:span 1;grid-row:auto;height:clamp(320px,30vw,460px);min-height:0;aspect-ratio:auto} #canvas :is(#homeArticles,#insightList)>.article.article-link:nth-child(4n/**/+1),#canvas :is(#homeArticles,#insightList)>.article.article-link:nth-child(4n){grid-column:span 2} #canvas :is(#homeArticles,#insightList)>.article.article-link:nth-child(n) .article-copy,#canvas :is(#homeArticles,#insightList).compact-cases>.article.article-link:nth-child(n) .article-copy{padding:28px;gap:16px} #canvas :is(#homeArticles,#insightList)>.article.article-link:nth-child(n) .article-copy h2{margin:0;line-height:1.5;height:3em;font-size:var(--article-grid-title-size,24px)} #canvas :is(#homeArticles,#insightList)>.article.article-link:nth-child(n) .article-copy>.note{font-size:14px} #canvas :is(#homeArticles,#insightList)>.article.article-link:nth-child(n) .article-copy>span{font-size:14px} @media (hover:hover){#canvas .case-narrative:hover{translate:0 -2px}} @media (max-width:1100px){ #canvas .case-narrative{padding:24px} #canvas .case-narrative h2{font-size:22px} #canvas .case-narrative p{font-size:16px} #canvas :is(#homeArticles,#insightList)>.article.article-link:nth-child(n) .article-copy,#canvas :is(#homeArticles,#insightList).compact-cases>.article.article-link:nth-child(n) .article-copy{padding:22px} } @media (max-width:900px){ #canvas :is(#homeArticles,#insightList),#canvas #insightList.short-list{grid-template-columns:repeat(2,minmax(0,1fr))} #canvas :is(#homeArticles,#insightList)>.article.article-link:nth-child(n){grid-column:span 1;height:340px} #canvas #caseDetail .case-facts{grid-template-columns:repeat(2,minmax(0,1fr))} } @media (max-width:767px){ #canvas #hero .heroimage{height:clamp(220px,38svh,380px)!important} #canvas #hero .hero-summary{display:block} #canvas #hero .hero-summary h3{font-size:20px;margin-top:10px} #canvas #hero .herotext{align-items:flex-start;gap:16px} #canvas #caseDetail .case-detail-cover{margin:24px 0} #canvas #caseDetail .case-detail-cover>.ph{height:clamp(220px,40svh,380px)} #canvas #caseDetail .case-facts{padding-bottom:24px;gap:24px 20px} #canvas #caseDetail .case-facts dd{font-size:16px} #canvas .case-narrative-grid{margin:28px 0 40px} #canvas .case-narrative{padding:24px} #canvas .case-narrative h2{font-size:21px;margin-bottom:18px} #canvas .case-narrative p{font-size:16px;min-height:0;text-align:left;line-height:1.9} #canvas :is(#homeArticles,#insightList),#canvas #insightList.short-list{grid-template-columns:1fr} #canvas :is(#homeArticles,#insightList)>.article.article-link:nth-child(n){grid-column:1;grid-row:auto;height:340px;min-height:0} #canvas .partners-copy p{text-align:left} #canvas .partners-copy p>span{display:inline} } @media (prefers-reduced-motion:reduce){#canvas .case-narrative:hover{translate:none}} /* ===== profile-polish.css ===== */ /* 0911-57: readable profile, preserved biography and shared page axes. */ #canvas #homeMethod .split { align-items:stretch; } #canvas #homeMethod .method-heading { display:flex;flex-direction:column;align-items:flex-start;min-width:0; } #canvas #homeMethod .method-heading h2 { margin:0; } #canvas #homeMethod .method-heading>.method-detail-link { margin-top:auto;padding-top:28px;line-height:1.6; } #canvas #homeMethod .method-points { gap:24px var(--page-gap); } #canvas #homeMethod .method-point h3 { margin:0;min-height:var(--method-title-height,30px);font-size:20px;line-height:1.5;font-weight:500; } #canvas #homeMethod .method-point p { min-height:var(--method-summary-height,60px);font-size:16px;line-height:1.85;text-wrap:pretty; } #canvas #aboutIntro .about-heading h1 { font-size:var(--ui-page,36px);line-height:1.35;letter-spacing:inherit; } #canvas #aboutIntro .about-origin { margin:28px 0 22px; } #canvas #aboutIntro .about-origin>strong { font-size:58px;line-height:1.05; } #canvas #aboutIntro .about-heading h2 { font-size:22px;line-height:1.55; } #canvas #aboutIntro .about-summary p { margin:0 0 20px;font-size:18px;line-height:1.9;color:var(--ink);text-wrap:pretty; } #canvas #aboutIntro .about-summary p:first-child { font-size:20px;line-height:1.7; } #canvas #aboutIntro .about-full-copy p { margin:0 0 20px;font-size:18px;line-height:1.9;color:var(--ink);text-wrap:pretty; } #canvas #aboutIntro :is(.about-summary,.about-full-copy) p:last-child { margin-bottom:0; } #canvas #aboutIntro .about-more { display:inline-flex;align-items:center;gap:20px;margin:22px 0 0;padding:8px 0;background:none;border:0;border-radius:0;min-height:44px;color:var(--ink);font:inherit;font-size:15px;line-height:1.5;cursor:pointer; } #canvas #aboutIntro .about-more>span:last-child { font-size:22px;font-weight:400;transition:transform 180ms ease,color 180ms ease; } #canvas #aboutIntro .about-more:is(:hover,:focus-visible) { color:var(--accent); } #canvas #aboutIntro .about-more:hover>span:last-child { transform:translateX(3px); } #canvas #aboutIntro .about-more:focus-visible { outline:2px solid var(--accent);outline-offset:5px; } #canvas #aboutIntro :is(.about-summary,.about-full-copy)[hidden] { display:none; } #canvas #brandHistory .brand-history { grid-template-columns:repeat(3,minmax(0,1fr));gap:32px var(--page-gap);align-items:stretch; } #canvas #brandHistory .brand-history>li { min-width:0;padding-inline:0; } #canvas #brandHistory .brand-history p { margin:16px 0 0;min-height:var(--history-text-height,0px);font-size:16px;line-height:1.9;color:var(--muted);text-wrap:pretty; } #canvas #founder .founder-profile { width:100%;max-width:none;grid-template-columns:1fr;gap:20px; } #canvas #founder .founder-profile>[data-image-task="H-LEAD-01"] { width:100%;max-width:none;padding:0;height:var(--profile-portrait-height,420px);aspect-ratio:auto;min-height:0; } #canvas #founder .founder-profile>.ph>img { object-fit:cover;object-position:50% 78%; } #canvas #founder .founder-profile .founder-work>.ph { padding:0;height:var(--profile-work-height,220px);aspect-ratio:auto;width:100%; } #canvas #founder .founder-profile .founder-work>.ph>img { object-fit:cover;object-position:50% 50%; } #canvas #founder .founder-copy { align-self:stretch;display:flex;flex-direction:column;justify-content:space-between; } #canvas #founder .founder-identity { display:flow-root; } #canvas #founder .founder-identity>.founder-credentials { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 24px;max-width:none;list-style:none;padding:0;margin:0 0 24px;font-size:14px;line-height:1.8;color:var(--muted); } #canvas #founder .founder-work figcaption.profile-caption-hidden { display:none; } #canvas #founder .founder-name { margin:0 0 12px;font-size:28px;line-height:1.3;font-weight:500;color:var(--ink); } #canvas #founder .founder-copy .founder-headline { gap:8px 16px;margin:0 0 22px; } #canvas #founder .founder-headline>strong { font-size:42px;line-height:1.1;font-weight:500; } #canvas #founder .founder-headline>strong>span { font-size:20px; } #canvas #founder .founder-headline>span { font-size:22px;font-weight:500; } #canvas #founder .founder-copy>.founder-credentials { max-width:none;gap:8px 24px;margin:0 0 24px; } #canvas #founder .founder-copy>.founder-story { margin:0 0 22px;font-size:18px;line-height:1.9;font-weight:400;color:var(--ink);text-wrap:pretty; } #canvas #founder .founder-copy>.founder-story:last-child { margin-bottom:0; } #canvas #founder .founder-story :is(strong,b) { font:inherit;color:inherit; } #canvas #team .member .portrait>img[src*="founder-ouyang-portrait"] { object-position:50% 46%; } @media (max-width:1100px) and (min-width:768px){ #canvas #homeMethod .method-point h3 { font-size:18px; } #canvas #homeMethod .method-point p,#canvas #brandHistory .brand-history p { font-size:15px; } #canvas #founder .founder-copy>.founder-credentials { grid-template-columns:1fr;gap:5px; } #canvas #founder .founder-identity>.founder-credentials { grid-template-columns:1fr;gap:5px; } #canvas #founder .founder-copy>.founder-story { font-size:16px; } #canvas #founder .founder-headline>span { font-size:20px; } } /* A readable biography needs the full text measure on narrow tablets. */ @media (min-width:768px) and (max-width:1023px){ #canvas #founder .founder-layout { grid-template-columns:1fr;gap:28px; } #canvas #founder .founder-profile { grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start; } #canvas #founder .founder-profile>[data-image-task="H-LEAD-01"], #canvas #founder .founder-profile .founder-work>.ph { height:auto;aspect-ratio:1;max-width:none; } #canvas #founder .founder-profile .founder-work>.ph>img { object-position:30% 50%; } #canvas #founder .founder-identity>.founder-credentials { grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 24px; } } @media (max-width:767px){ #canvas #homeMethod .method-heading>.method-detail-link { margin-top:0;padding-top:22px; } #canvas #homeMethod .method-point h3,#canvas #homeMethod .method-point p { min-height:0; } #canvas #aboutIntro .about-heading h1 { font-size:30px; } #canvas #aboutIntro .about-origin { margin:22px 0 18px; } #canvas #aboutIntro .about-origin>strong { font-size:52px; } #canvas #aboutIntro .about-summary p:first-child { font-size:18px; } #canvas #aboutIntro :is(.about-summary,.about-full-copy) p { font-size:16px;line-height:1.9; } #canvas #brandHistory .brand-history { grid-template-columns:1fr;gap:26px; } #canvas #brandHistory .brand-history p { min-height:0;font-size:15px; } #canvas #founder .founder-profile { grid-template-columns:1fr;gap:16px; } #canvas #founder .founder-profile>[data-image-task="H-LEAD-01"] { height:auto;aspect-ratio:1;max-width:none; } #canvas #founder .founder-profile .founder-work>.ph { height:auto;aspect-ratio:4/3; } #canvas #founder .founder-copy>.founder-story { font-size:16px;line-height:1.9; } #canvas #founder .founder-copy>.founder-credentials { grid-template-columns:1fr;gap:6px; } #canvas #founder .founder-identity>.founder-credentials { grid-template-columns:1fr;gap:6px; } } #canvas.phone #homeMethod .split,#canvas.phone #homeMethod .method-points { grid-template-columns:1fr; } #canvas.phone #homeMethod .method-heading>.method-detail-link { margin-top:0;padding-top:22px; } #canvas.phone #homeMethod .method-point h3,#canvas.phone #homeMethod .method-point p { min-height:0; } #canvas.phone #aboutIntro .about-heading h1 { font-size:30px; } #canvas.phone #aboutIntro .about-origin { margin:22px 0 18px; } #canvas.phone #aboutIntro .about-origin>strong { font-size:52px; } #canvas.phone #aboutIntro :is(.about-summary,.about-full-copy) p { font-size:16px;line-height:1.9; } #canvas.phone #aboutIntro .about-summary p:first-child { font-size:18px; } #canvas.phone #brandHistory .brand-history { grid-template-columns:1fr;gap:26px; } #canvas.phone #brandHistory .brand-history p { min-height:0;font-size:15px; } #canvas.phone #founder .founder-profile { grid-template-columns:1fr;gap:16px; } #canvas.phone #founder .founder-profile>[data-image-task="H-LEAD-01"] { height:auto;aspect-ratio:1;max-width:none; } #canvas.phone #founder .founder-profile .founder-work>.ph { height:auto;aspect-ratio:4/3; } #canvas.phone #founder .founder-copy>.founder-story { font-size:16px;line-height:1.9; } #canvas.phone #founder .founder-copy>.founder-credentials { grid-template-columns:1fr;gap:6px; } #canvas.phone #founder .founder-identity>.founder-credentials { grid-template-columns:1fr;gap:6px; } @media (prefers-reduced-motion:reduce){ #canvas #aboutIntro .about-more>span:last-child { transition:none; } } /* ===== page-intro.css ===== */ /* 0911-58: shared title, introduction, action and following-content rhythm. */ #canvas :is(#cases,#services,#about,#insights)>section:first-child { padding-top:48px; } #canvas :is(#cases,#services,#about,#insights) .page-intro { --intro-following-gap:48px; display:grid;grid-template-columns:var(--explain-columns);grid-template-areas:"heading body"; column-gap:var(--page-gap);row-gap:24px;align-items:start;margin:0 0 var(--intro-following-gap);padding:0; } #canvas :is(#cases,#services,#about,#insights) .page-intro .page-intro-heading { grid-area:heading;margin:0;padding:0;min-width:0; } #canvas :is(#cases,#services,#about,#insights) .page-intro .page-intro-heading .sectionhead { margin:0;padding:0; } #canvas :is(#cases,#services,#about,#insights) .page-intro h1.page-intro-title { margin:0;padding:0;font-size:36px;font-weight:500;line-height:1.35;letter-spacing:-.025em;max-width:none;text-wrap:initial; } #canvas :is(#cases,#services,#about,#insights) .page-intro h1.page-intro-title>span { display:block;white-space:nowrap; } #canvas :is(#cases,#services,#about,#insights) .page-intro .page-intro-body { grid-area:body;display:flex;flex-direction:column;align-items:stretch;min-width:0;max-width:none;margin:0;padding:0; } #canvas :is(#cases,#services,#about,#insights) .page-intro p.page-intro-lead { margin:0;font-size:20px;font-weight:400;line-height:1.7;color:var(--ink);max-width:none;text-wrap:pretty; } #canvas :is(#cases,#services,#about,#insights) .page-intro p.page-intro-support { margin:20px 0 0;font-size:17px;font-weight:400;line-height:1.8;color:var(--muted);max-width:none;text-wrap:pretty; } #canvas :is(#cases,#services,#about,#insights) .page-intro .page-intro-actions { display:flex;align-items:center;flex-wrap:wrap;gap:12px 28px;margin:24px 0 0;padding:0;border:0; } #canvas :is(#cases,#services,#about,#insights) .page-intro .page-intro-action { display:inline-flex;align-items:center;justify-content:flex-start;gap:12px;box-sizing:border-box;min-height:44px;margin:0;padding:8px 0;border:0;border-radius:0;background:none;color:var(--ink);font-family:inherit;font-size:15px;font-weight:400;line-height:1.5;text-decoration:none;cursor:pointer; } #canvas :is(#cases,#services,#about,#insights) .page-intro .page-intro-action:is(:hover,:focus-visible) { color:var(--accent);background:none; } #canvas :is(#cases,#services,#about,#insights) .page-intro .page-intro-action:focus-visible { outline:2px solid var(--accent);outline-offset:5px; } #canvas :is(#cases,#services,#about,#insights) .page-intro .about-more>span[aria-hidden="true"] { font-size:20px;line-height:1; } #canvas :is(#cases,#services,#insights) .page-intro-next { margin-top:0; } #canvas #aboutIntro { padding-bottom:0;border-bottom:0; } #canvas #aboutIntro .page-intro-about { grid-template-areas:"heading body" "identity body";grid-template-rows:min-content 1fr;margin-bottom:0; } #canvas #aboutIntro .page-intro-about .page-intro-body { align-self:stretch; } #canvas #aboutIntro .page-intro-about .page-intro-actions { margin-top:auto;padding-top:24px; } #canvas #aboutIntro .page-intro-identity { grid-area:identity;align-self:end;display:grid;grid-template-columns:max-content minmax(0,1fr);gap:18px;align-items:end;min-width:0; } #canvas #aboutIntro .page-intro-identity .about-origin { display:flex;flex-direction:column;align-items:start;gap:5px;margin:0; } #canvas #aboutIntro .page-intro-identity .about-origin>span { font-size:12px;font-weight:400;line-height:1.5;letter-spacing:.04em;color:var(--muted); } #canvas #aboutIntro .page-intro-identity .about-origin>strong { font-size:58px;line-height:1;font-weight:500;letter-spacing:-.055em;color:var(--accent); } #canvas #aboutIntro .page-intro-identity .page-intro-motto { margin:0;font-size:18px;line-height:1.65;font-weight:500;color:var(--ink); } #canvas #brandHistory { padding-top:48px;border-top:0; } @media (max-width:1023px){ #canvas :is(#cases,#services,#about,#insights)>section:first-child { padding-top:36px; } #canvas :is(#cases,#services,#about,#insights) .page-intro { --intro-following-gap:32px;grid-template-columns:1fr;grid-template-areas:"heading" "body";row-gap:24px; } #canvas :is(#cases,#services,#about,#insights) .page-intro h1.page-intro-title { font-size:32px; } #canvas :is(#cases,#services,#about,#insights) .page-intro p.page-intro-lead { font-size:18px;line-height:1.8; } #canvas :is(#cases,#services,#about,#insights) .page-intro p.page-intro-support { font-size:16px;line-height:1.85; } #canvas #aboutIntro .page-intro-about { grid-template-columns:1fr;grid-template-areas:"heading" "body" "identity";grid-template-rows:auto; } #canvas #aboutIntro .page-intro-identity { grid-template-columns:max-content minmax(0,1fr);gap:24px;align-items:center;padding-top:0; } #canvas #aboutIntro .page-intro-identity .about-origin>strong { font-size:52px; } #canvas #aboutIntro .page-intro-about .page-intro-actions { margin-top:24px;padding-top:0; } #canvas #brandHistory { padding-top:32px; } } #canvas.phone :is(#cases,#services,#about,#insights)>section:first-child { padding-top:36px; } #canvas.phone :is(#cases,#services,#about,#insights) .page-intro { --intro-following-gap:32px;grid-template-columns:1fr;grid-template-areas:"heading" "body";row-gap:24px; } #canvas.phone :is(#cases,#services,#about,#insights) .page-intro h1.page-intro-title { font-size:32px; } #canvas.phone :is(#cases,#services,#about,#insights) .page-intro p.page-intro-lead { font-size:18px;line-height:1.8; } #canvas.phone :is(#cases,#services,#about,#insights) .page-intro p.page-intro-support { font-size:16px;line-height:1.85; } #canvas.phone #aboutIntro .page-intro-about { grid-template-columns:1fr;grid-template-areas:"heading" "body" "identity";grid-template-rows:auto; } #canvas.phone #aboutIntro .page-intro-identity { grid-template-columns:max-content minmax(0,1fr);gap:24px;align-items:center;padding-top:0; } #canvas.phone #aboutIntro .page-intro-identity .about-origin>strong { font-size:52px; } #canvas.phone #aboutIntro .page-intro-about .page-intro-actions { margin-top:24px;padding-top:0; } #canvas.phone #brandHistory { padding-top:32px; } /* ===== case-hero.css ===== */ /* 0911-58: selected A composition, with a filled same-case image window. */ #canvas #cases #hero{display:flex;flex-direction:column;gap:0;align-items:stretch} #canvas #cases #hero .heroimage{display:block;position:relative;width:100%;height:var(--case-hero-height,clamp(160px,calc(100svh - 340px),500px))!important;min-height:0;max-height:none;margin:0;padding:0;border:0;aspect-ratio:auto;overflow:hidden} #canvas #cases #hero .heroimage>img{display:block;max-width:none;max-height:none;object-fit:cover;transform:none!important} #canvas #cases #hero .herotext{display:flex;justify-content:space-between;align-items:center;gap:18px;min-height:0;width:100%;padding:14px 0 20px} #canvas #cases #hero .hero-summary{display:flex;align-items:baseline;gap:16px;min-width:0} #canvas #cases #hero .hero-summary h3{font-size:20px;font-weight:500;line-height:1.5;margin:0;min-width:0;overflow-wrap:break-word} #canvas #cases #heroCount{flex:none;font-size:13px;font-variant-numeric:tabular-nums;line-height:1.6;color:var(--muted)} #canvas #cases #hero .controls{display:flex;flex-wrap:nowrap;flex:none;gap:8px} #canvas #cases #hero .controls button{width:44px;min-width:44px;min-height:44px;padding:6px 12px} @media (max-width:767px){ #canvas #cases #hero .herotext{align-items:center;gap:12px;padding:12px 0 18px} #canvas #cases #hero .hero-summary{display:block} #canvas #cases #hero .hero-summary h3{font-size:16px;line-height:1.5;margin-top:4px} } #canvas.phone #cases #hero .herotext{align-items:center;gap:12px;padding:12px 0 18px;min-height:0} #canvas.phone #cases #hero .hero-summary{display:block} #canvas.phone #cases #hero .hero-summary h3{font-size:16px;line-height:1.5;margin-top:4px} /* ===== insight-grid.css ===== */ /* 0911-59: the article lists use the same six-card coordinates as the cases. */ #canvas :is(#homeArticles,#insightList), #canvas #insightList.short-list{ display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); grid-auto-rows:var(--case-cell-height,240px); gap:var(--page-gap,32px); align-items:stretch; min-width:0; max-width:100%; } #canvas :is(#homeArticles,#insightList)>.article.article-link:nth-child(n){ display:block; grid-column:var(--case-col,span 2); grid-row:var(--case-line,auto); height:auto; min-height:0; min-width:0; max-width:100%; aspect-ratio:auto; margin:0; padding:0; } #canvas :is(#homeArticles,#insightList)>.article.article-link:nth-child(n) .article-copy{ padding:24px; gap:12px; } #canvas :is(#homeArticles,#insightList)>.article.article-link:nth-child(n) .article-copy h2{ width:100%; max-width:100%; height:3em; margin:0; line-height:1.5; font-size:var(--article-grid-title-size,24px); text-wrap:initial; } #canvas :is(#homeArticles,#insightList) .article-title-line{ display:block; white-space:nowrap; } #canvas :is(#homeArticles,#insightList).compact-cases>.article.article-link:nth-child(n) .article-copy{ padding:12px 14px; gap:5px; } #canvas :is(#homeArticles,#insightList).compact-cases>.article.article-link:nth-child(n) .article-copy>.note{ font-size:12px; line-height:1.4; } #canvas :is(#homeArticles,#insightList).compact-cases>.article.article-link:nth-child(n) .article-copy>span{ font-size:12px; line-height:1.4; padding-top:0; } #canvas #insightList.compact-cases>.article.article-link.is-recommended:nth-child(n) .article-copy{ padding-top:38px; } /* The interaction changes a fine brand rule; existing text and surfaces stay intact. */ #canvas :is(#homeArticles,#insightList)>.article.article-link::after{ content:""; position:absolute; inset:0 0 auto; height:1px; z-index:5; pointer-events:none; background:var(--accent); transform:scaleX(0); transform-origin:left; transition:transform var(--motion-hover,220ms) var(--motion-ease,ease); } #canvas :is(#homeArticles,#insightList)>.article.article-link:is(:hover,:focus-visible)::after{ background:var(--accent); transform:scaleX(1); } @media (min-width:768px) and (max-width:1023px){ #canvas :is(#homeArticles,#insightList),#canvas #insightList.short-list{ grid-template-columns:repeat(2,minmax(0,1fr)); grid-auto-rows:340px; } #canvas :is(#homeArticles,#insightList)>.article.article-link:nth-child(n){ grid-column:auto; grid-row:auto; } #canvas :is(#homeArticles,#insightList).compact-cases>.article.article-link:nth-child(n) .article-copy{ padding:22px; gap:12px; } } @media (max-width:767px){ #canvas :is(#homeArticles,#insightList),#canvas #insightList.short-list{ grid-template-columns:minmax(0,1fr); grid-auto-rows:340px; } #canvas :is(#homeArticles,#insightList)>.article.article-link:nth-child(n){ grid-column:1; grid-row:auto; height:auto; } #canvas :is(#homeArticles,#insightList).compact-cases>.article.article-link:nth-child(n) .article-copy{ padding:22px; gap:12px; } } #canvas.phone :is(#homeArticles,#insightList),#canvas.phone #insightList.short-list{ grid-template-columns:minmax(0,1fr); grid-auto-rows:340px; } #canvas.phone :is(#homeArticles,#insightList)>.article.article-link:nth-child(n){ grid-column:1; grid-row:auto; height:auto; aspect-ratio:auto; } #canvas.phone :is(#homeArticles,#insightList).compact-cases>.article.article-link:nth-child(n) .article-copy{ padding:22px; gap:12px; } @media (prefers-reduced-motion:reduce){ #canvas :is(#homeArticles,#insightList)>.article.article-link::after{transition:none} } /* ===== article-reading.css ===== */ #canvas .imported-article-section ul,#canvas .imported-article-section ol{padding-left:1.4em;margin:18px 0;line-height:1.9} #canvas .imported-article-section li+li{margin-top:8px} #canvas .imported-article-section:first-child:has(>p:first-child){padding-top:12px} #canvas .imported-article-media{margin:28px 0;width:100%} #canvas .imported-article-media .ph{border:0;padding:0;width:100%;height:auto;min-height:0;aspect-ratio:auto;background:transparent} #canvas .imported-article-media .ph>img{position:static;display:block;width:100%;height:auto;max-height:65svh;object-fit:contain} #canvas .imported-article-media figcaption{font-size:14px;line-height:1.7;color:var(--muted);margin-top:12px} /* ===== portrait-framing.css ===== */ /* 0911-60: preserve the subject's shoulders, hands and natural proportions. */ #canvas #homeProfile .split { align-items:stretch; } #canvas #homeProfile .split>.ph { height:auto;aspect-ratio:6/7;min-height:0;align-self:stretch;padding:0; } #canvas #homeProfile .split>.ph>img { object-fit:cover;object-position:50% 100%;transform:none; } #canvas #founder .founder-layout { align-items:stretch; } #canvas #founder .founder-profile { align-content:stretch;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto; } #canvas #founder .founder-profile>[data-image-task="H-LEAD-01"] { height:auto;aspect-ratio:6/7;align-self:stretch; } #canvas #founder .founder-profile>[data-image-task="H-LEAD-01"]>img { object-fit:cover;object-position:50% 100%;transform:none; } #canvas #founder .founder-profile .founder-work>.ph { height:auto;aspect-ratio:5/2;min-height:0;min-width:0; } #canvas #founder .founder-profile .founder-work { min-width:0; } #canvas #founder .founder-copy { align-self:stretch; } #canvas #team .member .portrait>img { transform:none; } @media (min-width:768px) and (max-width:1023px){ #canvas #founder .founder-profile { grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto;align-items:stretch; } #canvas #founder .founder-profile .founder-work { display:flex; } #canvas #founder .founder-profile .founder-work>.ph { aspect-ratio:auto;height:100%; } } @media (max-width:767px){ #canvas #homeProfile .split>.ph { aspect-ratio:6/7;align-self:start; } #canvas #founder .founder-profile { grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto; } #canvas #founder .founder-profile>[data-image-task="H-LEAD-01"] { aspect-ratio:6/7;height:auto; } #canvas #founder .founder-profile .founder-work>.ph { aspect-ratio:3/2;height:auto; } } #canvas.phone #homeProfile .split>.ph { aspect-ratio:6/7;align-self:start; } #canvas.phone #founder .founder-profile { grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto; } #canvas.phone #founder .founder-profile>[data-image-task="H-LEAD-01"] { aspect-ratio:6/7;height:auto; } #canvas.phone #founder .founder-profile .founder-work>.ph { aspect-ratio:3/2;height:auto; } /* ===== reading-layout.css ===== */ /* 0911-60: article reading and related content share the site's three-column axes. */ #canvas #articleDetail .article-breadcrumb, #canvas.compact-nav #articleDetail .article-breadcrumb, #canvas.phone #articleDetail .article-breadcrumb{ width:100%; max-width:none; margin-inline:0; } #canvas #articleDetail .reading-layout, #canvas.compact-nav #articleDetail .reading-layout, #canvas.phone #articleDetail .reading-layout{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,calc((100% - var(--page-gap,32px) - var(--page-gap,32px))/3)); gap:var(--page-gap,32px); align-items:start; width:100%; max-width:none; margin-inline:0; padding:0 0 40px; } #canvas #articleDetail .reading-layout>.reading, #canvas #articleDetail .article-heading, #canvas #articleDetail .article-prose, #canvas #articleDetail #articleBody{ width:100%; max-width:none; min-width:0; margin-inline:0; padding-inline:0; } #canvas #articleDetail .article-heading{ padding-top:0; padding-bottom:28px; } #canvas #articleDetail .article-prose p{ max-width:none; } #canvas #articleDetail .article-sidebar{ width:100%; min-width:0; max-width:none; margin:0; padding:0; background:transparent; } #canvas #articleDetail .article-sidebar>h2{ margin:0 0 20px; padding:0 0 18px; } #canvas #articleDetail #articleRelated, #canvas.compact-nav #articleDetail #articleRelated, #canvas.phone #articleDetail #articleRelated{ display:block; width:100%; min-width:0; max-width:none; } #canvas #articleDetail .sidebar-article, #canvas #articleDetail .sidebar-help{ min-width:0; max-width:100%; } #canvas #articleDetail .sidebar-help{ margin-top:24px; } @media (max-width:1023px){ #canvas #articleDetail .reading-layout, #canvas.compact-nav #articleDetail .reading-layout, #canvas.phone #articleDetail .reading-layout{ grid-template-columns:minmax(0,1fr); row-gap:32px; } } #canvas.phone #articleDetail .reading-layout{ grid-template-columns:minmax(0,1fr); row-gap:32px; } /* 0911-63: fluid reading gutter and natural related titles. */ #canvas #articleDetail .reading-layout {column-gap:clamp(32px,3.333333vw,64px);} #canvas #articleDetail #articleRelated h3 {font-size:17px;line-height:1.6;white-space:normal;} @media (min-width:1024px){ #canvas:not(.phone) #articleDetail #articleRelated h3 {white-space:nowrap;} } @media (min-width:1024px){ #canvas:not(.phone) #articleDetail .reading-layout {grid-template-columns:minmax(0,1fr) minmax(360px,calc((100% - var(--page-gap) * 2)/3));column-gap:clamp(32px,3.333333vw,64px);} } /* ===== about-hierarchy.css ===== */ /* 0911-61: one body-text level, with the positioning expressed as a real heading. */ #canvas #aboutIntro .about-positioning-title { margin:0 0 20px;font-family:inherit;font-size:30px;font-weight:500;line-height:1.45;letter-spacing:0;color:var(--ink); } #canvas #aboutIntro .about-positioning-title>span { display:block; } #canvas #aboutIntro .page-intro p.about-positioning-copy { margin:0 0 28px;font-family:inherit;font-size:18px;font-weight:400;line-height:1.9;color:var(--ink);text-wrap:pretty; } #canvas #aboutIntro .page-intro p.about-positioning-copy>span { display:block; } #canvas #aboutIntro .page-intro :is(.about-summary,.about-full-copy)>p { margin:0 0 20px;font-family:inherit;font-size:18px;font-weight:400;line-height:1.9;color:var(--ink);max-width:none;text-wrap:pretty; } #canvas #aboutIntro .page-intro :is(.about-summary,.about-full-copy)>p:last-child { margin-bottom:0; } #canvas #aboutIntro .page-intro-identity.about-milestones { grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--page-gap);align-items:end; } #canvas #aboutIntro .about-milestones .about-origin { min-width:0;gap:8px; } #canvas #aboutIntro .about-milestones .about-origin>span { font-size:13px;font-weight:400;line-height:1.6;letter-spacing:0; } #canvas #aboutIntro .about-milestones .about-origin>strong { font-size:52px;font-weight:500;line-height:1;letter-spacing:-.04em; } @media (max-width:1023px){ #canvas #aboutIntro .about-positioning-title { font-size:28px; } #canvas #aboutIntro .page-intro p.about-positioning-copy, #canvas #aboutIntro .page-intro :is(.about-summary,.about-full-copy)>p { font-size:16px;line-height:1.9; } #canvas #aboutIntro .page-intro p.about-positioning-copy { margin-bottom:24px; } #canvas #aboutIntro .about-milestones .about-origin>strong { font-size:46px; } } @media (max-width:420px){ #canvas #aboutIntro .about-positioning-title { font-size:25px; } } #canvas.phone #aboutIntro .about-positioning-title { font-size:25px; } #canvas.phone #aboutIntro .page-intro p.about-positioning-copy, #canvas.phone #aboutIntro .page-intro :is(.about-summary,.about-full-copy)>p { font-size:16px;line-height:1.9; } #canvas.phone #aboutIntro .page-intro p.about-positioning-copy { margin-bottom:24px; } #canvas.phone #aboutIntro .about-milestones .about-origin>strong { font-size:46px; } /* 0911-63: shared text row aligns the date in both disclosure states. */ @media (min-width:1024px){ #canvas:not(.phone) #aboutIntro .page-intro-about {grid-template-areas:"heading title" "identity copy" ". actions";grid-template-rows:auto auto auto;row-gap:20px;} #canvas:not(.phone) #aboutIntro .page-intro-body {display:contents;} #canvas:not(.phone) #aboutIntro .about-positioning-title {grid-area:title;margin:0;} #canvas:not(.phone) #aboutIntro :is(.about-summary,.about-full-copy) {grid-area:copy;align-self:end;} #canvas:not(.phone) #aboutIntro .page-intro-actions {grid-area:actions;margin:4px 0 0;padding:0;} #canvas:not(.phone) #aboutIntro .page-intro-identity.about-milestones {grid-template-columns:1fr;margin:0;} } /* ===== header-alignment.css ===== */ /* 0911-61: the horizontal navigation occupies the same third column as related reading. */ #canvas:not(.compact-nav) .site-header{ display:grid; grid-template-columns:minmax(0,1fr) var(--header-axis-third); column-gap:var(--page-gap,32px); align-items:center; overflow:visible; } #canvas:not(.compact-nav) .site-header>.logo{grid-column:1;min-width:0} #canvas:not(.compact-nav) .site-header nav{ grid-column:2; display:flex; flex-direction:row; flex-wrap:nowrap; align-items:center; justify-content:space-between; width:100%; min-width:0; margin:0; padding:0; gap:10px; } #canvas:not(.compact-nav) .site-header nav a{ flex:0 0 auto; white-space:nowrap; font-size:var(--header-axis-font,15px); font-weight:400; } #canvas.compact-nav .site-header{overflow:visible} /* An absolute menu must use the header padding box, not its old spanning grid area. */ #canvas.compact-nav .site-header nav{grid-column:auto} /* At desktop reading widths, the open menu keeps the third-column boundaries too. */ #canvas.compact-nav .site-header[data-axis-panel="third"] nav{ left:auto; right:var(--header-axis-inset); width:var(--header-axis-third); padding:12px 0 20px; } #canvas.compact-nav .site-header nav a, #canvas.compact-nav .site-header nav a[aria-current="page"]{font-size:15px;font-weight:400} /* ===== founder-spacing.css ===== */ /* 0911-62: natural biography spacing; a single portrait must not stretch copy. */ #canvas #founder .founder-layout { align-items:start; } #canvas #founder .founder-profile, #canvas.phone #founder .founder-profile { grid-template-columns:minmax(0,1fr); grid-template-rows:auto; align-content:start; align-self:start; gap:0; } #canvas #founder .founder-profile>[data-image-task="H-LEAD-01"], #canvas.phone #founder .founder-profile>[data-image-task="H-LEAD-01"] { height:auto; aspect-ratio:6/7; align-self:start; } #canvas #founder .founder-copy, #canvas.phone #founder .founder-copy { display:flex; flex-direction:column; justify-content:flex-start; align-self:start; gap:24px; } #canvas #founder .founder-identity>.founder-credentials, #canvas.phone #founder .founder-identity>.founder-credentials { margin-bottom:0; } #canvas #founder .founder-copy>.founder-story, #canvas.phone #founder .founder-copy>.founder-story { margin:0; } @media (min-width:768px) and (max-width:1023px){ #canvas #founder .founder-layout { grid-template-columns:var(--explain-columns);gap:var(--page-gap); } #canvas #founder .founder-identity>.founder-credentials { grid-template-columns:1fr; } } @media (max-width:767px){ #canvas #founder .founder-copy { gap:20px; } } #canvas.phone #founder .founder-layout { grid-template-columns:minmax(0,1fr); } #canvas.phone #founder .founder-copy { gap:20px; } /* ===== reading-refinement64.css ===== */ /* 0911-64: screenshot-directed reading and alignment refinements. */ #canvas [data-view] p {text-align:justify;text-align-last:left;text-justify:inter-ideograph;text-wrap:wrap;} #canvas [data-view] :is(h1,h2,h3,h4,figcaption,.note,.article-meta,.member p,.article-back) {text-align:left;text-align-last:left;} #canvas #articleDetail #articleBody>section {padding:0;margin:0 0 36px;border:0;} #canvas #articleDetail #articleBody>section:last-child {margin-bottom:0;} #canvas #articleDetail #articleBody>section>h2 {margin:0 0 20px;} #canvas #articleDetail #articleBody p {margin:0 0 20px;} #canvas #articleDetail #articleBody p:last-child {margin-bottom:0;} #canvas #articleIntro {margin:0 0 36px;} #canvas .article-footer-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 40px;margin-top:48px;} #canvas .article-footer-grid>.article-supplement {margin:0;padding:0;border:0;min-width:0;} #canvas .article-footer-grid h2 {font-size:20px;margin:0 0 12px;} #canvas .article-footer-grid p {margin:0;} /* Imported scene photographs fill the prose width within the viewport height budget. */ #canvas #articleDetail #articleBody .imported-article-media .ph>img[src$="d-case-d-14.jpg"] {max-height:65svh;width:100%;height:auto;object-fit:cover;object-position:50% 35%;} @media (min-width:1024px){ #canvas:not(.phone) #articleDetail .reading-layout {column-gap:clamp(64px,5.5vw,192px);} #canvas:not(.phone) #aboutIntro .page-intro-about {grid-template-areas:"heading title" ". copy" "identity actions";} #canvas:not(.phone) #aboutIntro .page-intro-identity {align-self:end;} #canvas:not(.phone) #aboutIntro .page-intro-actions {align-self:end;} #canvas:not(.phone) #founder .founder-layout {align-items:stretch;} #canvas:not(.phone) #founder .founder-profile {position:relative;align-self:stretch;min-height:0;} #canvas:not(.phone) #founder .founder-profile>[data-image-task="H-LEAD-01"] {position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;} #canvas:not(.phone) #founder .founder-profile>[data-image-task="H-LEAD-01"]>img {object-fit:cover;object-position:50% 45%;} } @media (max-width:767px){ #canvas .article-footer-grid {grid-template-columns:1fr;gap:24px;margin-top:36px;} #canvas #articleDetail #articleBody>section {margin-bottom:28px;} #canvas #articleDetail #articleBody>section>h2 {margin-bottom:16px;} #canvas #articleDetail #articleBody p {margin-bottom:16px;} } #canvas.phone .article-footer-grid {grid-template-columns:1fr;gap:24px;} #canvas.phone #articleDetail #articleBody>section {padding:0;} /* ===== unified71.css ===== */ /* 0911-71: shared hierarchy; local overrides leave commercial text and image pixels intact. */ #canvas.unified66{--u-line:rgba(215,222,225,.26);--u-panel:rgba(210,220,225,.045)} #canvas.unified66 .u-action,#canvas.unified66 .page-intro .u-action{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:40px;padding:8px 14px;border:1px solid var(--u-line);background:transparent;border-radius:0;font-size:14px;line-height:1.5;font-weight:400;text-decoration:none;margin:0;vertical-align:middle;white-space:normal;text-align:center;color:var(--ink)} #canvas.unified66 .u-action:hover{border-color:var(--accent);background:var(--u-panel);color:var(--accent)} #canvas.unified66 .u-action:focus-visible{outline:2px solid var(--accent);outline-offset:3px} #canvas.unified66 .u-mobile-profile,#canvas.unified66 .u-service-mobile{display:none} #canvas.unified66 .profile-copy{position:relative} #canvas.unified66 .u-profile-hover{position:absolute;z-index:25;left:0;right:0;padding:24px;background:#181c1e;border:1px solid var(--u-line);box-shadow:0 10px 35px #0008;max-height:65vh;overflow:auto} #canvas.unified66 .u-profile-hover[hidden]{display:none} #canvas.unified66 .u-profile-hover p{font-size:16px;line-height:1.85;margin:0 0 16px;text-align:left} #canvas.unified66 .u-profile-hover p:last-child{margin:0} #canvas.unified66 .u-title-en,#canvas.unified66 .u-name-en{display:inline-block;font-size:12px;font-weight:400;color:var(--muted);margin-left:10px;line-height:1.5} #canvas.unified66 .founder-name .u-name-en{font-size:15px} #canvas.unified66 #founder .founder-headline{gap:10px;flex-wrap:nowrap;align-items:baseline} #canvas.unified66 #founder .founder-headline>strong{font-size:29px;letter-spacing:0} #canvas.unified66 #founder .founder-headline>strong>span{font-size:18px;margin-left:2px} #canvas.unified66 #founder .founder-headline>span{font-size:23px} #canvas.unified66 .u-client-background{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:baseline;margin:18px 0 24px;line-height:1.7;font-size:16px} #canvas.unified66 .u-client-background[hidden]{display:none} #canvas.unified66 .u-background-label,#canvas.unified66 .u-client-background small{font-size:12px;color:var(--muted)} #canvas.unified66 .u-public-sources{margin-top:32px;padding:0} #canvas.unified66 .u-public-sources ul{padding-left:1.3em;line-height:1.8} #canvas.unified66 .u-answer-copy{border:1px solid var(--u-line);background:var(--u-panel);padding:16px 18px;margin:12px 0 16px} #canvas.unified66 .faq-answer .u-answer-copy p{margin:0 0 12px;text-align:left;text-align-last:left} #canvas.unified66 .faq-answer .u-answer-copy p:last-child{margin:0} #canvas.unified66 .faq-answer>.u-action{margin:0 8px 8px 0} #canvas.unified66 #articleDetail #articleBody h2{border-left:3px solid var(--accent);padding-left:12px} #canvas.unified66 #articleDetail #articleBody p+p{border-top:1px solid var(--u-line);padding-top:20px} #canvas.unified66 #articleDetail #articleBody>section+section{border-top:1px solid var(--u-line);padding-top:28px} #canvas.unified66 #articleDetail #articleRelated h3{white-space:normal;font-size:17px;line-height:1.55;margin:0 0 8px} #canvas.unified66 #articleRelated .sidebar-article{padding:18px 0;transition:color 120ms ease;border-bottom:1px solid var(--u-line);background:transparent;min-height:0} #canvas.unified66 #articleRelated .sidebar-article.is-preview{color:var(--accent);background:transparent} #canvas.unified66 #articleRelated p{font-size:12px;margin:0;text-align:left} #canvas.unified66 .u-related-preview{aspect-ratio:16/9;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center;padding:16px;background:#1b1f22;border:1px solid var(--u-line);font-size:12px;text-align:center;margin:0 0 12px} #canvas.unified66 .u-related-preview>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover} #canvas.unified66 .u-more-insights{margin-top:20px} #canvas.unified66 .u-about-photo{grid-area:identity;margin:0;min-width:0;align-self:stretch} #canvas.unified66 .u-about-photo[hidden]{display:none} #canvas.unified66 .u-about-photo img{display:block;width:100%;height:100%;max-height:430px;object-fit:cover;object-position:center} #canvas.unified66 #aboutPageIntro.u-expanded .page-intro-identity{display:none} #canvas.unified66 .u-letter{display:none} #canvas.unified66 .article-copy h2,#canvas.unified66 .case-overlay>strong{border-left:3px solid var(--accent);padding-left:10px} #canvas.unified66 .conversation-footer p{white-space:normal;text-align:left!important;text-align-last:left;letter-spacing:normal;word-spacing:normal} #canvas.unified66 .conversation-footer nav{display:flex;flex-wrap:wrap;gap:12px} #canvas.unified66 .u-contact-lead>span{display:block;white-space:normal} @media (min-width:1024px){ #canvas.unified66 #casesPageIntro .page-intro-body{text-align:right} #canvas.unified66 #casesPageIntro .page-intro-body>p{text-align:right;text-align-last:right;font-size:18px} #canvas.unified66 #casesPageIntro .page-intro-body>p>span{display:block} #canvas.unified66 .u-case-en{font-size:12px;letter-spacing:.12em;color:var(--muted);margin-top:14px} #canvas.unified66 #aboutPageIntro.u-expanded{grid-template-areas:"heading title" "identity copy" "identity actions"} #canvas.unified66 #articleRelated>a:nth-child(n/**/+5){display:none} } @media (max-width:767px){ #canvas.unified66 [data-view] p,#canvas.unified66 .conversation-footer p{text-align:left!important;text-align-last:left!important;letter-spacing:normal;word-spacing:normal;text-wrap:wrap} #canvas.unified66 [data-view] .copy-ending{white-space:normal} #canvas.unified66 .u-step{position:relative;padding-left:44px!important;min-width:0} #canvas.unified66 .u-letter{position:absolute;left:0;top:0;display:flex;align-items:center;justify-content:center;width:28px;height:28px;font-size:16px;font-weight:500;line-height:1;background:var(--accent);color:#121614} #canvas.unified66 .u-step-title{min-height:28px;line-height:1.4;margin-top:0!important} #canvas.unified66 #homeMethod .method-point{padding-top:0;margin-bottom:28px;border:0} #canvas.unified66 #homeMethod .method-point p{margin-top:10px;height:auto;min-height:0} #canvas.unified66 #homeProfile .trust-points>div{padding-top:0;margin:0 0 24px;border:0} #canvas.unified66 #homeProfile .trust-points dd{margin:10px 0 0} #canvas.unified66 #pricingNotes .row{display:block;padding-top:0;padding-bottom:0;margin:24px 0 28px;border:0} #canvas.unified66 #pricingNotes .row>span:not(.u-letter){display:block;margin-top:12px;border-left:2px solid var(--accent);padding-left:12px;line-height:1.8} #canvas.unified66 #contactConversation .conversation-topics>li{display:block;padding-top:0;padding-bottom:24px;margin-top:24px;grid-template-columns:none;border-left:0} #canvas.unified66 #contactConversation .conversation-topics>li:before{display:none} #canvas.unified66 .conversation-topics h3 .u-title-en{display:block;margin:4px 0 8px;font-size:11px} #canvas.unified66 .conversation-topics .u-letter{top:0} #canvas.unified66 .conversation-footer nav{display:grid;grid-template-columns:1fr;gap:10px} #canvas.unified66 .conversation-footer nav>a{justify-content:space-between} #canvas.unified66 #homeServices .service-link{display:flex;flex-direction:column;gap:16px;padding:24px 0} #canvas.unified66 #homeServices .service-link>b{font-size:19px;border:1px solid var(--u-line);padding:9px 12px;align-self:flex-start;line-height:1.4} #canvas.unified66 .u-service-desktop{display:none} #canvas.unified66 .u-service-mobile{display:block;font-size:16px;line-height:1.8} #canvas.unified66 #homeServices .service-link>span{display:flex;flex-direction:column;width:100%;gap:14px} #canvas.unified66 #homeServices .service-cta{align-self:flex-end;display:inline-flex;gap:12px;align-items:center;min-height:40px;border:1px solid var(--u-line);padding:8px 12px;font-size:13px;margin:0} #canvas.unified66 #homeProfile .profile-copy>h2,#canvas.unified66 #homeProfile .profile-copy>p:not(.u-mobile-profile){display:none} #canvas.unified66 #homeProfile .u-mobile-profile{display:block;font-size:16px;line-height:1.8;margin:0 0 16px} #canvas.unified66 #homeProfile .profile-readmore{align-self:flex-start} #canvas.unified66 #homeProfile .u-profile-hover{display:none} #canvas.unified66 #homeProfile .trust-points{margin-top:28px} #canvas.unified66 #homePartners .partner-card,#canvas.unified66 #aboutPartners .partner-card{height:auto;min-height:116px;padding:12px 5px;min-width:0} #canvas.unified66 .partner-card .partner-wordmark{font-size:15px} #canvas.unified66 .partner-card .partner-meta{font-size:11px;line-height:1.8;white-space:normal} #canvas.unified66 #homeArticles,#canvas.unified66 #insightList{display:grid;grid-template-columns:1fr!important;grid-auto-rows:auto!important;gap:18px!important} #canvas.unified66 #homeArticles>.article,#canvas.unified66 #insightList>.article{grid-column:auto!important;grid-row:auto!important;height:210px!important;min-height:0!important;aspect-ratio:auto!important;padding:0!important} #canvas.unified66 #homeArticles .article-cover,#canvas.unified66 #insightList .article-cover{height:100%!important;min-height:0!important} #canvas.unified66 #homeArticles .article-copy,#canvas.unified66 #insightList .article-copy{inset:auto 18px 18px!important;padding:0!important} #canvas.unified66 #homeArticles .article-copy h2,#canvas.unified66 #insightList .article-copy h2{font-size:21px!important;line-height:1.4;margin:8px 0 0} #canvas.unified66 .filters:not(#insightFilters) button,#canvas.unified66 .case-filters button,#canvas.unified66 .insight-filters button{font-size:13px!important;min-height:40px!important;height:40px;padding:7px 12px!important;white-space:nowrap} #canvas.unified66 .filters,#canvas.unified66 .case-filters,#canvas.unified66 .insight-filters{gap:8px!important} #canvas.unified66 #caseList{display:grid;grid-template-columns:1fr!important;grid-auto-rows:auto!important;gap:18px!important} #canvas.unified66 #caseList>.case{grid-column:auto!important;grid-row:auto!important;height:220px!important;min-height:0!important;aspect-ratio:auto!important} #canvas.unified66 #caseList .case-visual{height:100%!important;min-height:0!important;aspect-ratio:auto!important} #canvas.unified66 #caseList .case-overlay{padding:16px!important} #canvas.unified66 #caseList .case-overlay>strong{font-size:20px;line-height:1.4} #canvas.unified66 #caseList .case-meta,#canvas.unified66 #caseList .case-scope{font-size:12px} #canvas.unified66 #casesPageIntro .page-intro-body>p>span{display:inline} #canvas.unified66 #casesPageIntro .u-case-en{display:none} #canvas.unified66 #caseDetail .case-next{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:stretch} #canvas.unified66 #caseDetail .case-next>a{justify-content:space-between;font-size:13px} #canvas.unified66 #caseDetail>section:last-child>p{margin:20px 0 12px} #canvas.unified66 #caseDetail>section:last-child>p>a{display:flex;justify-content:space-between} #canvas.unified66 #servicePricing .pricing-row>div:first-child h2{display:inline-block;border:1px solid var(--u-line);padding:8px 10px;font-size:20px;line-height:1.4} #canvas.unified66 #servicePricing .pricing-title-en{margin-top:10px;font-size:12px} #canvas.unified66 #servicePricing .pricing-cost{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px;width:100%} #canvas.unified66 #servicePricing .pricing-cost>.price-value{font-size:30px;color:var(--accent)} #canvas.unified66 #servicePricing .pricing-cost>small{font-size:12px;margin:0;text-align:right;align-self:flex-end} #canvas.unified66 #servicePricing .pricing-cost>.annual-price{width:100%;display:flex;justify-content:space-between;align-items:baseline} #canvas.unified66 #servicePricing .pricing-cost .annual-price>.price-value{font-size:28px;color:var(--accent)} #canvas.unified66 #servicePricing .pricing-fit{height:auto;min-height:0} #canvas.unified66 #servicePricing .pricing-fit-line{display:inline;white-space:normal} #canvas.unified66 #servicePricing .pricing-row>div:nth-child(2)>.note{height:auto;min-height:0;margin:14px 0 18px} #canvas.unified66 #brandHistory .brand-history>li{display:grid;grid-template-columns:90px minmax(0,1fr);gap:16px;align-items:start;padding:24px 0} #canvas.unified66 #brandHistory .history-label{align-self:start;display:block;margin:0} #canvas.unified66 #brandHistory .history-year{font-size:32px;line-height:1.1} #canvas.unified66 #brandHistory .history-label h3{font-size:18px;line-height:1.4;margin:10px 0 0} #canvas.unified66 #brandHistory .brand-history>li>p{margin:0!important;min-height:0;height:auto;font-size:15px;line-height:1.8;align-self:start} #canvas.unified66 #founder .founder-headline>strong{font-size:25px} #canvas.unified66 #founder .founder-headline>strong>span{font-size:16px} #canvas.unified66 #founder .founder-headline>span{font-size:20px} #canvas.unified66 #founder .founder-name{font-size:28px} #canvas.unified66 #articleDetail #articleBody p+p{padding-top:18px} #canvas.unified66 #articleDetail #articleBody>section+section{padding-top:24px} #canvas.unified66 #articleDetail #articleRelated>a:nth-child(n){display:block;padding:16px 0 16px 14px;position:relative} #canvas.unified66 #articleRelated>a:before{content:"";position:absolute;left:0;top:18px;bottom:18px;width:3px;background:var(--accent)} #canvas.unified66 #articleDetail #articleRelated h3{font-size:17px;line-height:1.6;font-weight:400} #canvas.unified66 .u-related-preview{display:none} #canvas.unified66 .u-more-insights{display:flex;justify-content:space-between} #canvas.unified66 #aboutPageIntro.u-expanded .u-about-photo{grid-area:identity;height:210px} #canvas.unified66 #aboutPageIntro.u-expanded .u-about-photo img{height:100%;object-fit:cover} } #canvas.unified66.phone [data-view] p,#canvas.unified66.phone .conversation-footer p{text-align:left!important;text-align-last:left!important;letter-spacing:normal;word-spacing:normal;text-wrap:wrap} #canvas.unified66.phone [data-view] .copy-ending{white-space:normal} #canvas.unified66.phone .u-step{position:relative;padding-left:44px!important;min-width:0} #canvas.unified66.phone .u-letter{position:absolute;left:0;top:0;display:flex;align-items:center;justify-content:center;width:28px;height:28px;font-size:16px;font-weight:500;line-height:1;background:var(--accent);color:#121614} #canvas.unified66.phone .u-step-title{min-height:28px;line-height:1.4;margin-top:0!important} #canvas.unified66.phone #homeMethod .method-point{padding-top:0;margin-bottom:28px;border:0} #canvas.unified66.phone #homeMethod .method-point p{margin-top:10px;height:auto;min-height:0} #canvas.unified66.phone #homeProfile .trust-points>div{padding-top:0;margin:0 0 24px;border:0} #canvas.unified66.phone #homeProfile .trust-points dd{margin:10px 0 0} #canvas.unified66.phone #pricingNotes .row{display:block;padding-top:0;padding-bottom:0;margin:24px 0 28px;border:0} #canvas.unified66.phone #pricingNotes .row>span:not(.u-letter){display:block;margin-top:12px;border-left:2px solid var(--accent);padding-left:12px;line-height:1.8} #canvas.unified66.phone #contactConversation .conversation-topics>li{display:block;padding-top:0;padding-bottom:24px;margin-top:24px;grid-template-columns:none;border-left:0} #canvas.unified66.phone #contactConversation .conversation-topics>li:before{display:none} #canvas.unified66.phone .conversation-topics h3 .u-title-en{display:block;margin:4px 0 8px;font-size:11px} #canvas.unified66.phone .conversation-topics .u-letter{top:0} #canvas.unified66.phone .conversation-footer nav{display:grid;grid-template-columns:1fr;gap:10px} #canvas.unified66.phone .conversation-footer nav>a{justify-content:space-between} #canvas.unified66.phone #homeServices .service-link{display:flex;flex-direction:column;gap:16px;padding:24px 0} #canvas.unified66.phone #homeServices .service-link>b{font-size:19px;border:1px solid var(--u-line);padding:9px 12px;align-self:flex-start;line-height:1.4} #canvas.unified66.phone .u-service-desktop{display:none} #canvas.unified66.phone .u-service-mobile{display:block;font-size:16px;line-height:1.8} #canvas.unified66.phone #homeServices .service-link>span{display:flex;flex-direction:column;width:100%;gap:14px} #canvas.unified66.phone #homeServices .service-cta{align-self:flex-end;display:inline-flex;gap:12px;align-items:center;min-height:40px;border:1px solid var(--u-line);padding:8px 12px;font-size:13px;margin:0} #canvas.unified66.phone #homeProfile .profile-copy>h2,#canvas.unified66.phone #homeProfile .profile-copy>p:not(.u-mobile-profile){display:none} #canvas.unified66.phone #homeProfile .u-mobile-profile{display:block;font-size:16px;line-height:1.8;margin:0 0 16px} #canvas.unified66.phone #homeProfile .profile-readmore{align-self:flex-start} #canvas.unified66.phone #homeProfile .u-profile-hover{display:none} #canvas.unified66.phone #homeProfile .trust-points{margin-top:28px} #canvas.unified66.phone #homePartners .partner-card,#canvas.unified66.phone #aboutPartners .partner-card{height:auto;min-height:116px;padding:12px 5px;min-width:0} #canvas.unified66.phone .partner-card .partner-wordmark{font-size:15px} #canvas.unified66.phone .partner-card .partner-meta{font-size:11px;line-height:1.8;white-space:normal} #canvas.unified66.phone #homeArticles,#canvas.unified66.phone #insightList{display:grid;grid-template-columns:1fr!important;grid-auto-rows:auto!important;gap:18px!important} #canvas.unified66.phone #homeArticles>.article,#canvas.unified66.phone #insightList>.article{grid-column:auto!important;grid-row:auto!important;height:210px!important;min-height:0!important;aspect-ratio:auto!important;padding:0!important} #canvas.unified66.phone #homeArticles .article-cover,#canvas.unified66.phone #insightList .article-cover{height:100%!important;min-height:0!important} #canvas.unified66.phone #homeArticles .article-copy,#canvas.unified66.phone #insightList .article-copy{inset:auto 18px 18px!important;padding:0!important} #canvas.unified66.phone #homeArticles .article-copy h2,#canvas.unified66.phone #insightList .article-copy h2{font-size:21px!important;line-height:1.4;margin:8px 0 0} #canvas.unified66.phone .filters:not(#insightFilters) button,#canvas.unified66.phone .case-filters button,#canvas.unified66.phone .insight-filters button{font-size:13px!important;min-height:40px!important;height:40px;padding:7px 12px!important;white-space:nowrap} #canvas.unified66.phone .filters,#canvas.unified66.phone .case-filters,#canvas.unified66.phone .insight-filters{gap:8px!important} #canvas.unified66.phone #caseList{display:grid;grid-template-columns:1fr!important;grid-auto-rows:auto!important;gap:18px!important} #canvas.unified66.phone #caseList>.case{grid-column:auto!important;grid-row:auto!important;height:220px!important;min-height:0!important;aspect-ratio:auto!important} #canvas.unified66.phone #caseList .case-visual{height:100%!important;min-height:0!important;aspect-ratio:auto!important} #canvas.unified66.phone #caseList .case-overlay{padding:16px!important} #canvas.unified66.phone #caseList .case-overlay>strong{font-size:20px;line-height:1.4} #canvas.unified66.phone #caseList .case-meta,#canvas.unified66.phone #caseList .case-scope{font-size:12px} #canvas.unified66.phone #casesPageIntro .page-intro-body>p>span{display:inline} #canvas.unified66.phone #casesPageIntro .u-case-en{display:none} #canvas.unified66.phone #caseDetail .case-next{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:stretch} #canvas.unified66.phone #caseDetail .case-next>a{justify-content:space-between;font-size:13px} #canvas.unified66.phone #caseDetail>section:last-child>p{margin:20px 0 12px} #canvas.unified66.phone #caseDetail>section:last-child>p>a{display:flex;justify-content:space-between} #canvas.unified66.phone #servicePricing .pricing-row>div:first-child h2{display:inline-block;border:1px solid var(--u-line);padding:8px 10px;font-size:20px;line-height:1.4} #canvas.unified66.phone #servicePricing .pricing-title-en{margin-top:10px;font-size:12px} #canvas.unified66.phone #servicePricing .pricing-cost{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px;width:100%} #canvas.unified66.phone #servicePricing .pricing-cost>.price-value{font-size:30px;color:var(--accent)} #canvas.unified66.phone #servicePricing .pricing-cost>small{font-size:12px;margin:0;text-align:right;align-self:flex-end} #canvas.unified66.phone #servicePricing .pricing-cost>.annual-price{width:100%;display:flex;justify-content:space-between;align-items:baseline} #canvas.unified66.phone #servicePricing .pricing-cost .annual-price>.price-value{font-size:28px;color:var(--accent)} #canvas.unified66.phone #servicePricing .pricing-fit{height:auto;min-height:0} #canvas.unified66.phone #servicePricing .pricing-fit-line{display:inline;white-space:normal} #canvas.unified66.phone #servicePricing .pricing-row>div:nth-child(2)>.note{height:auto;min-height:0;margin:14px 0 18px} #canvas.unified66.phone #brandHistory .brand-history>li{display:grid;grid-template-columns:90px minmax(0,1fr);gap:16px;align-items:start;padding:24px 0} #canvas.unified66.phone #brandHistory .history-label{align-self:start;display:block;margin:0} #canvas.unified66.phone #brandHistory .history-year{font-size:32px;line-height:1.1} #canvas.unified66.phone #brandHistory .history-label h3{font-size:18px;line-height:1.4;margin:10px 0 0} #canvas.unified66.phone #brandHistory .brand-history>li>p{margin:0!important;min-height:0;height:auto;font-size:15px;line-height:1.8;align-self:start} #canvas.unified66.phone #founder .founder-headline>strong{font-size:25px} #canvas.unified66.phone #founder .founder-headline>strong>span{font-size:16px} #canvas.unified66.phone #founder .founder-headline>span{font-size:20px} #canvas.unified66.phone #founder .founder-name{font-size:28px} #canvas.unified66.phone #articleDetail #articleBody p+p{padding-top:18px} #canvas.unified66.phone #articleDetail #articleBody>section+section{padding-top:24px} #canvas.unified66.phone #articleDetail #articleRelated>a:nth-child(n){display:block;padding:16px 0 16px 14px;position:relative} #canvas.unified66.phone #articleRelated>a:before{content:"";position:absolute;left:0;top:18px;bottom:18px;width:3px;background:var(--accent)} #canvas.unified66.phone #articleDetail #articleRelated h3{font-size:17px;line-height:1.6;font-weight:400} #canvas.unified66.phone .u-related-preview{display:none} #canvas.unified66.phone .u-more-insights{display:flex;justify-content:space-between} #canvas.unified66.phone #aboutPageIntro.u-expanded .u-about-photo{grid-area:identity;height:210px} #canvas.unified66.phone #aboutPageIntro.u-expanded .u-about-photo img{height:100%;object-fit:cover} @media (max-width:767px){#canvas.unified66 #hero .herotext{display:grid!important;grid-template-columns:1fr auto;gap:10px;align-items:center} #canvas.unified66 #hero .hero-summary{display:contents!important} #canvas.unified66 #hero #heroCount{grid-column:1;grid-row:1} #canvas.unified66 #hero .controls{grid-column:2;grid-row:1;justify-self:end} #canvas.unified66 #hero .hero-summary>h3{grid-column:1/-1;grid-row:2;margin:0;width:100%} } #canvas.unified66.phone #hero .herotext{display:grid!important;grid-template-columns:1fr auto;gap:10px;align-items:center} #canvas.unified66.phone #hero .hero-summary{display:contents!important} #canvas.unified66.phone #hero #heroCount{grid-column:1;grid-row:1} #canvas.unified66.phone #hero .controls{grid-column:2;grid-row:1;justify-self:end} #canvas.unified66.phone #hero .hero-summary>h3{grid-column:1/-1;grid-row:2;margin:0;width:100%} /* 67: in-place disclosure, natural loading and override specificity repair. */ #canvas.unified66 #homeProfile .u-profile-hover{position:static;inset:auto;padding:0;background:none;border:0;box-shadow:none;max-height:none;overflow:visible} #canvas.unified66 #homeProfile .u-profile-hover p{font-size:inherit;line-height:inherit} #canvas.unified66 #homeProfile .u-profile-hover[hidden]{display:none!important} #canvas.unified66 #homeProfile .u-profile-expanded{justify-content:flex-start} #canvas.unified66 #team [data-image-task="A-TEAM-08"]>img,#canvas.unified66 #team img[src$="team-momo-original.jpg"]{filter:grayscale(1);object-position:50% 58%!important} #canvas.unified66 #contactConversation .conversation-footer p{text-align:left!important;text-align-last:left!important;letter-spacing:normal!important;word-spacing:normal!important;white-space:normal!important} #canvas.unified66 #contactConversation .conversation-footer nav>a.u-action{border:1px solid var(--u-line)!important;padding:10px 14px!important;min-height:44px;text-decoration:none!important} #canvas.unified66 #contactConversation .conversation-footer nav>a.u-action::after{display:none!important} @media (max-width:767px){#canvas.unified66 #contactConversation .conversation-footer nav{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:10px!important;width:100%;align-items:stretch} #canvas.unified66 #contactConversation .conversation-footer nav>a.u-action{display:flex!important;width:100%;justify-content:space-between;margin:0!important} #canvas.unified66 #contactConversation .conversation-topics>li{border-left:0!important;padding-left:44px!important} #canvas.unified66 #contactConversation .conversation-topics .conversation-number{display:none!important} #canvas.unified66 #contactConversation .conversation-topics h3 .u-title-en{display:block!important} } #canvas.unified66.phone #contactConversation .conversation-footer nav{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:10px!important;width:100%;align-items:stretch} #canvas.unified66.phone #contactConversation .conversation-footer nav>a.u-action{display:flex!important;width:100%;justify-content:space-between;margin:0!important} #canvas.unified66.phone #contactConversation .conversation-topics>li{border-left:0!important;padding-left:44px!important} #canvas.unified66.phone #contactConversation .conversation-topics .conversation-number{display:none!important} #canvas.unified66.phone #contactConversation .conversation-topics h3 .u-title-en{display:block!important} @media (max-width:767px){#canvas.unified66 #pricingNotes .row{display:block!important}#canvas.unified66 #pricingNotes .row>.u-letter{margin:0;border:0;padding:0;top:0}} #canvas.unified66.phone #pricingNotes .row{display:block!important}#canvas.unified66.phone #pricingNotes .row>.u-letter{margin:0;border:0;padding:0;top:0} #canvas.unified66 #services .page-intro-actions>a.u-action{border:1px solid var(--u-line)!important;padding:8px 14px!important;min-height:40px} @media (max-width:767px){#canvas.unified66 #pricingNotes .row>b{display:block}} #canvas.unified66.phone #pricingNotes .row>b{display:block} @media (min-width:768px){ #canvas.unified66:not(.phone) #contactConversation .conversation-topics>li{display:grid!important;grid-template-columns:28px minmax(0,1fr)!important;column-gap:16px!important;padding-left:0!important;border-left:0!important} #canvas.unified66:not(.phone) #contactConversation .conversation-topics>li:before{display:none!important} #canvas.unified66:not(.phone) #contactConversation .conversation-topics>li>.u-letter{display:flex;position:static;align-items:center;justify-content:center;width:28px;height:28px;font-size:16px;line-height:1;background:var(--accent);color:#121614;grid-column:1;grid-row:1} #canvas.unified66:not(.phone) #contactConversation .conversation-topics>li>div{grid-column:2;grid-row:1;min-width:0} #canvas.unified66:not(.phone) #contactConversation .conversation-topics h3{margin-top:0} #canvas.unified66:not(.phone) #contactConversation .conversation-topics .u-title-en{display:block;margin:4px 0 8px;font-size:12px;line-height:1.5} } /* 69: shared axes, readable short copy and stable progressive summaries. */ #canvas.unified66 [data-view] :is(p,dd,figcaption){letter-spacing:normal;word-spacing:normal;text-align-last:left} #canvas.unified66 :is(.note,.content-summary,.case-scope,.case-meta,.pricing-fit,.u-client-background,.article-meta,.contact-intro p,.conversation-footer p,.contact-lead p){text-align:left!important;text-align-last:left!important;text-wrap:wrap} #canvas.unified66 .u-partner-more{display:none} #canvas.unified66 .u-pricing-points{display:flex;flex-direction:column;gap:6px!important;height:auto!important;min-height:0!important;text-align:left!important} #canvas.unified66 .u-pricing-points>span{border-left:2px solid var(--accent);padding-left:10px;line-height:1.6} #canvas.unified66 #articleDetail .article-footer-grid h2,#canvas.unified66 .sidebar-help h3{border-left:3px solid var(--accent);padding-left:12px} #canvas.unified66 .u-contact-lead>span{display:block;letter-spacing:normal;word-spacing:normal;text-align:left;text-align-last:left;text-wrap:wrap} #canvas.unified66 #articleDetail #articleBody .imported-article-media .ph>img[src$="d-case-d-14.jpg"]{width:100%!important;height:auto!important;max-height:65svh!important;object-fit:cover!important;object-position:50% 35%} #canvas.unified66 .contact-action.u-action,#canvas.unified66 button[data-copy-wechat].u-action{border:1px solid var(--u-line)!important;padding:8px 14px!important} #canvas.unified66 .u-action{transition:color 120ms ease,background 120ms ease,border-color 120ms ease} @media (max-width:767px){ #canvas.unified66 .logo-wall:not(.u-partners-expanded)>.u-partner-extra{display:none!important} #canvas.unified66 .u-partner-more{display:flex;margin-top:20px;justify-self:end} #canvas.unified66 #homeServices .u-service-mobile{height:4.05em;max-height:4.05em;overflow:hidden;mask-image:linear-gradient(#000 0%,#000 84%,transparent 100%)} #canvas.unified66 #homeProfile .u-mobile-profile{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;height:5.4em} #canvas.unified66 #servicePricing .pricing-cost{align-items:flex-end} #canvas.unified66 #servicePricing .pricing-cost>.price-value{font-size:clamp(25px,7.2vw,30px);line-height:1.35;white-space:nowrap} #canvas.unified66 #servicePricing .pricing-cost>small{max-width:48%;line-height:1.5} #canvas.unified66 #servicePricing .pricing-cost>.annual-price{align-items:flex-end} #canvas.unified66 .service-note-card .note-card-heading{display:flex;align-items:flex-start;gap:16px} #canvas.unified66 .service-note-card .letter-index{display:flex;align-items:center;justify-content:center;width:28px;height:28px;flex:0 0 28px;background:var(--accent);color:#121614;font-size:16px;line-height:1;margin:0} #canvas.unified66 .service-note-card h3{line-height:28px;margin:0} #canvas.unified66 .service-note-card>p{margin-left:44px;border-left:2px solid var(--accent);padding-left:12px;text-align:left!important} } #canvas.unified66.phone .logo-wall:not(.u-partners-expanded)>.u-partner-extra{display:none!important} #canvas.unified66.phone .u-partner-more{display:flex;margin-top:20px;justify-self:end} #canvas.unified66.phone #homeServices .u-service-mobile{height:4.05em;max-height:4.05em;overflow:hidden;mask-image:linear-gradient(#000 0%,#000 84%,transparent 100%)} #canvas.unified66.phone #homeProfile .u-mobile-profile{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;height:5.4em} #canvas.unified66.phone #servicePricing .pricing-cost{align-items:flex-end} #canvas.unified66.phone #servicePricing .pricing-cost>.price-value{font-size:clamp(25px,7.2vw,30px);line-height:1.35;white-space:nowrap} #canvas.unified66.phone #servicePricing .pricing-cost>small{max-width:48%;line-height:1.5} #canvas.unified66.phone #servicePricing .pricing-cost>.annual-price{align-items:flex-end} #canvas.unified66.phone .service-note-card .note-card-heading{display:flex;align-items:flex-start;gap:16px} #canvas.unified66.phone .service-note-card .letter-index{display:flex;align-items:center;justify-content:center;width:28px;height:28px;flex:0 0 28px;background:var(--accent);color:#121614;font-size:16px;line-height:1;margin:0} #canvas.unified66.phone .service-note-card h3{line-height:28px;margin:0} #canvas.unified66.phone .service-note-card>p{margin-left:44px;border-left:2px solid var(--accent);padding-left:12px;text-align:left!important} @media (max-width:767px){ #canvas.unified66 #servicePricing .pricing-title-en{display:block;margin:10px 0 0;font-size:12px;line-height:1.5} } #canvas.unified66.phone #servicePricing .pricing-title-en{display:block;margin:10px 0 0;font-size:12px;line-height:1.5} @media (min-width:768px){#canvas.unified66:not(.phone) #homeProfile .profile-readmore{margin-top:24px!important}} /* ===== feedback71.css ===== */ /* Ink-height bars share a 12px visual gap; margins are separate from line-box metrics. */ #canvas.unified66 .u-inkbar{position:relative!important;border-left:0!important;padding:0 0 0 15px!important;box-sizing:border-box!important;height:auto!important;min-height:0!important} #canvas.unified66 .u-inkbar::before{content:""!important;position:absolute!important;left:0!important;top:var(--ink-top,.18em)!important;bottom:var(--ink-bottom,.18em)!important;width:3px!important;height:auto!important;background:var(--accent)!important;transform:none!important} #canvas.unified66 .u-inkbar .article-title-line{white-space:normal!important} #canvas.unified66 .article-copy>.note{margin-bottom:12px!important} #canvas.unified66 .article-copy>h2{margin-bottom:18px!important} #canvas.unified66 .u-pricing-inline{display:block!important;height:auto!important;min-height:0!important;border:0!important;padding:0!important;text-align:left!important;line-height:1.65!important} #canvas.unified66 .u-bio-fold{display:contents} #canvas.unified66 .u-bio-toggle{display:none} #canvas.unified66 #resultCount:empty,#canvas.unified66 #caseLoadStatus:empty{display:none!important} #canvas.unified66[data-audience="public"] .logo-wall>[data-partner-status="pending"]{display:none!important} #canvas.unified66 :is(#homeCases,#caseList) .case :is(.case-meta,.case-scope){display:none!important} @media (hover:hover) and (min-width:768px){ #canvas.unified66:not(.phone) :is(#homeCases,#caseList) .case:is(:hover,:focus-visible) :is(.case-meta,.case-scope){display:block!important} } @media (max-width:767px){ #canvas.unified66 .u-pricing-inline{white-space:nowrap!important;font-size:12px!important} #canvas.unified66 #homeServices .service-link>b{border-color:var(--accent)!important} #canvas.unified66 #homeServices .service-cta{font-size:13px!important;line-height:28px!important;min-height:28px!important;height:28px!important;padding:0 9px!important;gap:8px!important;box-sizing:border-box!important} #canvas.unified66 .u-bio-fold{display:block;font-size:16px;line-height:1.85} #canvas.unified66 .u-bio-fold:not(.is-open){max-height:5.55em;overflow:hidden;mask-image:linear-gradient(#000 85%,transparent)} #canvas.unified66 .u-bio-fold .founder-story{font-size:inherit!important;line-height:inherit!important;margin:0 0 20px!important} #canvas.unified66 .u-bio-toggle{display:inline-flex;align-self:flex-start;margin-top:0!important} #canvas.unified66 #aboutIntro .about-summary{max-height:5.55em;overflow:hidden} } #canvas.unified66.phone .u-pricing-inline{white-space:nowrap!important;font-size:12px!important} #canvas.unified66.phone #homeServices .service-link>b{border-color:var(--accent)!important} #canvas.unified66.phone #homeServices .service-cta{font-size:13px!important;line-height:28px!important;min-height:28px!important;height:28px!important;padding:0 9px!important;gap:8px!important;box-sizing:border-box!important} #canvas.unified66.phone .u-bio-fold{display:block;font-size:16px;line-height:1.85} #canvas.unified66.phone .u-bio-fold:not(.is-open){max-height:5.55em;overflow:hidden;mask-image:linear-gradient(#000 85%,transparent)} #canvas.unified66.phone .u-bio-fold .founder-story{font-size:inherit!important;line-height:inherit!important;margin:0 0 20px!important} #canvas.unified66.phone .u-bio-toggle{display:inline-flex;align-self:flex-start;margin-top:0!important} #canvas.unified66.phone #aboutIntro .about-summary{max-height:5.55em;overflow:hidden} /* 72: separate spacing rules for actions, supporting copy and inline mobile details. */ #canvas.unified66 :is(.profile-readmore,.method-detail-link,#homeMethod .sectionhead>a).u-action{min-height:30px!important;padding:3px 10px!important;font-size:13px!important;line-height:22px!important;height:auto!important;align-self:flex-start;white-space:nowrap} #canvas.unified66 #homeProfile .profile-readmore{margin-top:28px!important} #canvas.unified66 #homeProfile .u-profile-hover p:last-child,#canvas.unified66 #homeProfile .u-mobile-profile{margin-bottom:0!important} #canvas.unified66 #homeMethod .method-detail-link{margin-top:28px!important} #canvas.unified66 .method-example>a{display:table!important;width:max-content;max-width:100%;margin-top:14px!important;white-space:nowrap!important;text-align:left!important} #canvas.unified66 .u72-letter{display:inline-flex!important;position:static!important;align-items:center;justify-content:center;width:28px!important;height:28px!important;min-width:28px;flex:0 0 28px;background:var(--accent)!important;color:#121614!important;font-size:16px!important;font-weight:400;line-height:1!important;padding:0!important;border:0!important;margin:0!important;vertical-align:middle} #canvas.unified66 .u72-product-title{display:inline-flex!important;align-items:center;gap:10px;border:1px solid var(--accent)!important;padding:7px 10px!important;line-height:1.4;max-width:100%;width:fit-content} #canvas.unified66 .pricing-row>div:first-child{min-width:0} #canvas.unified66:not(.u72-small) .pricing-row>div:first-child>.pricing-title-en{display:block;margin-top:12px} #canvas.unified66:not(.u72-small) .pricing-row>div:first-child>.u72-price-cta{display:table;width:max-content;max-width:100%;margin-top:28px!important;font-size:13px;min-height:30px;padding:3px 10px;line-height:22px} #canvas.unified66 .method-step-heading,.cooperation-step-title{align-items:center} #canvas.unified66 .u-about-photo img{object-position:50% 40%!important} #canvas.unified66 .process-card>.u72-letter{margin-bottom:14px!important} #canvas.unified66 .u72-foot-name,#canvas.unified66 .u72-foot-position{display:inline} #canvas.unified66.u72-small #homeServices .service-link>span{display:block!important} #canvas.unified66.u72-small #homeServices .u-service-mobile{display:block!important;height:auto!important;max-height:none!important;overflow:visible!important;mask-image:none!important;line-height:1.8!important} #canvas.unified66.u72-small #homeServices .u72-summary-line{display:block;min-height:1.8em;white-space:nowrap} #canvas.unified66.u72-small #homeServices .u72-summary-last{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:1.8em} #canvas.unified66.u72-small #homeServices .service-cta{flex:0 0 auto;align-self:center!important;font-size:12px!important;height:26px!important;min-height:26px!important;line-height:24px!important;padding:0 8px!important;margin:0!important} #canvas.unified66.u72-small #homeServices .u72-product-title{font-size:18px!important;padding:7px 9px!important;gap:8px} #canvas.unified66.u72-small #servicePricing .pricing-row>div:nth-child(2)>.pricing-fit{margin-bottom:0!important} #canvas.unified66.u72-small #servicePricing .pricing-row>div:nth-child(2)>.u-pricing-inline{margin-top:8px!important;margin-bottom:18px!important} #canvas.unified66.u72-small .foot>span{display:block!important} #canvas.unified66.u72-small .foot .u72-foot-name,#canvas.unified66.u72-small .foot .u72-foot-position{display:block;line-height:1.7} #canvas.unified66.u72-small .foot .u72-foot-divider{display:none} #canvas.unified66.u72-small #team .teamtrack{gap:10px!important} #canvas.unified66.u72-small #team .member{flex:0 0 var(--u72-team-card)!important;width:var(--u72-team-card)!important;min-width:0!important} #canvas.unified66.u72-small #team .member>.portrait{min-height:0!important;aspect-ratio:811/530!important} #canvas.unified66.u72-small #team .member>p{padding:10px 6px!important;font-size:15px!important;line-height:1.4!important;min-height:140px!important} #canvas.unified66.u72-small #team .member>p>small{font-size:11px!important;line-height:1.6!important;white-space:normal!important;overflow-wrap:anywhere} #canvas.unified66.u72-small #team .member-experience{margin-top:12px!important;font-size:11px!important;line-height:1.6!important} #canvas.unified66.u72-small #team .member-experience .motion-number{font-size:17px!important;vertical-align:0!important} #canvas.unified66.u72-small #team .member-experience .motion-experience-label{font-size:11px!important;white-space:normal!important} #canvas.unified66.u72-small #team .member-experience .motion-experience-label{display:block!important} #canvas.unified66.u72-small :is(#homeCases,#caseList) .case:is(.u72-reveal,:focus-visible) :is(.case-meta,.case-scope){display:block!important;opacity:1!important;visibility:visible!important;transform:none!important;max-height:none!important} #canvas.unified66.u72-small :is(#homeCases,#caseList) .case .case-meta{font-size:12px!important;line-height:1.6!important;margin-top:5px!important} #canvas.unified66.u72-small :is(#homeCases,#caseList) .case .case-scope{font-size:12px!important;line-height:1.6!important;margin-top:3px!important} /* ===== refinement73.css ===== */ /* Existing visual geometry is retained; only narrow-view disclosure and hit areas change. */ #canvas .case-toggle73 { display: none !important; } #canvas .case-summary73 > p:first-child { margin-top: 0; } #canvas .case-summary73 > p:last-child { margin-bottom: 0; } #canvas.phone .case-narrative:not(.is-expanded73) .case-summary73 { line-height: 1.8; max-height: 5.4em; overflow: hidden; } #canvas.phone .case-toggle73 { display: inline-flex !important; margin-top: 16px; min-height: 44px; align-items: center; } #canvas.phone #homeIntro a[href="#services"], #canvas.phone #homeMethod a[href^="#case-"] { position: relative; } #canvas.phone #homeIntro a[href="#services"]::before, #canvas.phone #homeMethod a[href^="#case-"]::before { content: ""; position: absolute; left: -6px; right: -6px; top: 50%; height: 44px; transform: translateY(-50%); } @media (max-width: 767px){ #canvas .case-narrative:not(.is-expanded73) .case-summary73 { line-height: 1.8; max-height: 5.4em; overflow: hidden; } #canvas .case-toggle73 { display: inline-flex !important; margin-top: 16px; min-height: 44px; align-items: center; } #canvas #homeIntro a[href="#services"], #canvas #homeMethod a[href^="#case-"] { position: relative; } #canvas #homeIntro a[href="#services"]::before, #canvas #homeMethod a[href^="#case-"]::before { content: ""; position: absolute; left: -6px; right: -6px; top: 50%; height: 44px; transform: translateY(-50%); } } #canvas .case-toggle73:focus-visible { outline: 2px solid #b6cb16; outline-offset: 4px; } #canvas.phone .case-narrative { min-height: 0; } @media (max-width:767px){#canvas .case-narrative { min-height: 0; }} /* 74: identical narrative layout in the review phone canvas and native narrow viewport. */ #canvas.phone #caseContent .case-narrative-grid { grid-template-columns: minmax(0, 1fr); gap: 24px; margin: 28px 0 40px; } #canvas.phone #caseContent .case-narrative { padding: 24px; min-width: 0; min-height: 0; } #canvas.phone #caseContent .case-narrative h2 { font-size: 21px; margin: 0 0 18px; gap: 8px 12px; } #canvas.phone #caseContent .case-narrative p { font-size: 16px; min-height: 0; text-align: left; line-height: 1.9; } @media (max-width: 767px){ #canvas #caseContent .case-narrative-grid { grid-template-columns: minmax(0, 1fr); gap: 24px; margin: 28px 0 40px; } #canvas #caseContent .case-narrative { padding: 24px; min-width: 0; min-height: 0; } #canvas #caseContent .case-narrative h2 { font-size: 21px; margin: 0 0 18px; gap: 8px 12px; } #canvas #caseContent .case-narrative p { font-size: 16px; min-height: 0; text-align: left; line-height: 1.9; } } /* ===== review-viewport.css ===== */ /* Match the phone review canvas to the native narrow viewport layout. */ #canvas.phone #services .pricing-row{grid-template-columns:minmax(0,1fr);gap:18px} #canvas.phone #servicePricing .pricing-row>div{min-width:0;max-width:100%} #canvas.phone #servicePricing .pricing-cost{grid-column:auto;font-size:28px} #canvas.phone #servicePricing .pricing-cost .annual-price{display:flex;gap:10px} #canvas.phone #servicePricing .pricing-fit,#canvas.phone #servicePricing .pricing-row .note{min-height:0!important} #canvas.phone #servicePricing .pricing-fit-line{display:inline!important} #canvas.phone :is(#homeArticles,#insightList),#canvas.phone #insightList.short-list{grid-template-columns:minmax(0,1fr);grid-auto-rows:auto;min-width:0;max-width:100%} #canvas.phone :is(#homeArticles,#insightList)>.article.article-link:nth-child(n){grid-column:1;grid-row:auto;min-width:0;max-width:100%;height:340px;min-height:0} #canvas.phone :is(#homeArticles,#insightList)>.article.article-link:nth-child(n) .article-copy{padding:22px} #canvas.phone .filter-rail,#canvas.phone .filters{min-width:0;max-width:100%} /* 75: scoped parity with the existing narrow-viewport rules. Desktop remains unchanged. */ #canvas.phone #caseDetail .case-facts { grid-template-columns:repeat(2,minmax(0,1fr)); padding-bottom:24px; gap:24px 20px; } #canvas.phone #method .method-grid { grid-template-columns:minmax(0,1fr); } #canvas.phone #method .method-step-heading h3 { font-size:20px; } #canvas.phone [data-faq="home"],#canvas.phone [data-faq="service"] { grid-template-columns:minmax(0,1fr); gap:0 20px; } #canvas.phone #faq .faq-group { grid-template-columns:minmax(0,1fr); gap:22px; } #canvas.phone :is(.service-notes-grid,.annual-note-grid,.points-grid) { grid-template-columns:minmax(0,1fr); margin-top:24px; } #canvas.phone #caseContent .site-photo-mosaic, #canvas.phone #caseContent .site-photo-mosaic:has(>.case-wide:only-child) { grid-template-columns:minmax(0,1fr); grid-auto-rows:auto; gap:20px; } #canvas.phone #caseContent .site-photo-mosaic .case-wide:first-child { grid-column:auto; grid-row:auto; } #canvas.phone #caseContent .site-photo-mosaic .ph.has-image { height:auto; aspect-ratio:var(--asset-ratio); max-height:none; } #canvas.phone #caseContent .site-photo-mosaic>.case-wide:only-child { display:block; } #canvas.phone #caseContent .site-photo-mosaic>.case-wide:only-child figcaption { margin-top:10px; } #canvas.phone #homeIntro h1 { font-size:clamp(25px,calc(min(100vw,390px) * .066),38px); } #canvas.phone #articleDetail #articleTitle { font-size:28px; } #canvas.phone :is(#contact,#contactCommon) .contact-field:nth-child(n/**/+2) { border-top:1px solid var(--rule); padding-top:20px; } #canvas.phone #contactConversation .conversation-intro { font-size:16px; } /* 0912-76: case navigation borders follow label width across all cases */ #canvas.unified66 #caseDetail .case-next, #canvas.unified66.phone #caseDetail .case-next{ display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;align-items:stretch; } #canvas.unified66 #caseDetail .case-next>a.u-action{ flex:0 0 auto;width:auto;min-width:0;max-width:100%;min-height:40px; padding:8px 14px;white-space:nowrap;justify-content:center; } /* 0912-77: equal visible filter borders with a 44px pointer target */ #canvas.unified66 #insights .filters{align-items:center} #canvas.unified66 #insights .filters>button, #canvas.unified66 #insights .filters>a{ position:relative;box-sizing:border-box;display:inline-flex;align-items:center; justify-content:center;height:40px;min-height:40px;line-height:20px; white-space:nowrap; } #canvas.unified66 #insights .filters>button::before, #canvas.unified66 #insights .filters>a::before{ content:"";position:absolute;inset:-3px 0;pointer-events:auto; } /* 0912-78: keep editorial breaks but allow long mobile title lines to wrap */ #canvas.phone #articleDetail #articleTitle .article-title-line{ white-space:normal;max-width:100%;overflow-wrap:anywhere; } @media (max-width:767px){ #canvas #articleDetail #articleTitle .article-title-line{ white-space:normal;max-width:100%;overflow-wrap:anywhere; } } /* ===== bilingual79.css ===== */ /* 79: language-specific typesetting over the approved 78 visual system. */ [hidden]{display:none!important} .bilingual79 .site-header{position:relative} .bilingual79 .language-switch79{font-size:13px;white-space:nowrap;justify-self:end;margin-left:16px;padding:10px 4px;min-height:44px;display:inline-flex;align-items:center} .bilingual79 #copy-status79{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);z-index:100;background:#222;color:#fff;padding:0 12px;max-width:90vw} .bilingual79 #copy-status79:empty{display:none} .bilingual79 #canvas .ph.has-image>span{display:none} .bilingual79 #canvas .article-title-line{white-space:normal} .bilingual79 #canvas .u72-reveal{opacity:1;transform:none} .bilingual79.review-phone79 #canvas.phone{width:390px;max-width:100%;margin:auto} .bilingual79.review-phone79{background:#e8e8e8} .bilingual79 #canvas .case-summary73{min-width:0} .bilingual79 #canvas #siteNav{z-index:30} .bilingual79 #canvas #insightList,.bilingual79 #canvas #homeArticles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:auto;gap:24px} .bilingual79 #canvas #insightList>.article,.bilingual79 #canvas #homeArticles>.article{grid-column:auto!important;grid-row:auto!important;height:auto;min-height:220px} .bilingual79 #canvas .article .article-copy{position:relative!important;inset:auto!important;opacity:1!important;transform:none!important;width:100%!important;height:100%;min-width:0;box-sizing:border-box;padding:24px;gap:16px} .bilingual79 #canvas .article .article-copy h2{margin:0!important;font-size:23px!important;line-height:1.35!important} .bilingual79 #canvas .article .article-copy>span:last-child{margin-top:auto} .bilingual79 #canvas .site-header{display:flex;align-items:center;gap:16px;padding:16px 4%;min-height:88px;height:auto} .bilingual79 #canvas .site-header>.logo{margin-right:auto} .bilingual79 #canvas .site-header>#menuToggle{order:3;margin:0;min-width:64px} .bilingual79 #canvas .site-header>.language-switch79{order:2;margin:0;position:static;align-self:center} .bilingual79 #canvas .site-header>#siteNav{position:absolute;top:100%;right:4%;left:auto;width:min(320px,92%);padding:24px;display:flex;flex-direction:column;gap:16px;background:#111315;border:1px solid #35393e} html[lang=en] #canvas .social-qr-trigger{white-space:normal;height:auto;min-height:44px;line-height:1.3} html[lang=en] #canvas .article-copy{min-width:0;max-width:100%;width:auto} html[lang=en] #canvas .article{min-width:0} html[lang=en] #canvas .article-copy h2{max-width:100%;width:auto} html[lang=en] #canvas{font-family:inherit} html[lang=en] #canvas p{text-align:left;word-spacing:normal;letter-spacing:normal;hyphens:none} html[lang=en] #canvas .copy-ending{white-space:normal} html[lang=en] #canvas .article-title-line{display:inline!important;white-space:normal!important} html[lang=en] #canvas .article-title-line+.article-title-line:before{content:" "} html[lang=en] #canvas .page-intro-title,html[lang=en] #canvas #articleTitle{font-size:clamp(28px,3vw,46px);line-height:1.2;overflow-wrap:break-word} html[lang=en] #canvas #homeIntro h1{font-size:clamp(32px,4.5vw,64px);line-height:1.15} html[lang=en] #canvas h2,html[lang=en] #canvas h3{line-height:1.3;word-break:normal;overflow-wrap:break-word} html[lang=en] #canvas .u-action,html[lang=en] #canvas .case-back,html[lang=en] #canvas .case-next{font-size:13px;line-height:1.3;white-space:normal;text-align:left} html[lang=en] #canvas .case-meta{flex-wrap:wrap} html[lang=en] #canvas .member p{font-size:14px} html[lang=en] #canvas .member small{white-space:normal;line-height:1.35} html[lang=en] #canvas .service-name,html[lang=en] #canvas .service-title{white-space:normal} html[lang=en] #canvas .case-scope{white-space:normal} html[lang=en] #canvas .sectionhead h2 small{font-size:.45em} @media (max-width:767px){ .bilingual79 #canvas #insightList,.bilingual79 #canvas #homeArticles{grid-template-columns:1fr;gap:16px} .bilingual79 #canvas #insightList>.article,.bilingual79 #canvas #homeArticles>.article{min-height:180px} html[lang=en] #canvas #homeCases{display:grid;grid-template-columns:1fr;gap:16px;grid-auto-rows:auto} html[lang=en] #canvas #homeCases>a{grid-column:auto!important;grid-row:auto!important;min-height:230px} html[lang=en] #canvas #homeCases .case-visual{height:230px} html[lang=en] #canvas #articleTitle,html[lang=en] #canvas .page-intro-title{font-size:29px!important;line-height:1.25!important} html[lang=en] #canvas .member p{font-size:12px} html[lang=en] #canvas .member small{font-size:10px} html[lang=en] #canvas .case-overlay strong{font-size:18px} html[lang=en] #canvas .case-meta,html[lang=en] #canvas .case-scope{font-size:11px} } .bilingual79 #canvas.phone #insightList,.bilingual79 #canvas.phone #homeArticles{grid-template-columns:1fr;gap:16px} .bilingual79 #canvas.phone #insightList>.article,.bilingual79 #canvas.phone #homeArticles>.article{min-height:180px} html[lang=en] #canvas.phone #homeCases{display:grid;grid-template-columns:1fr;gap:16px;grid-auto-rows:auto} html[lang=en] #canvas.phone #homeCases>a{grid-column:auto!important;grid-row:auto!important;min-height:230px} html[lang=en] #canvas.phone #homeCases .case-visual{height:230px} html[lang=en] #canvas.phone #articleTitle,html[lang=en] #canvas.phone .page-intro-title{font-size:29px!important;line-height:1.25!important} html[lang=en] #canvas.phone .member p{font-size:12px} html[lang=en] #canvas.phone .member small{font-size:10px} /* 80: English alignment and wrapping; Chinese rules are untouched. */ html[lang=en] #canvas :is(h1,h2,h3,h4,p,small,address,.partner-caption,.partner-wordmark){word-break:normal;overflow-wrap:break-word;hyphens:none} html[lang=en] #canvas :is(h1,h2,h3,h4){text-wrap:balance} html[lang=en] #canvas :is(p,address){text-wrap:pretty} html[lang=en] #canvas :is(#homePartners,#aboutPartners) .logo-slot{min-width:0;min-height:160px;height:auto!important;padding:16px!important;box-sizing:border-box} html[lang=en] #canvas :is(#homePartners,#aboutPartners) .partner-caption{max-width:100%;box-sizing:border-box;gap:8px!important;text-align:center!important} html[lang=en] #canvas :is(#homePartners,#aboutPartners) .partner-caption strong{width:100%;max-width:100%;line-height:1.35!important;white-space:normal!important;text-wrap:balance} html[lang=en] #canvas :is(#homePartners,#aboutPartners) .partner-meta{width:100%;min-width:0;gap:6px!important;line-height:1.5!important} html[lang=en] #canvas :is(#homePartners,#aboutPartners) :is(.partner-region,.partner-industry){display:block;max-width:100%;white-space:normal!important;word-break:normal;overflow-wrap:break-word;text-align:center;text-wrap:balance} html[lang=en] #canvas :is(#contact,#contactCommon) .contact-field>:is(button[data-copy-wechat],a.contact-action){width:148px!important;min-width:148px!important;height:44px!important;min-height:44px!important;padding:0 14px!important;white-space:nowrap!important;justify-content:center!important;text-align:center!important;line-height:1.25!important} html[lang=en] #canvas :is(#contact,#contactCommon) :is(.social-link,.social-qr-trigger){display:inline-flex!important;align-items:center!important;justify-content:center!important;width:auto!important;min-width:120px!important;height:44px!important;min-height:44px!important;padding:0 14px!important;white-space:nowrap!important;line-height:1.25!important;text-align:center!important;box-sizing:border-box!important;margin:0!important} html[lang=en] #canvas :is(#contact,#contactCommon) .social-wechat{width:auto!important;min-width:0!important;align-self:start} html[lang=en] #canvas :is(#contact,#contactCommon) .social-channels{align-items:start!important;gap:12px!important;flex-wrap:wrap!important} html[lang=en] #canvas :is(#contact,#contactCommon) .contact-field{min-width:0} html[lang=en] #canvas :is(#contact,#contactCommon) .contact-email-copy{display:flex;flex-wrap:wrap;gap:4px 12px;max-width:100%;text-align:left} html[lang=en] #canvas :is(#contact,#contactCommon) .contact-email-value{overflow-wrap:anywhere;min-width:0} html[lang=en] #canvas :is(#contact,#contactCommon) address{font-size:16px!important;line-height:1.6!important;font-style:normal} html[lang=en] #canvas :is(#contact,#contactCommon) .contact-info-label{margin-bottom:8px!important} html[lang=en] #canvas :is(#contact,#contactCommon) .qr-caption{line-height:1.4!important;height:auto!important;min-height:44px;padding:10px 14px!important;text-align:center!important;text-wrap:balance} html[lang=en] #canvas :is(.u-action,.case-next a){text-align:center;align-items:center;justify-content:center} html[lang=en] #canvas .u-inkbar{padding-left:16px!important} html[lang=en] #canvas .u-inkbar:before{width:3px!important} @media (max-width:767px){ html[lang=en] #canvas :is(#homePartners,#aboutPartners) .logo-wall{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;align-items:stretch} html[lang=en] #canvas :is(#homePartners,#aboutPartners) .partner-caption{position:static!important;inset:auto!important;padding:0!important;opacity:1!important;translate:none!important;width:100%!important;flex:1} html[lang=en] #canvas :is(#homePartners,#aboutPartners) .partner-mark{display:none!important} html[lang=en] #canvas :is(#homePartners,#aboutPartners) .partner-caption strong{font-size:16px!important;min-height:2.7em;display:flex;justify-content:center;align-items:center} html[lang=en] #canvas :is(#homePartners,#aboutPartners) .partner-meta{display:flex;flex-direction:column;font-size:12px!important} } html[lang=en] #canvas.phone :is(#homePartners,#aboutPartners) .logo-wall{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;align-items:stretch} html[lang=en] #canvas.phone :is(#homePartners,#aboutPartners) .partner-caption{position:static!important;inset:auto!important;padding:0!important;opacity:1!important;translate:none!important;width:100%!important;flex:1} html[lang=en] #canvas.phone :is(#homePartners,#aboutPartners) .partner-mark{display:none!important} html[lang=en] #canvas.phone :is(#homePartners,#aboutPartners) .partner-caption strong{font-size:16px!important;min-height:2.7em;display:flex;justify-content:center;align-items:center} html[lang=en] #canvas.phone :is(#homePartners,#aboutPartners) .partner-meta{display:flex;flex-direction:column;font-size:12px!important} html[lang=en] #canvas :is(#homePartners,#aboutPartners) .logo-wall{grid-auto-rows:1fr} html[lang=en] #canvas :is(#homePartners,#aboutPartners) .logo-slot{min-height:160px!important} html[lang=en] #canvas :is(#homePartners,#aboutPartners) .partner-caption{align-items:center!important;justify-content:center!important} html[lang=en] #canvas :is(#homePartners,#aboutPartners) .partner-caption strong{display:block!important;text-align:center!important} html[lang=en] #canvas :is(#homePartners,#aboutPartners) .partner-meta{align-items:center!important;justify-content:center!important} html[lang=en] #canvas :is(#contact,#contactCommon) .social-channels{display:flex!important;flex-wrap:wrap!important} html[lang=en] #canvas :is(#contact,#contactCommon) .social-channels>p{flex-basis:100%;width:100%} html[lang=en] #canvas :is(#contact,#contactCommon) :is(.social-link,.social-qr-trigger,.social-wechat){max-width:none!important;width:max-content!important;flex:0 0 auto!important} html[lang=en] #canvas :is(#homePartners,#aboutPartners) :is(.partner-caption strong,.partner-region,.partner-industry){text-align-last:center!important} html[lang=en] #canvas .u-pricing-inline{display:block!important;white-space:normal!important;max-width:100%!important;line-height:1.5!important;margin-top:8px!important} html[lang=en] #canvas.unified66.phone #servicePricing .pricing-row .u-pricing-inline, html[lang=en] #canvas.unified66 #servicePricing .pricing-row .u-pricing-inline{white-space:normal!important;overflow-wrap:break-word!important} html[lang=en] #canvas .table-scroll{min-width:0;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch} /* 81: restore wide-screen navigation and constrain article media. */ @media (min-width:1100px){ .bilingual79 #canvas:not(.phone) .site-header>#siteNav{position:static!important;display:flex!important;flex-direction:row!important;align-items:center;gap:28px;width:auto!important;max-width:none;inset:auto;padding:0!important;border:0!important;margin-left:auto;background:transparent} .bilingual79 #canvas:not(.phone) .site-header>#siteNav>a{border:0!important;padding:10px 0!important;margin:0!important;white-space:nowrap;font-size:15px} .bilingual79 #canvas:not(.phone) .site-header>#menuToggle{display:none!important} } .bilingual79 #canvas #articleBody .imported-article-media{width:min(100%,690px)!important;max-width:100%!important;margin:28px 0!important;padding:0!important} .bilingual79 #canvas #articleBody .imported-article-media>.ph{width:100%!important;max-width:100%!important;min-height:0!important;height:auto!important;margin:0!important;padding:0!important;aspect-ratio:auto!important;background:transparent} .bilingual79 #canvas #articleBody .imported-article-media img{position:static!important;display:block!important;width:100%!important;height:auto!important;max-width:100%!important;max-height:none!important;object-fit:contain;inset:auto!important;margin:0!important} .bilingual79 #canvas #articleBody .imported-article-media figcaption{width:100%!important;margin:10px 0 0!important;padding:0!important;line-height:1.5;text-align:left} html[lang=en] #canvas #servicePricing .pricing-cost:has(.quote-price81){display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:10px!important;width:100%;min-width:0} html[lang=en] #canvas #servicePricing .quote-price81{font-size:28px!important;line-height:1.25!important;text-align:left!important;white-space:normal!important} html[lang=en] #canvas #servicePricing .pricing-cost:has(.quote-price81)>small{align-self:flex-end!important;display:block!important;max-width:100%!important;width:auto!important;margin:0!important;font-size:12px!important;line-height:1.5!important;text-align:right!important;text-align-last:right!important;white-space:normal!important} html[lang=en] #canvas.phone #servicePricing .quote-price81{font-size:24px!important} @media (max-width:767px){html[lang=en] #canvas #servicePricing .quote-price81{font-size:24px!important}} /* 82: stable case proportions, team columns and explicit continuation alignment. */ .bilingual79 #canvas.unified66 .site-header>.language-switch79{font-size:15px!important;min-width:48px;min-height:44px;padding:8px 12px!important;border:1px solid var(--rule,#555);margin-left:12px!important;line-height:1.3;justify-content:center;box-sizing:border-box} .bilingual79 #canvas.unified66 .site-header>.language-switch79:is(:hover,:focus-visible){border-color:var(--accent);color:var(--accent)} .bilingual79 #canvas.unified66 #team #teamTrack{display:flex!important;gap:var(--team-gap82,10px)!important;align-items:stretch!important} .bilingual79 #canvas.unified66 #team #teamTrack>.member{flex:0 0 var(--team-card-width82,110px)!important;width:var(--team-card-width82,110px)!important;min-width:0!important;max-width:var(--team-card-width82,110px)!important} .bilingual79 #canvas.unified66 #team #teamTrack>.member>.portrait{width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:1!important;flex:0 0 auto!important;padding:0!important;overflow:hidden} .bilingual79 #canvas.unified66 #team #teamTrack>.member>.portrait>img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;object-position:50% 35%!important} .bilingual79 #canvas.unified66 #team #teamTrack>.member>.portrait[data-image-task="A-TEAM-01"]>img{object-position:50% 25%!important} .bilingual79 #canvas.unified66 #team #teamTrack>.member>p{margin:0!important;padding:8px!important;white-space:normal!important;min-width:0;font-size:14px;line-height:1.4;text-align:left;text-align-last:left} .bilingual79 #canvas.unified66 #team #teamTrack>.member>p>small{white-space:normal!important;word-break:normal!important;overflow-wrap:break-word!important;line-height:1.4!important} .bilingual79 #canvas.unified66 #team #teamTrack>.member>p>small:not(.member-experience){min-height:4.2em} .bilingual79 #canvas.unified66 #team #teamTrack>.member .member-experience{margin-top:auto!important;min-height:5.6em} .bilingual79 #canvas.unified66 #aboutProcess .cooperation-step-body>.cooperation-checkpoint{display:grid!important;grid-template-columns:6.7em minmax(0,1fr)!important;gap:12px!important;align-items:start!important;text-align:left!important;text-align-last:left!important} html[lang=zh-CN] .bilingual79 #canvas.unified66 #aboutProcess .cooperation-step-body>.cooperation-checkpoint{grid-template-columns:4em minmax(0,1fr)!important} .bilingual79 #canvas.unified66 #aboutProcess .cooperation-checkpoint>.checkpoint-label82{white-space:nowrap!important} .bilingual79 #canvas.unified66 #aboutProcess .cooperation-checkpoint>.checkpoint-copy82{min-width:0!important;white-space:normal!important;text-align:left!important;text-align-last:left!important;word-break:normal;overflow-wrap:break-word} @media (max-width:1099px){ .bilingual79 #canvas.unified66 :is(#homeCases,#caseList){display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-auto-rows:auto!important;gap:20px!important} .bilingual79 #canvas.unified66 :is(#homeCases,#caseList)>a.case{grid-column:auto!important;grid-row:auto!important;width:100%!important;height:auto!important;min-height:180px!important;max-height:440px!important;aspect-ratio:1.6!important;padding:0!important} .bilingual79 #canvas.unified66 :is(#homeCases,#caseList)>a.case>.case-visual{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-height:0!important;aspect-ratio:auto!important} } .bilingual79 #canvas.unified66.phone :is(#homeCases,#caseList){display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-auto-rows:auto!important;gap:20px!important} .bilingual79 #canvas.unified66.phone :is(#homeCases,#caseList)>a.case{grid-column:auto!important;grid-row:auto!important;width:100%!important;height:auto!important;min-height:180px!important;max-height:440px!important;aspect-ratio:1.6!important;padding:0!important} .bilingual79 #canvas.unified66.phone :is(#homeCases,#caseList)>a.case>.case-visual{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-height:0!important;aspect-ratio:auto!important} /* 83: bilingual information hierarchy; no content or pricing changes. */ .bilingual79 #canvas.unified66 .service-note-card>p.u-inkbar::before{content:none!important;} .bilingual79 #canvas.unified66 #caseContent .case-toggle73{min-height:44px!important;margin:16px 0 0!important;padding:8px 14px!important;} .bilingual79 #canvas.unified66 :is([id^="service-"]>section>h2,.faq-group>h2,#method .sectionhead>h2,#aboutProcess .sectionhead>h2,#contactConversation .sectionhead>h2){position:relative!important;border-left:0!important;padding-left:15px!important;color:var(--ink)!important;font-size:30px!important;line-height:1.35!important;margin-bottom:24px!important;} .bilingual79 #canvas.unified66 :is([id^="service-"]>section>h2,.faq-group>h2,#method .sectionhead>h2,#aboutProcess .sectionhead>h2,#contactConversation .sectionhead>h2)::before{content:""!important;position:absolute!important;left:0!important;top:.18em!important;width:3px!important;height:.92em!important;bottom:auto!important;background:var(--accent)!important;} .bilingual79 #canvas.unified66 :is([id^="service-"]>section>h2,.faq-group>h2,#method .sectionhead>h2,#aboutProcess .sectionhead>h2,#contactConversation .sectionhead>h2) small{display:block!important;margin:7px 0 0!important;font-size:13px!important;line-height:1.5!important;font-weight:400!important;color:var(--muted)!important;} .bilingual79 #canvas.unified66 :is([id^="service-"] .rows>.row,.process-card,.service-note-card,.annual-note-card,.points-category,.task-example-card,#caseContent .case-narrative,#method .method-step,#homeMethod .method-point,#aboutProcess .cooperation-steps>li,#contactConversation .conversation-topics>li){box-sizing:border-box!important;font-size:16px!important;position:relative;min-width:0!important;min-height:0!important;height:auto!important;margin:0!important;padding:26px!important;border:1px solid var(--rule)!important;border-radius:0!important;background:rgba(220,225,230,.025)!important;box-shadow:none!important;transform:none!important;translate:none!important;transition:border-color 160ms ease!important;} .bilingual79 #canvas.unified66 :is([id^="service-"] .rows>.row,.process-card,.service-note-card,.annual-note-card,.points-category,.task-example-card,#caseContent .case-narrative,#method .method-step,#homeMethod .method-point,#aboutProcess .cooperation-steps>li,#contactConversation .conversation-topics>li)::after{content:none!important;} .bilingual79 #canvas.unified66 :is(.service-process,.service-notes-grid,.annual-note-grid,.points-grid,.task-example-grid,#caseContent .case-narrative-grid,#method .method-grid,#homeMethod .method-points,#contactConversation .conversation-topics){display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:20px!important;align-items:stretch!important;} .bilingual79 #canvas.unified66 [id^="service-"] .rows{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:16px!important;border:0!important;} .bilingual79 #canvas.unified66 [id^="service-"] .rows>.row{display:grid!important;grid-template-columns:minmax(0, min(30%, 280px)) minmax(0,1fr)!important;gap:28px!important;align-items:start!important;} .bilingual79 #canvas.unified66 [id^="service-"] .rows>.row>b{font-size:21px!important;line-height:1.45!important;font-weight:500!important;color:var(--accent)!important;margin:0!important;} .bilingual79 #canvas.unified66 [id^="service-"] .rows>.row>span{font-size:16px!important;line-height:1.8!important;color:var(--ink)!important;min-width:0!important;} .bilingual79 #canvas.unified66 :is([id^="service-"] .rows>.row,.process-card,.service-note-card,.annual-note-card,.points-category,.task-example-card,#caseContent .case-narrative,#method .method-step,#homeMethod .method-point,#aboutProcess .cooperation-steps>li,#contactConversation .conversation-topics>li) :is(h3,h2){color:var(--ink)!important;font-size:21px!important;font-weight:500!important;line-height:1.45!important;min-width:0!important;min-height:0!important;white-space:normal!important;overflow-wrap:break-word;} .bilingual79 #canvas.unified66 :is([id^="service-"] .rows>.row,.process-card,.service-note-card,.annual-note-card,.points-category,.task-example-card,#caseContent .case-narrative,#method .method-step,#homeMethod .method-point,#aboutProcess .cooperation-steps>li,#contactConversation .conversation-topics>li) p{border-left:0!important;padding-left:0!important;margin-left:0!important;color:var(--ink)!important;font-size:16px!important;line-height:1.8!important;min-height:0!important;text-align:left!important;text-align-last:left!important;} .bilingual79 #canvas.unified66 :is([id^="service-"] .rows>.row,.process-card,.service-note-card,.annual-note-card,.points-category,.task-example-card,#caseContent .case-narrative,#method .method-step,#homeMethod .method-point,#aboutProcess .cooperation-steps>li,#contactConversation .conversation-topics>li) :is(.note,.category-en,.u-title-en,h2>small){color:var(--muted)!important;font-size:13px!important;line-height:1.6!important;} .bilingual79 #canvas.unified66 :is([id^="service-"] .rows>.row,.process-card,.service-note-card,.annual-note-card,.points-category,.task-example-card,#caseContent .case-narrative,#method .method-step,#homeMethod .method-point,#aboutProcess .cooperation-steps>li,#contactConversation .conversation-topics>li) :is(.letter-index,.narrative-index,.u72-letter,.u-letter,.process-index){color:var(--accent)!important;font-size:18px!important;line-height:1.5!important;background:transparent!important;border:0!important;border-radius:0!important;padding:0!important;width:24px!important;flex:0 0 24px!important;min-width:0!important;height:auto!important;min-height:0!important;box-shadow:none!important;text-align:left!important;} .bilingual79 #canvas.unified66 :is(.note-card-heading,.method-step-heading,.cooperation-step-title){gap:12px!important;align-items:baseline!important;margin-bottom:14px!important;} .bilingual79 #canvas.unified66 :is(.note-card-heading,.method-step-heading,.cooperation-step-title)>h3{margin:0!important;} .bilingual79 #canvas.unified66 :is(.process-card,#homeMethod .method-point){display:grid!important;grid-template-columns:24px minmax(0,1fr)!important;gap:12px!important;align-content:start!important;} .bilingual79 #canvas.unified66 :is(.process-card,#homeMethod .method-point)>:is(.process-index,.u-letter){position:static!important;display:block!important;grid-column:1!important;grid-row:1!important;margin:0!important;} .bilingual79 #canvas.unified66 :is(.process-card,#homeMethod .method-point)>h3{grid-column:2!important;grid-row:1!important;margin:0!important;} .bilingual79 #canvas.unified66 :is(.process-card,#homeMethod .method-point)>p{grid-column:1/-1!important;margin:0!important;max-width:none!important;} .bilingual79 #canvas.unified66 .points-category dt{color:var(--ink)!important;} .bilingual79 #canvas.unified66 #caseContent .case-narrative>h2{position:relative!important;display:flex!important;flex-wrap:wrap!important;gap:6px 10px!important;margin:0 0 18px!important;padding:0 0 0 14px!important;border:0!important;} .bilingual79 #canvas.unified66 #caseContent .case-narrative>h2::before{content:""!important;position:absolute;left:0;top:.2em;width:3px;height:.9em;background:var(--accent);} .bilingual79 #canvas.unified66 #caseContent .case-narrative>h2>small{flex-basis:100%!important;margin:0!important;padding:0!important;} .bilingual79 #canvas.unified66 #caseContent .case-narrative p{margin:0 0 14px!important;} .bilingual79 #canvas.unified66 #caseContent .case-narrative p:last-child{margin-bottom:0!important;} .bilingual79 #canvas.unified66 #aboutProcess .cooperation-steps{display:grid!important;gap:16px!important;} .bilingual79 #canvas.unified66 #aboutProcess .cooperation-steps>li{display:grid!important;grid-template-columns:minmax(0, min(30%, 280px)) minmax(0,1fr)!important;gap:28px!important;} .bilingual79 #canvas.unified66 #aboutProcess .cooperation-checkpoint{border:0!important;padding:0!important;margin:14px 0 0!important;} .bilingual79 #canvas.unified66 #aboutProcess .checkpoint-label82{color:var(--muted)!important;font-size:13px!important;} .bilingual79 #canvas.unified66 #aboutProcess .checkpoint-copy82{color:var(--ink)!important;} .bilingual79 #canvas.unified66 #contactConversation .conversation-topics>li{display:grid!important;grid-template-columns:24px minmax(0,1fr)!important;gap:12px!important;} .bilingual79 #canvas.unified66 #contactConversation .conversation-topics>li>.u-letter{display:block!important;position:static!important;margin:0!important;padding:0!important;border:0!important;} .bilingual79 #canvas.unified66 #contactConversation .u-title-en{display:block!important;margin:6px 0 0!important;} .bilingual79 #canvas.unified66 .faq-group .faq-list>details{border:1px solid var(--rule)!important;background:transparent!important;margin:0 0 12px!important;padding:0 20px!important;} .bilingual79 #canvas.unified66 .faq-group .faq-list>details>summary{color:var(--ink)!important;} .bilingual79 #canvas.unified66 .faq-group .u-answer-copy{border:0!important;background:none!important;padding:0!important;} .bilingual79 #canvas.unified66 .faq-group .u-answer-copy p{border-left:0!important;padding-left:0!important;margin-left:0!important;color:var(--ink)!important;} @media (hover:hover) and (pointer:fine){ .bilingual79 #canvas.unified66:not(.phone) :is([id^="service-"] .rows>.row,.process-card,.service-note-card,.annual-note-card,.points-category,.task-example-card,#caseContent .case-narrative,#method .method-step,#homeMethod .method-point,#aboutProcess .cooperation-steps>li,#contactConversation .conversation-topics>li):hover{border-color:color-mix(in srgb,var(--accent) 55%,var(--rule))!important;} } .bilingual79 #canvas.unified66.phone :is([id^="service-"] .rows>.row,.process-card,.service-note-card,.annual-note-card,.points-category,.task-example-card,#caseContent .case-narrative,#method .method-step,#homeMethod .method-point,#aboutProcess .cooperation-steps>li,#contactConversation .conversation-topics>li){padding:22px!important;background:transparent!important;} .bilingual79 #canvas.unified66.phone :is(.service-process,.service-notes-grid,.annual-note-grid,.points-grid,.task-example-grid,#caseContent .case-narrative-grid,#method .method-grid,#homeMethod .method-points,#contactConversation .conversation-topics){grid-template-columns:minmax(0,1fr)!important;gap:16px!important;} .bilingual79 #canvas.unified66.phone [id^="service-"] .rows>.row{grid-template-columns:minmax(0,1fr)!important;gap:12px!important;} .bilingual79 #canvas.unified66.phone #aboutProcess .cooperation-steps>li{grid-template-columns:minmax(0,1fr)!important;gap:0!important;} .bilingual79 #canvas.unified66.phone :is([id^="service-"]>section>h2,.faq-group>h2,#method .sectionhead>h2,#aboutProcess .sectionhead>h2,#contactConversation .sectionhead>h2){font-size:25px!important;margin-bottom:20px!important;} .bilingual79 #canvas.unified66.phone :is([id^="service-"] .rows>.row,.process-card,.service-note-card,.annual-note-card,.points-category,.task-example-card,#caseContent .case-narrative,#method .method-step,#homeMethod .method-point,#aboutProcess .cooperation-steps>li,#contactConversation .conversation-topics>li) :is(h2,h3){font-size:20px!important;} .bilingual79 #canvas.unified66.phone :is([id^="service-"] .rows>.row,.process-card,.service-note-card,.annual-note-card,.points-category,.task-example-card,#caseContent .case-narrative,#method .method-step,#homeMethod .method-point,#aboutProcess .cooperation-steps>li,#contactConversation .conversation-topics>li) p:not(.note){font-size:16px!important;} @media (max-width:767px){ .bilingual79 #canvas.unified66 :is([id^="service-"] .rows>.row,.process-card,.service-note-card,.annual-note-card,.points-category,.task-example-card,#caseContent .case-narrative,#method .method-step,#homeMethod .method-point,#aboutProcess .cooperation-steps>li,#contactConversation .conversation-topics>li){padding:22px!important;background:transparent!important;} .bilingual79 #canvas.unified66 :is(.service-process,.service-notes-grid,.annual-note-grid,.points-grid,.task-example-grid,#caseContent .case-narrative-grid,#method .method-grid,#homeMethod .method-points,#contactConversation .conversation-topics){grid-template-columns:minmax(0,1fr)!important;gap:16px!important;} .bilingual79 #canvas.unified66 [id^="service-"] .rows>.row{grid-template-columns:minmax(0,1fr)!important;gap:12px!important;} .bilingual79 #canvas.unified66 #aboutProcess .cooperation-steps>li{grid-template-columns:minmax(0,1fr)!important;gap:0!important;} .bilingual79 #canvas.unified66 :is([id^="service-"]>section>h2,.faq-group>h2,#method .sectionhead>h2,#aboutProcess .sectionhead>h2,#contactConversation .sectionhead>h2){font-size:25px!important;margin-bottom:20px!important;} .bilingual79 #canvas.unified66 :is([id^="service-"] .rows>.row,.process-card,.service-note-card,.annual-note-card,.points-category,.task-example-card,#caseContent .case-narrative,#method .method-step,#homeMethod .method-point,#aboutProcess .cooperation-steps>li,#contactConversation .conversation-topics>li) :is(h2,h3){font-size:20px!important;} .bilingual79 #canvas.unified66 :is([id^="service-"] .rows>.row,.process-card,.service-note-card,.annual-note-card,.points-category,.task-example-card,#caseContent .case-narrative,#method .method-step,#homeMethod .method-point,#aboutProcess .cooperation-steps>li,#contactConversation .conversation-topics>li) p:not(.note){font-size:16px!important;} } @media (prefers-reduced-motion:reduce){ .bilingual79 #canvas.unified66 :is([id^="service-"] .rows>.row,.process-card,.service-note-card,.annual-note-card,.points-category,.task-example-card,#caseContent .case-narrative,#method .method-step,#homeMethod .method-point,#aboutProcess .cooperation-steps>li,#contactConversation .conversation-topics>li){transition:none!important;} } /* 84: shared baselines, content columns, natural article paragraphs. */ .bilingual79 #canvas#canvas.unified66 .aligned-card84{--label-width84:24px;--label-gap84:12px;--content-inset84:36px;display:block!important;} .bilingual79 #canvas#canvas.unified66 .card-heading84{display:grid!important;grid-template-columns:24px minmax(0,1fr)!important;column-gap:12px!important;row-gap:0!important;align-items:first baseline!important;margin:0 0 16px!important;padding:0!important;} .bilingual79 #canvas#canvas.unified66 .card-heading84>:is(.narrative-index,.letter-index,.u-letter,.u72-letter,.process-index){display:block!important;position:static!important;grid-column:1!important;grid-row:1!important;align-self:first baseline!important;font-size:inherit!important;line-height:inherit!important;width:24px!important;min-width:0!important;height:auto!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;transform:none!important;translate:none!important;} .bilingual79 #canvas#canvas.unified66 .card-heading84>:is(.narrative-index,.letter-index,.u-letter,.u72-letter,.process-index)::after{content:none!important;} .bilingual79 #canvas#canvas.unified66 .card-heading84>:is(h3,.heading-copy84){grid-column:2!important;grid-row:1!important;min-width:0!important;margin:0!important;align-self:first baseline!important;font-size:inherit!important;line-height:inherit!important;} .bilingual79 #canvas#canvas.unified66 .card-heading84{font-size:21px!important;line-height:1.45!important;} .bilingual79 #canvas#canvas.unified66 .card-heading84 small{display:block!important;margin:8px 0 0!important;color:var(--muted)!important;font-size:13px!important;line-height:1.5!important;} .bilingual79 #canvas#canvas.unified66 .aligned-card84>:is(p,dl,.case-summary73),.aligned-card84>.case-toggle73{margin-left:var(--content-inset84)!important;} .bilingual79 #canvas#canvas.unified66 .aligned-card84>p{margin-top:0!important;} .bilingual79 #canvas#canvas.unified66 .aligned-card84>p.note{margin-top:16px!important;} .bilingual79 #canvas#canvas.unified66 .aligned-card84>header{border:0!important;padding:0!important;margin:0 0 16px!important;} .bilingual79 #canvas#canvas.unified66 .aligned-card84>header>.category-en{margin-left:var(--content-inset84)!important;} .bilingual79 #canvas#canvas.unified66 #caseContent .case-narrative{--content-inset84:50px;} .bilingual79 #canvas#canvas.unified66 #caseContent .case-narrative>h2.card-heading84{display:grid!important;grid-template-columns:24px minmax(0,1fr)!important;gap:0 12px!important;padding-left:14px!important;align-items:first baseline!important;} .bilingual79 #canvas#canvas.unified66 #caseContent .heading-copy84>small{margin:8px 0 0!important;} .bilingual79 #canvas#canvas.unified66 #caseContent .case-toggle73{margin-left:50px!important;} .bilingual79 #canvas#canvas.unified66 #contactConversation .conversation-topics>li{display:block!important;} .bilingual79 #canvas#canvas.unified66 #contactConversation .conversation-topics>li>p{margin-left:36px!important;} .bilingual79 #canvas#canvas.unified66 #homeProfile .profile-copy.u-profile-expanded>p{display:none!important;} .bilingual79 #canvas#canvas.unified66 #homeProfile .profile-copy.u-profile-expanded>#homeProfileFull{display:block!important;} .bilingual79 #canvas#canvas.unified66 #homeProfile .profile-copy.u-profile-expanded>#homeProfileFull>p{margin:0 0 20px!important;} .bilingual79 #canvas#canvas.unified66 #aboutProcess :is(.cooperation-intro,.cooperation-steps>li){box-sizing:border-box!important;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,2fr)!important;gap:28px!important;padding:26px!important;align-items:start!important;} .bilingual79 #canvas#canvas.unified66 #aboutProcess .cooperation-intro{border:1px solid transparent!important;} .bilingual79 #canvas#canvas.unified66 #aboutProcess .cooperation-step-body>p{margin:0!important;} .bilingual79 #canvas#canvas.unified66 #aboutProcess .cooperation-step-body>.cooperation-checkpoint{display:grid!important;align-items:first baseline!important;gap:12px!important;margin-top:16px!important;} .bilingual79 #canvas#canvas.unified66 #aboutProcess .cooperation-checkpoint>span{align-self:first baseline!important;} .bilingual79 #canvas#canvas.unified66 #aboutPartners .partners-copy{justify-self:end!important;width:100%!important;max-width:none!important;} .bilingual79 #canvas#canvas.unified66 #aboutPartners .partners-copy :is(p,span){text-align:right!important;text-align-last:right!important;max-width:none!important;} .bilingual79 #canvas#canvas.unified66 .faq-list>details>summary{display:grid!important;grid-template-columns:minmax(0,1fr) 20px!important;gap:12px!important;align-items:center!important;min-height:76px!important;padding:20px 0!important;box-sizing:border-box!important;list-style:none!important;font-size:16px!important;line-height:1.5!important;} .bilingual79 #canvas#canvas.unified66 .faq-list>details>summary::after{position:static!important;grid-column:2!important;grid-row:1!important;align-self:center!important;justify-self:end!important;transform:none!important;margin:0!important;width:20px!important;line-height:1!important;} .bilingual79 #canvas#canvas.unified66 .faq-list>details>summary::marker{content:""!important;} .bilingual79 #canvas#canvas.unified66 .faq-question84{display:block!important;grid-column:1!important;grid-row:1!important;white-space:nowrap!important;min-width:0!important;text-decoration:none!important;} .bilingual79 #canvas#canvas.unified66 .faq-list>details>summary:has(.faq-question84){text-decoration:none!important;} .bilingual79 #canvas#canvas.unified66 .faq-jump-links{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:12px 20px!important;} .bilingual79 #canvas#canvas.unified66 .faq-jump-links>a{display:flex!important;min-width:0!important;min-height:44px!important;align-items:center!important;margin:0!important;padding:8px 0!important;line-height:1.5!important;white-space:normal!important;} .bilingual79 #canvas#canvas.unified66 :is(#pricingNotes,#aboutProcess,.faq-group,details[id^="faq-"]){scroll-margin-top:128px!important;} .bilingual79 #canvas#canvas.unified66 #articleDetail #articleIntro{margin:0 0 24px!important;padding-bottom:0!important;} .bilingual79 #canvas#canvas.unified66 #articleDetail #articleBody{padding-top:0!important;margin-top:0!important;} .bilingual79 #canvas#canvas.unified66 #articleDetail #articleBody>section{margin:0!important;padding:32px 0!important;border-bottom:0!important;border-top:1px solid var(--rule)!important;} .bilingual79 #canvas#canvas.unified66 #articleDetail #articleBody>section:first-child{border-top:0!important;padding-top:0!important;} .bilingual79 #canvas#canvas.unified66 #articleDetail #articleBody p{border:0!important;padding:0!important;margin:0 0 20px!important;max-width:none!important;line-height:1.85!important;} .bilingual79 #canvas#canvas.unified66 #articleDetail #articleBody p:last-child{margin-bottom:0!important;} .bilingual79 #canvas#canvas.unified66 #articleDetail #articleBody .copy-ending{white-space:normal!important;display:inline!important;} .bilingual79 #canvas#canvas.unified66 #team #teamTrack>.member>p{display:flex!important;flex-direction:column!important;gap:0!important;padding:12px 10px!important;min-height:0!important;} .bilingual79 #canvas#canvas.unified66 #team #teamTrack>.member>p>small:not(.member-experience){min-height:2.8em!important;line-height:1.4!important;} .bilingual79 #canvas#canvas.unified66 #team #teamTrack>.member .member-experience{display:block!important;min-height:0!important;margin:12px 0 0!important;line-height:1.4!important;} .bilingual79 #canvas#canvas.unified66 #team .tenure84{display:flex!important;align-items:baseline!important;gap:0!important;white-space:nowrap!important;color:var(--accent)!important;} .bilingual79 #canvas#canvas.unified66 #team .tenure84>.motion-number{display:inline!important;margin:0!important;font-size:20px!important;line-height:1.2!important;} .bilingual79 #canvas#canvas.unified66 #team .tenure-unit84{display:inline!important;font-size:14px!important;line-height:1.2!important;} .bilingual79 #canvas#canvas.unified66 #team .motion-experience-label{display:block!important;margin:5px 0 0!important;line-height:1.4!important;min-height:0!important;} .bilingual79 #canvas#canvas.unified66.phone .card-heading84{font-size:20px!important;} .bilingual79 #canvas#canvas.unified66.phone #aboutProcess .cooperation-steps>li{display:block!important;padding:22px!important;} .bilingual79 #canvas#canvas.unified66.phone #aboutProcess .cooperation-intro{display:block!important;padding:0!important;border:0!important;} .bilingual79 #canvas#canvas.unified66.phone #aboutProcess .cooperation-intro>div{margin-top:20px!important;} .bilingual79 #canvas#canvas.unified66.phone #aboutProcess .cooperation-step-body{margin-left:36px!important;} .bilingual79 #canvas#canvas.unified66.phone #aboutPartners .partners-copy{justify-self:start!important;} .bilingual79 #canvas#canvas.unified66.phone #aboutPartners .partners-copy :is(p,span){text-align:left!important;text-align-last:left!important;} .bilingual79 #canvas#canvas.unified66.phone .faq-jump-links{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px 16px!important;} .bilingual79 #canvas#canvas.unified66.phone .faq-jump-links>a{font-size:14px!important;} .bilingual79 #canvas#canvas.unified66.phone #team #teamTrack>.member>p{padding:10px 8px!important;font-size:14px!important;} .bilingual79 #canvas#canvas.unified66.phone #team #teamTrack>.member>p>small{font-size:11px!important;} .bilingual79 #canvas#canvas.unified66.phone #team #teamTrack>.member>p>small:not(.member-experience){min-height:2.8em!important;} .bilingual79 #canvas#canvas.unified66.phone #team .motion-experience-label{font-size:11px!important;} .bilingual79 #canvas#canvas.unified66.phone #articleDetail #articleBody>section{padding:24px 0!important;} .bilingual79 #canvas#canvas.unified66.phone #articleDetail #articleBody>section:first-child{padding-top:0!important;} @media (max-width:767px){ .bilingual79 #canvas#canvas.unified66 .card-heading84{font-size:20px!important;} .bilingual79 #canvas#canvas.unified66 #aboutProcess .cooperation-steps>li{display:block!important;padding:22px!important;} .bilingual79 #canvas#canvas.unified66 #aboutProcess .cooperation-intro{display:block!important;padding:0!important;border:0!important;} .bilingual79 #canvas#canvas.unified66 #aboutProcess .cooperation-intro>div{margin-top:20px!important;} .bilingual79 #canvas#canvas.unified66 #aboutProcess .cooperation-step-body{margin-left:36px!important;} .bilingual79 #canvas#canvas.unified66 #aboutPartners .partners-copy{justify-self:start!important;} .bilingual79 #canvas#canvas.unified66 #aboutPartners .partners-copy :is(p,span){text-align:left!important;text-align-last:left!important;} .bilingual79 #canvas#canvas.unified66 .faq-jump-links{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px 16px!important;} .bilingual79 #canvas#canvas.unified66 .faq-jump-links>a{font-size:14px!important;} .bilingual79 #canvas#canvas.unified66 #team #teamTrack>.member>p{padding:10px 8px!important;font-size:14px!important;} .bilingual79 #canvas#canvas.unified66 #team #teamTrack>.member>p>small{font-size:11px!important;} .bilingual79 #canvas#canvas.unified66 #team #teamTrack>.member>p>small:not(.member-experience){min-height:2.8em!important;} .bilingual79 #canvas#canvas.unified66 #team .motion-experience-label{font-size:11px!important;} .bilingual79 #canvas#canvas.unified66 #articleDetail #articleBody>section{padding:24px 0!important;} .bilingual79 #canvas#canvas.unified66 #articleDetail #articleBody>section:first-child{padding-top:0!important;} } .bilingual79 #canvas#canvas.unified66 #team #teamTrack>.member>p>br{display:none!important;} .bilingual79 #canvas#canvas.unified66 #team #teamTrack>.member .member-experience{padding:0!important;margin-top:8px!important;} .bilingual79 #canvas#canvas.unified66 #team #teamTrack>.member>p>small:not(.member-experience){margin-top:4px!important;} html[lang="en"] .bilingual79 #canvas#canvas.unified66 #team .tenure84{gap:4px!important;} .bilingual79 #canvas#canvas.unified66.phone .points-category dl>div{gap:10px!important;} /* 85: local alignment corrections; keep the established Chinese layout. */ .bilingual79 #canvas#canvas.unified66 #homeMethod .method-points{justify-self:end!important;width:100%!important;max-width:none!important;} .bilingual79 #canvas#canvas.unified66 .case-narrative .narrative-index{font-family:inherit!important;font-size:inherit!important;font-weight:inherit!important;line-height:inherit!important;} .bilingual79 #canvas#canvas.unified66 .case-narrative>h2:before{top:4px!important;bottom:auto!important;height:1em!important;} .bilingual79 #canvas#canvas.unified66 #articleDetail .reading-layout.nav-aligned85{grid-template-columns:minmax(0,var(--reading-width85)) minmax(0,1fr)!important;column-gap:48px!important;} .bilingual79 #canvas#canvas.unified66 .copy-table.three-col85{table-layout:fixed!important;width:100%!important;} .bilingual79 #canvas#canvas.unified66 .copy-table.three-col85 tr>:first-child{width:17%!important;} .bilingual79 #canvas#canvas.unified66 .copy-table.three-col85 tr>:nth-child(2){width:58%!important;} .bilingual79 #canvas#canvas.unified66 .copy-table.three-col85 tr>:last-child{width:25%!important;} .bilingual79 #canvas#canvas.unified66 .copy-table.three-col85 :is(th,td){padding:18px 16px!important;vertical-align:top!important;word-break:normal!important;overflow-wrap:break-word!important;} .bilingual79 #canvas#canvas.unified66 .service-row85{border-bottom:1px solid var(--rule)!important;} .bilingual79 #canvas#canvas.unified66 .service-copy85{position:relative!important;display:block!important;min-height:0!important;padding:0!important;line-height:1.8!important;} .bilingual79 #canvas#canvas.unified66 .service-copy85>:is(.u-service-desktop,.u-service-mobile){font-size:inherit!important;line-height:inherit!important;min-height:0!important;} .bilingual79 #canvas#canvas.unified66 .service-copy85>.u-service-desktop{display:inline!important;} .bilingual79 #canvas#canvas.unified66 .service-copy85>.u-service-mobile{display:none!important;} .bilingual79 #canvas#canvas.unified66 .service-copy85>.u-service-desktop:after{content:"";display:inline-block;width:var(--cta-width85,120px);height:1px;} .bilingual79 #canvas#canvas.unified66 .service-copy85>.service-cta{position:absolute!important;right:0!important;bottom:0!important;display:inline-flex!important;align-items:baseline!important;gap:8px!important;padding:0!important;margin:0!important;border:0!important;min-height:0!important;font-size:14px!important;line-height:2.057142857!important;white-space:nowrap!important;transform:none!important;} .bilingual79 #canvas#canvas.unified66 #homeProfile .trust-points>div{display:flex!important;flex-direction:column!important;justify-content:flex-start!important;} .bilingual79 #canvas#canvas.unified66 #homeProfile .trust-points dd{margin-top:12px!important;} .bilingual79 #canvas#canvas.unified66.phone .service-copy85>.service-cta{font-size:13px!important;line-height:2.215384615!important;} @media (max-width:767px){.bilingual79 #canvas#canvas.unified66 .service-copy85>.service-cta{font-size:13px!important;line-height:2.215384615!important;}} .bilingual79 #canvas#canvas.unified66.phone .service-copy85>.u-service-desktop{display:none!important;} .bilingual79 #canvas#canvas.unified66.phone .service-copy85>.u-service-mobile{display:inline!important;} .bilingual79 #canvas#canvas.unified66.phone .service-copy85>.u-service-mobile:after{content:"";display:inline-block;width:var(--cta-width85,120px);height:1px;} .bilingual79 #canvas#canvas.unified66.phone #homeProfile .trust-points>:is(div){padding-left:0!important;} .bilingual79 #canvas#canvas.unified66.phone #homeProfile .trust-points :is(dd,dt){margin-left:0!important;width:100%!important;} @media (max-width:767px){ .bilingual79 #canvas#canvas.unified66 .service-copy85>.u-service-desktop{display:none!important;} .bilingual79 #canvas#canvas.unified66 .service-copy85>.u-service-mobile{display:inline!important;} .bilingual79 #canvas#canvas.unified66 .service-copy85>.u-service-mobile:after{content:"";display:inline-block;width:var(--cta-width85,120px);height:1px;} .bilingual79 #canvas#canvas.unified66 #homeProfile .trust-points>div{padding-left:0!important;} .bilingual79 #canvas#canvas.unified66 #homeProfile .trust-points :is(dd,dt){margin-left:0!important;width:100%!important;} } /* Match the existing phone preview's stacked trust statements in real narrow windows. */ .bilingual79 #canvas#canvas.unified66.phone #homeProfile .trust-points{grid-template-columns:minmax(0,1fr)!important;} @media (max-width:767px){.bilingual79 #canvas#canvas.unified66 #homeProfile .trust-points{grid-template-columns:minmax(0,1fr)!important;}} .bilingual79 #canvas#canvas.unified66.phone #homeProfile .trust-points>div{padding-left:44px!important;} .bilingual79 #canvas#canvas.unified66.phone #homeProfile .trust-points :is(dd,dt){width:auto!important;} .bilingual79 #canvas#canvas.unified66.phone .service-copy85{font-size:16px!important;} @media (max-width:767px){ .bilingual79 #canvas#canvas.unified66 #homeProfile .trust-points>div{padding-left:44px!important;} .bilingual79 #canvas#canvas.unified66 #homeProfile .trust-points :is(dd,dt){width:auto!important;} .bilingual79 #canvas#canvas.unified66 .service-copy85{font-size:16px!important;} } /* Representative homepage: confirmed auxiliary action, normal document flow. */ .bilingual79 #canvas#canvas.unified66 #homeServices .service-copy85>.service-cta{position:static!important;display:table!important;width:auto!important;float:none!important;margin:16px 0 0!important;padding:6px 10px!important;font-size:13px!important;font-weight:400!important;line-height:20px!important;border:1px solid #494c48!important;transform:none!important;text-align:left!important;background:transparent!important} .bilingual79 #canvas#canvas.unified66 #homeServices .service-copy85>.u-service-desktop:after,.bilingual79 #canvas#canvas.unified66 #homeServices .service-copy85>.u-service-mobile:after{display:none!important;content:none!important} .bilingual79 #canvas#canvas.unified66 #homeServices .service-link:is(:hover,:focus-visible) .service-cta{border-color:#b3c224!important} .bilingual79 #canvas#canvas.unified66 #homeServices .service-copy85>.service-cta{height:auto!important;min-height:0!important;max-width:100%;} .bilingual79 #canvas#canvas.unified66 #homeServices .service-copy85>.service-cta{display:flex!important;width:fit-content!important;align-items:center!important;gap:8px!important;box-sizing:border-box!important;} /* ===== interaction86.css ===== */ /* 86: approved interaction and consistency fixes; commercial copy unchanged. */ .bilingual79 #canvas#canvas#canvas.unified66 #homeServices .service-copy85{max-width:none!important;width:100%!important;justify-self:end!important;} .bilingual79 #canvas#canvas#canvas.unified66 .service-copy85>.service-cta{color:var(--accent)!important;border-bottom:1px solid var(--accent)!important;padding-bottom:2px!important;} .bilingual79 #canvas#canvas#canvas.unified66 .service-copy85>.service-cta .motion-link-arrow{color:inherit!important;} .bilingual79 #canvas#canvas#canvas.unified66 .u72-price-cta{color:var(--accent)!important;border-color:var(--accent)!important;} .bilingual79 #canvas#canvas#canvas.unified66 .service-hit86{position:relative!important;isolation:isolate;cursor:pointer;} .bilingual79 #canvas#canvas#canvas.unified66 .service-hit-link86{position:static!important;} .bilingual79 #canvas#canvas#canvas.unified66 .service-hit-link86::after{content:""!important;position:absolute!important;inset:0!important;width:auto!important;height:auto!important;z-index:1!important;transform:none!important;border:0!important;background:transparent!important;} .bilingual79 #canvas#canvas#canvas.unified66 .service-hit86:hover,.bilingual79 #canvas#canvas#canvas.unified66 .service-hit86:focus-within{border-bottom-color:var(--accent)!important;} .bilingual79 #canvas#canvas#canvas.unified66 #aboutPageIntro .about-full-copy:not([hidden]){display:block!important;position:static!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important;align-self:start!important;} .bilingual79 #canvas#canvas#canvas.unified66 #aboutPageIntro .about-summary[hidden]{display:none!important;} .bilingual79 #canvas#canvas#canvas.unified66 #aboutPageIntro :is(.about-summary,.about-full-copy)>p{position:static!important;display:block!important;grid-area:auto!important;height:auto!important;min-height:0!important;max-height:none!important;margin:0 0 20px!important;overflow:visible!important;transform:none!important;} .bilingual79 #canvas#canvas#canvas.unified66 #aboutPageIntro :is(.about-summary,.about-full-copy)>p:last-child{margin-bottom:0!important;} .bilingual79 #canvas#canvas#canvas.unified66 #aboutPageIntro .about-more{box-shadow:none!important;outline:none!important;border:1px solid var(--accent)!important;color:var(--accent)!important;} .bilingual79 #canvas#canvas#canvas.unified66 #aboutPageIntro .about-more::before,.bilingual79 #canvas#canvas#canvas.unified66 #aboutPageIntro .about-more::after{content:none!important;} .bilingual79 #canvas#canvas#canvas.unified66 #aboutPageIntro .about-more:focus-visible{outline:2px solid var(--accent)!important;outline-offset:4px!important;} .bilingual79 #canvas#canvas#canvas.unified66 .question-card86>summary,.bilingual79 #canvas#canvas#canvas.unified66 .question-card86>summary .faq-question84{color:var(--accent)!important;font-weight:600!important;} .bilingual79 #canvas#canvas#canvas.unified66 .question-card86 .faq-answer>p,.bilingual79 #canvas#canvas#canvas.unified66 .question-card86 .u-answer-copy>p{margin-left:0!important;} .bilingual79 #canvas#canvas#canvas.unified66 .motion-index86:not(.u-letter){position:relative!important;overflow:visible!important;} .bilingual79 #canvas#canvas#canvas.unified66 .motion-index86::after{content:""!important;display:block!important;position:absolute!important;left:0!important;right:auto!important;top:auto!important;bottom:-3px!important;width:.8em!important;height:1px!important;background:var(--accent)!important;border:0!important;opacity:1!important;transform:scaleX(0)!important;transform-origin:left!important;transition:transform 180ms ease!important;} .bilingual79 #canvas#canvas#canvas.unified66 .index-host86:hover .motion-index86::after,.bilingual79 #canvas#canvas#canvas.unified66 .index-host86:focus-within .motion-index86::after,.bilingual79 #canvas#canvas#canvas.unified66 .index-host86:active .motion-index86::after{transform:scaleX(1)!important;} .bilingual79 #canvas#canvas#canvas.unified66 #caseFilters{overflow-x:auto!important;overflow-y:hidden!important;display:flex!important;flex-wrap:nowrap!important;max-width:100%!important;min-width:0!important;touch-action:pan-x pan-y;scrollbar-width:thin;cursor:grab;user-select:none;scroll-behavior:auto!important;} .bilingual79 #canvas#canvas#canvas.unified66 #caseFilters>*{flex:0 0 auto!important;} .bilingual79 #canvas#canvas#canvas.unified66 .filters.is-dragging86{cursor:grabbing!important;} .bilingual79 #canvas#canvas#canvas.unified66 #articleRelated>a{display:block!important;} .bilingual79 #canvas#canvas#canvas.unified66 #u-related-preview{text-decoration:none!important;color:var(--ink)!important;cursor:pointer;} .bilingual79 #canvas#canvas#canvas.unified66 #u-related-preview:focus-visible{outline:2px solid var(--accent);outline-offset:3px;} .bilingual79 #canvas#canvas#canvas.unified66 #u-related-preview.is-changing86{animation:preview86 180ms ease-out;} .bilingual79 #canvas#canvas#canvas.unified66 #homeProfile .profile-copy>p,.bilingual79 #canvas#canvas#canvas.unified66 #aboutIntro .about-intro-copy p,.bilingual79 #canvas#canvas#canvas.unified66 #founder .u-bio-fold p,.bilingual79 #canvas#canvas#canvas.unified66 .case-summary73 p,.bilingual79 #canvas#canvas#canvas.unified66 #articleBody p,.bilingual79 #canvas#canvas#canvas.unified66 .cooperation-step-body>p,.bilingual79 #canvas#canvas#canvas.unified66 .aligned-card84>p:not(.note),.bilingual79 #canvas#canvas#canvas.unified66 .u-answer-copy p{text-align:justify!important;text-align-last:left!important;text-justify:inter-word!important;word-spacing:normal!important;letter-spacing:normal!important;text-wrap:wrap!important;white-space:normal!important;} .bilingual79 #canvas#canvas#canvas.unified66 #aboutIntro .copy-ending{white-space:normal!important;display:inline!important;} .bilingual79 #canvas#canvas#canvas.unified66.phone #aboutProcess .cooperation-step-body>.cooperation-checkpoint{grid-template-columns:minmax(0,1fr)!important;gap:6px!important;} .bilingual79 #canvas#canvas#canvas.unified66.phone #aboutProcess .cooperation-checkpoint>span{grid-column:1!important;text-align:left!important;text-align-last:left!important;} .bilingual79 #canvas#canvas#canvas.unified66.phone #caseList,.bilingual79 #canvas#canvas#canvas.unified66.phone #insightList{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;grid-auto-rows:auto!important;} .bilingual79 #canvas#canvas#canvas.unified66.phone #caseList>a,.bilingual79 #canvas#canvas#canvas.unified66.phone #insightList>a{grid-column:auto!important;grid-row:auto!important;min-width:0!important;height:auto!important;min-height:0!important;position:relative!important;} .bilingual79 #canvas#canvas#canvas.unified66.phone #caseList .case-visual{aspect-ratio:4/3!important;height:auto!important;min-height:0!important;width:100%!important;} .bilingual79 #canvas#canvas#canvas.unified66.phone #caseList .case-overlay{position:static!important;inset:auto!important;opacity:1!important;transform:none!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:6px!important;padding:12px 8px!important;background:transparent!important;} .bilingual79 #canvas#canvas#canvas.unified66.phone #caseList .case-overlay>strong{font-size:17px!important;line-height:1.4!important;white-space:normal!important;} .bilingual79 #canvas#canvas#canvas.unified66.phone #caseList .case-meta,.bilingual79 #canvas#canvas#canvas.unified66.phone #caseList .case-scope{font-size:11px!important;line-height:1.5!important;} .bilingual79 #canvas#canvas#canvas.unified66.phone #caseList .case-arrow{display:none!important;} .bilingual79 #canvas#canvas#canvas.unified66.phone #insightList .article-copy{padding:14px 10px!important;min-height:210px!important;gap:12px!important;} .bilingual79 #canvas#canvas#canvas.unified66.phone #insightList .article-copy h2{font-size:17px!important;line-height:1.45!important;text-wrap:wrap!important;} .bilingual79 #canvas#canvas#canvas.unified66.phone #insightList .article-title-line{display:inline!important;white-space:normal!important;} .bilingual79 #canvas#canvas#canvas.unified66.phone #insightList .article-copy .note{font-size:11px!important;line-height:1.5!important;} .bilingual79 #canvas#canvas#canvas.unified66.phone #insightList .article-copy>span:last-child{font-size:11px!important;} .bilingual79 #canvas#canvas#canvas.unified66.phone #aboutPageIntro .about-intro-copy{display:block!important;} .bilingual79 #canvas#canvas#canvas.unified66.phone #aboutPageIntro .about-full-copy:not([hidden]){margin-top:20px!important;} @media (max-width:767px){ .bilingual79 #canvas#canvas#canvas.unified66 #aboutProcess .cooperation-step-body>.cooperation-checkpoint{grid-template-columns:minmax(0,1fr)!important;gap:6px!important;} .bilingual79 #canvas#canvas#canvas.unified66 #aboutProcess .cooperation-checkpoint>span{grid-column:1!important;text-align:left!important;text-align-last:left!important;} .bilingual79 #canvas#canvas#canvas.unified66 #caseList,.bilingual79 #canvas#canvas#canvas.unified66 #insightList{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;grid-auto-rows:auto!important;} .bilingual79 #canvas#canvas#canvas.unified66 #caseList>a,.bilingual79 #canvas#canvas#canvas.unified66 #insightList>a{grid-column:auto!important;grid-row:auto!important;min-width:0!important;height:auto!important;min-height:0!important;position:relative!important;} .bilingual79 #canvas#canvas#canvas.unified66 #caseList .case-visual{aspect-ratio:4/3!important;height:auto!important;min-height:0!important;width:100%!important;} .bilingual79 #canvas#canvas#canvas.unified66 #caseList .case-overlay{position:static!important;inset:auto!important;opacity:1!important;transform:none!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:6px!important;padding:12px 8px!important;background:transparent!important;} .bilingual79 #canvas#canvas#canvas.unified66 #caseList .case-overlay>strong{font-size:17px!important;line-height:1.4!important;white-space:normal!important;} .bilingual79 #canvas#canvas#canvas.unified66 #caseList .case-meta,.bilingual79 #canvas#canvas#canvas.unified66 #caseList .case-scope{font-size:11px!important;line-height:1.5!important;} .bilingual79 #canvas#canvas#canvas.unified66 #caseList .case-arrow{display:none!important;} .bilingual79 #canvas#canvas#canvas.unified66 #insightList .article-copy{padding:14px 10px!important;min-height:210px!important;gap:12px!important;} .bilingual79 #canvas#canvas#canvas.unified66 #insightList .article-copy h2{font-size:17px!important;line-height:1.45!important;text-wrap:wrap!important;} .bilingual79 #canvas#canvas#canvas.unified66 #insightList .article-title-line{display:inline!important;white-space:normal!important;} .bilingual79 #canvas#canvas#canvas.unified66 #insightList .article-copy .note{font-size:11px!important;line-height:1.5!important;} .bilingual79 #canvas#canvas#canvas.unified66 #insightList .article-copy>span:last-child{font-size:11px!important;} .bilingual79 #canvas#canvas#canvas.unified66 #aboutPageIntro .about-intro-copy{display:block!important;} .bilingual79 #canvas#canvas#canvas.unified66 #aboutPageIntro .about-full-copy:not([hidden]){margin-top:20px!important;} } @keyframes preview86{from{opacity:.6}to{opacity:1}} @media (prefers-reduced-motion:reduce){.bilingual79 #canvas#canvas#canvas.unified66 .motion-index86::after{transition:none!important;}.bilingual79 #canvas#canvas#canvas.unified66 #u-related-preview{animation:none!important;}} /* Correct legacy fixed geometry exposed by the interaction screenshots. */ .bilingual79 #canvas#canvas#canvas.unified66 #aboutPageIntro .about-summary{max-height:none!important;overflow:visible!important;} .bilingual79 #canvas#canvas#canvas.unified66 #aboutPageIntro .about-more{padding:10px 14px!important;min-width:88px!important;min-height:44px!important;} .bilingual79 #canvas#canvas#canvas.unified66.phone #aboutPageIntro,.bilingual79 #canvas#canvas#canvas.unified66.phone #aboutPageIntro.u-expanded{display:flex!important;flex-direction:column!important;gap:24px!important;height:auto!important;min-height:0!important;} .bilingual79 #canvas#canvas#canvas.unified66.phone #aboutPageIntro>.about-heading,.bilingual79 #canvas#canvas#canvas.unified66.phone #aboutPageIntro>.about-intro-copy,.bilingual79 #canvas#canvas#canvas.unified66.phone #aboutPageIntro>.page-intro-identity,.bilingual79 #canvas#canvas#canvas.unified66.phone #aboutPageIntro>.u-about-photo{grid-area:auto!important;position:static!important;width:100%!important;min-width:0!important;max-width:none!important;margin:0!important;align-self:stretch!important;} .bilingual79 #canvas#canvas#canvas.unified66.phone #aboutPageIntro .u-about-photo:not([hidden]){display:block!important;height:auto!important;} .bilingual79 #canvas#canvas#canvas.unified66.phone #aboutPageIntro .u-about-photo img{height:auto!important;max-height:none!important;width:100%!important;} .bilingual79 #canvas#canvas#canvas.unified66.phone #caseList>a{display:flex!important;flex-direction:column!important;aspect-ratio:auto!important;align-items:stretch!important;} .bilingual79 #canvas#canvas#canvas.unified66.phone #caseList .case-visual{position:relative!important;inset:auto!important;padding:0!important;flex:none!important;} .bilingual79 #canvas#canvas#canvas.unified66.phone #caseList .case-overlay{height:auto!important;flex:1 0 auto!important;box-sizing:border-box!important;} .bilingual79 #canvas#canvas#canvas.unified66.phone #caseList .case-meta{display:flex!important;flex-wrap:wrap!important;gap:3px!important;white-space:normal!important;} .bilingual79 #canvas#canvas#canvas.unified66.phone #insightList .article-copy{justify-content:flex-start!important;align-items:stretch!important;box-sizing:border-box!important;height:100%!important;} .bilingual79 #canvas#canvas#canvas.unified66.phone #insightList .article-copy h2{box-sizing:border-box!important;width:100%!important;max-width:100%!important;} @media (max-width:767px){ .bilingual79 #canvas#canvas#canvas.unified66 #aboutPageIntro,.bilingual79 #canvas#canvas#canvas.unified66 #aboutPageIntro.u-expanded{display:flex!important;flex-direction:column!important;gap:24px!important;height:auto!important;min-height:0!important;} .bilingual79 #canvas#canvas#canvas.unified66 #aboutPageIntro>.about-heading,.bilingual79 #canvas#canvas#canvas.unified66 #aboutPageIntro>.about-intro-copy,.bilingual79 #canvas#canvas#canvas.unified66 #aboutPageIntro>.page-intro-identity,.bilingual79 #canvas#canvas#canvas.unified66 #aboutPageIntro>.u-about-photo{grid-area:auto!important;position:static!important;width:100%!important;min-width:0!important;max-width:none!important;margin:0!important;align-self:stretch!important;} .bilingual79 #canvas#canvas#canvas.unified66 #aboutPageIntro .u-about-photo:not([hidden]){display:block!important;height:auto!important;} .bilingual79 #canvas#canvas#canvas.unified66 #aboutPageIntro .u-about-photo img{height:auto!important;max-height:none!important;width:100%!important;} .bilingual79 #canvas#canvas#canvas.unified66 #caseList>a{display:flex!important;flex-direction:column!important;aspect-ratio:auto!important;align-items:stretch!important;} .bilingual79 #canvas#canvas#canvas.unified66 #caseList .case-visual{position:relative!important;inset:auto!important;padding:0!important;flex:none!important;} .bilingual79 #canvas#canvas#canvas.unified66 #caseList .case-overlay{height:auto!important;flex:1 0 auto!important;box-sizing:border-box!important;} .bilingual79 #canvas#canvas#canvas.unified66 #caseList .case-meta{display:flex!important;flex-wrap:wrap!important;gap:3px!important;white-space:normal!important;} .bilingual79 #canvas#canvas#canvas.unified66 #insightList .article-copy{justify-content:flex-start!important;align-items:stretch!important;box-sizing:border-box!important;height:100%!important;} .bilingual79 #canvas#canvas#canvas.unified66 #insightList .article-copy h2{box-sizing:border-box!important;width:100%!important;max-width:100%!important;} } .bilingual79 #canvas#canvas#canvas.unified66 #insightList .article-copy{translate:none!important;transform:none!important;inset:auto!important;max-height:none!important;} .bilingual79 #canvas#canvas#canvas.unified66.phone #insightList>a{display:flex!important;flex-direction:column!important;} .bilingual79 #canvas#canvas#canvas.unified66.phone #insightList .article-copy{height:auto!important;flex:1 0 auto!important;} .bilingual79 #canvas#canvas#canvas.unified66.phone #insightList .article-copy>span:last-child{display:block!important;} @media (max-width:767px){ .bilingual79 #canvas#canvas#canvas.unified66 #insightList>a{display:flex!important;flex-direction:column!important;} .bilingual79 #canvas#canvas#canvas.unified66 #insightList .article-copy{height:auto!important;flex:1 0 auto!important;} .bilingual79 #canvas#canvas#canvas.unified66 #insightList .article-copy>span:last-child{display:block!important;} } .bilingual79 #canvas#canvas#canvas.unified66 #homeServices .service-copy85{max-width:760px!important;justify-self:end!important;} .bilingual79 #canvas#canvas#canvas.unified66 #caseList>a[hidden],.bilingual79 #canvas#canvas#canvas.unified66 #insightList>a[hidden]{display:none!important;} /* ===== corrections87.css ===== */ /* 87: scoped corrections to the confirmed layout. */ .bilingual79 #canvas#canvas#canvas.unified66 .question-card86 .faq-answer{display:flex!important;flex-wrap:wrap!important;align-items:stretch!important;gap:12px!important;padding:0 0 24px!important;margin:0!important;width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;} .bilingual79 #canvas#canvas#canvas.unified66 .question-card86 .u-answer-copy{flex:0 0 100%!important;width:100%!important;min-width:0!important;box-sizing:border-box!important;margin:0!important;padding:18px 20px!important;border:1px solid var(--u-line,#424648)!important;} .bilingual79 #canvas#canvas#canvas.unified66 .question-card86 .u-answer-copy p{width:auto!important;max-width:100%!important;margin:0!important;overflow-wrap:break-word!important;} .bilingual79 #canvas#canvas#canvas.unified66 .question-card86 .faq-answer>a{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;width:auto!important;min-width:0!important;max-width:100%!important;margin:0!important;padding:10px 12px!important;box-sizing:border-box!important;white-space:normal!important;} .bilingual79 #canvas#canvas#canvas.unified66 .question-card86 .faq-answer>a.faq-permalink{margin-left:auto!important;flex:0 0 auto!important;} .bilingual79 #canvas#canvas#canvas.unified66 .motion-index86.u-letter{overflow:visible!important;} .bilingual79 #canvas#canvas#canvas.unified66 #homeServices .sectionhead{align-items:center!important;} .bilingual79 #canvas#canvas#canvas.unified66 #homeServices .sectionhead>h2{margin:0!important;} .bilingual79 #canvas#canvas#canvas.unified66 .service-copy85>.service-cta .motion-link-arrow{font-size:inherit!important;line-height:inherit!important;transform:none!important;translate:none!important;vertical-align:baseline!important;} .bilingual79 #canvas#canvas#canvas.unified66 #caseFilters,.bilingual79 #canvas#canvas#canvas.unified66 #insightFilters{touch-action:pan-y!important;scroll-behavior:auto!important;scroll-snap-type:none!important;} .bilingual79 #canvas#canvas#canvas.unified66 #caseFilters>*,.bilingual79 #canvas#canvas#canvas.unified66 #insightFilters>*{touch-action:pan-y!important;-webkit-user-drag:none;user-select:none;} @media (min-width:768px){ .bilingual79 #canvas#canvas#canvas.unified66:not(.phone) #homeServices .rows{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:0 36px!important;} .bilingual79 #canvas#canvas#canvas.unified66:not(.phone) #homeServices .service-row85{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:24px!important;padding:28px 0!important;border-bottom:1px solid var(--u-line,#424648)!important;min-width:0!important;} .bilingual79 #canvas#canvas#canvas.unified66:not(.phone) #homeServices .service-row85>b{align-self:flex-start!important;} .bilingual79 #canvas#canvas#canvas.unified66:not(.phone) #homeServices .service-copy85{margin-top:auto!important;max-width:none!important;} .bilingual79 #canvas#canvas#canvas.unified66:not(.phone) #insightList{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;grid-auto-rows:var(--case-cell-height,240px)!important;gap:var(--page-gap,32px)!important;} .bilingual79 #canvas#canvas#canvas.unified66:not(.phone) #insightList>a{grid-column:var(--case-col,span 2)!important;grid-row:var(--case-line,auto)!important;min-width:0!important;height:auto!important;min-height:0!important;} .bilingual79 #canvas#canvas#canvas.unified66:not(.phone) #insightList .article-copy{position:relative!important;display:flex!important;flex-direction:column!important;justify-content:center!important;min-height:0!important;height:100%!important;box-sizing:border-box!important;padding:20px 24px!important;gap:12px!important;} .bilingual79 #canvas#canvas#canvas.unified66:not(.phone) #insightList .article-copy h2{font-size:clamp(18px,1.5vw,26px)!important;height:auto!important;line-height:1.45!important;white-space:normal!important;} .bilingual79 #canvas#canvas#canvas.unified66:not(.phone) #insightList .article-title-line{white-space:normal!important;display:inline!important;} } .bilingual79 #canvas#canvas#canvas.unified66.phone #caseList,.bilingual79 #canvas#canvas#canvas.unified66.phone #insightList{grid-template-columns:minmax(0,1fr)!important;gap:20px!important;grid-auto-rows:auto!important;} .bilingual79 #canvas#canvas#canvas.unified66.phone #caseList>a,.bilingual79 #canvas#canvas#canvas.unified66.phone #insightList>a{grid-column:1!important;grid-row:auto!important;} .bilingual79 #canvas#canvas#canvas.unified66.phone #caseList .case-overlay{padding:18px 20px!important;gap:8px!important;} .bilingual79 #canvas#canvas#canvas.unified66.phone #caseList .case-overlay>strong{font-size:22px!important;} .bilingual79 #canvas#canvas#canvas.unified66.phone #caseList .case-meta,.bilingual79 #canvas#canvas#canvas.unified66.phone #caseList .case-scope{font-size:14px!important;} .bilingual79 #canvas#canvas#canvas.unified66.phone #insightList .article-copy{padding:24px!important;min-height:220px!important;gap:20px!important;} .bilingual79 #canvas#canvas#canvas.unified66.phone #insightList .article-copy h2{font-size:22px!important;height:auto!important;line-height:1.45!important;} .bilingual79 #canvas#canvas#canvas.unified66.phone #insightList .article-copy .note,.bilingual79 #canvas#canvas#canvas.unified66.phone #insightList .article-copy>span:last-child{font-size:14px!important;} .bilingual79 #canvas#canvas#canvas.unified66.phone #insightList .article-copy>span:last-child{margin-top:auto!important;} .bilingual79 #canvas#canvas#canvas.unified66.phone .question-card86 .u-answer-copy{padding:18px 16px!important;} .bilingual79 #canvas#canvas#canvas.unified66.phone .question-card86 .faq-answer>a{font-size:13px!important;line-height:1.5!important;padding:10px 8px!important;flex:1 1 0!important;} .bilingual79 #canvas#canvas#canvas.unified66.phone .question-card86 .faq-answer>a.faq-permalink{flex:0 1 auto!important;max-width:42%!important;} .bilingual79 #canvas#canvas#canvas.unified66.phone #contactCommon{padding:28px 24px!important;box-sizing:border-box!important;} .bilingual79 #canvas#canvas#canvas.unified66.phone #contactCommon .contact-lead,.bilingual79 #canvas#canvas#canvas.unified66.phone #contactCommon .contact{margin-left:0!important;padding-left:0!important;min-width:0!important;} .bilingual79 #canvas#canvas#canvas.unified66.phone #articleBody .copy-table:has(tr > :nth-child(2):last-child){width:100%!important;table-layout:fixed!important;} .bilingual79 #canvas#canvas#canvas.unified66.phone #articleBody .copy-table:has(tr > :nth-child(2):last-child) th,.bilingual79 #canvas#canvas#canvas.unified66.phone #articleBody .copy-table:has(tr > :nth-child(2):last-child) td{width:auto!important;min-width:0!important;padding:16px 12px!important;vertical-align:top!important;white-space:normal!important;overflow-wrap:break-word!important;box-sizing:border-box!important;} .bilingual79 #canvas#canvas#canvas.unified66.phone #articleBody .copy-table:has(tr > :nth-child(2):last-child) tr>*:first-child{width:50%!important;} .bilingual79 #canvas#canvas#canvas.unified66.phone .service-hit86{display:flex!important;flex-direction:column!important;gap:18px!important;} .bilingual79 #canvas#canvas#canvas.unified66.phone .service-hit86>div:first-child{display:contents!important;} .bilingual79 #canvas#canvas#canvas.unified66.phone .service-hit86 .u72-product-title{order:0!important;align-self:flex-start!important;} .bilingual79 #canvas#canvas#canvas.unified66.phone .service-hit86 .pricing-title-en{order:1!important;margin:0!important;} .bilingual79 #canvas#canvas#canvas.unified66.phone .service-hit86>.pricing-cost{order:2!important;display:flex!important;align-items:baseline!important;justify-content:space-between!important;gap:12px!important;flex-wrap:wrap!important;width:100%!important;margin:0!important;} .bilingual79 #canvas#canvas#canvas.unified66.phone .service-hit86>div:nth-child(2){order:3!important;} .bilingual79 #canvas#canvas#canvas.unified66.phone .service-hit86 .service-hit-link86{order:4!important;align-self:flex-start!important;margin:0!important;} .bilingual79 #canvas#canvas#canvas.unified66.phone #homeServices .service-copy85{max-width:none!important;} .bilingual79 #canvas#canvas#canvas.unified66.phone #homeServices .sectionhead>a{white-space:nowrap!important;} @media (max-width:767px){ .bilingual79 #canvas#canvas#canvas.unified66 #caseList,.bilingual79 #canvas#canvas#canvas.unified66 #insightList{grid-template-columns:minmax(0,1fr)!important;gap:20px!important;grid-auto-rows:auto!important;} .bilingual79 #canvas#canvas#canvas.unified66 #caseList>a,.bilingual79 #canvas#canvas#canvas.unified66 #insightList>a{grid-column:1!important;grid-row:auto!important;} .bilingual79 #canvas#canvas#canvas.unified66 #caseList .case-overlay{padding:18px 20px!important;gap:8px!important;} .bilingual79 #canvas#canvas#canvas.unified66 #caseList .case-overlay>strong{font-size:22px!important;} .bilingual79 #canvas#canvas#canvas.unified66 #caseList .case-meta,.bilingual79 #canvas#canvas#canvas.unified66 #caseList .case-scope{font-size:14px!important;} .bilingual79 #canvas#canvas#canvas.unified66 #insightList .article-copy{padding:24px!important;min-height:220px!important;gap:20px!important;} .bilingual79 #canvas#canvas#canvas.unified66 #insightList .article-copy h2{font-size:22px!important;height:auto!important;line-height:1.45!important;} .bilingual79 #canvas#canvas#canvas.unified66 #insightList .article-copy .note,.bilingual79 #canvas#canvas#canvas.unified66 #insightList .article-copy>span:last-child{font-size:14px!important;} .bilingual79 #canvas#canvas#canvas.unified66 #insightList .article-copy>span:last-child{margin-top:auto!important;} .bilingual79 #canvas#canvas#canvas.unified66 .question-card86 .u-answer-copy{padding:18px 16px!important;} .bilingual79 #canvas#canvas#canvas.unified66 .question-card86 .faq-answer>a{font-size:13px!important;line-height:1.5!important;padding:10px 8px!important;flex:1 1 0!important;} .bilingual79 #canvas#canvas#canvas.unified66 .question-card86 .faq-answer>a.faq-permalink{flex:0 1 auto!important;max-width:42%!important;} .bilingual79 #canvas#canvas#canvas.unified66 #contactCommon{padding:28px 24px!important;box-sizing:border-box!important;} .bilingual79 #canvas#canvas#canvas.unified66 #contactCommon .contact-lead,.bilingual79 #canvas#canvas#canvas.unified66 #contactCommon .contact{margin-left:0!important;padding-left:0!important;min-width:0!important;} .bilingual79 #canvas#canvas#canvas.unified66 #articleBody .copy-table:has(tr > :nth-child(2):last-child){width:100%!important;table-layout:fixed!important;} .bilingual79 #canvas#canvas#canvas.unified66 #articleBody .copy-table:has(tr > :nth-child(2):last-child) th,.bilingual79 #canvas#canvas#canvas.unified66 #articleBody .copy-table:has(tr > :nth-child(2):last-child) td{width:auto!important;min-width:0!important;padding:16px 12px!important;vertical-align:top!important;white-space:normal!important;overflow-wrap:break-word!important;box-sizing:border-box!important;} .bilingual79 #canvas#canvas#canvas.unified66 #articleBody .copy-table:has(tr > :nth-child(2):last-child) tr>*:first-child{width:50%!important;} .bilingual79 #canvas#canvas#canvas.unified66 .service-hit86{display:flex!important;flex-direction:column!important;gap:18px!important;} .bilingual79 #canvas#canvas#canvas.unified66 .service-hit86>div:first-child{display:contents!important;} .bilingual79 #canvas#canvas#canvas.unified66 .service-hit86 .u72-product-title{order:0!important;align-self:flex-start!important;} .bilingual79 #canvas#canvas#canvas.unified66 .service-hit86 .pricing-title-en{order:1!important;margin:0!important;} .bilingual79 #canvas#canvas#canvas.unified66 .service-hit86>.pricing-cost{order:2!important;display:flex!important;align-items:baseline!important;justify-content:space-between!important;gap:12px!important;flex-wrap:wrap!important;width:100%!important;margin:0!important;} .bilingual79 #canvas#canvas#canvas.unified66 .service-hit86>div:nth-child(2){order:3!important;} .bilingual79 #canvas#canvas#canvas.unified66 .service-hit86 .service-hit-link86{order:4!important;align-self:flex-start!important;margin:0!important;} .bilingual79 #canvas#canvas#canvas.unified66 #homeServices .service-copy85{max-width:none!important;} .bilingual79 #canvas#canvas#canvas.unified66 #homeServices .sectionhead>a{white-space:nowrap!important;} } .bilingual79 #canvas#canvas#canvas.unified66 .card-heading84>.motion-index86.u-letter{position:relative!important;} .bilingual79 #canvas#canvas#canvas.unified66 .service-copy85>:is(.u-service-mobile,.u-service-desktop)::after{content:none!important;} .bilingual79 #canvas#canvas#canvas.unified66 .service-copy85 .cta-tail87{white-space:nowrap!important;} .bilingual79 #canvas#canvas#canvas.unified66 .service-copy85 .cta-tail87::after{content:"";display:inline-block;width:var(--cta-width85,130px);height:1px;} /* ===== home-review92.css ===== */ /* 0912-92: scoped homepage service layout and Work lead alignment. */ .bilingual79 #canvas#canvas#canvas#canvas#canvas#canvas#canvas.unified66 #homeServices .u72-product-title,.bilingual79 #canvas#canvas#canvas#canvas#canvas#canvas#canvas.unified66 #homeServices .u72-product-title>span:not(.u72-letter){color:var(--accent)!important;} @media (min-width:768px){.bilingual79 #canvas#canvas#canvas#canvas#canvas#canvas#canvas.unified66:not(.phone) #casesPageIntro .page-intro-body>p{text-align:right!important;text-align-last:right!important;}} .bilingual79 #canvas#canvas#canvas#canvas#canvas#canvas#canvas.unified66 #homeServices .service-intro92{font-size:clamp(20px,1.5vw,28px)!important;line-height:1.6!important;color:var(--u-text,#f5f5f5)!important;margin:26px 0!important;text-align:left!important;text-align-last:left!important;} .bilingual79 #canvas#canvas#canvas#canvas#canvas#canvas#canvas.unified66 #homeServices .service-intro92 span{display:block;} @media (min-width:768px){ .bilingual79 #canvas#canvas#canvas#canvas#canvas#canvas#canvas.unified66:not(.phone) #homeServices>.sectionhead{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-start!important;gap:0!important;margin:0!important;} .bilingual79 #canvas#canvas#canvas#canvas#canvas#canvas#canvas.unified66:not(.phone) #homeServices .rows{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:24px!important;border:0!important;margin:0!important;} .bilingual79 #canvas#canvas#canvas#canvas#canvas#canvas#canvas.unified66:not(.phone) #homeServices .service-row85{display:flex!important;flex-direction:column!important;align-items:stretch!important;padding:26px 24px!important;gap:20px!important;border:1px solid var(--u-line,#353a3c)!important;background:rgba(255,255,255,.025)!important;transform:none!important;min-width:0!important;} .bilingual79 #canvas#canvas#canvas#canvas#canvas#canvas#canvas.unified66:not(.phone) #homeServices .service-row85:hover,.bilingual79 #canvas#canvas#canvas#canvas#canvas#canvas#canvas.unified66:not(.phone) #homeServices .service-row85:focus-visible{border-color:var(--accent)!important;} .bilingual79 #canvas#canvas#canvas#canvas#canvas#canvas#canvas.unified66:not(.phone) #homeServices .service-row85::before,.bilingual79 #canvas#canvas#canvas#canvas#canvas#canvas#canvas.unified66:not(.phone) #homeServices .service-row85::after{content:none!important;} .bilingual79 #canvas#canvas#canvas#canvas#canvas#canvas#canvas.unified66:not(.phone) #homeServices .u72-product-title{display:grid!important;grid-template-columns:24px minmax(0,1fr)!important;gap:12px!important;padding:0!important;margin:0!important;border:0!important;background:transparent!important;box-shadow:none!important;font-size:clamp(17px,1.25vw,22px)!important;line-height:1.5!important;} .bilingual79 #canvas#canvas#canvas#canvas#canvas#canvas#canvas.unified66:not(.phone) #homeServices .u72-product-title::before,.bilingual79 #canvas#canvas#canvas#canvas#canvas#canvas#canvas.unified66:not(.phone) #homeServices .u72-product-title::after{content:none!important;} .bilingual79 #canvas#canvas#canvas#canvas#canvas#canvas#canvas.unified66:not(.phone) #homeServices .u72-letter{width:24px!important;min-width:0!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;line-height:1.5!important;font-size:inherit!important;} .bilingual79 #canvas#canvas#canvas#canvas#canvas#canvas#canvas.unified66:not(.phone) #homeServices .service-copy85{width:calc(100% - 36px)!important;margin:0 0 0 36px!important;max-width:none!important;align-self:stretch!important;font-size:16px!important;line-height:1.8!important;} } .bilingual79 #canvas#canvas#canvas#canvas#canvas#canvas#canvas.unified66.phone #homeServices .sectionhead{display:grid!important;grid-template-columns:1fr auto!important;gap:18px 12px!important;} .bilingual79 #canvas#canvas#canvas#canvas#canvas#canvas#canvas.unified66.phone #homeServices .service-intro92{grid-column:1/-1!important;grid-row:2!important;margin:0!important;font-size:20px!important;} @media (max-width:767px){ .bilingual79 #canvas#canvas#canvas#canvas#canvas#canvas#canvas.unified66 #homeServices .sectionhead{display:grid!important;grid-template-columns:1fr auto!important;gap:18px 12px!important;} .bilingual79 #canvas#canvas#canvas#canvas#canvas#canvas#canvas.unified66 #homeServices .service-intro92{grid-column:1/-1!important;grid-row:2!important;margin:0!important;font-size:20px!important;} } @media (min-width:768px) and (max-width:1100px){ .bilingual79 #canvas#canvas#canvas#canvas#canvas#canvas#canvas.unified66:not(.phone) #homeServices{grid-template-columns:minmax(0,1fr)!important;} .bilingual79 #canvas#canvas#canvas#canvas#canvas#canvas#canvas.unified66:not(.phone) #homeServices .rows{grid-template-columns:repeat(2,minmax(0,1fr))!important;} } /* ===== reading89.css ===== */ .bilingual79 #canvas#canvas#canvas#canvas#canvas.unified66 .article h2:has(.article-title-line){font-size:var(--title-size89,22px)!important;line-height:1.5!important;height:auto!important;min-height:3em!important;max-height:none!important;} .bilingual79 #canvas#canvas#canvas#canvas#canvas.unified66 .article h2>.article-title-line{display:block!important;white-space:nowrap!important;line-height:inherit!important;} .bilingual79 #canvas#canvas#canvas#canvas#canvas.unified66 #articleRelated h3{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;transform:none!important;translate:none!important;} .bilingual79 #canvas#canvas#canvas#canvas#canvas.unified66 #articleRelated>a,.bilingual79 #canvas#canvas#canvas#canvas#canvas.unified66 #articleRelated>a:hover{transform:none!important;translate:none!important;background:transparent!important;transition:color 120ms ease!important;} .bilingual79 #canvas#canvas#canvas#canvas#canvas.unified66 #u-related-preview,.bilingual79 #canvas#canvas#canvas#canvas#canvas.unified66 #u-related-preview.is-changing86{animation:none!important;transition:none!important;transform:none!important;} .bilingual79 #canvas#canvas#canvas#canvas#canvas.unified66 .service-copy85{text-align:justify!important;text-align-last:left!important;text-justify:inter-word!important;} .bilingual79 #canvas#canvas#canvas#canvas#canvas.unified66 .service-copy85>.service-cta{text-align:left!important;text-align-last:left!important;} .bilingual79 #canvas#canvas#canvas#canvas#canvas.unified66.phone #articleRelated h3{font-size:var(--title-size89,20px)!important;line-height:1.5!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;} .bilingual79 #canvas#canvas#canvas#canvas#canvas.unified66.phone #articleRelated h3>.article-title-line{display:block!important;white-space:nowrap!important;line-height:inherit!important;} @media (max-width:767px){.bilingual79 #canvas#canvas#canvas#canvas#canvas.unified66 #articleRelated h3{font-size:var(--title-size89,20px)!important;line-height:1.5!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;} .bilingual79 #canvas#canvas#canvas#canvas#canvas.unified66 #articleRelated h3>.article-title-line{display:block!important;white-space:nowrap!important;line-height:inherit!important;} } @media (min-width:768px){.bilingual79 #canvas#canvas#canvas#canvas#canvas.unified66:not(.phone) #articleRelated h3>.article-title-line{display:inline!important;white-space:inherit!important;}} html[lang="zh-CN"] .bilingual79 #canvas#canvas#canvas#canvas#canvas.unified66 .service-copy85,html[lang="zh-CN"] .bilingual79 #canvas#canvas#canvas#canvas#canvas.unified66 .service-copy85>:is(.u-service-mobile,.u-service-desktop){text-justify:inter-character!important;} /* ===== feedback90.css ===== */ @media (min-width:768px){ .bilingual79 #canvas#canvas#canvas#canvas#canvas#canvas.unified66:not(.phone) #team #teamTrack>.member>.portrait{aspect-ratio:3/2!important;height:auto!important;min-height:0!important;} } .bilingual79 #canvas#canvas#canvas#canvas#canvas#canvas.unified66 #articleRelated .u-related-preview{width:100%!important;box-sizing:border-box!important;margin:0 0 14px!important;aspect-ratio:16/9!important;position:relative!important;pointer-events:none!important;} .bilingual79 #canvas#canvas#canvas#canvas#canvas#canvas.unified66 #articleRelated .u-related-preview[hidden]{display:none!important;} html[lang="en"] .bilingual79 #canvas#canvas#canvas#canvas#canvas#canvas.unified66 :is(p,dd,td,address,.u-answer-copy,.service-copy85,.u-service-desktop,.u-service-mobile,.cooperation-step-body,.checkpoint-copy82,.pricing-fit,.case-summary73,.article-prose){text-align:left!important;text-align-last:left!important;text-justify:auto!important;word-spacing:normal!important;} /* ===== feedback93.css ===== */ /* 093: one index underline, scoped labels and lead alignment. */ .bilingual79 #canvas#canvas#canvas#canvas#canvas#canvas#canvas#canvas#canvas#canvas.unified66 .motion-index86{border-bottom:0!important;text-decoration:none!important;box-shadow:none!important;} .bilingual79 #canvas#canvas#canvas#canvas#canvas#canvas#canvas#canvas#canvas#canvas.unified66 .motion-index86::before{content:none!important;display:none!important;} .bilingual79 #canvas#canvas#canvas#canvas#canvas#canvas#canvas#canvas#canvas#canvas.unified66 .motion-index86::after{content:""!important;display:block!important;position:absolute!important;left:0!important;right:auto!important;top:auto!important;bottom:-3px!important;width:.8em!important;height:1px!important;border:0!important;background:var(--accent)!important;box-shadow:none!important;transform:scaleX(0)!important;transform-origin:left!important;} .bilingual79 #canvas#canvas#canvas#canvas#canvas#canvas#canvas#canvas#canvas#canvas.unified66 .index-host86:is(:hover,:focus-within,:active) .motion-index86::after{transform:scaleX(1)!important;} .bilingual79 #canvas#canvas#canvas#canvas#canvas#canvas#canvas#canvas#canvas#canvas.unified66 .pricing-cost:has(.quote-price81)>small{align-self:flex-start!important;text-align:left!important;text-align-last:left!important;margin-left:0!important;} @media (min-width:768px){ .bilingual79 #canvas#canvas#canvas#canvas#canvas#canvas#canvas#canvas#canvas#canvas.unified66:not(.phone) #homeServices .u72-product-title{display:inline-grid!important;grid-template-columns:28px minmax(0,1fr)!important;align-self:flex-start!important;align-items:center!important;gap:10px!important;width:max-content!important;max-width:100%!important;padding:8px!important;border:1px solid var(--accent)!important;box-sizing:border-box!important;} .bilingual79 #canvas#canvas#canvas#canvas#canvas#canvas#canvas#canvas#canvas#canvas.unified66:not(.phone) #homeServices .u72-letter{display:flex!important;position:relative!important;align-items:center!important;justify-content:center!important;width:28px!important;height:28px!important;background:var(--accent)!important;color:#121614!important;} .bilingual79 #canvas#canvas#canvas#canvas#canvas#canvas#canvas#canvas#canvas#canvas.unified66:not(.phone) #homeServices .service-copy85{width:100%!important;margin:0!important;} .bilingual79 #canvas#canvas#canvas#canvas#canvas#canvas#canvas#canvas#canvas#canvas.unified66:not(.phone) #insightsPageIntro .page-intro-lead{text-align:right!important;text-align-last:right!important;max-width:none!important;} .bilingual79 #canvas#canvas#canvas#canvas#canvas#canvas#canvas#canvas#canvas#canvas.unified66:not(.phone) #insightsPageIntro .intro-line93{display:block!important;} } /* ===== feedback97.css ===== */ /* 0913-97: one shared homepage column system and complete list frames. */ /* Homepage columns are owned by home-advantages101.css. */ #canvas :is(#caseList,#insightList)>[hidden]{display:none!important} @media (min-width:768px){#canvas:not(.phone) :is(#caseList,#homeCases)>a.case>.case-visual{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;overflow:hidden!important;max-width:none!important;max-height:none!important;}} #canvas .list-top97{color:var(--accent)!important;background:transparent;border:1px solid var(--rule,#424242);padding:12px 18px;cursor:pointer;margin:12px 0;} #canvas :is(.list-top97,.catalogue-pages94)[hidden]{display:none!important} #canvas .list-top97:focus-visible{outline:2px solid var(--accent);outline-offset:4px;} #canvas #homePartners .partner-wordmark{overflow-wrap:anywhere;white-space:normal!important;text-align:center;line-height:1.4;} /* Mobile retains the approved image above caption flow; reveal must not change card height. */ .bilingual79 #canvas#canvas#canvas#canvas#canvas#canvas#canvas#canvas.unified66.phone #caseList>a.case:not([hidden]){display:flex!important;flex-direction:column!important;aspect-ratio:auto!important;height:auto!important;max-height:none!important;} .bilingual79 #canvas#canvas#canvas#canvas#canvas#canvas#canvas#canvas.unified66.phone #caseList>a.case>.case-visual{position:relative!important;inset:auto!important;width:100%!important;height:auto!important;aspect-ratio:4/3!important;flex:none!important;overflow:hidden!important;} .bilingual79 #canvas#canvas#canvas#canvas#canvas#canvas#canvas#canvas.unified66.phone #caseList .case-overlay{position:relative!important;inset:auto!important;flex:none!important;height:auto!important;} .bilingual79 #canvas#canvas#canvas#canvas#canvas#canvas#canvas#canvas.unified66.phone #caseList :is(.case-meta,.case-scope){display:block!important;opacity:1!important;visibility:visible!important;max-height:none!important;transform:none!important;} @media (max-width:767px){.bilingual79 #canvas#canvas#canvas#canvas#canvas#canvas#canvas#canvas.unified66 #caseList>a.case:not([hidden]){display:flex!important;flex-direction:column!important;aspect-ratio:auto!important;height:auto!important;max-height:none!important;} .bilingual79 #canvas#canvas#canvas#canvas#canvas#canvas#canvas#canvas.unified66 #caseList>a.case>.case-visual{position:relative!important;inset:auto!important;width:100%!important;height:auto!important;aspect-ratio:4/3!important;flex:none!important;overflow:hidden!important;} .bilingual79 #canvas#canvas#canvas#canvas#canvas#canvas#canvas#canvas.unified66 #caseList .case-overlay{position:relative!important;inset:auto!important;flex:none!important;height:auto!important;} .bilingual79 #canvas#canvas#canvas#canvas#canvas#canvas#canvas#canvas.unified66 #caseList :is(.case-meta,.case-scope){display:block!important;opacity:1!important;visibility:visible!important;max-height:none!important;transform:none!important;} } /* ===== content94.css ===== */ /* Additive content styles, preserving the approved layout */ .catalogue-pages94{display:flex;flex-wrap:wrap;justify-content:center;gap:18px;padding:24px 0;border-top:1px solid #424242} .catalogue-pages94 a{font-size:13px;color:var(--accent,#d1e346);text-decoration:none} #canvas[data-new-case94] .case-detail-cover .ph{aspect-ratio:16/10;min-height:0;padding:0;background:#191919} [data-image-task^="C94-"][data-image-fit="contain"]>img{object-fit:contain!important} #articleBody>section{border-bottom:0}#articleBody>section+section{border-top:1px solid #424242;margin-top:30px;padding-top:30px} .bilingual79 #canvas#canvas#canvas#canvas[data-new-article94] #articleTitle>.article-title-line{display:block!important;white-space:normal!important} @media (max-width:767px){.bilingual79 #canvas#canvas#canvas#canvas[data-new-article94] #articleTitle{font-size:var(--new-title94,26px)!important}} .bilingual79 #canvas#canvas#canvas#canvas[data-new-article94].phone #articleTitle{font-size:var(--new-title94,26px)!important} #canvas[data-new-case94] .case-detail-cover .case-cover-window{position:relative;overflow:hidden} /* 0913-96: scheme labels stay within the existing complete gallery. */ .case-scheme96{display:block;color:var(--accent,#d1e346);font-size:12px;line-height:1.5;margin-bottom:4px} #canvas .gallery-heading .case-schemes96{font-size:12px;line-height:1.6;color:var(--muted,#999);margin:8px 0 0;overflow-wrap:anywhere} /* 0923-166: approved article covers share the existing image and reading system. */ #canvas #articleDetail .article-lead-cover166{width:100%;margin:28px 0 32px;aspect-ratio:16/10;overflow:hidden;border:1px solid var(--rule,#35393e);background:#1b1e22;box-sizing:border-box} #canvas #articleDetail .article-lead-cover166>img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 50%} @media (max-width:767px){#canvas #articleDetail .article-lead-cover166{margin:22px 0 28px;aspect-ratio:4/3}} #canvas.phone #articleDetail .article-lead-cover166{margin:22px 0 28px;aspect-ratio:4/3} /* 0923-167: complete article-cover system, compact mobile filters and explicit pagination. */ #canvas #insightFilters{display:flex;flex-wrap:wrap;max-width:100%;min-width:0;overflow:visible;touch-action:pan-y;cursor:default} #canvas #insightFilters>*{min-width:0} #canvas .catalogue-pages94{align-items:center;gap:10px 12px} #canvas .catalogue-pages94 .catalogue-page-status{flex-basis:100%;text-align:center;color:var(--muted,#b0b4b9);font-size:13px;line-height:1.6} #canvas .catalogue-pages94 :is(.catalogue-page-number,.catalogue-page-direction){display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:8px 12px;border:1px solid var(--rule,#424242);box-sizing:border-box} #canvas .catalogue-pages94 .catalogue-page-number[aria-current="page"]{border-color:var(--accent,#d1e346);background:var(--accent,#d1e346);color:#111315;text-decoration:none} #canvas :is(#homeArticles,#insightList)>.article.article-link:nth-child(n)[data-cover-tone="dark"] .article-copy{background:rgba(20,23,27,.68)} #canvas :is(#homeArticles,#insightList)>.article.article-link:nth-child(n)[data-cover-tone="medium"] .article-copy{background:rgba(20,23,27,.78)} #canvas :is(#homeArticles,#insightList)>.article.article-link:nth-child(n)[data-cover-tone="light"] .article-copy{background:rgba(20,23,27,.86)} #canvas :is(#homeArticles,#insightList)>.article.article-link:nth-child(n)[data-mosaic-item="logo-or-brand"]>.article-cover>img{filter:brightness(1.16) contrast(1.03)} @media (hover:none){ #canvas :is(#homeArticles,#insightList)>.article.article-link:nth-child(n)[data-cover-tone="dark"] .article-copy{background:linear-gradient(180deg,transparent 5%,rgba(20,23,27,.70) 72%)} #canvas :is(#homeArticles,#insightList)>.article.article-link:nth-child(n)[data-cover-tone="medium"] .article-copy{background:linear-gradient(180deg,transparent 5%,rgba(20,23,27,.80) 72%)} #canvas :is(#homeArticles,#insightList)>.article.article-link:nth-child(n)[data-cover-tone="light"] .article-copy{background:linear-gradient(180deg,transparent 5%,rgba(20,23,27,.88) 72%)} } @media (max-width:767px){ #canvas #insights #insightsPageIntro{padding-bottom:12px} #canvas #insights .page-intro-next{margin:0 0 12px} #canvas #insights .filter-rail{margin:0 0 12px;overflow:visible} #canvas #insights #insightCount{margin:0 0 16px} #canvas.unified66 #insights #insightFilters{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;align-items:stretch;white-space:normal} #canvas.unified66 #insights #insightFilters>*{grid-column:span 2;display:flex;align-items:center;justify-content:center;min-height:44px;height:100%;padding:7px 8px;white-space:normal;text-align:center;line-height:1.35} #canvas.unified66 #insights #insightFilters>*:nth-last-child(-n/**/+2){grid-column:span 3} #canvas .catalogue-pages94{justify-content:center;padding:20px 0;gap:8px} #canvas .catalogue-pages94 :is(.catalogue-page-number,.catalogue-page-direction){padding:7px 10px} #canvas :is(#homeArticles,#insightList)>.article.article-link:nth-child(n)[data-cover-tone="dark"] .article-copy{background:linear-gradient(180deg,transparent 5%,rgba(20,23,27,.70) 72%)} #canvas :is(#homeArticles,#insightList)>.article.article-link:nth-child(n)[data-cover-tone="medium"] .article-copy{background:linear-gradient(180deg,transparent 5%,rgba(20,23,27,.80) 72%)} #canvas :is(#homeArticles,#insightList)>.article.article-link:nth-child(n)[data-cover-tone="light"] .article-copy{background:linear-gradient(180deg,transparent 5%,rgba(20,23,27,.88) 72%)} } #canvas.phone #insights #insightsPageIntro{padding-bottom:12px} #canvas.phone #insights .page-intro-next{margin:0 0 12px} #canvas.phone #insights .filter-rail{margin:0 0 12px;overflow:visible} #canvas.phone #insights #insightCount{margin:0 0 16px} #canvas.unified66.phone #insights #insightFilters{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;align-items:stretch;overflow:visible;white-space:normal} #canvas.unified66.phone #insights #insightFilters>*{grid-column:span 2;display:flex;align-items:center;justify-content:center;min-height:44px;height:100%;padding:7px 8px;white-space:normal;text-align:center;line-height:1.35} #canvas.unified66.phone #insights #insightFilters>*:nth-last-child(-n/**/+2){grid-column:span 3} #canvas.phone :is(#homeArticles,#insightList)>.article.article-link:nth-child(n)[data-cover-tone="dark"] .article-copy{background:linear-gradient(180deg,transparent 5%,rgba(20,23,27,.70) 72%)} #canvas.phone :is(#homeArticles,#insightList)>.article.article-link:nth-child(n)[data-cover-tone="medium"] .article-copy{background:linear-gradient(180deg,transparent 5%,rgba(20,23,27,.80) 72%)} #canvas.phone :is(#homeArticles,#insightList)>.article.article-link:nth-child(n)[data-cover-tone="light"] .article-copy{background:linear-gradient(180deg,transparent 5%,rgba(20,23,27,.88) 72%)} /* ===== client-enrichment99.css ===== */ /* Additive case modules. Existing typography, artwork and narrative stay intact. */ #canvas .client-context99{margin:24px 0 36px;min-width:0} #canvas .client-context99 .client-intro99{margin:0;max-width:none;font-size:16px;line-height:1.85;text-align:justify;text-align-last:left;overflow-wrap:break-word} html[lang="en"] #canvas .client-context99 .client-intro99{text-align:left} #canvas .client-label99{margin:28px 0 16px;font-size:15px;line-height:1.5;font-weight:600;letter-spacing:.03em;color:var(--muted,#aaa)} #canvas .client-highlights99{display:flex;flex-wrap:wrap;gap:0 32px;padding:0;margin:0;list-style:none} #canvas .client-highlights99 .client-highlight99{box-sizing:border-box;flex:1 1 calc(33.333% - 32px);min-width:0;border-top:1px solid #414541;padding:18px 0 24px;list-style:none} #canvas .client-highlights99[data-count="4"] .client-highlight99{flex-basis:calc(50% - 32px)} #canvas .client-highlight99 strong{display:block;font-size:23px;line-height:1.45;font-weight:600;overflow-wrap:break-word;color:var(--accent,#bdcf32)} #canvas .client-highlight99 p{margin:8px 0 0;font-size:14px;line-height:1.7;text-align:left;overflow-wrap:break-word} #canvas .client-strategy99{margin:36px 0 48px;padding:0;min-width:0} #canvas .client-strategy99 dl{margin:0} #canvas .client-strategy99 dl>div{display:grid;grid-template-columns:160px minmax(0,1fr);gap:32px;border-top:1px solid #414541;padding:20px 0} #canvas .client-strategy99 dt{font-size:16px;line-height:1.8;font-weight:600} #canvas .client-strategy99 dd{margin:0;font-size:16px;line-height:1.85;text-align:justify;text-align-last:left;overflow-wrap:break-word} html[lang="en"] #canvas .client-strategy99 dd{text-align:left} @media (max-width:767px){ #canvas .client-context99{margin:20px 0 28px} #canvas .client-context99 .client-intro99{font-size:15px;line-height:1.85} #canvas .client-highlights99{gap:0 20px} #canvas .client-highlights99 .client-highlight99,#canvas .client-highlights99[data-count="4"] .client-highlight99{flex-basis:calc(50% - 20px);padding:16px 0 20px} #canvas .client-highlights99 .client-highlight99.is-long99{flex-basis:100%} #canvas .client-highlight99 strong{font-size:20px} #canvas .client-strategy99{margin:28px 0 36px} #canvas .client-strategy99 dl>div{grid-template-columns:minmax(0,1fr);gap:7px;padding:18px 0} #canvas .client-strategy99 dd{font-size:15px} } /* Phone simulation runs in a desktop viewport, so its mode needs the same rules. */ #canvas.phone .client-context99{margin:20px 0 28px} #canvas.phone .client-context99 .client-intro99{font-size:15px;line-height:1.85} #canvas.phone .client-highlights99{gap:0 20px} #canvas.phone .client-highlights99 .client-highlight99,#canvas.phone .client-highlights99[data-count="4"] .client-highlight99{flex-basis:calc(50% - 20px);padding:16px 0 20px} #canvas.phone .client-highlights99 .client-highlight99.is-long99{flex-basis:100%} #canvas.phone .client-highlight99 strong{font-size:20px} #canvas.phone .client-strategy99{margin:28px 0 36px} #canvas.phone .client-strategy99 dl>div{grid-template-columns:minmax(0,1fr);gap:7px;padding:18px 0} #canvas.phone .client-strategy99 dd{font-size:15px} /* ===== next-case100.css ===== */ #canvas .next-case100{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:24px 0 0;padding:0} #canvas .next-case100-card{display:flex;align-items:center;justify-content:space-between;gap:14px;min-width:0;box-sizing:border-box;padding:16px 18px;min-height:58px;border:1px solid #494c48;color:inherit;text-decoration:none;font-size:16px;line-height:1.6;transition:border-color .2s,background-color .2s} #canvas .next-case100-copy{min-width:0;overflow-wrap:break-word} #canvas .next-case100-arrow{flex:none;color:#bdcf32;transition:transform .2s} #canvas .next-case100-card:is(:hover,:focus-visible,:active){border-color:#bdcf32;background:rgba(189,207,50,.035)} #canvas .next-case100-card:is(:hover,:focus-visible,:active) .next-case100-arrow{transform:translateX(4px)} #canvas .next-case100 a:focus-visible{outline:2px solid #bdcf32;outline-offset:4px} #canvas.phone .next-case100{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px} #canvas.phone .next-case100-card{padding:14px 10px;gap:8px;font-size:14px} #canvas.phone .next-case100-card:last-child{grid-column:1/-1} @media (max-width:767px){#canvas .next-case100{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}#canvas .next-case100-card{padding:14px 10px;gap:8px;font-size:14px}#canvas .next-case100-card:last-child{grid-column:1/-1}} @media (prefers-reduced-motion:reduce){#canvas .next-case100-card,#canvas .next-case100-arrow{transition:none}} /* ===== home-advantages101.css ===== */ #canvas .advantages101-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px} #canvas .advantages101-item{min-width:0;border-top:1px solid var(--rule,#35393e);padding-top:22px} #canvas .advantages101-item h3{color:var(--accent,#b3c224);font-size:clamp(24px,2.2vw,32px);line-height:1.4;margin:0 0 16px;font-weight:400} #canvas .advantages101-item p{font-size:16px;line-height:1.85;margin:0;text-align:left;max-width:none} #canvas.phone .advantages101-grid{grid-template-columns:1fr;gap:28px} @media (max-width:767px){#canvas .advantages101-grid{grid-template-columns:1fr;gap:28px}#canvas .advantages101-item{padding-top:18px}} #canvas a.advantages101-item{position:relative;display:grid;grid-template-rows:auto 1fr auto;gap:0;padding:24px 0 18px;color:inherit;text-decoration:none;transition:background-color .2s} #canvas .advantages101-item::before{content:"";position:absolute;left:0;right:0;top:-1px;height:2px;background:var(--accent,#b3c224);transform:scaleX(0);transform-origin:left;transition:transform .25s} #canvas .advantages101-arrow{display:block;margin-top:22px;justify-self:end;color:var(--accent,#b3c224);font-size:24px;line-height:1;transition:transform .2s} #canvas .advantages101-item:is(:hover,:focus-visible,:active){background:rgba(179,194,36,.045)} #canvas .advantages101-item:is(:hover,:focus-visible,:active)::before{transform:scaleX(1)} #canvas .advantages101-item:is(:hover,:focus-visible,:active) .advantages101-arrow{transform:translateX(4px)} #canvas .advantages101-item:focus-visible{outline:2px solid var(--accent,#b3c224);outline-offset:4px} #canvas .advantages101-item:focus-visible::before{display:none} #canvas.phone a.advantages101-item{padding:20px 0 16px} @media (max-width:767px){#canvas a.advantages101-item{padding:20px 0 16px}} @media (prefers-reduced-motion:reduce){#canvas .advantages101-item,#canvas .advantages101-item::before,#canvas .advantages101-arrow{transition:none!important}#canvas .advantages101-item::before,#canvas .advantages101-arrow{transform:none!important}} /* Shared homepage explanation grid: method and profile use the same boundary. */ @media (min-width:768px){ #canvas:not(.phone) #homeMethod>.split,#canvas:not(.phone) #homeProfile>.split{grid-template-columns:minmax(0,1fr) minmax(0,2fr);column-gap:clamp(32px,3vw,64px)} } /* 154: one six-column desktop track for adjacent homepage modules. */ @media (min-width:1101px){ #canvas:not(.phone) :is(#homeServices,#homeAdvantages101 .advantages101-grid,#homeMethod>.split,#homeProfile>.split){display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;column-gap:32px!important;align-items:start!important} #canvas:not(.phone) #homeServices>.sectionhead{grid-column:span 2} #canvas:not(.phone) #homeServices>.rows{grid-column:span 4;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;justify-self:stretch!important} #canvas:not(.phone) #homeAdvantages101 .advantages101-item{grid-column:span 2} #canvas:not(.phone) :is(#homeMethod>.split,#homeProfile>.split)>:first-child{grid-column:span 2} #canvas:not(.phone) :is(#homeMethod>.split,#homeProfile>.split)>:last-child{grid-column:span 4;width:100%;max-width:none;margin:0;padding:0;justify-self:stretch} } /* Phone simulation uses the same typography and spacing as a narrow viewport. */ #canvas.phone .advantages101-item h3{font-size:24px} #canvas.phone #homeMethod>.split,#canvas.phone #homeProfile>.split{gap:20px} @media (max-width:767px){#canvas .advantages101-item h3{font-size:24px}#canvas #homeMethod>.split,#canvas #homeProfile>.split{gap:20px}} /* Auxiliary link component: full-width copy, separate left-aligned action. */ #canvas{--aux-font:13px;--aux-line:20px;--aux-pad-y:6px;--aux-pad-x:10px;--aux-gap:8px;--aux-space:16px} #canvas a.advantages101-item{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto;align-content:start} #canvas .auxiliary-link105{display:inline-flex;align-items:center;gap:var(--aux-gap);justify-self:start;align-self:start;width:fit-content;max-width:100%;margin-top:var(--aux-space);border:1px solid var(--rule,#35393e);padding:var(--aux-pad-y) var(--aux-pad-x);font-size:var(--aux-font);font-weight:400;line-height:var(--aux-line);box-sizing:border-box;transition:border-color .2s} #canvas .auxiliary-link105 .advantages101-arrow{margin:0;font-size:16px;line-height:20px;flex:none} #canvas .advantages101-item:is(:hover,:focus-visible,:active) .auxiliary-link105{border-color:var(--accent,#b3c224)} @media (prefers-reduced-motion:reduce){#canvas .auxiliary-link105{transition:none}} /* 132: English parallel headings reserve two lines on desktop; mobile stays natural. */ @media (min-width:768px){html[lang="en"] #canvas:not(.phone) .advantages101-item h3{min-height:2.8em}html[lang="en"] #canvas:not(.phone) a.advantages101-item{grid-template-rows:auto 1fr auto;align-content:normal}} /* 149: keep the founder portrait framing consistent across real and simulated viewports. */ #canvas#canvas #team #teamTrack>.member>.portrait[data-image-task="A-TEAM-01"]>img{object-position:50% 46%!important} /* ===== brand-growth145.css ===== */ :root{--growth-accent:var(--accent,#b3c224);--growth-line:var(--rule,#35393e);--growth-muted:var(--muted,#a9ada7);--growth-panel:rgba(220,225,230,.025)} .growth145-hero{padding-top:96px!important;padding-bottom:72px!important;border-bottom:1px solid var(--growth-line)} .growth145-eyebrow{margin:0 0 24px;color:var(--growth-accent);font-size:13px;letter-spacing:.12em;text-transform:uppercase} .growth145-hero h1{max-width:920px;margin:0 0 20px;font-size:clamp(48px,7vw,104px);line-height:.96;letter-spacing:-.055em} .growth145-subtitle{max-width:720px;margin:0;font-size:clamp(22px,2.4vw,38px);line-height:1.25} .growth145-lead{max-width:720px;margin:28px 0 0;color:#d7dad5;font-size:17px;line-height:1.8} .growth145-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px} .growth145-button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:9px 14px;border:1px solid var(--growth-accent);color:inherit;text-decoration:none;transition:background .2s,color .2s,transform .2s} .growth145-button:hover,.growth145-button:focus-visible{background:var(--growth-accent);color:#10120f;transform:translateY(-2px)} .growth145-button.secondary{border-color:var(--growth-line)} .growth145-button.secondary:hover,.growth145-button.secondary:focus-visible{border-color:var(--growth-accent)} .growth145-section{padding-top:72px!important;padding-bottom:72px!important} .growth145-sectionhead{display:grid;grid-template-columns:minmax(220px,.72fr) minmax(0,1.28fr);gap:40px;align-items:start;margin-bottom:34px} .growth145-sectionhead h2{margin:0;font-size:clamp(28px,3.3vw,52px);line-height:1.05} .bilingual79 #canvas#canvas .growth145-sectionhead p{width:100%;max-width:760px;margin:0;justify-self:end;color:#c8cbc6;font-size:16px;line-height:1.8;text-align:right!important;text-align-last:right!important} html[lang="en"] .bilingual79 #canvas#canvas#canvas#canvas#canvas#canvas#canvas#canvas#canvas#canvas#canvas .growth145-sectionhead p{text-align:right!important;text-align-last:right!important} .growth145-sectionhead p span{display:block;text-align:inherit} .growth145-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px} .growth145-grid.five{grid-template-columns:repeat(5,minmax(0,1fr))} .growth145-card{position:relative;display:flex;min-width:0;min-height:100%;flex-direction:column;padding:24px;border:1px solid var(--growth-line);background:var(--growth-panel);color:inherit;text-decoration:none;transition:border-color .2s,transform .2s,background .2s} a.growth145-card:hover,a.growth145-card:focus-visible{border-color:var(--growth-accent);transform:translateY(-2px);background:var(--growth-panel)} .growth145-card h3{margin:0 0 14px;font-size:21px;line-height:1.3} .growth145-card p{margin:0;color:var(--ink,#eceeed);line-height:1.8} .growth145-card .growth145-kicker{display:block;margin-bottom:22px;color:var(--growth-accent);font-size:12px;letter-spacing:.1em;text-transform:uppercase} .growth145-card .growth145-link-row{display:block;margin-top:auto;padding-top:16px} .growth145-card .growth145-link{display:inline-flex;align-items:center;width:max-content;padding:6px 10px;border:1px solid var(--growth-line);color:var(--ink,#eceeed);font-size:13px;line-height:20px} a.growth145-card:hover .growth145-link,a.growth145-card:focus-visible .growth145-link{border-color:var(--growth-accent);color:var(--growth-accent)} .growth145-price{display:block;margin:12px 0 20px;font-size:clamp(26px,2.5vw,40px);line-height:1;white-space:nowrap} .growth145-meta{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px;padding:0;list-style:none} .growth145-meta li{padding:5px 8px;border:1px solid var(--growth-line);color:#d8dbd6;font-size:12px;white-space:nowrap} .growth145-card-heading{display:grid;grid-template-columns:24px minmax(0,1fr);gap:12px;align-items:first baseline;margin:0 0 16px} .growth145-card-heading span{color:var(--growth-accent);font-size:18px;line-height:1.5} .growth145-card-heading h3{margin:0;font-size:21px;line-height:1.45} .growth145-service-card>p{margin:0} .growth145-card-meta{display:grid;grid-template-columns:repeat(3,max-content);gap:8px;align-items:center} .growth145-card-meta li{padding:5px 7px;font-size:11px;line-height:1.45} .growth145-rhythm{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--growth-line)} .growth145-rhythm div{position:relative;padding:24px 20px;min-height:150px;border-right:1px solid var(--growth-line)} .growth145-rhythm div:last-child{border-right:0} .growth145-rhythm span{display:block;margin-bottom:28px;color:var(--growth-accent);font-size:12px;letter-spacing:.08em} .growth145-rhythm h3{margin:0 0 9px;font-size:18px}.growth145-rhythm p{margin:0;color:#bfc3bd;line-height:1.65} .growth145-split{display:grid;grid-template-columns:minmax(250px,.72fr) minmax(0,1.28fr);gap:40px;align-items:start} .growth145-split>h2{position:sticky;top:96px;margin:0;font-size:clamp(28px,3.2vw,50px);line-height:1.08} .growth145-list{display:grid;gap:0;margin:0;padding:0;list-style:none;border-top:1px solid var(--growth-line)} .growth145-list li{display:grid;grid-template-columns:minmax(150px,.42fr) minmax(0,1fr);gap:24px;padding:22px 0;border-bottom:1px solid var(--growth-line)} .growth145-list strong{font-size:17px}.growth145-list p{margin:0;color:#c8cbc6;line-height:1.75} .growth145-scenario{padding:32px;border:1px solid var(--growth-line);background:linear-gradient(135deg,#191c17,#111310)} .growth145-scenario>p{max-width:880px;color:#c8cbc6;line-height:1.8} .growth145-quarter-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin-top:28px;background:var(--growth-line);border:1px solid var(--growth-line)} .growth145-quarter-grid article{padding:24px;background:#131512}.growth145-quarter-grid span{color:var(--growth-accent);font-size:12px}.growth145-quarter-grid h3{margin:10px 0;font-size:19px}.growth145-quarter-grid p{margin:0;color:#c8cbc6;line-height:1.7} .growth145-month{margin-top:28px}.growth145-month h3{margin:0 0 14px}.growth145-month ol{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none;counter-reset:monthstep}.growth145-month li{counter-increment:monthstep;padding:18px;border-top:1px solid var(--growth-accent);background:#171916;color:#c8cbc6;line-height:1.65}.growth145-month li:before{content:"0" counter(monthstep);display:block;margin-bottom:12px;color:var(--growth-accent);font-size:11px;letter-spacing:.08em} .growth145-result{margin-top:32px;align-items:start} .growth145-result>h2{position:static} .growth145-result .growth145-lead{width:100%;max-width:760px;margin:0;justify-self:end;text-align:right!important;text-align-last:right!important} .growth145-result .growth145-lead span{display:block} @media (min-width:768px){html[lang="en"] .bilingual79 #canvas#canvas#canvas#canvas#canvas#canvas#canvas#canvas#canvas#canvas#canvas .growth145-result .growth145-lead{text-align:right!important;text-align-last:right!important}} .growth145-note{margin-top:22px;padding-left:14px;border-left:2px solid var(--growth-accent);color:#b9bdb7;font-size:13px;line-height:1.75} .growth145-faq details{border-top:1px solid var(--growth-line)}.growth145-faq details:last-child{border-bottom:1px solid var(--growth-line)}.growth145-faq summary{padding:20px 0;cursor:pointer;font-size:17px}.growth145-faq details p{max-width:840px;margin:0;padding:0 0 22px;color:#c8cbc6;line-height:1.75} .growth145-advantage-support{display:grid;gap:9px;margin:20px 0 0;padding:0;list-style:none}.growth145-advantage-support li{padding-top:9px;border-top:1px solid var(--growth-line);color:#c7cbc5;font-size:13px;line-height:1.55} .growth145-process-proof{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:26px 0 34px}.growth145-process-proof article{padding:18px;border-left:2px solid var(--growth-accent);background:#171916}.growth145-process-proof strong{display:block;margin-bottom:8px}.growth145-process-proof p{margin:0;color:#c4c8c2;line-height:1.65} .growth145-role,.growth145-output{margin-top:10px!important;font-size:13px;line-height:1.65!important}.growth145-role span,.growth145-output span{display:inline-block;min-width:68px;margin-right:8px;color:var(--growth-accent)} .growth145-method-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border:1px solid var(--growth-line)}.growth145-method-steps article{padding:22px;border-right:1px solid var(--growth-line)}.growth145-method-steps article:last-child{border-right:0}.growth145-method-steps span{display:block;margin-bottom:28px;color:var(--growth-accent);font-size:12px}.growth145-method-steps h3{margin:0 0 10px;font-size:18px;line-height:1.35}.growth145-method-steps p{margin:0;color:#c4c8c2;line-height:1.65} @media (max-width:1120px){.growth145-plan-grid{grid-template-columns:1fr}} @media (max-width:1023px){.growth145-grid.five{grid-template-columns:repeat(2,minmax(0,1fr))}.growth145-grid.five .growth145-card:last-child{grid-column:1/-1}.growth145-month ol{grid-template-columns:repeat(2,minmax(0,1fr))}.growth145-method-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.growth145-method-steps article{border-bottom:1px solid var(--growth-line)}.growth145-method-steps article:nth-child(2n){border-right:0}.growth145-method-steps article:last-child{grid-column:1/-1;border-bottom:0}} @media (max-width:767px){.growth145-hero{padding-top:64px!important;padding-bottom:48px!important}.growth145-hero h1{font-size:48px}.growth145-subtitle{font-size:24px}.growth145-section{padding-top:52px!important;padding-bottom:52px!important}.growth145-sectionhead,.growth145-split{grid-template-columns:1fr;gap:18px}.bilingual79 #canvas#canvas .growth145-sectionhead p,html[lang="en"] .bilingual79 #canvas#canvas#canvas#canvas#canvas#canvas#canvas#canvas#canvas#canvas#canvas .growth145-sectionhead p{max-width:none;justify-self:start;text-align:left!important;text-align-last:left!important}.growth145-sectionhead p span{display:inline}.growth145-sectionhead p span+span:before{content:" "}.growth145-split>h2{position:static}.growth145-grid,.growth145-grid.five{grid-template-columns:1fr}.growth145-grid.five .growth145-card:last-child{grid-column:auto}.growth145-card{padding:20px}.growth145-card-meta{grid-template-columns:repeat(3,max-content);gap:6px}.growth145-card-meta li{padding:5px;font-size:10px}.growth145-rhythm{grid-template-columns:1fr}.growth145-rhythm div{min-height:0;border-right:0;border-bottom:1px solid var(--growth-line)}.growth145-rhythm div:last-child{border-bottom:0}.growth145-list li{grid-template-columns:1fr;gap:8px}.growth145-quarter-grid{grid-template-columns:1fr}.growth145-month ol{grid-template-columns:1fr}.growth145-result{gap:12px}.growth145-result .growth145-lead{justify-self:start;text-align:left!important;text-align-last:left!important}.growth145-result .growth145-lead span{display:inline}.growth145-result .growth145-lead span+span:before{content:" "}.growth145-process-proof{grid-template-columns:1fr}.growth145-method-steps{grid-template-columns:1fr}.growth145-method-steps article,.growth145-method-steps article:nth-child(2n){border-right:0;border-bottom:1px solid var(--growth-line)}.growth145-method-steps article:last-child{grid-column:auto}.growth145-scenario{padding:22px}} /* 159: service overview titles share one desktop track; Chinese descriptions keep approved semantic lines. */ @media (min-width:768px){ html[lang="zh-CN"] .bilingual79 #canvas.unified66:not(.phone) #servicePricing .pricing-row>div:first-child>.u72-product-title{width:100%;max-width:284px;box-sizing:border-box} html[lang="zh-CN"] .bilingual79 #canvas.unified66:not(.phone) #servicePricing .pricing-fit{min-height:var(--pricing-fit-height,60px)} html[lang="zh-CN"] .bilingual79 #canvas.unified66:not(.phone) #servicePricing .pricing-fit-line{display:block;white-space:nowrap} } @media (prefers-reduced-motion:reduce){a.growth145-card,.growth145-button{transition:none!important;transform:none!important}} /* ===== partners134.css ===== */ /* Partner wall display contract: same verified order, count changes by viewport. */ #homePartners .partners-more134,#aboutPartners .partners-more134{margin-top:24px;display:flex;justify-content:flex-start} #homePartners .logo-wall>.partner-card:nth-child(n/**/+31){display:none!important} #aboutPartners .logo-wall>.partner-card:nth-child(n/**/+25){display:none!important} @media (min-width:768px) and (max-width:1100px){ #canvas #homePartners .logo-wall,#canvas #aboutPartners .logo-wall{grid-template-columns:repeat(4,minmax(0,1fr))} #homePartners .logo-wall>.partner-card:nth-child(n/**/+21),#aboutPartners .logo-wall>.partner-card:nth-child(n/**/+21){display:none!important} } @media (max-width:767px){ #canvas #homePartners .logo-wall,#canvas #aboutPartners .logo-wall{grid-template-columns:repeat(2,minmax(0,1fr))} #homePartners .logo-wall>.partner-card:nth-child(n/**/+17){display:none!important} #aboutPartners .logo-wall>.partner-card:nth-child(n/**/+11){display:none!important} } #canvas.phone #homePartners .logo-wall,#canvas.phone #aboutPartners .logo-wall{grid-template-columns:repeat(2,minmax(0,1fr))} #canvas.phone #homePartners .logo-wall>.partner-card:nth-child(n/**/+17){display:none!important} #canvas.phone #aboutPartners .logo-wall>.partner-card:nth-child(n/**/+11){display:none!important}