:root{--aoi-green:#627B3A;--aoi-cream:#FBF8F2;--aoi-text:#2C2C2C;--aoi-beige:#F3EFE8}#aoi-guide{position:relative;overflow:hidden;background:var(--aoi-cream)}.hero{min-height:100vh;display:flex;justify-content:center;align-items:center;position:relative;padding:120px 40px}.hero-content{max-width:900px;width:100%;text-align:center;position:relative;z-index:5;animation:fadeHero 1.5s ease}.hero-kicker{letter-spacing:6px;font-size:13px;font-weight:600;color:var(--aoi-green);margin-bottom:20px}.hero h1{font-family:Cormorant Garamond,serif;font-size:clamp(72px,10vw,150px);line-height:.88;font-weight:600;letter-spacing:-2px;color:#222;margin:0}.hero-subtitle{margin-top:45px;font-size:30px;font-family:Cormorant Garamond,serif;font-style:italic;line-height:1.6;color:#555;opacity:.9;animation:fadeSubtitle 2s ease}.hero-button{margin-top:70px;padding:22px 54px;border-radius:999px;background:#5b7d2b;color:#fff;font-size:18px;font-weight:600;letter-spacing:.5px;cursor:pointer;transition:.35s;border:none;box-shadow:0 15px 40px #0000001f}.hero-button:hover{transform:translateY(-6px);box-shadow:0 30px 60px #0000002e;background:#6e8b42}.hero-button:after{content:"";position:absolute;left:50%;top:50%;width:0;height:0;background:#ffffff2e;border-radius:50%;transition:.5s;transform:translate(-50%,-50%)}.hero-button:hover:after{width:350px;height:350px}.hero-button{overflow:hidden;position:relative}.hero-button span{display:inline-block;margin-left:15px;transition:.35s}.hero-button:hover span{transform:translateY(5px)}.hero-background{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.hero-background:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 20% 30%,rgba(91,125,43,.08),transparent 35%),radial-gradient(circle at 80% 70%,rgba(91,125,43,.05),transparent 40%),linear-gradient(#fbf8f2,#fbf8f2);animation:gradientMove 20s linear infinite}.aoi-story{position:relative;background:#fbf8f2;padding:180px 30px 200px;overflow:hidden}.aoi-story:before{content:"";position:absolute;width:700px;height:700px;border-radius:50%;background:#627b3a09;top:5%;left:50%;transform:translate(-50%);filter:blur(30px)}.aoi-story-inner{position:relative;max-width:850px;margin:0 auto;text-align:center}.aoi-story-eyebrow,.aoi-eyebrow{display:block;margin-bottom:30px;color:#627b3a;font-size:11px;font-weight:600;letter-spacing:4px;text-transform:uppercase}.aoi-story-title{margin:0;color:#252525;font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(58px,8vw,105px);line-height:.9;font-weight:500;letter-spacing:-2px}.aoi-story-divider{width:45px;height:1px;background:#627b3a;margin:55px auto;opacity:.7}.aoi-story-lead{max-width:700px;margin:0 auto 35px;color:#383838;font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(27px,3vw,38px);line-height:1.35;font-style:italic}.aoi-story-text{max-width:610px;margin:0 auto 20px;color:#666;font-size:17px;line-height:1.9}.aoi-tools{position:relative;padding:150px 30px;background:#f2eee6}.aoi-tools-inner{max-width:1250px;margin:0 auto}.aoi-section-heading{max-width:800px;margin-bottom:80px}.aoi-section-heading h2{margin:0 0 30px;color:#252525;font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(48px,6vw,82px);line-height:.95;font-weight:500;letter-spacing:-1.5px}.aoi-section-heading p{max-width:600px;color:#666;font-size:17px;line-height:1.8}.aoi-tools-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.aoi-tool-card{position:relative;min-height:430px;padding:35px;background:#ffffffa6;border:1px solid rgba(40,40,40,.07);transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s ease,background .5s ease}.aoi-tool-card:hover{transform:translateY(-10px);background:#fff;box-shadow:0 25px 60px #28282814}.aoi-tool-number{color:#627b3a;font-size:11px;letter-spacing:2px}.aoi-tool-icon{width:95px;height:95px;margin:45px 0 40px;display:flex;align-items:center;justify-content:center}.aoi-tool-icon svg{width:85px;height:85px;fill:none;stroke:#627b3a;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.aoi-tool-card h3{margin:0 0 18px;color:#252525;font-family:Cormorant Garamond,Georgia,serif;font-size:32px;font-weight:600}.aoi-tool-card p{margin:0;color:#707070;font-size:14px;line-height:1.75}.aoi-transition{position:relative;padding:220px 30px;background:#fbf8f2;text-align:center;overflow:hidden}.aoi-transition-inner{max-width:900px;margin:0 auto}.aoi-transition-line{width:1px;height:90px;margin:0 auto 50px;background:#627b3a;opacity:.5}.aoi-transition span{display:block;margin-bottom:30px;color:#627b3a;font-size:11px;letter-spacing:4px;font-weight:600}.aoi-transition h2{margin:0;color:#252525;font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(48px,7vw,90px);line-height:.95;font-weight:500;letter-spacing:-1.5px}.aoi-transition p{margin:40px 0 0;color:#777;font-family:Cormorant Garamond,Georgia,serif;font-size:25px;font-style:italic}.aoi-transition-arrow{margin-top:60px;color:#627b3a;font-size:30px;animation:aoiArrowFloat 2.5s ease-in-out infinite}@keyframes aoiArrowFloat{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}.aoi-recipe{position:relative;padding:180px 30px;background:#f2eee6;overflow:hidden}.aoi-recipe-inner{max-width:1200px;margin:0 auto}.aoi-recipe-intro{max-width:850px;margin-bottom:150px}.aoi-recipe-intro h2{margin:0 0 35px;color:#252525;font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(70px,10vw,135px);line-height:.82;font-weight:500;letter-spacing:-3px}.aoi-recipe-intro p{max-width:600px;margin:0;color:#666;font-size:18px;line-height:1.8}.aoi-step{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center;min-height:650px;margin-bottom:120px}.aoi-step-reverse{direction:rtl}.aoi-step-reverse>*{direction:ltr}.aoi-step-visual{position:relative;min-height:520px;display:flex;align-items:center;justify-content:center;background:#fbf8f2;overflow:hidden}.aoi-step-circle{position:absolute;top:30px;left:30px;width:45px;height:45px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(98,123,58,.35);border-radius:50%;color:#627b3a;font-size:12px}.aoi-step-visual-content{color:#627b3a;font-family:Cormorant Garamond,Georgia,serif;font-size:150px;line-height:1;font-weight:500}.aoi-step-content{max-width:500px}.aoi-step-label{display:block;margin-bottom:25px;color:#627b3a;font-size:11px;letter-spacing:3px;font-weight:600}.aoi-step-content h3{margin:0 0 30px;color:#252525;font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(45px,5vw,70px);line-height:.95;font-weight:500;letter-spacing:-1px}.aoi-step-content p{margin:0 0 30px;color:#666;font-size:17px;line-height:1.8}.aoi-step-tip{display:block;padding-left:20px;border-left:1px solid #627b3a;color:#777;font-size:13px;line-height:1.7}.aoi-temperature{display:flex;align-items:baseline;gap:8px;color:#627b3a;font-family:Cormorant Garamond,Georgia,serif}.aoi-temperature strong{font-size:clamp(80px,10vw,140px);line-height:1;font-weight:500}.aoi-temperature span{font-size:30px}.aoi-whisk-demo{position:relative;width:180px;height:180px}.aoi-whisk-demo span{position:absolute;left:50%;bottom:10px;width:2px;height:155px;background:#627b3a;transform-origin:bottom center;opacity:.7}.aoi-whisk-demo span:nth-child(1){transform:translate(-50%) rotate(-28deg)}.aoi-whisk-demo span:nth-child(2){transform:translate(-50%) rotate(-14deg)}.aoi-whisk-demo span:nth-child(3){transform:translate(-50%)}.aoi-whisk-demo span:nth-child(4){transform:translate(-50%) rotate(14deg)}.aoi-whisk-demo span:nth-child(5){transform:translate(-50%) rotate(28deg)}.aoi-result{position:relative;padding:145px 30px 155px;background:#627b3a;color:#fff;text-align:center;overflow:hidden}.aoi-result-inner{position:relative;max-width:800px;margin:0 auto}.aoi-result .aoi-eyebrow{display:block;margin-bottom:28px;color:#ffffffc7}.aoi-result h2{position:relative;z-index:2;margin:0;font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(58px,8vw,105px);line-height:.9;font-weight:500;letter-spacing:-2px}.aoi-result p{position:relative;z-index:2;max-width:520px;margin:38px auto 0;color:#ffffffd1;font-family:Cormorant Garamond,Georgia,serif;font-size:23px;line-height:1.5;font-style:italic}.aoi-result-ring{position:absolute;width:560px;height:560px;border:1px solid rgba(255,255,255,.12);border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}.aoi-result-ring:before{content:"";position:absolute;top:48px;right:48px;bottom:48px;left:48px;border:1px solid rgba(255,255,255,.07);border-radius:50%}@media screen and (max-width:900px){.aoi-tools-grid{grid-template-columns:repeat(2,1fr)}.aoi-step{grid-template-columns:1fr;gap:50px;min-height:auto}.aoi-step-reverse{direction:ltr}.aoi-step-visual{min-height:400px}}@media screen and (max-width:600px){.aoi-story{padding:120px 22px 140px}.aoi-tools{padding:110px 22px}.aoi-tools-grid{grid-template-columns:1fr}.aoi-tool-card{min-height:auto;padding:30px}.aoi-transition{padding:150px 22px}.aoi-recipe{padding:120px 22px}.aoi-recipe-intro,.aoi-step{margin-bottom:90px}.aoi-step-visual{min-height:330px}.aoi-step-visual-content{font-size:110px}.aoi-temperature strong{font-size:90px}.aoi-result{padding:105px 22px 115px}.aoi-result .aoi-eyebrow{margin-bottom:22px}.aoi-result h2{font-size:clamp(52px,15vw,78px);line-height:.9}.aoi-result p{margin-top:30px;font-size:21px;line-height:1.45}.aoi-result-ring{width:360px;height:360px}}.aoi-reveal{opacity:0;transform:translateY(45px);transition:opacity 1s cubic-bezier(.2,.65,.2,1),transform 1s cubic-bezier(.2,.65,.2,1)}.aoi-reveal.aoi-is-visible{opacity:1;transform:translateY(0)}.aoi-tools-grid .aoi-tool-card:nth-child(2){transition-delay:.08s}.aoi-tools-grid .aoi-tool-card:nth-child(3){transition-delay:.16s}.aoi-tools-grid .aoi-tool-card:nth-child(4){transition-delay:.24s}.aoi-story{padding:130px 30px 150px}.aoi-tools{padding:110px 30px}.aoi-section-heading{margin-bottom:55px}.aoi-transition{padding:150px 30px}.aoi-recipe{padding:130px 30px}.aoi-recipe-intro{margin-bottom:90px}.aoi-step{min-height:520px;margin-bottom:80px;gap:70px}.aoi-step-visual{min-height:440px}@media screen and (max-width:600px){.aoi-story{padding:85px 22px 95px}.aoi-tools{padding:80px 22px}.aoi-section-heading{margin-bottom:45px}.aoi-transition{padding:90px 22px}.aoi-recipe{padding:85px 22px}.aoi-recipe-intro{margin-bottom:55px}.aoi-step{margin-bottom:60px;gap:30px}.aoi-step-visual{min-height:235px}.aoi-step-visual-content{font-size:90px}.aoi-temperature strong{font-size:72px}.aoi-whisk-demo{width:140px;height:140px}.aoi-whisk-demo span{height:120px}.aoi-step-content h3,.aoi-step-content p{margin-bottom:20px}}.aoi-story{padding:90px 30px 100px}.aoi-story-eyebrow{margin-bottom:22px}.aoi-story-divider{margin:35px auto}.aoi-tools{padding:85px 30px}.aoi-section-heading{margin-bottom:50px}.aoi-transition{padding:90px 30px}.aoi-transition-line{height:55px;margin-bottom:35px}.aoi-transition span{margin-bottom:20px}.aoi-transition p{margin-top:25px}.aoi-transition-arrow{margin-top:35px}.aoi-recipe{padding:90px 30px}.aoi-recipe-intro{margin-bottom:65px}.aoi-step{min-height:480px;gap:55px;margin-bottom:65px}.aoi-step-visual{min-height:400px}.aoi-result{padding:90px 30px}.aoi-result p{margin-top:30px}@media screen and (max-width:600px){.aoi-story{padding:65px 22px 75px}.aoi-story-eyebrow{margin-bottom:18px}.aoi-story-divider{margin:28px auto}.aoi-tools{padding:60px 22px}.aoi-section-heading{margin-bottom:35px}.aoi-transition{padding:65px 22px}.aoi-transition-line{height:40px;margin-bottom:25px}.aoi-transition span{margin-bottom:15px}.aoi-transition p{margin-top:20px}.aoi-transition-arrow{margin-top:25px}.aoi-recipe{padding:65px 22px}.aoi-recipe-intro{margin-bottom:45px}.aoi-step{gap:25px;margin-bottom:50px}.aoi-step-visual{min-height:220px}.aoi-result{padding:70px 22px}.aoi-result p{margin-top:25px}.aoi-result-ring{width:360px;height:360px}}.aoi-prep-svg{width:210px;height:210px;display:block;color:#627b3a}@media screen and (max-width:600px){.aoi-prep-svg{width:175px;height:175px}}.aoi-step-visual{display:flex;align-items:center;justify-content:center}.aoi-step-visual-content{width:100%;min-height:300px;display:flex;align-items:center;justify-content:center;background:transparent!important;border:none!important;box-shadow:none!important}.aoi-prep-svg{display:block;width:240px;height:240px;max-width:100%;margin:0 auto;color:#627b3a;overflow:visible}.aoi-step-visual-content>svg{position:relative;left:0;top:0;margin:0 auto}@media screen and (max-width:600px){.aoi-step-visual-content{min-height:250px}.aoi-prep-svg{width:200px;height:200px}}.aoi-step:nth-child(1) .aoi-step-visual,.aoi-step:nth-child(1) .aoi-step-visual-content{background:transparent!important;background-color:transparent!important;border:none!important;box-shadow:none!important}.aoi-step:nth-child(1) .aoi-prep-svg{background:transparent!important}.aoi-recipe .aoi-step-visual,.aoi-recipe .aoi-step-visual-content{background:transparent!important}.aoi-step-one-svg{cursor:pointer;transform-origin:90px 90px;transition:transform .5s cubic-bezier(.22,1,.36,1)}.aoi-step-one-svg.is-active{transform:translateY(-5px) scale(1.025)}.aoi-step-one-svg .sieve-group{transform-origin:90px 48px;transition:transform .6s cubic-bezier(.22,1,.36,1)}.aoi-step-one-svg.is-active .sieve-group{transform:translateY(-8px)}.aoi-step-one-svg .matcha-particle{opacity:0;transform:translateY(-8px);transition:opacity .25s ease,transform .7s cubic-bezier(.22,1,.36,1)}.aoi-step-one-svg.is-active .matcha-particle{opacity:1;transform:translateY(0)}.aoi-step-one-svg.is-active .matcha-particle:nth-child(1){transition-delay:.05s}.aoi-step-one-svg.is-active .matcha-particle:nth-child(2){transition-delay:.12s}.aoi-step-one-svg.is-active .matcha-particle:nth-child(3){transition-delay:.18s}.aoi-step-one-svg.is-active .matcha-particle:nth-child(4){transition-delay:.24s}.aoi-step-one-svg.is-active .matcha-particle:nth-child(5){transition-delay:.3s}.aoi-step-one-svg{cursor:pointer}.aoi-step-one-svg:hover{transform:translateY(-4px) scale(1.015);transition:transform .55s cubic-bezier(.22,1,.36,1)}.aoi-step-one-svg .sieve-group{transform-box:fill-box;transform-origin:center;transition:transform .55s cubic-bezier(.22,1,.36,1)}.aoi-step-one-svg:hover .sieve-group{transform:translateY(-7px)}.aoi-step-one-svg .matcha-particle{opacity:0;transform:translateY(-7px);transition:opacity .25s ease,transform .65s cubic-bezier(.22,1,.36,1)}.aoi-step-one-svg:hover .matcha-particle{opacity:1;transform:translateY(0)}.aoi-step-one-svg:hover .matcha-particle:nth-of-type(1){transition-delay:.05s}.aoi-step-one-svg:hover .matcha-particle:nth-of-type(2){transition-delay:.1s}.aoi-step-one-svg:hover .matcha-particle:nth-of-type(3){transition-delay:.15s}.aoi-step-one-svg:hover .matcha-particle:nth-of-type(4){transition-delay:.2s}.aoi-step-one-svg:hover .matcha-particle:nth-of-type(5){transition-delay:.25s}.aoi-step-one-svg:hover .matcha-particle:nth-of-type(6){transition-delay:.3s}.aoi-step-one-svg:hover .matcha-particle:nth-of-type(7){transition-delay:.35s}.aoi-step-one-svg:hover .matcha-particle:nth-of-type(8){transition-delay:.4s}.aoi-step-one-svg{transition:transform .8s cubic-bezier(.22,1,.36,1)!important}.aoi-step-one-svg .sieve-group{transform-box:fill-box;transform-origin:center center;transition:transform .8s cubic-bezier(.22,1,.36,1)!important}.aoi-step-one-svg.is-visible .sieve-group{transform:translate3d(0,-10px,0)!important}.aoi-step-one-svg .matcha-particle{opacity:0;transform:translate3d(0,-12px,0);transition:opacity .3s ease,transform .8s cubic-bezier(.22,1,.36,1)!important}.aoi-step-one-svg.is-visible .matcha-particle{opacity:1;transform:translateZ(0)!important}.aoi-step-one-svg .sieve-group{transform-box:fill-box;transform-origin:center center}.aoi-step-one-svg.is-visible .sieve-group{animation:aoiSieveMove 5.5s ease-in-out infinite}.aoi-step-one-svg .matcha-particle{opacity:0;transform:translateY(-12px)}.aoi-step-one-svg.is-visible .matcha-particle{animation:aoiMatchaFall 5.5s ease-in-out infinite}.aoi-step-one-svg.is-visible .matcha-particle:nth-of-type(1){animation-delay:.15s}.aoi-step-one-svg.is-visible .matcha-particle:nth-of-type(2){animation-delay:.25s}.aoi-step-one-svg.is-visible .matcha-particle:nth-of-type(3){animation-delay:.35s}.aoi-step-one-svg.is-visible .matcha-particle:nth-of-type(4){animation-delay:.45s}.aoi-step-one-svg.is-visible .matcha-particle:nth-of-type(5){animation-delay:.55s}.aoi-step-one-svg.is-visible .matcha-particle:nth-of-type(6){animation-delay:.65s}.aoi-step-one-svg.is-visible .matcha-particle:nth-of-type(7){animation-delay:.75s}.aoi-step-one-svg.is-visible .matcha-particle:nth-of-type(8){animation-delay:.85s}@keyframes aoiSieveMove{0%{transform:translateY(0)}15%{transform:translateY(-10px)}30%{transform:translateY(-10px)}45%{transform:translateY(0)}to{transform:translateY(0)}}@keyframes aoiMatchaFall{0%{opacity:0;transform:translateY(-14px)}15%{opacity:1;transform:translateY(0)}38%{opacity:1;transform:translateY(12px)}50%{opacity:0;transform:translateY(20px)}to{opacity:0;transform:translateY(20px)}}.aoi-step-two-svg .aoi-water-stream,.aoi-step-two-svg .aoi-water-surface{transform-box:fill-box;transform-origin:center}.aoi-step-two-svg.is-visible .aoi-water-stream{animation:aoiWaterPour 5.5s ease-in-out infinite}.aoi-step-two-svg.is-visible .aoi-water-surface{animation:aoiWaterRipple 5.5s ease-in-out infinite}@keyframes aoiWaterPour{0%{opacity:.35;transform:translateY(-3px)}12%{opacity:1;transform:translateY(0)}30%{opacity:1;transform:translateY(3px)}45%{opacity:.7;transform:translateY(0)}55%{opacity:.35;transform:translateY(-2px)}to{opacity:.35;transform:translateY(-2px)}}@keyframes aoiWaterRipple{0%{transform:scaleX(1);opacity:.45}15%{transform:scaleX(1.02);opacity:.7}30%{transform:scaleX(.96);opacity:.9}45%{transform:scaleX(1.03);opacity:.6}60%{transform:scaleX(1);opacity:.45}to{transform:scaleX(1);opacity:.45}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/aoi-guide.css.map */