.story-hero{margin-top:24px}.story-hero__panel{display:grid;grid-template-columns:54% 46%;min-height:500px;border-radius:var(--radius);overflow:hidden}.story-hero__copy{display:flex;flex-direction:column;justify-content:center;padding:64px 56px;background:var(--color-cream)}.story-hero__heading{margin:22px 0 32px;font-size:clamp(2.125rem,3.7vw,3.125rem);line-height:1.12}.story-hero__heading em{display:block}.story-hero__copy>*{opacity:0;transform:translateY(22px);animation:story-hero-in .9s var(--ease-out) forwards}.story-hero__copy>:nth-child(2){animation-delay:.1s}.story-hero__copy>:nth-child(3){animation-delay:.22s}@keyframes story-hero-in{to{opacity:1;transform:none}}.story-hero__cue{align-self:flex-start;min-height:40px;display:inline-flex;align-items:center;gap:12px;font-size:.8125rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.story-hero__cue i{width:38px;height:38px;border-radius:50%;border:1.5px solid var(--color-ink);display:flex;align-items:center;justify-content:center;font-style:normal;font-size:.9375rem;transition:background .3s,color .3s;animation:story-hero-bob 2.4s ease-in-out 1.2s infinite}.story-hero__cue:hover i{background:var(--color-ink);color:#fff}@keyframes story-hero-bob{50%{transform:translateY(4px)}}.story-hero__media{position:relative;min-height:300px;overflow:hidden}.story-hero__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;animation:story-hero-zoom 2.4s var(--ease-out) both;transition:transform 1.2s var(--ease-out)}.story-hero__panel:hover .story-hero__image{transform:scale(1.04)}.story-hero__image--placeholder{background:var(--color-sage)}@keyframes story-hero-zoom{0%{transform:scale(1.12)}to{transform:scale(1)}}@media(max-width:1024px){.story-hero__panel{grid-template-columns:1fr 1fr;min-height:440px}.story-hero__copy{padding:48px 36px}.story-hero__heading{font-size:clamp(1.875rem,4.2vw,2.5rem)}.story-hero__heading em{display:inline}}@media(max-width:768px){.story-hero__panel{grid-template-columns:1fr}.story-hero__media{order:-1;min-height:0;aspect-ratio:736 / 486}.story-hero__copy{padding:32px 24px 36px}.story-hero__heading{margin:16px 0 24px}}@media(max-width:560px){.story-hero__heading{font-size:clamp(1.875rem,8.6vw,2.25rem)}}@media(prefers-reduced-motion:reduce){.story-hero__copy>*{opacity:1;transform:none}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/section-story-hero.css.map */