.bn-method-hero__grid{display:flex;flex-direction:column}.bn-method-hero__text-top{order:1}.bn-method-hero__media{order:2;margin-top:2.4rem}.bn-method-hero__text-bottom{order:3;margin-top:2.4rem}.bn-method-hero__media-inner{border-radius:16px;overflow:hidden;aspect-ratio:4 / 5}.bn-method-hero__media--ratio-1-1 .bn-method-hero__media-inner{aspect-ratio:1 / 1}.bn-method-hero__media--ratio-16-9 .bn-method-hero__media-inner{aspect-ratio:16 / 9}.bn-method-hero__media-inner img,.bn-method-hero__media-inner video{width:100%;height:100%;object-fit:cover;display:block}.bn-method-hero__placeholder{background:#f0efed;width:100%;height:100%;min-height:40rem}.bn-method-hero__eyebrow{display:block;font-family:var(--font-body-family);font-size:var(--bn-eyebrow-size);font-weight:600;letter-spacing:.12em;text-transform:uppercase;opacity:.55;margin-bottom:1.6rem}.bn-method-hero__heading{font-family:var(--font-body-family);font-size:var(--bn-heading-size);font-weight:700;line-height:1.05;letter-spacing:-.02em;margin:0 0 2rem}.bn-method-hero__subheadline{font-family:var(--font-body-family);font-size:var(--bn-subheadline-size);font-weight:400;line-height:1.4;opacity:.7;margin:0}.bn-method-hero__body{font-family:var(--font-body-family);font-size:var(--bn-body-size);line-height:1.7;max-width:52ch;opacity:.75;margin:0 0 2.8rem}.bn-method-hero__links{display:flex;flex-wrap:wrap;align-items:baseline;gap:.8rem 2.4rem}.bn-method-hero__link{font-family:var(--font-body-family);font-size:var(--bn-link-size);font-weight:500;color:currentColor;text-decoration:underline;text-underline-offset:.22em;text-decoration-thickness:1px;transition:opacity .15s ease}.bn-method-hero__link:hover{opacity:.6}.bn-method-hero__link--secondary{opacity:.5;font-weight:400}.bn-method-hero__link--secondary:hover{opacity:.35}@media screen and (min-width:750px){.bn-method-hero__grid{display:grid;grid-template-columns:45fr 55fr;grid-template-areas:"text-top  media" "text-btm  media";grid-template-rows:auto 1fr;column-gap:5.6rem;align-items:start}.bn-method-hero__grid--media-left{grid-template-columns:55fr 45fr;grid-template-areas:"media  text-top" "media  text-btm"}.bn-method-hero__text-top{grid-area:text-top;order:unset}.bn-method-hero__media{grid-area:media;order:unset;margin-top:0}.bn-method-hero__text-bottom{grid-area:text-btm;order:unset;margin-top:0;align-self:end;padding-bottom:.4rem}.bn-method-hero__heading{margin-bottom:2.4rem}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/bn-method-hero.css.map */