.cz-guide-cards{--cz-guide-red: #df001b;--cz-guide-black: #090909;--cz-guide-paper: #f3f3ef;--cz-guide-white: #fff;display:block;overflow:hidden;background:var(--cz-guide-paper);color:var(--cz-guide-black);font-family:var(--font-body--family, Inter, "Helvetica Neue", Arial, sans-serif)}.cz-guide-cards *,.cz-guide-cards *:before,.cz-guide-cards *:after{box-sizing:border-box}.cz-guide-cards :is(h2,h3,p){margin:0}.cz-guide-cards__inner{width:calc(100% - (2*clamp(1rem,4vw,4.5rem)));margin-inline:auto;padding-block:4rem}.cz-guide-cards__header{margin-bottom:clamp(1.8rem,3vw,3rem);display:flex;justify-content:space-between;align-items:end;gap:2rem}.cz-guide-cards__header p{margin-bottom:.65rem;color:var(--cz-guide-red);font-size:.62rem;font-weight:900;letter-spacing:.17em;line-height:1;text-transform:uppercase}.cz-guide-cards__header h2{font-family:var(--font-heading--family, "Arial Narrow", Arial, sans-serif);font-size:var(--cz-section-heading-size);font-weight:950;letter-spacing:-.07em;line-height:.9;-webkit-text-stroke:.2px currentColor;white-space:normal;text-transform:uppercase}.cz-guide-cards__header h2 span,.cz-guide-cards__header h2 em{display:inline}.cz-guide-cards__header h2 em{color:var(--cz-guide-red);font-style:italic}.cz-guide-cards__header>a{padding-bottom:.3rem;display:inline-flex;align-items:center;gap:1rem;border-bottom:1px solid currentColor;color:inherit;font-size:.68rem;font-weight:900;letter-spacing:.09em;text-decoration:none;text-transform:uppercase}.cz-guide-cards__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(.75rem,1.4vw,1.35rem)}.cz-guide-card{min-width:0;background:var(--cz-guide-red)}.cz-guide-card>a{height:100%;position:relative;overflow:hidden;display:flex;flex-direction:column;background:var(--cz-guide-red);color:var(--cz-guide-white);text-decoration:none;isolation:isolate}.cz-guide-card__topline{position:relative;z-index:1;height:3.25rem;padding-inline:clamp(1.25rem,2.5vw,2.25rem);align-items:center;flex:none;display:flex;justify-content:space-between;gap:1rem;color:var(--cz-guide-white);font-size:.6rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.cz-guide-card__topline span{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.cz-guide-card__topline span:last-child{flex:none;max-width:48%}.cz-guide-card__media{width:100%;aspect-ratio:4 / 3;position:relative;overflow:hidden;flex:none;background:#c8c8c3}.cz-guide-card__image,.cz-guide-card__placeholder{width:100%;height:100%;display:block;object-fit:cover}.cz-guide-card__image{transition:transform .42s cubic-bezier(.2,.7,.2,1)}.cz-guide-card__placeholder{padding:18%;color:#8d8d89;background:#c8c8c3}.cz-guide-card__content{position:relative;z-index:1;padding:clamp(1.25rem,2.5vw,2.25rem);display:grid;flex:1;grid-template-rows:auto auto 1fr;align-content:start;gap:1.5rem}.cz-guide-card h3{max-width:none;min-width:0;height:2em;margin:0;font-family:var(--font-heading--family, "Arial Narrow", Arial, sans-serif);font-size:clamp(1.75rem,2.4vw,2.9rem);font-weight:950;letter-spacing:-.07em;line-height:1;text-transform:uppercase}.cz-guide-card h3 span{display:-webkit-box;height:2em;max-inline-size:13ch;padding-inline-end:.12em;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow-wrap:anywhere;white-space:normal}.cz-guide-card h3 span:last-child{color:var(--cz-guide-black);font-style:italic}.cz-guide-card p{max-width:30ch;height:4.5em;margin:0;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow-wrap:anywhere;font-size:clamp(.78rem,.9vw,.9rem);font-weight:520;line-height:1.5}.cz-guide-card__cta{width:min(100%,11rem);height:3rem;min-height:3rem;align-self:end;padding:.85rem 1rem;display:inline-flex;align-items:center;justify-content:space-between;gap:.75rem;background:var(--cz-guide-black);color:var(--cz-guide-white);font-size:.66rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase;transition:background-color .18s cubic-bezier(0,0,.2,1),color .18s cubic-bezier(0,0,.2,1)}.cz-guide-card>a:is(:hover,:focus-visible) .cz-guide-card__image{transform:scale(1.035)}.cz-guide-card__cta-label{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.cz-guide-card__cta i{flex:none;font-size:.9rem;font-style:normal;transition:transform .18s cubic-bezier(0,0,.2,1)}.cz-guide-card>a:is(:hover,:focus-visible) .cz-guide-card__cta{background:var(--cz-guide-white);color:var(--cz-guide-black)}.cz-guide-card>a:is(:hover,:focus-visible) .cz-guide-card__cta i{transform:translate(.25rem)}.cz-guide-card>a:focus-visible{outline:3px solid var(--cz-guide-black);outline-offset:-6px}@media screen and (max-width:989px){.cz-guide-cards__grid{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(18rem,1fr)}.cz-guide-cards__viewport{overflow-x:auto;margin-inline:calc(-1*clamp(1rem,4vw,4.5rem));padding-inline:clamp(1rem,4vw,4.5rem);scrollbar-width:none;scroll-snap-type:x mandatory}.cz-guide-cards__viewport::-webkit-scrollbar{display:none}.cz-guide-card{scroll-snap-align:start}}@media screen and (max-width:749px){.cz-guide-cards__inner{padding-block:3rem}.cz-guide-cards__header{align-items:flex-start;flex-direction:column;gap:1.25rem}.cz-guide-cards__header h2{font-size:var(--cz-section-heading-size)}.cz-guide-cards__header h2 span,.cz-guide-cards__header h2 em{display:inline;white-space:normal}.cz-guide-cards__grid{grid-auto-columns:78vw;gap:.75rem}.cz-guide-card__topline,.cz-guide-card__content{padding-inline:1.35rem}.cz-guide-card__media{aspect-ratio:16 / 11}.cz-guide-card h3{font-size:clamp(1.8rem,9vw,2.9rem)}.cz-guide-card p{font-size:.84rem}}@media(prefers-reduced-motion:reduce){.cz-guide-card *,.cz-guide-card *:before,.cz-guide-card *:after{transition-duration:.01ms!important}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/clonezone-guide-cards.css.map */