.ui-matcha-promo{--mp-cream: rgb(247, 245, 240);--mp-cream-soft: rgb(252, 250, 245);--mp-ink: rgb(28, 30, 24);--mp-ink-deep: rgb(38, 44, 32);--mp-accent: 109, 167, 104;--mp-accent-deep: #4f7b4a;--mp-rule: rgba(28, 30, 24, .14);--mp-rule-soft: rgba(28, 30, 24, .08);--mp-muted: rgba(28, 30, 24, .7);--mp-quiet: rgba(28, 30, 24, .55);--mp-serif: var(--font-heading-family, "Trirong", serif);--mp-radius: 6px;position:relative;display:grid;grid-template-columns:1fr;gap:clamp(2rem,4vw,3.2rem);align-items:center;padding:clamp(1.6rem,3vw,2.4rem);border-radius:var(--mp-radius);background:var(--mp-cream);color:var(--mp-ink);box-sizing:border-box}.ui-matcha-promo--stacked{grid-template-columns:1fr}.ui-matcha-promo--card{display:flex;flex-direction:column;padding:clamp(1.4rem,2vw,1.8rem);gap:clamp(1.2rem,2vw,1.6rem);max-width:32rem}@media screen and (min-width:750px){.ui-matcha-promo--split{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(2.8rem,5vw,4.4rem);padding:clamp(2rem,3.5vw,3rem)}.ui-matcha-promo--split.ui-matcha-promo--reverse .ui-matcha-promo__media{order:2}.ui-matcha-promo--split.ui-matcha-promo--reverse .ui-matcha-promo__copy{order:1}.ui-matcha-promo--split .ui-matcha-promo__copy{align-self:center}}.ui-matcha-promo--theme-light{background:var(--mp-cream);border:1px solid var(--mp-rule-soft);box-shadow:0 1px #fff9 inset,0 1.4rem 3rem -2rem #1410082e}.ui-matcha-promo--theme-dark{background:var(--mp-ink-deep);color:var(--mp-cream);border:1px solid rgba(255,255,255,.08);--mp-rule: rgba(255, 255, 255, .18);--mp-rule-soft: rgba(255, 255, 255, .1);--mp-muted: rgba(247, 245, 240, .78);--mp-quiet: rgba(247, 245, 240, .6);--mp-accent-deep: #b9d6a3}.ui-matcha-promo--theme-dark .ui-matcha-promo__media{border:1px solid rgba(255,255,255,.12);box-shadow:0 0 0 1px #ffffff0a inset,0 1.4rem 3rem -1.8rem #0006}.ui-matcha-promo--theme-transparent{background:transparent;border:0;box-shadow:none;border-radius:0;padding-inline:0;padding-block:clamp(1.8rem,3vw,2.6rem);border-top:1px solid var(--mp-rule);border-bottom:1px solid var(--mp-rule)}.ui-matcha-promo--align-center .ui-matcha-promo__copy{text-align:center;margin-inline:auto}.ui-matcha-promo--align-center .ui-matcha-promo__cta-row{justify-content:center}.ui-matcha-promo--align-center .ui-matcha-promo__heading{margin-inline:auto}.ui-matcha-promo__media{margin:0;position:relative;border-radius:var(--mp-radius);overflow:hidden;background:#0000000a;border:1px solid var(--mp-rule-soft);box-shadow:0 1.2rem 2.6rem -1.6rem #1410082e}.ui-matcha-promo__media-link{display:block;color:inherit;text-decoration:none}.ui-matcha-promo__image{display:block;width:100%;height:auto;object-fit:cover;transition:transform .6s cubic-bezier(.22,1,.36,1)}@media(hover:hover)and (prefers-reduced-motion:no-preference){.ui-matcha-promo:hover .ui-matcha-promo__image{transform:scale(1.02)}}.ui-matcha-promo--aspect-portrait .ui-matcha-promo__image{aspect-ratio:4 / 5}.ui-matcha-promo--aspect-square .ui-matcha-promo__image{aspect-ratio:1 / 1}.ui-matcha-promo--aspect-landscape .ui-matcha-promo__image{aspect-ratio:16 / 10}.ui-matcha-promo__copy{max-width:52ch;text-align:left}.ui-matcha-promo--stacked .ui-matcha-promo__copy{max-width:60ch}.ui-matcha-promo--card .ui-matcha-promo__copy{max-width:100%}.ui-matcha-promo__kicker{margin:0 0 clamp(1rem,2vw,1.4rem);justify-content:flex-start;color:var(--mp-quiet)}.ui-matcha-promo--align-center .ui-matcha-promo__kicker{justify-content:center}.ui-matcha-promo--theme-dark .ui-matcha-promo__kicker{color:#f7f5f09e}.ui-matcha-promo__heading{margin:0 0 clamp(.9rem,1.8vw,1.4rem);font-family:var(--mp-serif);font-weight:500;font-size:clamp(2rem,2.6vw,2.6rem);line-height:1.12;letter-spacing:-.015em;text-wrap:balance;max-width:22ch;color:inherit}.ui-matcha-promo--card .ui-matcha-promo__heading{font-size:clamp(1.7rem,1.8vw,1.95rem);max-width:24ch}.ui-matcha-promo__heading-link{color:inherit;text-decoration:none;background-image:linear-gradient(currentColor,currentColor);background-position:0 100%;background-repeat:no-repeat;background-size:0% 1px;padding-bottom:.08em;transition:background-size .5s cubic-bezier(.22,1,.36,1)}@media(hover:hover){.ui-matcha-promo__heading-link:hover,.ui-matcha-promo__heading-link:focus-visible{background-size:100% 1px}}.ui-matcha-promo__heading-link:focus-visible{outline:2px solid rgba(var(--mp-accent),.55);outline-offset:4px;border-radius:2px}.ui-matcha-promo__description{margin:0 0 clamp(.9rem,1.6vw,1.2rem);font-family:var(--mp-serif);font-style:italic;font-weight:400;font-size:clamp(1.45rem,1.55vw,1.65rem);line-height:1.55;color:var(--mp-muted);max-width:50ch}.ui-matcha-promo--align-center .ui-matcha-promo__description{margin-inline:auto}.ui-matcha-promo--card .ui-matcha-promo__description{font-size:1.4rem;line-height:1.5}.ui-matcha-promo__note{margin:0 0 clamp(1.4rem,2vw,1.8rem);font-family:var(--mp-serif);font-size:1.25rem;line-height:1.5;color:var(--mp-quiet)}.ui-matcha-promo__note em{font-style:italic}.ui-matcha-promo__cta-row{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:flex-start;gap:1.1rem 1.8rem;margin:0}.ui-matcha-promo__cta{display:inline-flex;align-items:baseline;gap:.55em;color:inherit;text-decoration:none;font-family:var(--font-body-family, sans-serif);font-size:.86rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;line-height:1;padding:.55rem 0 .7rem;position:relative}.ui-matcha-promo__cta-label{position:relative;display:inline-block}.ui-matcha-promo__cta-label:after{content:"";position:absolute;left:0;right:0;bottom:-.55rem;height:1px;background:currentColor;transform-origin:left center;transition:transform .5s cubic-bezier(.4,0,.2,1)}.ui-matcha-promo__cta-arrow{display:inline-block;font-style:normal;transition:transform .4s cubic-bezier(.22,1,.36,1)}@media(hover:hover){.ui-matcha-promo__cta:hover .ui-matcha-promo__cta-label:after,.ui-matcha-promo__cta:focus-visible .ui-matcha-promo__cta-label:after{transform:scaleX(0);transform-origin:right center}.ui-matcha-promo__cta:hover .ui-matcha-promo__cta-arrow,.ui-matcha-promo__cta:focus-visible .ui-matcha-promo__cta-arrow{transform:translate(.4em)}}.ui-matcha-promo__cta:focus-visible{outline:2px solid rgba(var(--mp-accent),.55);outline-offset:4px;border-radius:2px}.ui-matcha-promo__price{display:inline-flex;align-items:baseline;gap:.5rem;font-family:var(--mp-serif);font-size:1.45rem;color:var(--mp-muted)}.ui-matcha-promo__price-label{font-family:var(--font-body-family, sans-serif);font-size:.72rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--mp-quiet)}.ui-matcha-promo__price-value{font-weight:500;letter-spacing:-.01em}.ui-matcha-promo--card .ui-matcha-promo__media{width:100%}.ui-matcha-promo--card .ui-matcha-promo__cta-row{gap:.8rem 1.4rem}@media screen and (max-width:749px){.ui-matcha-promo--split,.ui-matcha-promo--stacked{grid-template-columns:1fr;gap:1.8rem}.ui-matcha-promo__heading{font-size:clamp(1.95rem,5.6vw,2.4rem)}.ui-matcha-promo__description{font-size:1.45rem}}@media(prefers-reduced-motion:reduce){.ui-matcha-promo__image,.ui-matcha-promo__heading-link,.ui-matcha-promo__cta-arrow,.ui-matcha-promo__cta-label:after{transition:none}.ui-matcha-promo:hover .ui-matcha-promo__image{transform:none}}@media print{.ui-matcha-promo{background:transparent;border:0;box-shadow:none}.ui-matcha-promo__cta-arrow{display:none}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/ui-matcha-promo.css.map */