.jf-universal-hero{background:var(--jf-hero-bg);color:var(--jf-hero-ink);padding:var(--jf-hero-padding-top,0px) var(--gutter,clamp(16px,4vw,56px)) var(--jf-hero-padding-bottom,0px);}
.jf-universal-hero *{box-sizing:border-box}
.jf-universal-hero__grid{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:clamp(28px,6vw,90px);align-items:center;max-width:var(--max,var(--narrow-page-width,90rem));margin:0 auto}
.jf-universal-hero__copy{min-width:0;display:grid;justify-items:start;gap:20px}
.jf-universal-hero__eyebrow{display:flex;align-items:center;gap:12px;margin:0;color:var(--jf-hero-accent);font-size:.77rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase}
.jf-universal-hero__eyebrow:before{content:"";display:block;flex:0 0 26px;width:26px;height:2px;background:currentColor}
.jf-universal-hero__title{margin:0;font-family:var(--font-heading-family,Georgia),Georgia,serif;font-size:clamp(3.5rem,7vw,8rem);line-height:1.03;letter-spacing:-.045em;text-transform:uppercase}
.jf-universal-hero__subtext{max-width:38rem;color:var(--jf-hero-muted);font-size:clamp(1.1rem,1.8vw,1.5rem);line-height:1.5}
.jf-universal-hero__subtext p{margin:0}
.jf-universal-hero__subtext p+p{margin-top:12px}
.jf-universal-hero__buttons{display:flex;flex-wrap:wrap;gap:12px;margin-top:10px}
.jf-universal-hero__button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:12px 22px;border:1px solid var(--jf-hero-ink);border-radius:100px;background:var(--jf-hero-ink);color:#fff;text-decoration:none;font-weight:700;line-height:1.3}
.jf-universal-hero__button--secondary,.jf-universal-hero__button--instagram,.jf-universal-hero__button--tiktok{background:transparent;color:var(--jf-hero-ink)}
.jf-universal-hero__button svg{width:20px;height:20px;flex:none}
.jf-universal-hero__button:hover .jf-arrow-icon{transform:translateX(4px)}
.jf-universal-hero__button:focus-visible{outline:2px solid currentColor;outline-offset:4px}
.jf-universal-hero__media{width:100%;aspect-ratio:3/4;min-width:0}
.jf-universal-hero__media img{display:block;width:100%;height:100%;object-fit:cover;border-radius:16px}
.jf-universal-hero__media--empty{visibility:hidden;aspect-ratio:auto;height:0}
@media(max-width:749px){.jf-universal-hero__grid{grid-template-columns:minmax(0,1fr)}.jf-universal-hero__media{max-width:520px}.jf-universal-hero__media--mobile-landscape{aspect-ratio:16/9}.jf-universal-hero__media--empty{display:none}.jf-universal-hero__title{font-size:clamp(3rem,12vw,5.5rem)}}

@media(max-width:749px){.jf-event-product-hero{padding-bottom:32px}}