.matcha-guide-hero{overflow:hidden;position:relative}.matcha-guide-hero__inner{text-align:center;max-width:90rem;margin:0 auto}.matcha-guide-hero__badge{display:inline-flex;align-items:center;padding:.8rem 2rem;background:linear-gradient(135deg,rgba(var(--color-foreground),.1),rgba(var(--color-foreground),.05));border:1px solid rgba(var(--color-foreground),.15);border-radius:100px;font-size:1.3rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:rgb(var(--color-foreground));margin-bottom:3rem;animation:fade-in-down .8s ease-out}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.matcha-guide-hero__title{font-size:5.6rem;font-weight:700;line-height:1.1;margin:0 0 2.4rem;color:rgb(var(--color-foreground));animation:fade-in-up .8s ease-out .2s both}@media screen and (max-width: 989px){.matcha-guide-hero__title{font-size:4rem}}@media screen and (max-width: 749px){.matcha-guide-hero__title{font-size:3.2rem}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.matcha-guide-hero__description{font-size:2rem;line-height:1.6;color:rgba(var(--color-foreground),.75);margin:0 0 4rem;max-width:72rem;margin-left:auto;margin-right:auto;animation:fade-in-up .8s ease-out .4s both}@media screen and (max-width: 989px){.matcha-guide-hero__description{font-size:1.8rem}}@media screen and (max-width: 749px){.matcha-guide-hero__description{font-size:1.6rem}}.matcha-guide-hero__media{margin-top:5rem;border-radius:2rem;overflow:hidden;box-shadow:0 20px 60px rgba(var(--color-foreground),.15);animation:fade-in-up .8s ease-out .6s both}.matcha-guide-hero__image{width:100%;height:auto;display:block;transition:transform .5s cubic-bezier(.4,0,.2,1)}.matcha-guide-hero__media:hover .matcha-guide-hero__image{transform:scale(1.02)}.matcha-guide-steps{background-color:rgba(var(--color-foreground),.02)}.matcha-guide-steps__header{text-align:center;margin-bottom:6rem;max-width:72rem;margin-left:auto;margin-right:auto}.matcha-guide-steps__title{font-size:4rem;font-weight:700;margin:0 0 1.6rem;color:rgb(var(--color-foreground))}@media screen and (max-width: 749px){.matcha-guide-steps__title{font-size:3rem}}.matcha-guide-steps__description{font-size:1.8rem;color:rgba(var(--color-foreground),.7)}@media screen and (max-width: 749px){.matcha-guide-steps__description{font-size:1.6rem}}.matcha-guide-steps__grid{display:grid;grid-template-columns:1fr;gap:3.2rem}@media screen and (min-width: 750px){.matcha-guide-steps__grid{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width: 990px){.matcha-guide-steps__grid{grid-template-columns:repeat(3,1fr)}}.matcha-guide-steps__step{position:relative;background:rgb(var(--color-background));border:2px solid rgba(var(--color-foreground),.1);border-radius:1.6rem;padding:3.2rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column}.matcha-guide-steps__step:hover{border-color:rgba(var(--color-foreground),.2);box-shadow:0 12px 48px rgba(var(--color-foreground),.1);transform:translateY(-4px)}.matcha-guide-steps__step-number{position:absolute;top:-1.6rem;left:3.2rem;width:4rem;height:4rem;background:rgb(var(--color-foreground));color:rgb(var(--color-background));border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.8rem;font-weight:700;box-shadow:0 4px 16px rgba(var(--color-foreground),.2)}.matcha-guide-steps__step-icon{width:6rem;height:6rem;margin:1.6rem 0 2rem;color:rgb(var(--color-foreground));background:linear-gradient(135deg,rgba(var(--color-foreground),.08),rgba(var(--color-foreground),.04));border-radius:1.2rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.matcha-guide-steps__step-title{font-size:2.2rem;font-weight:600;margin:0 0 1.2rem;color:rgb(var(--color-foreground))}@media screen and (max-width: 749px){.matcha-guide-steps__step-title{font-size:1.8rem}}.matcha-guide-steps__step-description{font-size:1.5rem;line-height:1.6;color:rgba(var(--color-foreground),.75);flex-grow:1}@media screen and (max-width: 749px){.matcha-guide-steps__step-description{font-size:1.4rem}}.matcha-guide-steps__step-image{margin-top:2rem;border-radius:1.2rem;overflow:hidden;box-shadow:0 4px 16px rgba(var(--color-foreground),.08)}.matcha-guide-steps__step-image img{width:100%;height:auto;display:block}.matcha-guide-tips__header{text-align:center;margin-bottom:6rem;max-width:72rem;margin-left:auto;margin-right:auto}.matcha-guide-tips__title{font-size:4rem;font-weight:700;margin:0 0 1.6rem;color:rgb(var(--color-foreground))}@media screen and (max-width: 749px){.matcha-guide-tips__title{font-size:3rem}}.matcha-guide-tips__description{font-size:1.8rem;color:rgba(var(--color-foreground),.7)}@media screen and (max-width: 749px){.matcha-guide-tips__description{font-size:1.6rem}}.matcha-guide-tips__grid{display:grid;grid-template-columns:1fr;gap:2.4rem}@media screen and (min-width: 750px){.matcha-guide-tips__grid{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width: 990px){.matcha-guide-tips__grid{grid-template-columns:repeat(4,1fr)}}.matcha-guide-tips__tip{background:rgb(var(--color-background));border:1px solid rgba(var(--color-foreground),.1);border-radius:1.2rem;padding:2.4rem;transition:all .3s ease;display:flex;flex-direction:column}.matcha-guide-tips__tip:hover{border-color:rgba(var(--color-foreground),.2);box-shadow:0 8px 24px rgba(var(--color-foreground),.08);transform:translateY(-2px)}.matcha-guide-tips__tip-icon{width:4.8rem;height:4.8rem;background:linear-gradient(135deg,rgba(var(--color-foreground),.1),rgba(var(--color-foreground),.05));border-radius:1rem;display:flex;align-items:center;justify-content:center;color:rgb(var(--color-foreground));margin-bottom:1.6rem;flex-shrink:0}.matcha-guide-tips__tip-title{font-size:1.8rem;font-weight:600;margin:0 0 1rem;color:rgb(var(--color-foreground))}@media screen and (max-width: 749px){.matcha-guide-tips__tip-title{font-size:1.6rem}}.matcha-guide-tips__tip-description{font-size:1.4rem;line-height:1.6;color:rgba(var(--color-foreground),.7)}@media screen and (max-width: 749px){.matcha-guide-tips__tip-description{font-size:1.3rem}}.matcha-guide-tools__header{text-align:center;margin-bottom:6rem;max-width:72rem;margin-left:auto;margin-right:auto}.matcha-guide-tools__title{font-size:4rem;font-weight:700;margin:0 0 1.6rem;color:rgb(var(--color-foreground))}@media screen and (max-width: 749px){.matcha-guide-tools__title{font-size:3rem}}.matcha-guide-tools__description{font-size:1.8rem;color:rgba(var(--color-foreground),.7)}@media screen and (max-width: 749px){.matcha-guide-tools__description{font-size:1.6rem}}.matcha-guide-tools__grid{display:grid;grid-template-columns:1fr;gap:3.2rem}@media screen and (min-width: 750px){.matcha-guide-tools__grid{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width: 990px){.matcha-guide-tools__grid{grid-template-columns:repeat(4,1fr)}}.matcha-guide-tools__tool{text-align:center;background:rgb(var(--color-background));border:1px solid rgba(var(--color-foreground),.1);border-radius:1.6rem;padding:2.4rem;transition:all .3s ease;display:flex;flex-direction:column}.matcha-guide-tools__tool:hover{border-color:rgba(var(--color-foreground),.2);box-shadow:0 12px 48px rgba(var(--color-foreground),.1);transform:translateY(-4px)}.matcha-guide-tools__tool-image{margin-bottom:2rem;border-radius:1.2rem;overflow:hidden;aspect-ratio:1 / 1;background:rgba(var(--color-foreground),.03)}.matcha-guide-tools__tool-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.matcha-guide-tools__tool:hover .matcha-guide-tools__tool-image img{transform:scale(1.05)}.matcha-guide-tools__tool-title{font-size:2rem;font-weight:600;margin:0 0 1rem;color:rgb(var(--color-foreground))}@media screen and (max-width: 749px){.matcha-guide-tools__tool-title{font-size:1.8rem}}.matcha-guide-tools__tool-description{font-size:1.4rem;line-height:1.6;color:rgba(var(--color-foreground),.7)}@media screen and (max-width: 749px){.matcha-guide-tools__tool-description{font-size:1.3rem}}@media screen and (max-width: 749px){.matcha-guide-hero__inner,.matcha-guide-steps__inner,.matcha-guide-tips__inner,.matcha-guide-tools__inner{padding-left:1.5rem;padding-right:1.5rem}.matcha-guide-steps__step,.matcha-guide-tips__tip,.matcha-guide-tools__tool{padding:2rem}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/matcha-guide.css.map */