.brand-hero{display:grid;grid-template-columns:1fr;gap:4rem;align-items:center;padding-top:4.8rem;padding-bottom:4.8rem}@media screen and (min-width:990px){.brand-hero{grid-template-columns:1.05fr 1fr;gap:6.4rem;padding-top:7.2rem;padding-bottom:6.4rem}}@keyframes brand-fade-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.brand-hero__content{animation:brand-fade-up .7s ease both}@media(prefers-reduced-motion:reduce){.brand-hero__content{animation:none}}.brand-hero__kicker{margin:0 0 2rem}.brand-hero__heading{font-size:4rem;font-weight:500;line-height:1.08;margin:0 0 2.2rem;text-wrap:balance}@media screen and (min-width:990px){.brand-hero__heading{font-size:6.2rem}}.brand-hero__text{font-size:1.7rem;color:var(--brand-muted);max-width:44rem;margin:0 0 3.4rem}.brand-hero__buttons{display:flex;gap:1.4rem;align-items:center;flex-wrap:wrap}.brand-hero__media-wrap{position:relative}.brand-hero__backplate{position:absolute;inset-block-start:2.4rem;inset-block-end:-2.4rem;inset-inline-start:2.4rem;inset-inline-end:-2.4rem;background:var(--brand-sage);border-radius:200px 200px 24px 24px}.brand-hero__frame{position:relative;height:38rem;border-radius:200px 200px 20px 20px;overflow:hidden;box-shadow:0 24px 50px -24px #26331f73;animation:brand-hero-reveal 1s cubic-bezier(.22,.61,.36,1) both}@media screen and (min-width:990px){.brand-hero__frame{height:52rem}}.brand-hero__media{display:block;width:100%;height:100%;object-fit:cover}.brand-hero__media--placeholder{height:38rem;border-radius:200px 200px 20px 20px;background:var(--brand-sage)}@media screen and (min-width:990px){.brand-hero__media--placeholder{height:52rem}}.brand-hero__frame .brand-hero__media{transform-origin:60% 40%;animation:brand-hero-kenburns 26s ease-in-out infinite alternate;will-change:transform}@keyframes brand-hero-reveal{0%{opacity:0;transform:translateY(18px) scale(1.02);clip-path:inset(0 0 8% 0 round 200px 200px 20px 20px)}to{opacity:1;transform:none;clip-path:inset(0 0 0 0 round 200px 200px 20px 20px)}}@keyframes brand-hero-kenburns{0%{transform:scale(1)}to{transform:scale(1.07)}}@media(prefers-reduced-motion:reduce){.brand-hero__frame,.brand-hero__frame .brand-hero__media{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-brand-hero.css.map */