.matcha-showcase{--matcha-space: clamp(3.5rem, 7vw, 7rem);background:var(--matcha-background);color:var(--matcha-text)}.matcha-showcase--space-top,.matcha-showcase--space-both{padding-top:var(--matcha-space)}.matcha-showcase--space-bottom,.matcha-showcase--space-both{padding-bottom:var(--matcha-space)}.matcha-showcase__inner{display:grid;gap:clamp(2.5rem,6vw,6rem);width:min(100%,1500px);margin:0 auto;padding-right:7%;padding-left:7%}.matcha-showcase__content{align-self:center}.matcha-showcase__eyebrow{margin:0 0 .75rem;color:var(--matcha-accent);font-size:1rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.matcha-showcase h2{max-width:12ch;margin:0 0 1.25rem;color:inherit;font-size:clamp(2.5rem,5vw,5rem);line-height:1.02}.matcha-showcase__introduction{max-width:38rem;margin-bottom:clamp(2rem,4vw,3rem)}.matcha-showcase__introduction p{color:inherit;font-size:clamp(1.08rem,1.5vw,1.3rem);line-height:1.65}.matcha-showcase__introduction p:last-child,.matcha-showcase__step .rte p:last-child{margin-bottom:0}.matcha-showcase__steps,.matcha-showcase__flavours{margin:0;padding:0;list-style:none}.matcha-showcase__steps{border-bottom:1px solid rgba(38,49,41,.34);border-bottom:1px solid color-mix(in srgb,var(--matcha-text) 34%,transparent)}.matcha-showcase__step{display:grid;grid-template-columns:2.75rem minmax(0,1fr);gap:1rem;padding:1.5rem 0;border-top:1px solid rgba(38,49,41,.34);border-top:1px solid color-mix(in srgb,var(--matcha-text) 34%,transparent)}.matcha-showcase__step-number{display:grid;width:2.75rem;height:2.75rem;border-radius:50%;background:var(--matcha-accent);color:#fff;font-size:1.15rem;font-weight:700;place-items:center}.matcha-showcase__step h3{margin:.2rem 0 .5rem;color:inherit;font-family:var(--heading-family);font-size:clamp(1.35rem,2vw,1.75rem);line-height:1.2}.matcha-showcase__step .rte,.matcha-showcase__step .rte p{color:inherit;font-size:var(--font-size);line-height:1.6}.matcha-showcase__flavours{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1rem}.matcha-showcase__flavour{display:flex;min-width:0;max-width:100%;min-height:44px;padding:.65rem .85rem;border:1px solid rgba(38,49,41,.3);border:1px solid color-mix(in srgb,var(--matcha-text) 30%,transparent);background:var(--matcha-panel);color:var(--matcha-text);flex-direction:column;justify-content:center;line-height:1.25;overflow-wrap:anywhere}.matcha-showcase__flavour span{font-size:var(--font-size);font-weight:600}.matcha-showcase__flavour small{margin-top:.2rem;color:var(--matcha-accent);font-size:.9rem;font-weight:600}.matcha-showcase__step--foam>div{padding:1rem;border-left:4px solid var(--matcha-accent);background:var(--matcha-panel)}.matcha-showcase__step--foam h3{margin-top:0}.matcha-showcase__action{margin-top:clamp(3rem,5vw,4rem);padding:0 .55rem .55rem 0}.matcha-showcase a.button.matcha-showcase__button{position:relative;z-index:0;display:inline-flex;min-height:48px;margin:0;padding:.8rem 1.5rem;border:1px solid var(--button-text);background:var(--button-bg);color:var(--button-text);isolation:isolate;align-items:center;justify-content:center;line-height:1.25}.matcha-showcase a.button.matcha-showcase__button:after{position:absolute;z-index:-1;top:.45rem;left:.45rem;width:100%;height:100%;border:1px solid var(--button-text);background:var(--button-bg);content:"";transition:transform .2s ease}.matcha-showcase a.button.matcha-showcase__button:hover{border-color:var(--button-text);background:var(--button-bg);color:var(--button-text)}.matcha-showcase a.button.matcha-showcase__button:hover:after{transform:translate(-.25rem,-.25rem)}.matcha-showcase__gallery{display:grid;min-height:620px;grid-template-columns:repeat(8,minmax(0,1fr));grid-template-rows:repeat(10,minmax(0,1fr))}.matcha-showcase__gallery[data-image-count="1"]{display:block;min-height:0}.matcha-showcase__image{position:relative;z-index:1;min-height:180px;margin:0;overflow:hidden;background:var(--matcha-panel);box-shadow:0 18px 45px #2631292e}.matcha-showcase__image img{width:100%;height:100%;object-fit:cover}.matcha-showcase__gallery[data-image-count="1"] .matcha-showcase__image img{height:auto;max-height:720px;object-fit:cover}.matcha-showcase__image--1{grid-row:1 / 8;grid-column:1 / 7}.matcha-showcase__image--2{z-index:2;grid-row:6 / 11;grid-column:5 / 9}.matcha-showcase__image--3{z-index:3;grid-row:8 / 11;grid-column:1 / 5}.matcha-showcase__image--4{z-index:2;grid-row:1 / 5;grid-column:7 / 9}.matcha-showcase__image:nth-child(n+5){min-height:220px;grid-column:span 4}@media(min-width:990px){.matcha-showcase__inner{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.matcha-showcase--no-images .matcha-showcase__inner{grid-template-columns:minmax(0,760px);justify-content:center}}@media(max-width:989px){.matcha-showcase__gallery{min-height:560px}}@media(max-width:767px){.matcha-showcase{--matcha-space: 3.5rem}.matcha-showcase__inner{padding-right:5%;padding-left:5%}.matcha-showcase__step{grid-template-columns:2.5rem minmax(0,1fr)}.matcha-showcase__step-number{width:2.5rem;height:2.5rem}.matcha-showcase__gallery{display:grid;min-height:0;gap:.75rem;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto}.matcha-showcase__gallery[data-image-count="1"]{display:block}.matcha-showcase__image,.matcha-showcase__image--1,.matcha-showcase__image--2,.matcha-showcase__image--3,.matcha-showcase__image--4,.matcha-showcase__image:nth-child(n+5){min-height:180px;grid-row:auto;grid-column:auto}.matcha-showcase__image:first-child{min-height:280px;grid-column:1 / -1}.matcha-showcase a.button.matcha-showcase__button{width:100%;text-align:center}}@media(prefers-reduced-motion:reduce){.matcha-showcase *,.matcha-showcase *:before,.matcha-showcase *:after{scroll-behavior:auto!important}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/section-matcha-showcase.css.map */