.te-matcha{--te-matcha-gutter: 15px;--te-matcha-gap: 32px;--te-matcha-ease: cubic-bezier(.2, .7, .2, 1);--te-matcha-label-font: var(--te-card-detail-font, var(--te-matcha-text-font));position:relative;padding:var(--te-space-band) 0;overflow:hidden;background:var(--te-matcha-bg);color:var(--te-matcha-text);font-family:var(--te-matcha-text-font)}.te-matcha--pad-small{padding:calc(var(--te-space-band) * .75) 0}.te-matcha--pad-large{padding:calc(var(--te-space-band) * 1.25) 0}@media screen and (min-width:769px){.te-matcha{--te-matcha-gutter: 50px}}@media screen and (min-width:1008px){.te-matcha{--te-matcha-gap: clamp(40px, 6vw, 112px);--te-matcha-photo-max: max(400px, calc(100vh - var(--header-height, 0px) - 48px))}}@media screen and (min-width:1240px){.te-matcha .Container{max-width:1316px;padding:0 50px}}@media screen and (min-width:1401px){.te-matcha .Container{padding:0}}.te-matcha__story{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"head" "visual" "body"}.te-matcha__head{grid-area:head;margin-bottom:28px}.te-matcha__visual{grid-area:visual;position:relative}.te-matcha__body{grid-area:body;padding-top:32px}@media screen and (min-width:768px)and (max-width:1007px){.te-matcha__head,.te-matcha__body{max-width:36rem}}@media screen and (min-width:1008px){.te-matcha__story{grid-template-columns:minmax(0,6fr) minmax(0,5fr);grid-template-rows:1fr auto auto 1fr;grid-template-areas:"visual ." "visual head" "visual body" "visual .";column-gap:var(--te-matcha-gap)}.te-matcha--image-right .te-matcha__story{grid-template-columns:minmax(0,5fr) minmax(0,6fr);grid-template-areas:". visual" "head visual" "body visual" ". visual"}.te-matcha__visual{align-self:center}.te-matcha__head,.te-matcha__body{max-width:34rem}.te-matcha--image-right .te-matcha__head,.te-matcha--image-right .te-matcha__body{justify-self:end;width:100%}.te-matcha__body{padding-top:0}}.te-matcha__media{position:relative;overflow:hidden;aspect-ratio:var(--te-matcha-ratio-mobile, 1 / 1);background-color:var(--te-matcha-line);background-position:center;background-size:cover}@media screen and (min-width:768px)and (max-width:1007px){.te-matcha__media{aspect-ratio:5 / 4}}@media screen and (min-width:1008px){.te-matcha__media{width:100%;aspect-ratio:var(--te-matcha-ratio, 4 / 5);max-height:var(--te-matcha-photo-max, 88vh)}}.te-matcha__image{position:absolute;top:0;left:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center}.te-matcha__media .te-matcha__image{object-position:var(--te-matcha-focus, center)}.te-matcha__media--placeholder svg{fill:var(--te-matcha-line);background:#fff6}.te-matcha__inset{display:none}@media screen and (min-width:1008px){.te-matcha__inset{position:absolute;right:calc(var(--te-matcha-gap) * -.5);bottom:-40px;z-index:1;display:block;box-sizing:border-box;width:min(32%,260px,calc(var(--te-matcha-photo-max, 800px) * .32));padding:10px;background:var(--te-matcha-bg)}.te-matcha--image-right .te-matcha__inset{right:auto;left:calc(var(--te-matcha-gap) * -.5)}}.te-matcha__inset-media{position:relative;overflow:hidden;aspect-ratio:4 / 5;background-color:var(--te-matcha-line);background-position:center;background-size:cover}.te-matcha__badge{position:absolute;top:14px;right:14px;z-index:1;display:flex;align-items:center;justify-content:center;width:88px;height:88px;border-radius:50%;background:var(--te-matcha-bg);color:var(--te-matcha-ink);pointer-events:none}@media screen and (min-width:1008px){.te-matcha__badge{top:28px;right:28px;width:124px;height:124px}.te-matcha--image-right .te-matcha__badge{right:auto;left:28px}}.te-matcha__badge-ring{position:absolute;top:0;left:0;width:100%;height:100%;overflow:visible;animation:te-matcha-spin 24s linear infinite}.te-matcha.is-offscreen .te-matcha__badge-ring{animation-play-state:paused}.te-matcha__badge-text{font-family:var(--te-matcha-label-font);font-size:11px;font-weight:var(--te-card-detail-weight-medium, 500);text-transform:uppercase;fill:currentColor}.te-matcha__badge-leaf{width:26%;height:26%;fill:var(--te-matcha-accent)}@keyframes te-matcha-spin{to{transform:rotate(360deg)}}.te-matcha__eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 18px;font-family:var(--te-matcha-label-font);font-size:11px;font-weight:var(--te-card-detail-weight-medium, 500);line-height:1.4;letter-spacing:.22em;text-transform:uppercase;color:var(--te-matcha-ink)}.te-matcha__dot{flex:none;width:7px;height:7px;border-radius:50%;background:var(--te-matcha-accent)}.te-matcha .te-matcha__heading{margin:0;font-family:var(--te-matcha-heading-font);font-size:clamp(30px,8.4vw,38px);font-weight:var(--te-matcha-heading-weight, 400);line-height:1.12;letter-spacing:-.01em;text-transform:none;color:var(--te-matcha-ink);text-wrap:balance}@media screen and (min-width:768px){.te-matcha .te-matcha__heading{font-size:44px}}@media screen and (min-width:1008px){.te-matcha .te-matcha__heading{font-size:clamp(34px,min(3.3vw,6vh),54px);line-height:1.08}}.te-matcha__text{font-size:15px;line-height:1.75;color:var(--te-matcha-text);text-wrap:pretty}.te-matcha__text p{margin:0 0 1em}.te-matcha__text p:last-child{margin-bottom:0}.te-matcha .te-matcha__text a{color:var(--te-matcha-ink);text-decoration:underline;text-underline-offset:3px}@media screen and (min-width:1008px){.te-matcha__text{font-size:16px}}.te-matcha .te-matcha__drinks{margin:32px 0 36px;padding:0;list-style:none;border-top:1px solid var(--te-matcha-line)}.te-matcha .te-matcha__drink{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:4px 16px;margin:0;padding:16px 0;border-bottom:1px solid var(--te-matcha-line)}.te-matcha__drink-name{font-family:var(--te-matcha-heading-font);font-weight:var(--te-matcha-heading-weight, 400);font-size:18px;line-height:1.3;color:var(--te-matcha-ink)}.te-matcha__drink-price{grid-column:2;grid-row:1;font-family:var(--te-matcha-label-font);font-size:13px;letter-spacing:.04em;font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--te-matcha-ink)}.te-matcha__drink-text{grid-column:1 / -1;font-family:var(--te-matcha-label-font);font-size:13.5px;line-height:1.55;color:var(--te-matcha-text);text-wrap:pretty}@media screen and (min-width:1008px){.te-matcha__drink-name{font-size:19px}}.te-matcha__actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px 32px}.te-matcha .te-matcha__button,.te-matcha .te-matcha__button:hover,.te-matcha .te-matcha__button:focus{display:inline-flex;align-items:center;justify-content:center;gap:14px;box-sizing:border-box;min-height:52px;padding:0 30px;background:var(--te-matcha-ink);font-family:var(--te-matcha-label-font);font-size:12px;font-weight:var(--te-card-detail-weight-medium, 500);letter-spacing:.18em;text-transform:uppercase;text-decoration:none;color:var(--te-matcha-button-text);transition:background-color .3s ease}.te-matcha .te-matcha__button:hover{background:var(--te-matcha-ink-hover)}.te-matcha__arrow{flex:none;width:20px;height:10px;fill:none;stroke:currentColor;stroke-width:1.2;transition:transform .35s var(--te-matcha-ease)}.te-matcha__button:hover .te-matcha__arrow{transform:translate(4px)}.te-matcha .te-matcha__link,.te-matcha .te-matcha__link:hover,.te-matcha .te-matcha__link:focus{display:inline-block;padding:4px 0;background:linear-gradient(currentColor,currentColor) left bottom / 100% 1px no-repeat;font-family:var(--te-matcha-label-font);font-size:12px;font-weight:var(--te-card-detail-weight-medium, 500);line-height:1.5;letter-spacing:.18em;text-transform:uppercase;text-decoration:none;color:var(--te-matcha-ink)}@media(hover:hover){.te-matcha .te-matcha__link:hover{animation:te-matcha-underline .7s var(--te-matcha-ease)}}@keyframes te-matcha-underline{0%{background-position:right bottom;background-size:100% 1px}45%{background-position:right bottom;background-size:0 1px}46%{background-position:left bottom;background-size:0 1px}to{background-position:left bottom;background-size:100% 1px}}.te-matcha .te-matcha__button:focus-visible,.te-matcha .te-matcha__link:focus-visible{outline:2px solid var(--te-matcha-ink);outline-offset:4px}@media screen and (max-width:767px){.te-matcha__actions{flex-direction:column;align-items:stretch}.te-matcha .te-matcha__button{width:100%}.te-matcha .te-matcha__actions .te-matcha__link{align-self:center}}.te-matcha__meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;margin:28px 0 0;font-family:var(--te-matcha-label-font);font-size:13px;line-height:1.5;color:var(--te-matcha-text)}.te-matcha__pin{flex:none;width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.4}@media screen and (max-width:767px){.te-matcha__meta{justify-content:center}}.te-matcha__shop{margin-top:56px;padding-top:32px;border-top:1px solid var(--te-matcha-line)}@media screen and (min-width:768px){.te-matcha__shop{margin-top:72px;padding-top:40px}}@media screen and (min-width:1008px){.te-matcha__shop{margin-top:104px;padding-top:48px}}@media screen and (min-width:1008px){.te-matcha__eyebrow{margin-bottom:clamp(12px,1.9vh,18px)}.te-matcha__head{margin-bottom:clamp(18px,2.9vh,28px)}.te-matcha .te-matcha__drinks{margin:clamp(20px,3.3vh,32px) 0 clamp(24px,3.7vh,36px)}.te-matcha .te-matcha__drink{padding:clamp(10px,1.65vh,16px) 0}.te-matcha__meta{margin-top:clamp(16px,2.9vh,28px)}.te-matcha__shop{margin-top:clamp(72px,11vh,104px)}}@media screen and (min-width:1008px)and (max-height:820px){.te-matcha__text{line-height:1.6}.te-matcha__drink-name{font-size:17px}}.te-matcha__shop-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px 24px;margin-bottom:24px}.te-matcha .te-matcha__shop-title{margin:0;font-family:var(--te-matcha-heading-font);font-size:22px;font-weight:var(--te-matcha-heading-weight, 400);line-height:1.2;letter-spacing:0;text-transform:none;color:var(--te-matcha-ink)}@media screen and (min-width:1008px){.te-matcha__shop-head{margin-bottom:32px}.te-matcha .te-matcha__shop-title{font-size:28px}}.te-matcha .te-matcha__products{display:flex;margin:0 calc(-1 * var(--te-matcha-gutter));padding:0 calc(var(--te-matcha-gutter) - 8px);list-style:none;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding:0 calc(var(--te-matcha-gutter) - 8px);overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none}.te-matcha__products::-webkit-scrollbar{display:none}.te-matcha .te-matcha__product{flex:0 0 auto;box-sizing:border-box;width:44%;margin:0;padding:0 8px;scroll-snap-align:start}@media screen and (min-width:768px){.te-matcha .te-matcha__product{width:31%}}@media screen and (min-width:1008px){.te-matcha .te-matcha__products{display:grid;grid-template-columns:repeat(var(--te-matcha-columns, 4),minmax(0,1fr));gap:40px 24px;margin:0;padding:0;overflow:visible}.te-matcha .te-matcha__product{width:auto;padding:0}}.te-matcha__placeholder-text{margin:12px 0 0;font-family:var(--te-matcha-label-font);font-size:13px;color:var(--te-matcha-text)}.te-matcha[data-te-reveal=ready] [data-te-matcha-item]{opacity:0;transform:translateY(16px)}.te-matcha[data-te-reveal=ready] .is-revealed [data-te-matcha-item]{opacity:1;transform:none;transition:opacity .8s var(--te-matcha-ease),transform .8s var(--te-matcha-ease);transition-delay:calc(var(--te-matcha-i, 0) * 90ms)}.te-matcha[data-te-reveal=ready] .te-matcha__media .te-matcha__image{transform:scale(1.06)}.te-matcha[data-te-reveal=ready] .is-revealed .te-matcha__media .te-matcha__image{transform:none;transition:transform 1.6s var(--te-matcha-ease)}@media(prefers-reduced-motion:reduce){.te-matcha__badge-ring{animation:none}.te-matcha[data-te-reveal] [data-te-matcha-item],.te-matcha[data-te-reveal] .te-matcha__media .te-matcha__image{opacity:1;transform:none;transition:none}.te-matcha .te-matcha__link:hover{animation:none}.te-matcha__arrow{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/34/assets/te-matcha.css.map */