.brand-story-page{--about-bg:#ffffff;--about-bg-soft:#fafafa;--about-ink:#18181b;--about-ink-2:#3f3f46;--about-ink-3:#71717a;--about-rule:#e4e4e7;--about-accent:#14532d;--about-link:#444444;--about-cta:#37352f;--about-cta-hover:#2a2926;--about-shell:1000px;--about-text:680px;--about-gutter:16px;min-height:100vh;background:var(--about-bg);color:var(--about-ink);font-family:Noto Sans TC,Inter,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}@media (min-width:768px){.brand-story-page{--about-gutter:24px}}.story-shell{width:100%;max-width:calc(var(--about-shell) + var(--about-gutter) * 2);margin:0 auto;padding-inline:var(--about-gutter)}.story-hero{padding:72px 0 56px;border-bottom:1px solid var(--about-rule)}.story-hero-inner{display:grid;grid-template-columns:minmax(0,1fr);gap:40px;align-items:start}@media (min-width:900px){.story-hero{padding:104px 0 72px}.story-hero-inner{grid-template-columns:minmax(0,1fr) 300px;gap:64px}}.story-eyebrow{margin:0 0 20px;color:var(--about-accent);font-size:.75rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase}.story-hero-title{margin:0 0 24px;font-size:clamp(2.2rem,5.4vw,3.6rem);font-weight:700;line-height:1.16;letter-spacing:-.02em;text-wrap:balance}.story-hero-intro p{margin:0 0 14px;color:var(--about-ink-2);font-size:1.0625rem;line-height:1.85}.story-hero-intro p:last-child{margin-bottom:0}.story-hero-cta{display:inline-flex;align-items:center;gap:8px;margin-top:28px;padding:11px 20px;border-radius:8px;background:var(--about-cta);color:#fff;font-size:.9375rem;font-weight:600;text-decoration:none;transition:background .15s ease}.story-hero-cta:hover{background:var(--about-cta-hover)}.story-chart{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);gap:1px;background:var(--about-rule);aspect-ratio:1;width:min(300px,100%);border:1px solid var(--about-ink);border-radius:8px;overflow:hidden}.story-chart-cell{display:flex;align-items:flex-end;justify-content:flex-end;padding:8px 10px;background:var(--about-bg);color:var(--about-ink-3);font-size:.8125rem;font-weight:500;letter-spacing:.04em}.story-chart-center{grid-column:2/4;grid-row:2/4;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:12px;background:var(--about-bg-soft);color:var(--about-ink-2);text-align:center}.story-chart-center strong{font-size:.875rem;font-weight:700;color:var(--about-ink)}.story-chart-center span{font-size:.75rem;line-height:1.6;color:var(--about-ink-3)}.story-chart-caption{margin:12px 0 0;color:var(--about-ink-3);font-size:.75rem;line-height:1.7}@media (max-width:899px){.story-hero-visual{display:flex;flex-direction:column;align-items:center}.story-chart-caption{max-width:34em;text-align:center}}.story-highlights{padding:24px 0;border-bottom:1px solid var(--about-rule)}.story-highlight-row{display:flex;flex-wrap:wrap;gap:10px 28px;color:var(--about-ink-2);font-size:.875rem}.story-highlight-row span{display:inline-flex;align-items:center;gap:7px}.story-highlight-row svg{color:var(--about-accent);flex-shrink:0}.story-chapter{padding:44px 0;border-bottom:1px solid var(--about-rule)}.story-chapter-head{display:flex;align-items:baseline;gap:14px;margin-bottom:16px}.story-chapter-num{flex-shrink:0;color:var(--about-accent);font-size:.75rem;font-weight:600;letter-spacing:.1em;font-variant-numeric:tabular-nums}.story-chapter-head h2{margin:0;font-size:clamp(1.3rem,2.4vw,1.7rem);font-weight:700;line-height:1.35;letter-spacing:-.01em}.story-chapter-text p{margin:0 0 16px;max-width:var(--about-text);color:var(--about-ink-2);font-size:1.0625rem;line-height:1.9}.story-chapter-text p:last-child{margin-bottom:0}.story-feature-list{margin:20px 0 0;padding:0;list-style:none;display:grid;gap:10px}@media (min-width:640px){.story-feature-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 24px}}.story-feature-list li{position:relative;padding-left:18px;color:var(--about-ink-2);font-size:.9375rem;line-height:1.7}.story-feature-list li:before{content:"";position:absolute;left:0;top:.72em;width:6px;height:1px;background:var(--about-accent)}.story-author{padding:44px 0;border-bottom:1px solid var(--about-rule);scroll-margin-top:88px}.story-author h2{margin:0 0 20px;font-size:clamp(1.3rem,2.4vw,1.7rem);font-weight:700;letter-spacing:-.01em}.story-author-name{margin:0 0 4px;font-size:1.125rem;font-weight:700}.story-author-role{margin:0 0 14px;color:var(--about-accent);font-size:.75rem;font-weight:600;letter-spacing:.1em}.story-author-bio{margin:0;max-width:var(--about-text);color:var(--about-ink-2);font-size:1rem;line-height:1.9}.story-services-section{padding:44px 0;border-bottom:1px solid var(--about-rule)}.story-services-section h2{margin:0 0 8px;font-size:clamp(1.3rem,2.4vw,1.7rem);font-weight:700;letter-spacing:-.01em}.story-services{display:grid}.story-service-item{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0;border-bottom:1px solid var(--about-rule);color:inherit;text-decoration:none;transition:padding-left .15s ease}.story-service-item:last-child{border-bottom:0}.story-service-item:hover{padding-left:6px}.story-service-info{display:flex;flex-direction:column;gap:3px;min-width:0}.story-service-title{font-size:1rem;font-weight:600}.story-service-desc{color:var(--about-ink-3);font-size:.875rem;line-height:1.6}.story-service-arrow{flex-shrink:0;color:var(--about-ink-3)}.story-service-item:hover .story-service-arrow{color:var(--about-link)}.story-quote{padding:56px 0 88px}.story-quote blockquote{margin:0 0 12px;max-width:24em;font-size:clamp(1.2rem,2.4vw,1.5rem);font-weight:600;line-height:1.6;letter-spacing:-.01em}.story-quote cite{color:var(--about-ink-3);font-size:.75rem;font-style:normal;font-weight:600;letter-spacing:.12em}@media (prefers-reduced-motion:reduce){.story-hero-cta,.story-service-item{transition:none}}