@keyframes ojiFadeUp{0%{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}@keyframes ojiScaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes ojiFadeIn{0%{opacity:0}to{opacity:1}}.oji-why-matcha{position:relative;padding:clamp(80px,12vw,160px) 0;overflow:hidden;background-color:#f5f3ee}.oji-why-matcha__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background-color:#f7f5f0;background-size:350px 350px;background-repeat:repeat;opacity:.35}.oji-why-matcha__bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#f7f5f0f2,#f7f5f0b3 30% 70%,#f7f5f0f2);pointer-events:none}.oji-why-matcha__container{position:relative;z-index:1;width:min(1200px,100%);margin:0 auto;padding:0 clamp(24px,5vw,80px);display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,6vw,100px);align-items:center}.oji-why-matcha__content{display:flex;flex-direction:column;align-items:flex-start}.oji-why-matcha__kicker{font-family:Poppins,sans-serif;font-size:clamp(11px,1.2vw,13px);font-weight:500;letter-spacing:.25em;text-transform:uppercase;color:#9bad87;margin-bottom:1rem;opacity:0;transform:translateY(32px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);transition-delay:.1s}.oji-why-matcha__title{font-family:Cormorant Garamond,Times New Roman,serif;font-size:clamp(32px,5vw,56px);font-weight:400;font-style:italic;line-height:1.15;color:#2a3e2f;margin:0 0 1.25rem;opacity:0;transform:translateY(32px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);transition-delay:.2s}.oji-why-matcha__subtitle{font-family:Poppins,sans-serif;font-size:clamp(14px,1.4vw,17px);font-weight:300;line-height:1.7;color:#2a3e2fbf;max-width:48ch;margin:0 0 2.5rem;opacity:0;transform:translateY(32px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);transition-delay:.35s}.oji-why-matcha__benefits{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(20px,3vw,32px);margin-bottom:2.5rem;width:100%}.oji-why-matcha__benefit{display:flex;align-items:flex-start;gap:16px;opacity:0;transform:translateY(24px);transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1)}.oji-why-matcha__benefit:nth-child(1){transition-delay:.45s}.oji-why-matcha__benefit:nth-child(2){transition-delay:.55s}.oji-why-matcha__benefit:nth-child(3){transition-delay:.65s}.oji-why-matcha__benefit:nth-child(4){transition-delay:.75s}.oji-why-matcha__benefit-icon{flex-shrink:0;width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:#9bad871f;border-radius:12px;transition:transform .3s ease,background .3s ease}.oji-why-matcha__benefit-icon img{width:36px;height:36px;object-fit:contain;opacity:.85;transition:opacity .3s ease}.oji-why-matcha__benefit:hover .oji-why-matcha__benefit-icon{background:#9bad8738;transform:translateY(-2px)}.oji-why-matcha__benefit:hover .oji-why-matcha__benefit-icon img{opacity:1}.oji-why-matcha__benefit-text{flex:1}.oji-why-matcha__benefit-title{font-family:Poppins,sans-serif;font-size:clamp(14px,1.3vw,16px);font-weight:500;color:#2a3e2f;margin:0 0 6px;line-height:1.3}.oji-why-matcha__benefit-desc{font-family:Poppins,sans-serif;font-size:clamp(12px,1.1vw,14px);font-weight:300;line-height:1.55;color:#2a3e2fb3;margin:0}.oji-why-matcha__cta{display:inline-flex;align-items:center;gap:12px;font-family:Poppins,sans-serif;font-size:13px;font-weight:400;letter-spacing:.18em;text-transform:uppercase;text-decoration:none;color:#2a3e2f;background:transparent;border:1px solid #2A3E2F;padding:14px 32px;border-radius:0;position:relative;overflow:hidden;opacity:0;transform:translateY(24px);transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1),color .35s cubic-bezier(.4,0,.2,1),border-color .35s cubic-bezier(.4,0,.2,1);transition-delay:.85s}.oji-why-matcha__cta:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#2a3e2f;transform:scaleX(0);transform-origin:right;transition:transform .4s cubic-bezier(.4,0,.2,1);z-index:-1}.oji-why-matcha__cta:hover{color:#fff;border-color:#2a3e2f}.oji-why-matcha__cta:hover:before{transform:scaleX(1);transform-origin:left}.oji-why-matcha__cta svg{width:16px;height:16px;transition:transform .35s cubic-bezier(.4,0,.2,1);stroke-width:1.5}.oji-why-matcha__cta:hover svg{transform:translate(4px)}.oji-why-matcha__media{display:flex;justify-content:center;align-items:center;opacity:0;transform:scale(.9);transition:opacity 1s cubic-bezier(.16,1,.3,1),transform 1s cubic-bezier(.16,1,.3,1);transition-delay:.3s}.oji-why-matcha__illustration{position:relative;width:100%;max-width:480px;aspect-ratio:1 / 1}.oji-why-matcha__illustration:before{content:"";position:absolute;top:-10%;right:-10%;bottom:-10%;left:-10%;background:radial-gradient(circle at center,rgba(155,173,135,.12) 0%,transparent 70%);border-radius:50%;z-index:0;opacity:0;transition:opacity 1.2s ease;transition-delay:.5s}.oji-why-matcha.oji-in-view .oji-why-matcha__illustration:before{opacity:1}.oji-why-matcha__illustration img{position:relative;z-index:1;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 8px 32px rgba(42,62,47,.1))}@media (max-width: 899px){.oji-why-matcha{padding:clamp(60px,10vw,100px) 0}.oji-why-matcha__container{grid-template-columns:1fr;gap:clamp(32px,6vw,48px);text-align:center}.oji-why-matcha__content{align-items:center;order:2}.oji-why-matcha__media{order:1}.oji-why-matcha__illustration{max-width:280px}.oji-why-matcha__subtitle{text-align:center;max-width:38ch}.oji-why-matcha__benefits{grid-template-columns:1fr;gap:24px;max-width:360px;margin-left:auto;margin-right:auto}.oji-why-matcha__benefit{text-align:left}.oji-why-matcha__benefit-icon{width:48px;height:48px}.oji-why-matcha__benefit-icon img{width:30px;height:30px}}@media (max-width: 549px){.oji-why-matcha__illustration{max-width:220px}.oji-why-matcha__title{font-size:clamp(28px,8vw,36px)}.oji-why-matcha__benefits{max-width:300px}.oji-why-matcha__cta{padding:12px 24px;font-size:12px}}.oji-why-matcha.oji-in-view .oji-why-matcha__kicker,.oji-why-matcha.oji-in-view .oji-why-matcha__title,.oji-why-matcha.oji-in-view .oji-why-matcha__subtitle,.oji-why-matcha.oji-in-view .oji-why-matcha__benefit,.oji-why-matcha.oji-in-view .oji-why-matcha__cta,.oji-why-matcha.oji-in-view .oji-why-matcha__media{opacity:1;transform:translateY(0) scale(1)}@media (prefers-reduced-motion: reduce){.oji-why-matcha__kicker,.oji-why-matcha__title,.oji-why-matcha__subtitle,.oji-why-matcha__benefit,.oji-why-matcha__cta,.oji-why-matcha__media,.oji-why-matcha__illustration:before{opacity:1!important;transform:none!important;transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/oji-why-matcha.css.map */