/* The brand journal follows the service studies on the same white sheet. */
.brand-story{--story-blue:#253fd7;--story-ink:#262626;box-sizing:border-box;padding:36px 3.8% 80px;background:#fff;color:var(--story-ink);font-family:Manrope,'Source Han Sans SC','Noto Sans CJK SC','PingFang SC','Microsoft YaHei',Arial,sans-serif;scroll-margin-top:112px}
.brand-story *{box-sizing:border-box}
.brand-story-inner{border-top:1px solid #d6d6d6;padding-top:30px}
.brand-story-eyebrow{display:flex;align-items:center;gap:12px;margin:0 0 34px;font-size:11px;line-height:1.5;font-weight:500;letter-spacing:.1em}
.brand-story-eyebrow>span{width:6px;height:6px;flex:none;border-radius:50%;background:var(--story-blue)}
.brand-story-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,4vw,64px);align-items:start}
.brand-story-copy{min-width:0;padding-top:9px}
.brand-story-title{margin:0 0 35px;font-size:clamp(34px,4.7vw,78px);line-height:1.14;letter-spacing:-.05em;font-weight:500}
.brand-story-title>span{display:block}
.brand-story-title em{font-style:normal;text-decoration-line:underline;text-decoration-style:double;text-decoration-color:var(--story-blue);text-decoration-thickness:1px;text-underline-offset:12px;text-decoration-skip-ink:none}
.brand-story-prose{max-width:52ch;font-size:clamp(14px,1.2vw,20px);line-height:1.75;color:#555;letter-spacing:-.01em}
.brand-story-prose p{margin:0 0 22px}
.brand-story-more{display:inline-flex;align-items:center;gap:14px;min-height:44px;margin-top:6px;color:var(--story-ink);font-size:16px;font-weight:400;line-height:1.5;text-decoration:none}
.brand-story-more>span{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px}
.brand-story-more>.icon{color:var(--story-blue);font-size:20px;transition:transform .25s ease}
.brand-story-more:hover{color:var(--story-blue)}
.brand-story-more:hover>.icon{transform:translateX(3px)}
.brand-story-more:focus-visible{outline:2px solid var(--story-blue);outline-offset:6px}
.brand-story-journal{min-width:0;width:100%;max-width:680px;margin:0;justify-self:start;overflow:hidden}
.brand-story-journal img{display:block;width:112%;max-width:none;height:auto;margin:-6%;object-fit:contain}
html[lang="zh-CN"] .brand-story-title{font-size:clamp(34px,3.6vw,58px);line-height:1.3;letter-spacing:-.035em}
@media(min-width:1650px){.brand-story{padding-left:max(3.8%,calc((100vw - 1580px)/2));padding-right:max(3.8%,calc((100vw - 1580px)/2))}}
@media(max-width:1000px){.brand-story{padding-top:28px;padding-bottom:64px}.brand-story-grid{gap:28px}.brand-story-title{font-size:clamp(28px,3.8vw,39px);margin-bottom:28px}.brand-story-prose{font-size:14px;line-height:1.8}.brand-story-prose p{margin-bottom:18px}.brand-story-more{margin-top:2px;font-size:14px}}
@media(max-width:650px){.brand-story{padding:24px 6% 48px;scroll-margin-top:82px}.brand-story-inner{padding-top:25px}.brand-story-eyebrow{font-size:10px;margin-bottom:24px}.brand-story-grid{grid-template-columns:1fr;gap:24px}.brand-story-copy{padding-top:0}.brand-story-title{font-size:clamp(28px,7.7vw,42px);margin-bottom:30px}.brand-story-title em{text-underline-offset:9px}.brand-story-prose{max-width:48ch;font-size:14px;line-height:1.85}.brand-story-journal{max-width:460px;justify-self:center}html[lang="zh-CN"] .brand-story-title{font-size:clamp(32px,8.2vw,42px)}}
@media(prefers-reduced-motion:reduce){.brand-story-more>.icon{transition:none}}