/* Scoped story typography preserves the storefront theme and readable contrast. */
.brand-story{color:#eeece2;background:#101411}
.brand-story .wrap{max-width:1180px}
.brand-story .eyebrow{color:#cbb98d;font-size:12px;line-height:1.7;letter-spacing:.18em}
.brand-story .story-intro{padding:80px 0 64px;border-bottom:1px solid #ffffff30}
.brand-story h1{font:750 clamp(52px,8vw,100px)/1.02 Arial,sans-serif;letter-spacing:-.045em;margin:18px 0 30px;color:#eeece2}
.brand-story .story-lead{max-width:770px;font-size:clamp(19px,2vw,24px);line-height:1.65;color:#d0d2c8}
.brand-story .story-chapter{display:grid;grid-template-columns:1fr 2fr;gap:48px;padding:60px 0;border-bottom:1px solid #ffffff25}
.brand-story h2{font:700 clamp(28px,3.2vw,44px)/1.15 Arial,sans-serif;letter-spacing:-.025em;margin:0 0 25px;color:#eeece2}
.brand-story .story-chapter p:not(.eyebrow){font-size:18px;line-height:1.8;color:#cbd0c4;margin:0 0 20px;max-width:740px}
.brand-story .story-link{display:inline-block;color:#e0c99a;font-weight:700;text-underline-offset:7px;margin-top:10px}
.brand-story .story-manifesto{padding:54px 0 0}
.brand-story .story-manifesto p{font-size:clamp(17px,2.4vw,27px);line-height:1.6;color:#cbd0c4}
.brand-story .story-manifesto strong{color:#eeece2}
.brand-story .page-tile span{color:#cbd0c4}
.brand-story .page-tile strong{color:#eeece2;font-family:Arial,sans-serif;font-weight:700;font-size:clamp(26px,3vw,38px)}
@media(max-width:760px){.brand-story .wrap{width:calc(100% - 40px)}.brand-story .story-intro{padding:45px 0 35px}.brand-story .story-chapter{grid-template-columns:1fr;gap:14px;padding:34px 0}.brand-story .story-chapter .eyebrow{margin:0}.brand-story .story-chapter p:not(.eyebrow){font-size:17px}.brand-story .story-manifesto{padding-top:30px}.brand-story .page-links{padding-top:24px}.brand-story .page-tile{padding:24px}}