.ingredients-section{padding:var(--space-2xl) var(--space-lg)}@media(min-width:1024px){.ingredients-section{padding:var(--space-3xl) var(--space-3xl)}}@media(min-width:1400px){.ingredients-section{padding:var(--space-3xl) var(--space-5xl)}}.ingredients-section__container{margin:0 auto;max-width:var(--container-max-width)}.ingredients-section__title{color:var(--color-accent);font-family:var(--font-family-head);font-size:var(--font-size-3xl);font-style:italic;font-weight:var(--font-weight-regular);letter-spacing:var(--letter-spacing-heading);margin:0 0 var(--space-3xl) 0}@media(min-width:724px){.ingredients-section__title{font-size:var(--font-size-4xl2);margin-bottom:var(--space-4xl)}}.ingredients-section__layout{display:flex;flex-direction:column;gap:var(--space-2xl)}@media(min-width:724px){.ingredients-section__layout{flex-direction:row;gap:var(--space-3xl)}}.ingredients-section__tabs{display:flex;flex-direction:column;gap:0}@media(min-width:724px){.ingredients-section__tabs{flex-shrink:0;width:30%}}.ingredients-section__tab{background:none;border:none;color:var(--color-text);cursor:pointer;display:inline-flex;font-family:var(--font-family-base);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-sm);padding:var(--space-sm) 0;text-align:left;text-transform:uppercase;transition:color var(--duration-base) var(--ease-base);width:100%}.ingredients-section__tab span{font-size:.9em;position:relative}.ingredients-section__tab span:after{background-color:var(--color-primary);bottom:-2px;content:"";height:1px;left:0;position:absolute;transform:scaleX(0);transform-origin:left;transition:transform var(--duration-base) var(--ease-base);width:100%}.ingredients-section__tab:hover{color:var(--color-text)}.ingredients-section__tab:hover span:after{transform:scaleX(1);transform-origin:left}.ingredients-section__tab:not(:hover) span:after{transform-origin:right}.ingredients-section__tab.active,.ingredients-section__tab.active span{color:var(--color-accent)}.ingredients-section__tab.active span:after{transform:scaleX(1);transform-origin:left}.ingredients-section__content{overflow:hidden;position:relative}@media(min-width:724px){.ingredients-section__content{display:flex;flex:1}}.ingredients-section__panel{background-color:var(--color-white);filter:blur(4px);opacity:0;padding:2em;position:absolute;transform:translateY(10px);transition:opacity var(--duration-slow) var(--ease-base),filter var(--duration-slow) var(--ease-base),transform var(--duration-slow) var(--ease-base),visibility var(--duration-slow);visibility:hidden;width:100%}.ingredients-section__panel.active{display:flex;filter:blur(0);flex-direction:column;opacity:1;position:relative;transform:translateY(0);visibility:visible}.ingredients-section__content-title{color:var(--color-accent);font-family:var(--font-family-head);font-size:var(--font-size-xl);font-style:italic;font-weight:var(--font-weight-light);letter-spacing:var(--letter-spacing-heading);margin:0 0 var(--space-lg) 0}@media(min-width:724px){.ingredients-section__content-title{font-size:var(--font-size-2xl2)}}.ingredients-section__content-text{color:var(--color-text);font-size:var(--font-size-sm2);line-height:var(--line-height-looser)}.ingredients-section__content-text p{margin:0 0 var(--space-md) 0}.ingredients-section__content-text p:last-child{margin-bottom:0}.ingredients-section__image-wrapper{overflow:hidden;position:relative}@media(min-width:724px){.ingredients-section__image-wrapper{display:flex;flex-shrink:0;width:30%}}.ingredients-section__image{filter:blur(4px);opacity:0;position:absolute;transform:translateY(10px);transition:opacity var(--duration-slow) var(--ease-base),filter var(--duration-slow) var(--ease-base),transform var(--duration-slow) var(--ease-base),visibility var(--duration-slow);visibility:hidden;width:100%}.ingredients-section__image.active{display:block;filter:blur(0);opacity:1;position:relative;transform:translateY(0);visibility:visible}.ingredients-section__image img{display:block;height:100%;object-fit:cover;width:100%}
