.ingredient-showcase{padding:var(--section-padding-desktop)}@media screen and (max-width: 1023px){.ingredient-showcase{padding:var(--section-padding-tablet)}}@media screen and (max-width: 767px){.ingredient-showcase{padding:var(--section-padding-mobile)}}.ingredient-showcase.container--large .text-center .ingredient-showcase__title{color:var(--color-text-main);font-size:var(--heading-section-primary);margin-bottom:var(--gutter-regular);text-align:center;font-weight:var(--font-weight-headings-primary);line-height:var(--base-headings-line)}.ingredient-showcase__subtitle{color:var(--color-secondary-text-main);font-size:calc(18px / 16 * var(--base-body-primary-size));max-width:600px;margin:0 auto;line-height:var(--base-body-line)}.ingredient-showcase .text-center{text-align:center;margin-left:auto;margin-right:auto}.ingredient-showcase__grid{display:grid;grid-template-columns:1fr;gap:var(--gutter-regular);max-width:1200px;margin:0 auto;padding:0 var(--gutter-regular)}@media (min-width: 481px){.ingredient-showcase__grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--gutter-large);padding:0}}@media (max-width: 480px){.ingredient-showcase__grid{grid-template-columns:1fr!important;gap:var(--gutter-regular);padding:0 var(--gutter-regular)}}@media (max-width: 768px){.ingredient-showcase__grid:not(:has(.ingredient-showcase__card:nth-child(6):last-child)){grid-template-columns:1fr;gap:var(--gutter-regular);padding:0 var(--gutter-regular)}}.ingredient-showcase__grid:has(.ingredient-showcase__card:nth-child(6):last-child){grid-template-columns:repeat(3,1fr);grid-template-rows:auto auto;max-width:1200px;gap:var(--gutter-xlarge)}@media (min-width: 769px){.ingredient-showcase__grid:has(.ingredient-showcase__card:nth-child(6):last-child){grid-template-columns:repeat(3,1fr);grid-template-rows:auto auto;max-width:1000px;gap:var(--gutter-large)}}@media (min-width: 1401px){.ingredient-showcase__grid:has(.ingredient-showcase__card:nth-child(6):last-child){max-width:1200px;gap:var(--gutter-xlarge)}}@media (max-width: 768px) and (min-width: 481px){.ingredient-showcase__grid,.ingredient-showcase__grid:has(.ingredient-showcase__card:nth-child(6):last-child){grid-template-columns:repeat(2,1fr)!important;grid-template-rows:auto!important;max-width:600px!important;gap:var(--gutter-regular)}.ingredient-showcase__grid .ingredient-showcase__card,.ingredient-showcase__grid:has(.ingredient-showcase__card:nth-child(6):last-child) .ingredient-showcase__card{grid-column:auto!important;grid-row:auto!important}}@media (max-width: 480px){.ingredient-showcase__grid,.ingredient-showcase__grid:has(.ingredient-showcase__card:nth-child(6):last-child){grid-template-columns:1fr!important;grid-template-rows:auto!important;max-width:100%!important;gap:var(--gutter-regular)!important;padding:0 var(--gutter-regular)}.ingredient-showcase__grid .ingredient-showcase__card,.ingredient-showcase__grid:has(.ingredient-showcase__card:nth-child(6):last-child) .ingredient-showcase__card{grid-column:1!important;grid-row:auto!important}}.ingredient-showcase__card{position:relative;border-radius:var(--radius-medium);overflow:hidden;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease;background:var(--color-background-main);border:1px solid var(--color-eagles-blue);aspect-ratio:1}.ingredient-showcase__card:hover{transform:translateY(-8px);box-shadow:0 12px 40px #0764b533}.ingredient-showcase__image{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--color-floorboard-white);display:flex;align-items:center;justify-content:center;overflow:hidden}.ingredient-showcase__image img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .3s ease}.ingredient-showcase__card:hover .ingredient-showcase__image img{transform:scale(1.05)}.ingredient-placeholder{color:var(--color-eagles-blue);display:flex;align-items:center;justify-content:center;width:100%;height:100%}.ingredient-showcase__content{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000000d9);padding:calc(var(--gutter-xlarge) * .75) var(--gutter-large) var(--gutter-regular);color:var(--color-floorboard-white);transition:opacity .3s ease}.ingredient-name{font-size:calc(36px / 16 * var(--base-body-primary-size));font-weight:var(--font-weight-body-primary-bold);margin:0;text-align:center;text-shadow:0 3px 6px rgba(0,0,0,.7);line-height:1.1}.ingredient-showcase__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--color-skye-blue);opacity:0;visibility:hidden;transition:all .4s ease;display:flex;align-items:center;justify-content:center;padding:var(--gutter-regular)}.ingredient-showcase__card:hover .ingredient-showcase__overlay{opacity:1;visibility:visible}.ingredient-showcase__card:hover .ingredient-showcase__content{opacity:0}.ingredient-science{text-align:center;color:var(--color-floorboard-white);transform:translateY(20px);transition:transform .4s ease .1s}.ingredient-showcase__card:hover .ingredient-science{transform:translateY(0)}.science-title{font-size:calc(24px / 16 * var(--base-body-primary-size));font-weight:var(--font-weight-body-primary-bold);margin:0 0 var(--gutter-small) 0;color:var(--color-floorboard-white)}.science-benefit{font-size:calc(18px / 16 * var(--base-body-primary-size));font-weight:var(--font-weight-body-primary-medium);color:var(--color-floorboard-white);margin:0 0 var(--gutter-regular) 0}.science-description{font-size:calc(15px / 16 * var(--base-body-primary-size));line-height:var(--base-body-line);color:var(--color-eagles-blue);margin:0}@media (max-width: 768px){.ingredient-showcase__title{font-size:var(--heading-section-secondary)}.ingredient-showcase__card{aspect-ratio:4/3}.ingredient-name{font-size:calc(28px / 16 * var(--base-body-primary-size))}.ingredient-showcase__card.mobile-revealed .ingredient-showcase__overlay{opacity:1;visibility:visible}.ingredient-showcase__card.mobile-revealed .ingredient-showcase__content{opacity:0}.ingredient-showcase__card.mobile-revealed .ingredient-science{transform:translateY(0)}.ingredient-showcase__content{padding:calc(var(--gutter-large) * .8) var(--gutter-regular) var(--gutter-regular)}.ingredient-science{padding:var(--gutter-regular)}.science-title{font-size:calc(20px / 16 * var(--base-body-primary-size))}.science-benefit{font-size:calc(16px / 16 * var(--base-body-primary-size))}.science-description{font-size:calc(14px / 16 * var(--base-body-primary-size))}}.ingredient-showcase__card:focus{outline:3px solid var(--color-skye-blue);outline-offset:2px}.ingredient-showcase__card:focus .ingredient-showcase__overlay{opacity:1;visibility:visible}.ingredient-showcase__card:focus .ingredient-showcase__content{opacity:0}.ingredient-showcase__card:focus .ingredient-science{transform:translateY(0)}.ingredient-showcase__card{animation:fadeInUp .6s ease forwards;opacity:0;transform:translateY(30px)}.ingredient-showcase__card:nth-child(1){animation-delay:.1s}.ingredient-showcase__card:nth-child(2){animation-delay:.2s}.ingredient-showcase__card:nth-child(3){animation-delay:.3s}.ingredient-showcase__card:nth-child(4){animation-delay:.4s}.ingredient-showcase__card:nth-child(5){animation-delay:.5s}.ingredient-showcase__card:nth-child(6){animation-delay:.6s}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/ingredient-showcase.css.map */