.btoc-home-hero--story { --btoc-journey-bg: #40164c; min-height: 100vh; padding: 56px 0 56px; display: flex; align-items: center; background: var(--btoc-journey-bg); color: #fff; font-family: 'Open Sans', system-ui, sans-serif; }
.btoc-home-hero--story::after { display: none; }
.btoc-home-hero--story .btoc-home__wrap { display: grid; gap: 18px; }
.btoc-home-hero__head { text-align: center; margin: 0 auto; }
.btoc-home-hero--story .btoc-home__eyebrow { justify-content: center; line-height: 1.5; }
.btoc-home-hero--story .btoc-home-hero__title { font-size: clamp(1.9rem,3.6vw,3.1rem); max-width: none; margin: 0 auto; }
.btoc-home-hero--story .btoc-home-hero__lede { margin: 20px auto 0; }
.btoc-home-hero__art { width: 100%; min-width: 0; }
.btoc-home-hero__line { display: block; width: 100%; height: auto; max-height: 60vh; overflow: visible; }
.btoc-home-hero__line .b-logo { filter: drop-shadow(0 6px 18px rgb(0 0 0 / 35%)); }
.btoc-home-hero__caption { text-align: center; margin: 2px 0 0; font-size: clamp(1.05rem,1.9vw,1.45rem); line-height: 1.6; color: #e7d4ee; }
.btoc-home-hero__caption span { display: inline-block; margin: 0 .35em; }
.btoc-home-hero__caption .cap-ab strong { color: #6ebf42; }
.btoc-home-hero__caption .cap-bc { color: #fff; font-weight: 700; }
.btoc-home-hero__caption .cap-bc strong { color: #ffb686; }
.btoc-home-hero__foot { display: grid; gap: 26px; justify-items: center; margin-top: 6px; }
.btoc-home-hero--story .btoc-home-hero__cta, .btoc-home-hero--story .btoc-home-hero__facts { margin-top: 0; justify-content: center; }
.btoc-home-hero__button { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 14px 26px; border-radius: 999px; font-size: .98rem; font-weight: 700; line-height: 1.5; text-align: center; text-decoration: none; transition: transform .2s; }
.btoc-home-hero__button--primary { background: #e6318a; color: #fff; }
.btoc-home-hero__button--secondary { background: #fff; color: #40164c; }
.btoc-home-hero__button--primary:hover { color: #fff; }
.btoc-home-hero__button--secondary:hover { color: #40164c; }
.btoc-home-hero__button:hover { transform: translateY(-2px); }
.btoc-home-hero__button::after { content: '→'; margin-inline-start: 10px; }
.btoc-home-hero__button:focus-visible { outline: 3px solid #ffb686; outline-offset: 4px; }
.btoc-home-hero--story .reveal { opacity: 1; transform: none; }
.btoc-home-hero--story.is-animating .draw { fill-opacity: 1; }
.btoc-home-hero--story.is-animating .pt, .btoc-home-hero--story.is-animating .lbl { opacity: 0; }
.btoc-home-hero--story.is-animating .pt.on, .btoc-home-hero--story.is-animating .lbl.on { opacity: 1; }
.btoc-home-hero--story.is-animating .btoc-home-hero__caption span { opacity: 0; }
.btoc-home-hero--story.is-animating .btoc-home-hero__caption span.on { opacity: 1; transition: opacity .6s; }
@media (max-width: 820px) { .btoc-home-hero--story { padding-top: 104px; min-height: 0; } .btoc-home-hero__line { max-height: 38vh; } .btoc-home-hero__caption span { display: block; margin: .15em 0; } }
@media (max-width: 660px) { .btoc-home-hero--story .btoc-home-hero__facts { gap: 22px; } .btoc-home-hero--story .fact { flex: 1 1 100%; } }