.ocg__hero{text-align:center;padding-top:5.5rem;padding-bottom:1rem}.ocg__eyebrow{font-size:1.5rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#6e6e73;margin-bottom:1.2rem}.ocg__headline{font-size:5.6rem;line-height:1.05;font-weight:600;letter-spacing:-.03em;color:#1d1d1f}.ocg__subhead{margin-top:2rem;font-size:1.7rem;line-height:1.5;color:#6e6e73;max-width:64rem;margin-left:auto;margin-right:auto}.ocg__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:4.8rem;list-style:none}.ocg__item{display:flex}.ocg__card{position:relative;display:flex;width:100%;aspect-ratio:3 / 4;border-radius:28px;overflow:hidden;text-decoration:none;background:#1d1d1f}.ocg__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none}.ocg__card:hover .ocg__img{transform:scale(1.04)}.ocg__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#000000e6,#0009 30%,#0000 50%);z-index:1;pointer-events:none}.ocg__body{position:absolute;bottom:0;left:0;right:0;z-index:2;padding:3.2rem;max-height:60%;overflow:hidden}.ocg__title{font-size:2.4rem;line-height:1.15;font-weight:600;letter-spacing:-.01em;color:#fff;min-height:5.52rem;display:flex;align-items:flex-end}.ocg__desc{margin-top:.6rem;font-size:1.5rem;line-height:1.47;color:#ffffffb3;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.ocg__card:focus-visible{outline:3px solid #0066cc;outline-offset:3px}@media(max-width:992px){.ocg__headline{font-size:4.4rem}.ocg__subhead{font-size:1.6rem}.ocg__grid{grid-template-columns:repeat(2,1fr);gap:1.8rem;margin-top:3.6rem}.ocg__item:last-child:nth-child(odd){grid-column:1 / -1;max-width:calc(50% - .9rem);justify-self:center}.ocg__body{padding:2.4rem;height:auto}.ocg__title{font-size:2.1rem;min-height:unset;display:block}.ocg__desc{font-size:1.4rem}}@media(max-width:768px){.ocg__hero{padding-top:3.7rem}.ocg__eyebrow{font-size:1.4rem}.ocg__headline{font-size:3.6rem;letter-spacing:-.02em}.ocg__subhead{font-size:1.5rem}.ocg__grid{grid-template-columns:1fr;gap:1.6rem;margin-top:3.2rem}.ocg__item:last-child:nth-child(odd){grid-column:auto;max-width:100%;justify-self:auto}.ocg__card{aspect-ratio:16 / 10}.ocg__overlay{background:linear-gradient(to top,#000000f2,#000000b3 45%,#0003 80%)}.ocg__body{padding:2.4rem}.ocg__title{font-size:2.1rem}.ocg__desc{font-size:1.4rem;line-height:1.5}}@media(prefers-reduced-motion:reduce){.ocg__img{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/29/assets/component-overlay-cards.css.map */