.scc-header{text-align:center;margin-bottom:40px}.scc-header__eyebrow{font-family:var(--font-base);font-size:calc(var(--font-base-size) - 3px);font-weight:var(--font-base-weight);letter-spacing:.12em;text-transform:uppercase;color:inherit;opacity:.55;margin:0 0 10px}.scc-header__title{font-family:var(--font-headline);font-size:var(--font-headline-size);font-weight:var(--font-headline-weight);font-style:var(--font-headline-style);letter-spacing:var(--font-headline-letter-spacing);text-transform:var(--font-headline-transform, none);line-height:var(--font-headline-line-height);color:var(--color-headings-text, var(--color-text));margin:0}.scc-grid{display:grid;gap:16px}.scc-grid--1-cols{grid-template-columns:1fr}.scc-grid--2-cols{grid-template-columns:repeat(2,1fr)}.scc-grid--3-cols{grid-template-columns:repeat(3,1fr)}.scc-grid--4-cols{grid-template-columns:repeat(2,1fr)}.scc-card{border-radius:var(--card-radius, var(--border-radius, 8px));overflow:hidden}.scc-card__link{display:block;position:relative;height:var(--card-height-mobile, 480px);overflow:hidden;border-radius:var(--card-radius, var(--border-radius, 8px));text-decoration:none;color:inherit}@media screen and (min-width:750px){.scc-card__link{height:var(--card-height-desktop, 560px)}}.scc-card__media{position:absolute;top:0;right:0;bottom:0;left:0}.scc-card__img{width:100%;height:100%;object-fit:cover;display:block;transition:transform var(--onhover-picture-duration, 1.5s) cubic-bezier(.24,.47,.46,.93)}@media(hover:hover){.scc-card__link:hover .scc-card__img{transform:scale(var(--onhover-picture-scale, 1.05))}}.scc-card__placeholder{width:100%;height:100%;background-color:var(--color-placeholder-bg, #F4EEDA);display:flex;align-items:center;justify-content:center}.scc-placeholder-svg{width:60px;height:60px;opacity:.3}.scc-card__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(20,8,15,var(--card-overlay, .65)) 0%,rgba(20,8,15,.06) 55%,transparent 100%);pointer-events:none}.scc-card__body{position:absolute;bottom:0;left:0;right:0;z-index:2;padding:28px 24px;color:#fff}.scc-card__eyebrow{font-family:var(--font-base);font-size:calc(var(--font-base-size) - 4px);font-weight:var(--font-base-weight);letter-spacing:.12em;text-transform:uppercase;color:#ffffff8c;margin:0 0 7px}.scc-card__heading{font-family:var(--font-headline);font-size:var(--font-headline-size);font-weight:var(--font-headline-weight);font-style:var(--font-headline-style);letter-spacing:var(--font-headline-letter-spacing);text-transform:var(--font-headline-transform, none);line-height:1.15;color:#fff;margin:0 0 10px}.scc-card__desc{font-family:var(--font-base);font-size:calc(var(--font-base-size) - 2px);font-weight:var(--font-base-weight);line-height:var(--font-base-line-height);color:#ffffffbf;margin:0 0 18px}.scc-card__btn{display:inline-flex;align-items:center;font-family:var(--font-button);font-size:var(--font-button-size);font-weight:var(--font-button-weight);font-style:var(--font-button-style);text-transform:var(--font-button-transform, none);letter-spacing:var(--font-button-letter-spacing, normal);color:var(--btn-color, #ffffff);background-color:var(--btn-bg, rgba(255,255,255,.12));border:1px solid var(--btn-border, rgba(255,255,255,.3));padding:9px 20px;border-radius:var(--border-radius-button);transition:background-color var(--duration-default, .2s),color var(--duration-default, .2s),border-color var(--duration-default, .2s)}@media(hover:hover){.scc-card__link:hover .scc-card__btn{background-color:var(--btn-bg-hover, rgba(255,255,255,.22));color:var(--btn-color-hover, #ffffff);border-color:var(--btn-border-hover, rgba(255,255,255,.5))}}@media screen and (max-width:989px){.scc-grid--3-cols,.scc-grid--4-cols{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:749px){.scc-grid--2-cols,.scc-grid--3-cols,.scc-grid--4-cols{grid-template-columns:1fr;gap:12px}.scc-card__body{padding:20px 18px}.scc-card__desc{display:none}.scc-header{margin-bottom:24px}}@media screen and (max-width:749px)and (orientation:landscape){.scc-grid--2-cols,.scc-grid--3-cols,.scc-grid--4-cols{grid-template-columns:repeat(2,1fr)}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/skin-concerns-cards.css.map */