.kamal-hero{--kamal-hero-bg: var(--kamal-beige);--kamal-hero-py: 56px;display:grid;grid-template-columns:1fr;background-color:var(--kamal-hero-bg);color:var(--kamal-ink);overflow:hidden}.kamal-hero--bg-black{--kamal-hero-bg: #0d0c0b}.kamal-hero--bg-white{--kamal-hero-bg: var(--kamal-white)}.kamal-hero--bg-sand{--kamal-hero-bg: var(--kamal-sand-soft)}.kamal-hero__content{display:flex;align-items:center;padding:var(--kamal-hero-py) var(--kamal-gutter);background-image:linear-gradient(120deg,color-mix(in srgb,var(--kamal-hero-bg) 100%,white 0%),color-mix(in srgb,var(--kamal-hero-bg) 82%,var(--kamal-sand) 18%))}.kamal-hero__content-inner{width:100%;max-width:52rem;margin-inline:auto}.kamal-hero__mark{width:3.2rem;height:3.2rem;margin-bottom:.8rem;color:var(--kamal-tan);stroke-width:1.2}.kamal-hero__title{display:grid;width:fit-content;gap:.6rem;margin:0 0 2rem;line-height:1}.kamal-hero__title-name{font-family:var(--kamal-font-heading);font-size:clamp(5.2rem,11vw,9rem);font-weight:400;letter-spacing:-.01em;color:var(--kamal-ink)}.kamal-hero__title-name--logo{display:block;line-height:0}.kamal-hero__title-name--logo img{display:block;width:auto;height:clamp(5rem,13vw,8.4rem);filter:brightness(0)}.kamal-hero--bg-black .kamal-hero__title-name--logo img{filter:none}@media screen and (max-width:989px){.kamal-hero__title-name--logo img{margin-inline:auto}}.kamal-hero__title-sub{font-family:var(--kamal-font-body);font-size:clamp(1.2rem,2.2vw,1.7rem);font-weight:500;letter-spacing:var(--kamal-tracking-wordmark);text-transform:uppercase;color:var(--kamal-ink-soft);font-style:italic;justify-self:end}.kamal-hero__tagline{margin:0 0 1.8rem;font-family:var(--kamal-font-heading);font-size:clamp(1.7rem,3vw,2.2rem);font-style:italic;font-weight:400;color:var(--kamal-ink);white-space:pre-wrap}.kamal-hero__description{margin:0 0 3rem;max-width:42rem;font-family:var(--kamal-font-body);font-size:1.5rem;line-height:1.75;color:var(--kamal-ink-soft)}.kamal-hero__description>p{margin:0 0 .8rem}.kamal-hero__description>p:last-child{margin-bottom:0}.kamal-hero__buttons{display:flex;flex-wrap:wrap;gap:1.2rem}.kamal-hero__media{position:relative;isolation:isolate;overflow:hidden;min-height:42rem;aspect-ratio:4 / 5}.kamal-hero__image{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center 22%}.kamal-hero__image--placeholder{background-color:var(--kamal-sand-soft);fill:color-mix(in srgb,var(--kamal-tan) 55%,white 45%)}.kamal-hero__scroll-wrap{display:block;position:relative;width:100%;height:100%}.kamal-hero__scroll{display:flex;width:100%;height:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.kamal-hero__scroll::-webkit-scrollbar{display:none}.kamal-hero__slide{position:relative;flex:0 0 100%;width:100%;height:100%;scroll-snap-align:start;scroll-snap-stop:always}.kamal-hero__dots{position:absolute;inset-inline:0;bottom:clamp(1.4rem,3vw,2.4rem);z-index:2;display:flex;justify-content:center;gap:.8rem}.kamal-hero__dot{width:.8rem;height:.8rem;padding:0;border:1px solid color-mix(in srgb,var(--kamal-white) 90%,transparent);border-radius:50%;background-color:color-mix(in srgb,var(--kamal-ink) 35%,transparent);cursor:pointer;transition:background-color .2s ease,transform .2s ease}.kamal-hero__dot:hover{background-color:color-mix(in srgb,var(--kamal-ink) 55%,transparent)}.kamal-hero__dot.is-active{background-color:var(--kamal-white);transform:scale(1.15)}.kamal-hero--mobile-image .kamal-hero__media{grid-row:1}@media screen and (max-width:989px){.kamal-hero__content{padding-block:clamp(3.2rem,9vw,5.6rem);text-align:center}.kamal-hero__content-inner{max-width:44rem}.kamal-hero__mark{display:none}.kamal-hero__title{justify-items:center;margin-inline:auto;margin-bottom:1.6rem}.kamal-hero__title-name{font-size:clamp(4.4rem,13vw,6.4rem)}.kamal-hero__title-sub{font-size:1.15rem;letter-spacing:.3em}.kamal-hero__tagline{margin-bottom:1.2rem;font-size:clamp(1.6rem,4.6vw,2rem)}.kamal-hero__description{margin:0 auto 2.4rem;max-width:34rem;font-size:1.4rem;line-height:1.65}.kamal-hero__buttons{display:grid;grid-template-columns:minmax(0,1fr);gap:1rem;max-width:32rem;margin-inline:auto}.kamal-hero__buttons .kamal-btn{width:100%;padding-block:1.4rem}.kamal-hero__media{min-height:0;aspect-ratio:4 / 5;max-height:72svh;width:100%}.kamal-hero__image{object-position:80% 18%}}@media screen and (max-width:989px){.kamal-hero--mobile-image .kamal-hero__media{max-height:78svh}.kamal-hero--mobile-image .kamal-hero__media:after{content:"";position:absolute;inset:auto 0 0;height:55%;z-index:1;background-image:linear-gradient(to bottom,transparent 0%,color-mix(in srgb,var(--kamal-hero-bg) 55%,transparent) 45%,color-mix(in srgb,var(--kamal-hero-bg) 90%,transparent) 75%,var(--kamal-hero-bg) 100%);pointer-events:none}.kamal-hero--mobile-image .kamal-hero__content{position:relative;z-index:2;margin-top:clamp(-11rem,-22vw,-7rem);padding-top:0;background-image:none}.kamal-hero--mobile-image .kamal-hero__dots{bottom:clamp(8rem,24vw,12rem)}}@media screen and (max-width:599px){.kamal-hero .kamal-hero__media,.kamal-hero--mobile-image .kamal-hero__media{aspect-ratio:auto;height:clamp(24rem,calc(100vh - 30rem),125vw);height:clamp(24rem,calc(100svh - 30rem),125vw);max-height:none}}@media screen and (min-width:600px)and (max-width:989px){.kamal-hero__buttons{grid-template-columns:repeat(2,minmax(0,1fr));max-width:44rem}.kamal-hero__media{aspect-ratio:16 / 11}}@media screen and (min-width:990px){.kamal-hero{grid-template-columns:40% 60%;align-items:stretch}.kamal-hero--h-medium{min-height:52rem}.kamal-hero--h-large{min-height:64rem}.kamal-hero--h-full{min-height:calc(100svh - 8rem)}.kamal-hero__content{padding-inline:clamp(4rem,6vw,9rem)}.kamal-hero__content-inner{max-width:56rem;margin-inline:0}.kamal-hero__media,.kamal-hero--mobile-image .kamal-hero__media{grid-row:1;grid-column:2;min-height:0;aspect-ratio:auto}.kamal-hero__image{object-position:72% 22%}.kamal-hero__media:before{content:"";position:absolute;inset-block:0;left:0;width:16rem;z-index:1;background-image:linear-gradient(90deg,var(--kamal-hero-bg) 0%,color-mix(in srgb,var(--kamal-hero-bg) 60%,transparent) 45%,transparent 100%);pointer-events:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/kamal-hero.css.map */