.product-narrative{background-color:#f5efe6;background-color:var(--paper);color:var(--ink);padding-block:var(--space-7);padding-inline:var(--gutter-mobile)}.product-narrative--variety{background-color:#eae0d0;background-color:var(--parchment)}@media(min-width:768px){.product-narrative{padding-inline:var(--gutter-tablet)}}@media(min-width:1024px){.product-narrative{padding-block:var(--space-8);padding-inline:var(--gutter-desktop)}}.product-narrative__container{max-width:920px;margin-inline:auto;display:flex;flex-direction:column;gap:var(--space-4)}.product-narrative__heading{font-family:var(--font-display);font-style:italic;font-weight:300;font-size:clamp(2.5rem,7vw,5rem);line-height:.95;letter-spacing:-.03em;color:var(--ink);margin:0;opacity:0;transform:translateY(12px);transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1)}.product-narrative__subtitle{font-family:var(--font-display);font-style:italic;font-weight:400;font-size:clamp(1.375rem,2.5vw,1.875rem);line-height:1.35;color:var(--copper-deep);margin:0;max-width:60ch;opacity:0;transform:translateY(12px);transition:opacity .7s cubic-bezier(.22,1,.36,1) .1s,transform .7s cubic-bezier(.22,1,.36,1) .1s}.product-narrative__subtitle--accent{color:var(--copper);font-style:normal;font-family:var(--font-mono);font-size:var(--fs-mono-sm);font-weight:500;text-transform:uppercase;letter-spacing:.18em}.product-narrative__body{font-family:var(--font-body);font-weight:400;font-size:clamp(1.0625rem,1.25vw,1.1875rem);line-height:1.65;color:var(--bark);max-width:100%;margin:0;opacity:0;transform:translateY(12px);transition:opacity .7s cubic-bezier(.22,1,.36,1) .2s,transform .7s cubic-bezier(.22,1,.36,1) .2s}.product-narrative__body br+br{display:block;content:"";line-height:.4}.product-narrative.is-revealed .product-narrative__heading,.product-narrative.is-revealed .product-narrative__subtitle,.product-narrative.is-revealed .product-narrative__body{opacity:1;transform:translateY(0)}@media(prefers-reduced-motion:reduce){.product-narrative__heading,.product-narrative__subtitle,.product-narrative__body{opacity:1;transform:none;transition:none}}
/*# sourceMappingURL=/cdn/shop/t/54/assets/section-product-narrative.css.map */