.cc-split-hero-section{width:100%}.cc-split-hero{position:relative;display:grid;grid-template-columns:repeat(var(--cc-split-panel-count, 2),minmax(0,1fr));width:100%;height:var(--cc-split-desktop-height, 860px);min-height:600px;isolation:isolate;background:#151515}.cc-split-hero--viewport{height:100svh}.cc-split-hero__panel{position:relative;min-width:0;min-height:0;height:100%;overflow:hidden;color:var(--cc-split-text-color, #fff);isolation:isolate;background:#292929}.cc-split-hero__media,.cc-split-hero__picture,.cc-split-hero__image,.cc-split-hero__shade{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%}.cc-split-hero__media{z-index:0}.cc-split-hero__image{object-fit:cover;object-position:var(--cc-split-image-position, center center);max-width:none;border:0}.cc-split-hero__placeholder{object-fit:cover;background:#343434;fill:#565656}.cc-split-hero__shade{z-index:1;pointer-events:none;background:linear-gradient(to top,rgb(0 0 0 / var(--cc-split-overlay, 35%)),#00000021 34%,#0000 72%)}.cc-split-hero__content{position:absolute;z-index:2;right:var(--cc-split-desktop-gutter, 75px);bottom:var(--cc-split-desktop-bottom, 95px);left:var(--cc-split-desktop-gutter, 75px);width:min(calc(100% - var(--cc-split-desktop-gutter, 75px) * 2),var(--cc-split-text-max, 620px));max-width:100%;text-align:left;color:inherit}.cc-split-hero__eyebrow{display:block;margin:0 0 5px;padding:0;color:inherit;font-family:Arial,Helvetica,sans-serif;font-size:15px;font-style:normal;font-weight:400;line-height:1.3;letter-spacing:0;text-transform:none}.cc-split-hero__heading{display:block;margin:0 0 17px;padding:0;color:inherit;font-family:Arial,Helvetica,sans-serif;font-size:var(--cc-split-heading-size, 40px);font-weight:700;font-style:normal;line-height:1.06;letter-spacing:-.038em;text-transform:none;text-wrap:balance}.cc-split-hero__actions{display:flex;flex-wrap:wrap;align-items:center;gap:11px 14px}.cc-split-hero__button,.cc-split-hero__button:link,.cc-split-hero__button:visited{display:inline-flex;align-items:center;justify-content:center;width:auto;min-height:35px;margin:0;padding:8px 20px;border:1px solid rgb(255 255 255 / 40%);border-radius:0;background:#23232333;box-shadow:none;color:var(--cc-split-text-color, #fff);text-decoration:none;text-transform:uppercase;white-space:nowrap;font-family:Arial,Helvetica,sans-serif;font-size:11px;font-weight:700;line-height:1.1;letter-spacing:-.015em;transition:background-color .18s ease,border-color .18s ease}.cc-split-hero__button:hover{border-color:#ffffffd9;background:#ffffff2e;color:var(--cc-split-text-color, #fff)}.cc-split-hero__button:focus-visible{outline:2px solid #fff;outline-offset:3px}.cc-split-hero__button--inactive{opacity:.65;cursor:default}@media(max-width:1199px)and (min-width:750px){.cc-split-hero__content{right:clamp(26px,4vw,var(--cc-split-desktop-gutter, 75px));left:clamp(26px,4vw,var(--cc-split-desktop-gutter, 75px));width:auto}.cc-split-hero__heading{font-size:min(var(--cc-split-heading-size, 40px),3.4vw)}.cc-split-hero__button{padding-right:13px;padding-left:13px}}@media(max-width:749px){.cc-split-hero,.cc-split-hero--viewport{display:flex;flex-direction:column;height:auto;min-height:0}.cc-split-hero__panel{flex:0 0 auto;width:100%;height:var(--cc-split-mobile-height, 580px);min-height:400px}.cc-split-hero__image{object-position:var(--cc-split-mobile-image-position, center center)}.cc-split-hero__content{right:var(--cc-split-mobile-gutter, 26px);bottom:var(--cc-split-mobile-bottom, 48px);left:var(--cc-split-mobile-gutter, 26px);width:calc(100% - var(--cc-split-mobile-gutter, 26px) * 2)}.cc-split-hero__eyebrow{margin-bottom:6px;font-size:13px}.cc-split-hero__heading{margin-bottom:16px;font-size:var(--cc-split-mobile-heading-size, 32px);line-height:1.08}.cc-split-hero__actions{gap:10px}.cc-split-hero__button,.cc-split-hero__button:link,.cc-split-hero__button:visited{min-height:42px;padding:9px 13px;font-size:10px}}@media(prefers-reduced-motion:reduce){.cc-split-hero__button{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/39/assets/cropcrates-split-hero.css.map */