/* Home v11: approved navy/white/gold, PingFang 400/600.
   Original white hero retained > pale service surface > white real-work gallery.
   Only this stylesheet is loaded by the home page. No service page changes. */
.home-page{--home-pale:#f0f3f8;--home-soft:#e4edf9;--home-secondary:#ccd9ee}

.home-page .services{background:var(--home-pale);margin-top:24px;padding-block:88px}
.home-page .service-grid{gap:14px;background:transparent;border-radius:0;overflow:visible}
.home-page .service-card{background:#fff;border-right:0;border-radius:19px;padding:29px 25px;min-height:309px;transition:transform .2s ease,box-shadow .2s ease}
.home-page .service-card:first-child,.home-page .service-card:last-child{background:var(--home-soft)}
.home-page .service-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #08265f0d}
.home-page .service-number{color:#61748e}
.home-page .service-card h3{margin-top:23px}
.home-page #work{padding-block:90px}
.home-page .selected-media{height:290px;border-radius:20px}
.home-page .xhs-mini{background:#102c5a;padding-top:20px}
.home-page .xhs-mini img{width:145%;max-width:none;height:auto;transform:translate(22px,25px) rotate(-5deg);box-shadow:8px 18px 34px #0005}
.home-page .editorial-mini{background:#efe9df}
.home-page .editorial-mini img{width:65%;margin-top:140px;transform:rotate(5deg);box-shadow:10px 16px 25px #564b3626}
.home-page .system-mini{background:#e4eaf3}
.home-page .system-mini img{width:145%;transform:translate(22px,30px) rotate(-4deg)}
.home-page .approach{padding-block:42px 80px}
.home-page .steps li{border-top-color:#bec9d9}
.home-page .about{width:calc(100% - 48px);margin-inline:24px;background:var(--navy);color:#fff;border-radius:28px;padding-block:76px;position:relative;overflow:hidden}
.home-page .about .eyebrow{color:#d5b573}
.home-page .about-copy>p:not(.eyebrow){color:var(--home-secondary)}
.home-page .about-copy>.text-link{color:#c2dcff}
.home-page .about-brand>p>span{color:#b7c8e1}
.home-page .about-brand{padding:35px 0}
.home-page .about-logo{border-radius:0;overflow:visible}
.home-page .contact{padding-block:90px}
.home-page .qr-block{background:#f3f5f8;border-radius:24px;padding:28px 22px 24px;width:278px}
.home-page .qr-block img{width:190px;border-radius:7px;margin-bottom:18px}
@media(max-width:1050px){.home-page .service-grid{gap:16px}.home-page .service-card{min-height:284px}.home-page .selected-media{height:240px}.home-page .about-grid{gap:50px}}
@media(max-width:760px){.home-page .services{margin-top:12px;padding-block:58px}.home-page .service-grid{gap:12px}.home-page .service-card{min-height:0;padding:25px 26px;border-radius:17px}.home-page .service-card h3{margin-top:12px}.home-page #work{padding-block:62px}.home-page .selected-media{height:280px;border-radius:18px}.home-page .selected-grid{gap:42px}.home-page .approach{padding-block:0 55px}.home-page .about{width:calc(100% - 24px);margin-inline:12px;border-radius:22px;padding-block:48px}.home-page .about-grid{width:calc(100% - 48px)}.home-page .about-brand{padding:0 0 32px}.home-page .about-logo{width:220px;max-width:85%}.home-page .about-copy h2{font-size:32px}.home-page .about-copy>p:not(.eyebrow){font-size:16px}.home-page .contact{padding-block:62px}.home-page .qr-block{width:100%;padding:28px 20px 25px;margin-top:35px}.home-page .qr-block img{width:190px}}
@media(max-width:350px){.home-page .selected-media{height:240px}.home-page .about-copy h2{font-size:29px}}
@media(prefers-reduced-motion:reduce){.home-page .service-card{transition:none}.home-page .service-card:hover{transform:none}}


/* v17 home components. Same PingFang 400/600 roles; white hero and source metrics retained. */
.platform-strip{list-style:none;display:flex;justify-content:center;align-items:flex-start;gap:30px;margin:27px auto 0;padding:0}.platform-strip li{min-width:48px;display:flex;flex-direction:column;align-items:center;gap:9px}.platform-strip>li>img{height:24px;width:auto;object-fit:contain}.platform-strip>li>span{font-size:11px;color:#606975;line-height:1.5}.platform-pair{display:flex;gap:12px;align-items:center;height:24px}.platform-pair>img{width:auto;height:23px;object-fit:contain}.platform-pair>img:last-child{height:22px;max-width:122px}.platform-pair>span{color:#b9bec7;font-size:14px}.platform-strip+.hero-actions{margin-top:29px}
.home-page .selected-grid h3{font-size:26px;line-height:1.35;margin:0 0 11px;color:var(--navy)}.work-title{min-height:88px}.work-title>p{font-size:12px;line-height:1.8;color:#768092;margin-bottom:22px}.selected-grid .work-caption{font-size:12px;color:#6d7889;margin:19px 0 15px;line-height:1.7}.work-links{display:flex;gap:20px;flex-wrap:wrap}.home-page .editorial-mini img{margin-top:140px}.home-page .cooperation{padding-block:40px 80px}.cooperation-grid{display:grid;grid-template-columns:1fr 1fr;gap:44px}.cooperation-grid article{border-top:2px solid var(--navy);padding-top:26px}.cooperation-mode{font-size:12px;color:#6e7e95}.cooperation-grid h3{font-size:30px;line-height:1.4;margin-top:13px;color:var(--navy)}.cooperation-grid article>p:not(.cooperation-mode){font-size:16px;color:#657084;line-height:1.95;margin-top:22px}.cooperation-grid ul{list-style:none;padding:0;margin:25px 0;color:#657084;font-size:14px;line-height:1.9}.cooperation-grid li{padding-left:14px;position:relative;margin-top:9px}.cooperation-grid li:before{content:'·';position:absolute;left:0;color:var(--navy)}.cooperation-grid .text-link{font-size:14px}
@media(max-width:1000px){.home-page .selected-grid h3{font-size:23px}.work-title>p{font-size:11px}}
@media(max-width:760px){.platform-strip{display:grid;grid-template-columns:repeat(3,1fr);max-width:265px;gap:20px 18px;margin-top:25px}.platform-strip .xhs-suite{grid-column:1/-1;padding-bottom:1px}.platform-strip>li>span{font-size:10px}.platform-pair{gap:13px}.platform-strip+.hero-actions{margin-top:27px}.home-page .selected-grid h3{font-size:27px}.work-title{min-height:0}.work-title>p{font-size:13px;margin-bottom:23px}.selected-grid .work-caption{font-size:12px}.home-page .selected-grid{gap:45px}.home-page .cooperation{padding-block:15px 58px}.cooperation-grid{grid-template-columns:1fr;gap:38px}.cooperation-grid h3{font-size:28px}.cooperation-grid article>p:not(.cooperation-mode){font-size:15px}.cooperation-grid ul{font-size:13px}.work-links{gap:25px}}
@media(max-width:350px){.cooperation-grid h3{font-size:25px}.home-page .selected-grid h3{font-size:25px}}

/* v14 homepage brand story, after services and cooperation; original top hero unchanged. */
.home-page .brand-introduction{background:#faf8f3;padding-block:58px 38px}.brand-text{display:grid;grid-template-columns:1.1fr 1fr;gap:75px;align-items:center;margin-bottom:36px}.brand-poem{padding-left:24px;border-left:2px solid #b59555}.brand-poem blockquote{font-size:34px;font-weight:600;line-height:1.65;letter-spacing:-.025em;margin:0}.brand-poem>p{font-size:18px;color:var(--navy);margin-top:20px}.brand-company h2{font-size:28px;margin-bottom:20px}.brand-company>p{font-size:15px;color:#606975;line-height:1.9;margin-bottom:13px}.brand-company .text-link{display:inline-block;font-size:14px;margin-top:9px}.brand-introduction .company-landscape .art-window{height:170px}
@media(max-width:1050px){.brand-text{gap:40px}.brand-poem blockquote{font-size:29px}}
@media(max-width:760px){.home-page .brand-introduction{padding-block:40px 28px}.brand-text{grid-template-columns:1fr;gap:30px;margin-bottom:28px}.brand-poem{padding-left:18px}.brand-poem blockquote{font-size:26px}.brand-poem>p{font-size:16px;margin-top:14px}.brand-company h2{font-size:26px;margin-bottom:17px}.brand-company>p{font-size:14px}.brand-introduction .company-landscape .art-window{height:140px}}
@media(max-width:350px){.brand-poem blockquote{font-size:23px}}

/* Homepage strategy retains its accepted proportions. */
.home-page .home-growth{padding-bottom:85px}.home-growth .growth-cycle{margin-top:36px}.cycle-heading h2{font-size:32px;line-height:1.45;color:var(--navy)}
@media(max-width:760px){.home-page .home-growth{padding-bottom:58px}.home-growth .growth-cycle{margin-top:28px}.cycle-heading h2{font-size:25px}}
@media(max-width:350px){.cycle-heading h2{font-size:23px}}