.on-kith-hero--graphic{--on-graphic-navigation-height: 72px;--on-kith-paper: #f4f0e7;aspect-ratio:auto;height:clamp(360px,30vw,480px);min-height:0;max-height:none}.on-kith-hero--graphic .on-kith-hero__image{object-fit:cover;object-position:center;transform:none}.on-graphic-header__nav-backdrop{position:absolute;inset:0 0 auto;height:var(--on-graphic-navigation-height);background:#111}.on-graphic-header__content{position:absolute;inset:var(--on-graphic-navigation-height) 0 0;z-index:2;display:grid;place-items:center;padding:24px;color:#111;pointer-events:none}.on-graphic-header__copy{width:min(43%,620px);margin:0 auto;text-align:center}.on-graphic-header__brand{margin:0;font-family:"Bodoni 72",Didot,Georgia,serif;font-size:clamp(24px,2.4vw,36px);font-weight:400;line-height:1.2;letter-spacing:.16em;text-transform:uppercase;white-space:nowrap}.on-graphic-header__rule{display:block;width:60px;height:3px;margin:28px auto 18px;background:#5b171b}.on-graphic-header__title{margin:0 0 8px;font-family:var(--font-body-family, Arial, Helvetica, sans-serif);font-size:clamp(20px,1.6vw,26px);font-weight:500;line-height:1.25;letter-spacing:.2em;text-transform:uppercase;overflow-wrap:break-word;text-wrap:balance}.on-graphic-header__description{max-width:440px;margin:0 auto;font-family:var(--font-body-family, Arial, Helvetica, sans-serif);font-size:clamp(14px,1.1vw,18px);font-weight:400;line-height:1.5;letter-spacing:0;text-wrap:balance}@media(min-width:750px)and (max-height:650px){.on-graphic-header__brand{font-size:24px}.on-graphic-header__rule{margin:24px auto 18px}.on-graphic-header__title{font-size:22px}.on-graphic-header__description{font-size:14px}}@media(max-width:749px){.on-kith-hero--graphic{--on-graphic-navigation-height: 59px;aspect-ratio:auto;min-height:250px;height:auto;max-height:none}.on-graphic-header__content{position:relative;inset:auto;min-height:250px;padding:71px 16px 12px}.on-graphic-header__copy{width:min(64%,320px);padding:0}.on-graphic-header__brand{font-size:16px;letter-spacing:.12em}.on-graphic-header__rule{width:36px;height:2px;margin:12px auto 10px}.on-graphic-header__title{margin-bottom:6px;font-size:16px;letter-spacing:.12em}.on-graphic-header__description{max-width:175px;font-size:12px;line-height:1.45}}.on-kith-hero--banner-only .on-graphic-header__content{top:0;right:0;bottom:0;left:0}.on-kith-hero--banner-only{height:calc(clamp(360px,30vw,480px) - 59px)}@media(max-width:749px){.on-kith-hero--banner-only,.on-kith-hero--banner-only .on-graphic-header__content{height:auto;min-height:191px}.on-kith-hero--banner-only .on-graphic-header__content{padding:12px 16px}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/ombre-category-graphic-header.css.map */