.c-ingred-card{--image-radius:var(--radius-primary);align-content:flex-start;align-items:flex-start;display:grid;gap:1rem;position:relative}.c-ingred-card a:first-of-type:not(.no-card-link):before{content:"";display:block;height:100%;inset:0;position:absolute;width:100%;z-index:1}.c-ingred-card a:first-of-type:not(.no-card-link):focus-visible{outline:none}.c-ingred-card a:first-of-type:not(.no-card-link):focus-visible:before{border-radius:var(--border-radius,var(--focus-ring-border-radius));outline:.125rem solid var(--focus-ring-color,var(--border--focus));outline-offset:var(--focus-ring-offset)}.c-ingred-card__image-container{border-radius:var(--image-radius);display:grid;grid-area:1/1;overflow:hidden;position:relative;z-index:0}.c-ingred-card__image{grid-area:1/1}.c-ingred-card__image-overlay{background-color:var(--neutral-black);bottom:0;left:0;opacity:.25;position:absolute;right:0;top:0}.c-ingred-card__chinese-name{font-family:"Noto Serif HK",serif;font-optical-sizing:auto;font-size:var(--font-responsive-md);font-style:normal;font-weight:700;letter-spacing:.1rem;text-align:center;text-transform:uppercase;writing-mode:vertical-rl}.c-ingred-card__content{color:var(--text-on-dark);display:grid;gap:1.25rem;grid-area:1/1;height:100%;justify-items:center;padding:1.25rem 1rem 1rem;position:relative;width:100%;z-index:1}.c-ingred-card__heading{--kicker-color:var(--text-on-dark);align-items:flex-end;color:var(--kicker-color,var(--text-accent));display:flex;flex-direction:row;font-family:var(--font-body);font-size:var(--font-static-xs);font-size:var(--kicker-font-size,var(--font-static-xs));font-weight:700;justify-content:center;letter-spacing:.08em;line-height:1.2;text-align:center;text-transform:uppercase}@media only screen and (min-width:48em){.c-ingred-card__chinese-name{font-size:var(--font-responsive-lg)}.c-ingred-card__content{padding:1.5rem}}@media only screen and (min-width:64em){.c-ingred-card__content{padding:2rem}.c-ingred-card__heading{font-size:var(--kicker-font-size,var(--font-static-md));font-size:var(--font-static-md)}}@media only screen and (prefers-reduced-motion:no-preference){.c-ingred-card .c-ingred-card__image{transform-origin:center;transition:transform .4s ease-in-out,opacity .3s ease-in-out}.c-ingred-card:has(.zoom-image-on-hover:hover) .c-ingred-card__image{transform:scale(1.1)}}