.kh-campaign-pair{--kh-campaign-ink:#242321;display:grid;gap:28px;color:var(--kh-campaign-ink);font-family:Tajawal,sans-serif}.kh-campaign-banner{position:relative;isolation:isolate;display:block;overflow:hidden;min-height:280px;color:inherit;text-decoration:none;background:var(--kh-campaign-paper)}.kh-campaign-banner:focus-visible{outline:3px solid #987758;outline-offset:5px}.kh-campaign-photo{position:absolute;inset-block:0;overflow:hidden;z-index:-1}.kh-campaign-photo img{display:block;width:100%;height:100%;transition:transform .7s cubic-bezier(.2,.65,.3,1)}.kh-campaign-photo:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.kh-campaign-copy{position:relative;min-height:280px;display:flex;flex-direction:column;justify-content:center;padding:20px 34px}.kh-campaign-eyebrow{font-size:10px;font-weight:700;letter-spacing:.08em;line-height:1.8;margin:0 0 10px;color:#6d6258}.kh-campaign-copy h2{font-size:clamp(27px,2.8vw,34px);font-weight:700;line-height:1.24;letter-spacing:-.5px;margin:0 0 12px}.kh-campaign-copy h2 em{font-style:normal;font-weight:500}.kh-campaign-description{font-size:13px;line-height:1.75;margin:0;max-width:360px;color:#544f49}.kh-campaign-cta{display:flex;align-items:center;gap:20px;align-self:flex-start;margin-top:12px;min-height:44px;border-bottom:1px solid currentColor;font-size:12px;font-weight:700;line-height:1.6}.kh-campaign-cta span{display:inline-block;transition:transform .25s}.kh-campaign-banner:hover .kh-campaign-cta span{transform:translate(-4px)}.kh-campaign-jbc{--kh-campaign-paper:#d3d3d1}.kh-campaign-jbc .kh-campaign-photo{left:0;width:min(65%,498px)}.kh-campaign-jbc .kh-campaign-photo img{object-fit:cover;object-position:left center}.kh-campaign-jbc .kh-campaign-photo:after{background:linear-gradient(90deg,transparent 0%,transparent 83%,var(--kh-campaign-paper) 100%)}.kh-campaign-jbc .kh-campaign-copy{width:45%;margin-left:auto;text-align:right;padding-inline-start:22px}.kh-campaign-jbc .kh-campaign-copy h2 em{color:#7d2824}.kh-campaign-hair{--kh-campaign-paper:#f0e9df}.kh-campaign-hair .kh-campaign-photo{right:0;width:40%}.kh-campaign-hair .kh-campaign-photo img{object-fit:cover;object-position:right 5%}.kh-campaign-hair .kh-campaign-photo:after{background:linear-gradient(90deg,var(--kh-campaign-paper) 0%,rgba(240,233,223,.75) 9%,transparent 27%,transparent 100%)}.kh-campaign-hair .kh-campaign-copy{width:48%;margin-right:auto;text-align:right;padding-inline-end:24px}html[dir=ltr] .kh-campaign-copy,.kmt-home[dir=ltr] .kh-campaign-copy{text-align:left}.kmt-home .kh-campaign-section{padding-top:44px}.kh-campaign-hair .kh-campaign-copy h2 em{color:#8b6d50}@media(max-width:900px)and (min-width:701px){.kh-campaign-copy{padding:20px 24px}.kh-campaign-copy h2{font-size:28px}.kh-campaign-jbc .kh-campaign-copy{width:44%}.kh-campaign-description{font-size:12px}.kh-campaign-cta{font-size:12px;gap:14px}}@media(max-width:700px){.kh-campaign-pair{gap:22px}.kh-campaign-banner{min-height:230px}.kh-campaign-jbc .kh-campaign-photo{width:63%;height:100%}.kh-campaign-jbc .kh-campaign-photo img{position:absolute;top:0;left:40%;width:auto;max-width:none;height:100%;transform:translate(-40%);object-fit:cover}.kh-campaign-jbc .kh-campaign-photo:after{background:linear-gradient(90deg,transparent 0%,transparent 93%,var(--kh-campaign-paper) 100%)}.kh-campaign-hair .kh-campaign-photo{width:53%;height:100%}.kh-campaign-hair .kh-campaign-photo img{object-position:right top}.kh-campaign-banner .kh-campaign-copy{min-height:230px;padding:18px 14px}.kh-campaign-jbc .kh-campaign-copy{width:43%}.kh-campaign-hair .kh-campaign-copy{width:47%}.kh-campaign-eyebrow{font-size:9px;margin-bottom:12px;letter-spacing:0}.kh-campaign-copy h2{font-size:21px;line-height:1.3;margin-bottom:8px}.kh-campaign-description{display:none}.kh-campaign-cta{margin-top:14px;font-size:10px;gap:10px}}@media(prefers-reduced-motion:reduce){.kh-campaign-photo img,.kh-campaign-cta span{transition:none}}@media(max-width:370px){.kh-campaign-copy h2{font-size:21px}.kh-campaign-banner .kh-campaign-copy{padding-inline:12px}}.kh-campaign-eyebrow{font-size:12px}.kh-campaign-description{font-size:15px}.kh-campaign-cta{font-size:14px;min-height:44px}@media(max-width:700px){.kh-campaign-eyebrow{font-size:12px;line-height:1.6;overflow-wrap:break-word}.kh-campaign-cta{font-size:13px;line-height:1.6;min-height:44px;gap:8px}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/kmt-campaign-banners.css.map */