.cravot-hero-grid{--cravot-accent: #f15a24;--cravot-radius: 12px;display:grid;grid-template-columns:minmax(0,2.08fr) minmax(280px,1fr);grid-template-rows:repeat(2,minmax(0,1fr));gap:12px;min-height:clamp(520px,48vw,720px)}.cravot-hero-grid--no-promo,.cravot-hero-grid--no-compare{grid-template-rows:1fr}.cravot-hero-grid--no-promo.cravot-hero-grid--no-compare{grid-template-columns:1fr}.cravot-hero-grid__main{position:relative;grid-row:1 / -1;min-width:0;overflow:hidden;border-radius:var(--cravot-radius);background:#171717;box-shadow:0 18px 44px #0a0c0e29}.cravot-hero-grid__slideshow,.cravot-hero-grid__slideshow .slick-list,.cravot-hero-grid__slideshow .slick-track,.cravot-hero-grid__slide,.cravot-hero-grid__media,.cravot-hero-grid__media .background-image,.cravot-hero-grid__video-wrap{height:100%;min-height:inherit}.cravot-hero-grid__slideshow,.cravot-hero-grid__slide,.cravot-hero-grid__video-wrap{position:relative}.cravot-hero-grid__media .background-image{padding-top:0!important}.cravot-hero-grid__media .background-image__image,.cravot-hero-grid__video,.cravot-hero-grid__side-image{width:100%;height:100%;object-fit:cover}.cravot-hero-grid__main-shade{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(7,9,10,.82) 0%,rgba(7,9,10,.53) 31%,rgba(7,9,10,.08) 66%,transparent 100%),linear-gradient(0deg,rgba(7,9,10,.35) 0%,transparent 38%)}.cravot-hero-grid__main-copy{position:absolute;z-index:2;left:clamp(24px,4vw,64px);bottom:clamp(54px,7vw,94px);width:min(570px,72%);color:#fff;text-shadow:0 2px 18px rgba(0,0,0,.24)}.cravot-hero-grid__eyebrow,.cravot-hero-grid__side-eyebrow,.cravot-hero-grid__compare-eyebrow{display:block;margin:0 0 10px;color:var(--cravot-accent);font-size:.8rem;font-weight:800;letter-spacing:.08em;line-height:1.2;text-transform:uppercase}.cravot-hero-grid__title{margin:0;max-width:13ch;color:inherit;font-size:clamp(2.3rem,4.2vw,4.9rem);font-weight:800;letter-spacing:-.035em;line-height:.96;text-transform:uppercase}.cravot-hero-grid__description{margin-top:20px;max-width:42ch;font-size:clamp(.92rem,1.15vw,1.12rem);line-height:1.45}.cravot-hero-grid__description p{margin:0}.cravot-hero-grid__main--video .cravot-hero-grid__title{color:var(--cravot-video-title-color);font-size:var(--cravot-video-title-size);font-weight:var(--cravot-video-title-weight)}.cravot-hero-grid__main--video .cravot-hero-grid__description{color:var(--cravot-video-text-color);font-size:var(--cravot-video-text-size);font-weight:var(--cravot-video-text-weight)}.cravot-hero-grid__button{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:48px;margin-top:24px;padding:12px 22px;color:#fff;background:var(--cravot-accent);font-size:.9rem;font-weight:800;letter-spacing:.03em;line-height:1;text-decoration:none;transition:transform .18s ease,background-color .18s ease,box-shadow .18s ease}.cravot-hero-grid__button:hover,.cravot-hero-grid__button:focus-visible{color:#fff;background:#d94714;box-shadow:0 10px 28px #f15a2447;transform:translateY(-2px)}.cravot-hero-grid__side-card{position:relative;min-height:0;overflow:hidden;border-radius:var(--cravot-radius);box-shadow:0 12px 32px #0a0c0e1f;text-decoration:none;transition:transform .22s ease,box-shadow .22s ease}.cravot-hero-grid__side-card:hover,.cravot-hero-grid__side-card:focus-visible{transform:translateY(-3px);box-shadow:0 18px 38px #0a0c0e2e}.cravot-hero-grid__promo{color:#fff;background:#171717}.cravot-hero-grid__side-image{position:absolute;top:0;right:0;bottom:0;left:0;transition:transform .5s cubic-bezier(.2,.8,.2,1)}.cravot-hero-grid__promo:hover .cravot-hero-grid__side-image{transform:scale(1.035)}.cravot-hero-grid__side-shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#08090ad4,#08090a8a,#08090a1f)}.cravot-hero-grid__side-copy,.cravot-hero-grid__compare-copy{position:absolute;z-index:1;left:clamp(20px,2.2vw,34px);right:44%;top:50%;display:flex;flex-direction:column;align-items:flex-start;transform:translateY(-50%)}.cravot-hero-grid__side-title,.cravot-hero-grid__compare-title{color:inherit;font-size:clamp(1.38rem,2vw,2rem);font-weight:800;letter-spacing:-.025em;line-height:.98;text-transform:uppercase}.cravot-hero-grid__side-text,.cravot-hero-grid__compare-text{margin-top:14px;font-size:.86rem;line-height:1.4}.cravot-hero-grid__text-link{display:inline-flex;align-items:center;gap:8px;margin-top:22px;color:#fff;font-size:.8rem;font-weight:800;letter-spacing:.02em;text-transform:uppercase}.cravot-hero-grid__text-link--dark{color:#171717}.cravot-hero-grid__compare{color:#171717;background:radial-gradient(circle at 84% 50%,rgba(241,90,36,.08),transparent 34%),linear-gradient(135deg,#fff,#f7f4ef)}.cravot-hero-grid__compare:before{content:"";position:absolute;left:clamp(20px,2.2vw,34px);top:24px;width:34px;height:3px;background:var(--cravot-accent)}.cravot-hero-grid__compare-copy{right:45%}.cravot-hero-grid__compare-image{position:absolute;z-index:0;right:1%;bottom:4%;width:48%;height:88%;object-fit:contain;object-position:center;filter:drop-shadow(0 16px 14px rgba(15,17,19,.18));transition:transform .3s ease}.cravot-hero-grid__compare:hover .cravot-hero-grid__compare-image{transform:translateY(-3px) rotate(-1deg)}.cravot-hero-grid__video{display:block}.cravot-hero-grid__video-toggle{position:absolute;z-index:3;right:18px;bottom:18px;display:grid;width:44px;height:44px;place-items:center;padding:0;color:#fff;border:1px solid rgba(255,255,255,.5);border-radius:50%;background:#0a0c0e8a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer}.cravot-hero-grid__video-icon--pause{width:10px;height:14px;border-right:3px solid currentColor;border-left:3px solid currentColor}.cravot-hero-grid__video-icon--play{display:none;width:0;height:0;margin-left:3px;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:11px solid currentColor}.cravot-hero-grid__video-toggle[aria-pressed=true] .cravot-hero-grid__video-icon--pause{display:none}.cravot-hero-grid__video-toggle[aria-pressed=true] .cravot-hero-grid__video-icon--play{display:block}.cravot-hero-grid .slick-dots{left:50%;right:auto;bottom:18px;width:auto;transform:translate(-50%)}.cravot-hero-grid .slick-dots li button:before{color:#ffffffb8}.cravot-hero-grid .slick-dots li.slick-active button:before{color:var(--cravot-accent)}@media(max-width:1100px){.cravot-hero-grid{grid-template-columns:minmax(0,1.72fr) minmax(260px,1fr);min-height:560px}.cravot-hero-grid__main-copy{width:78%}.cravot-hero-grid__side-copy,.cravot-hero-grid__compare-copy{right:34%}.cravot-hero-grid__compare-image{right:-7%}}@media(max-width:767px){.cravot-hero-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:var(--cravot-mobile-main-height, 540px) minmax(184px,27vw);gap:8px;min-height:0}.cravot-hero-grid__main{grid-column:1 / -1;grid-row:1}.cravot-hero-grid--no-promo .cravot-hero-grid__compare,.cravot-hero-grid--no-compare .cravot-hero-grid__promo{grid-column:1 / -1}.cravot-hero-grid--no-promo.cravot-hero-grid--no-compare{grid-template-columns:1fr;grid-template-rows:var(--cravot-mobile-main-height, 540px)}.cravot-hero-grid__main-copy{left:22px;bottom:50px;width:calc(100% - 44px)}.cravot-hero-grid__title{max-width:11ch;font-size:clamp(2.15rem,10vw,3.2rem)}.cravot-hero-grid__description{max-width:32ch;margin-top:14px;font-size:.88rem}.cravot-hero-grid__main--video .cravot-hero-grid__title{font-size:var(--cravot-video-title-mobile-size)}.cravot-hero-grid__button{min-height:44px;margin-top:18px;padding:10px 18px}.cravot-hero-grid__main-shade{background:linear-gradient(90deg,rgba(7,9,10,.76) 0%,rgba(7,9,10,.18) 70%,transparent 100%),linear-gradient(0deg,rgba(7,9,10,.58) 0%,transparent 55%)}.cravot-hero-grid__side-card{min-height:184px}.cravot-hero-grid__side-copy,.cravot-hero-grid__compare-copy{left:14px;right:12px;top:14px;bottom:12px;justify-content:flex-end;transform:none}.cravot-hero-grid__promo .cravot-hero-grid__side-copy{left:26px}.cravot-hero-grid__side-shade{background:linear-gradient(0deg,#08090ae0,#08090a29 72%)}.cravot-hero-grid__side-eyebrow,.cravot-hero-grid__compare-eyebrow{margin-bottom:6px;font-size:.65rem}.cravot-hero-grid__side-title,.cravot-hero-grid__compare-title{font-size:clamp(1rem,4.4vw,1.35rem)}.cravot-hero-grid__side-text,.cravot-hero-grid__compare-text{display:none}.cravot-hero-grid__text-link{margin-top:10px;font-size:.68rem}.cravot-hero-grid__compare:before{left:14px;top:12px;width:26px}.cravot-hero-grid__compare-copy{z-index:2;right:34%}.cravot-hero-grid__compare-image{right:-8%;bottom:9%;width:55%;height:82%;opacity:.92}}@media(max-width:380px){.cravot-hero-grid{grid-template-rows:var(--cravot-mobile-main-height, 540px) 172px}.cravot-hero-grid__side-card{min-height:172px}.cravot-hero-grid__side-title,.cravot-hero-grid__compare-title{font-size:.96rem}}@media(prefers-reduced-motion:reduce){.cravot-hero-grid__button,.cravot-hero-grid__side-card,.cravot-hero-grid__side-image,.cravot-hero-grid__compare-image{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/cravot-hero-grid.css.map */