.hero-split{--jj-accent: #de7d39;--jj-ink: #33313b;display:grid;grid-template-columns:1fr}@media screen and (min-width:900px){.hero-split{grid-template-columns:minmax(0,2fr) minmax(0,3fr);min-height:var(--hero-min-height, 560px)}}.hero-split__copy{display:flex;flex-direction:column;justify-content:center;gap:1.25rem;padding:clamp(2rem,6vw,4.5rem) clamp(1.25rem,5vw,4rem);background:#f6f4f1}.hero-split__eyebrow{margin:0;font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:var(--jj-accent)}.hero-split__heading{margin:0;font-size:clamp(2rem,4vw,3.4rem);line-height:1.08;font-weight:400;max-width:16ch}.hero-split__body>*{margin:0;max-width:44ch;opacity:.8}.hero-split__actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-block-start:.5rem}.hero-split__button{display:inline-block;padding:.85rem 1.75rem;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;border:1px solid var(--jj-accent);transition:background .2s var(--animation-easing, ease),color .2s var(--animation-easing, ease)}.hero-split__button--primary{background:var(--jj-accent);color:#fff}.hero-split__button--primary:hover{background:#c96e30;border-color:#c96e30}.hero-split__button--secondary{color:var(--jj-accent);background:transparent}.hero-split__button--secondary:hover{background:var(--jj-accent);color:#fff}.hero-split__media{position:relative;min-height:60vw;overflow:hidden;background:var(--jj-ink)}@media screen and (min-width:900px){.hero-split__media{min-height:0}}.hero-split__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.hero-split__image--placeholder{opacity:.35}.hero-split__overlay{position:absolute;inset-inline-start:0;inset-block-end:0;padding:clamp(1.5rem,4vw,3rem);inset-inline-end:0;color:#fff;background:linear-gradient(to top,#33313bbf,#33313b00)}.hero-split__overlay-heading{margin:0;font-family:var(--font-heading--family);font-size:clamp(1.5rem,2.6vw,2.3rem);line-height:1.12;text-transform:uppercase;letter-spacing:.06em;max-width:22ch;overflow-wrap:normal;word-break:normal;-webkit-hyphens:none;hyphens:none}.hero-split__overlay-text{margin:.6rem 0 0;font-size:.9rem;opacity:.9}@media(prefers-reduced-motion:reduce){.hero-split__button{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/hero-split.css.map */