.producer-products{display:grid;gap:var(--grid-gap);align-items:stretch}.producer-products__intro{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:.55rem;padding-bottom:.25rem}.producer-products__eyebrow,.producer-products__story-eyebrow{margin:0;font-family:var(--font-stack-body);font-size:calc(12px / 16 * var(--base-body-size));letter-spacing:.1em;text-transform:uppercase;color:var(--color-accent-cards)}.producer-products__title,.producer-products__text,.producer-products__story-title,.producer-products__story-text{margin:0}.producer-products__text{max-width:42ch;opacity:.85}.producer-products__button.button--solid{background-color:var(--color-accent-cards);border-color:var(--color-accent-cards);color:#fffdf8}.no-touchevents .producer-products__button.button--solid:hover{filter:brightness(.92)}.producer-products__grid{min-width:0}.producer-products__story{position:relative;min-height:22rem;overflow:hidden}.producer-products__placeholder{display:block;width:100%;height:100%;object-fit:cover}.producer-products__story-copy{position:absolute;left:0;right:0;bottom:0;z-index:99;display:flex;flex-direction:column;align-items:flex-start;gap:.45rem;padding:var(--gutter-regular);color:var(--producer-story-text, #fffdf8);max-height:70%;overflow:auto}.producer-products__story-text{max-width:42ch;opacity:.92}.producer-products__story-text p{margin:0 0 .6em}.producer-products__story-text p:last-child{margin-bottom:0}@media screen and (max-width:767px){.producer-products{grid-template-areas:"story" "intro" "grid"}.producer-products__intro{grid-area:intro}.producer-products__grid{grid-area:grid}.producer-products__story{grid-area:story;min-height:20rem}.producer-products__story-copy{overflow:hidden}.producer-products__story-text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden;text-overflow:ellipsis}.producer-products__story-text p{margin:0}}@media screen and (min-width:768px){.producer-products--image-right,.producer-products--image-left{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto minmax(0,1fr)}.producer-products--image-right{grid-template-areas:"intro story" "grid story"}.producer-products--image-left{grid-template-areas:"story intro" "story grid"}.producer-products__intro{grid-area:intro}.producer-products__grid{grid-area:grid}.producer-products__story{grid-area:story;min-height:0;height:100%}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/section-producer-products.css.map */