.joffz-collection-hero{overflow:hidden;background:rgb(var(--color-background));color:rgb(var(--color-foreground));}
.joffz-collection-hero .collection-banner__wrapper{min-height:360px;display:flex;align-items:center;justify-content:center;padding-block:48px;gap:40px;}
.joffz-collection-hero .collection-banner__text,.joffz-collection-hero .collection-banner__text-center{max-width:760px;min-width:0;}
.joffz-collection-hero .collection-banner__text-center{text-align:center;margin-inline:auto;}
.joffz-collection-hero .collection-banner__title{margin:0;font-size:clamp(36px,3.4vw,52px);line-height:1.12;letter-spacing:-.025em;overflow-wrap:break-word;}
.joffz-collection-hero .collection-banner__desc{max-width:650px;margin:20px auto 0;font-size:17px;line-height:1.65;}
.joffz-collection-hero .joffz-collection-hero--image{display:grid;grid-template-columns:1fr 1fr;min-height:400px;padding-block:28px;}
.joffz-collection-hero .collection-banner__img{position:relative;min-width:0;height:344px;}
.joffz-collection-hero .collection-banner__img img{display:block;width:100%;height:100%;object-fit:contain;}
.joffz-collection-hero.joffz-collection-hero--title-only .collection-banner__wrapper{min-height:0;padding-block:24px;}
@media(max-width:749px){.joffz-collection-hero .collection-banner__wrapper{min-height:260px;padding-block:32px;gap:24px;}.joffz-collection-hero .collection-banner__title{font-size:34px;line-height:1.15;}.joffz-collection-hero .collection-banner__desc{font-size:15px;line-height:1.55;margin-top:16px;}.joffz-collection-hero .joffz-collection-hero--image{grid-template-columns:1fr;}.joffz-collection-hero .collection-banner__img{height:180px;}}