.hero-scroll-story{isolation:isolate;height:var(--hero-height);touch-action:pan-y pinch-zoom;cursor:grab;background:color-mix(in srgb,var(--brand) 7%,white);position:relative;overflow:hidden}.hero-scroll-story:focus-visible{outline:3px solid var(--brand);outline-offset:-3px}.story-carousel-track{will-change:transform;align-items:flex-start;width:100%;height:100%;transition:transform .85s cubic-bezier(.22,.68,.18,1);display:flex}.is-dragging{cursor:grabbing;-webkit-user-select:none;user-select:none}.is-dragging .story-carousel-track,.is-snapping .story-carousel-track{transition:none}.hero-scroll-story .story-frame{min-width:0;height:var(--hero-height);min-height:var(--hero-height);background:radial-gradient(ellipse at 78% 48%,color-mix(in srgb,var(--brand) 18%,white),transparent 55%),color-mix(in srgb,var(--brand) 6%,white);flex:0 0 100%;position:relative;overflow:hidden}.story-texture{pointer-events:none;opacity:.2;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.72' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.13' filter='url(%23noise)'/%3E%3C/svg%3E");position:absolute;inset:0}.story-carousel .wrap{width:calc(100% - 144px);max-width:1180px}.story-main{height:var(--hero-height);align-items:center;padding-block:14px;display:flex;position:relative}.story-panel{z-index:3;width:51%;padding-right:20px;position:relative}.story-frame .hero-copy{align-self:auto;max-width:100%}.story-frame .hero-copy .eyebrow{letter-spacing:1.4px;max-width:none;font-size:10px;line-height:1.5}.story-frame .hero-copy h1,.story-frame .hero-copy h2{letter-spacing:-2.3px;white-space:normal;margin-top:11px;font-size:clamp(38px,4vw,57px);font-weight:500;line-height:1.04}.story-frame .hero-copy h1 em,.story-frame .hero-copy h2 em{color:var(--brand);font-style:normal}.story-frame .hero-copy>p{max-width:490px;color:color-mix(in srgb,var(--ink) 81%,white);margin-top:13px;font-size:16px;line-height:1.6}.story-frame .hero-note{max-width:490px;color:color-mix(in srgb,var(--ink) 78%,white);align-items:flex-start;margin-top:11px;font-size:12px;line-height:1.45}.story-frame .hero-note svg{color:var(--brand);flex-shrink:0;margin-top:2px}.story-frame .story-copy-consumption h2,.story-frame .story-copy-benefits h2{font-size:clamp(36px,3.7vw,52px)}.story-frame .story-copy-consumption>p,.story-frame .story-copy-benefits>p{margin-top:10px;line-height:1.5}.story-servings{gap:0;max-width:470px;margin:13px 0 0;padding:0;display:flex}.story-servings>div{border-left:1px solid color-mix(in srgb,var(--ink) 15%,transparent);flex:1;padding-left:16px}.story-servings>div:first-child{border-left:0;padding-left:0}.story-servings dt{letter-spacing:.4px;font-size:12px}.story-servings dd{letter-spacing:-1px;margin:3px 0 0;font-family:Manrope,Arial,sans-serif;font-size:25px;line-height:1.2}.story-servings dd span{letter-spacing:.1px;color:color-mix(in srgb,var(--ink) 79%,white);margin-top:3px;font-family:DM Sans,Arial,sans-serif;font-size:12px;display:block}.story-frame .story-consumption-note{max-width:490px;margin-top:10px;font-size:12px;line-height:1.4}.story-benefits{gap:14px;max-width:510px;margin:14px 0 0;padding:0;list-style:none;display:flex}.story-benefits li{border-top:1px solid color-mix(in srgb,var(--brand) 29%,transparent);flex:1;gap:6px;min-width:0;padding-top:9px;display:flex}.story-benefits li>svg{color:var(--brand);flex-shrink:0;margin-top:2px}.story-benefits strong{font-size:15px;font-weight:600;line-height:1.35;display:block}.story-benefits li span{color:color-mix(in srgb,var(--ink) 80%,white);margin-top:3px;font-size:12px;line-height:1.45;display:block}.story-bottom{z-index:5;margin-top:18px;position:relative}.story-frame .hero-actions{flex-direction:row;align-items:center;gap:20px;margin:0}.story-frame .hero-actions .button{border-radius:6px;min-height:42px;padding:11px 17px;font-size:12px}.story-frame .hero-actions .text-link{align-items:center;gap:6px;font-size:11px;display:flex}.story-footer-line{margin-top:8px;display:flex}.story-source{color:color-mix(in srgb,var(--ink) 78%,white);text-underline-offset:3px;text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb,var(--ink) 27%,transparent);text-decoration-color:color-mix(in srgb,var(--ink) 27%,transparent);flex-shrink:0;align-items:center;font-size:11px;line-height:1.4;display:inline-flex}.story-art-stage{z-index:3;height:calc(var(--hero-height) - 30px);pointer-events:none;grid-template-columns:51% 49%;display:grid;position:absolute;top:12px;left:50%;transform:translate(-50%)}.story-art-column{grid-column:2;min-width:0;height:100%;position:relative}.story-art-scene{z-index:1;position:absolute;inset:0}.story-visual{width:100%;height:100%;position:relative}.story-orb{aspect-ratio:1;border:1px solid color-mix(in srgb,var(--brand) 21%,transparent);border-radius:50%;width:min(80%,310px);position:absolute;top:48%;left:50%;transform:translate(-50%,-50%)rotate(16deg)}.story-orb-one:after{content:"";opacity:.45;border:1px solid #fff;border-radius:50%;position:absolute;inset:16px}.story-orb-two{opacity:.57;border-style:dashed;width:min(94%,350px);animation:70s linear infinite story-orbit}.story-orbit-dot{background:var(--brand);width:6px;height:6px;box-shadow:0 0 0 5px color-mix(in srgb,var(--brand) 12%,transparent);border-radius:50%;animation:10s ease-in-out infinite story-dot;position:absolute;top:12%;left:12%}.story-ground{background:radial-gradient(ellipse,color-mix(in srgb,var(--brand) 16%,transparent),transparent 65%);height:65px;position:absolute;bottom:5px;left:5%;right:5%}.story-pack-wrap{z-index:3;transform-origin:50%;width:48%;height:80%;position:absolute;top:8%;right:4%;transform:rotate(-9deg)}.story-pack{object-fit:contain;filter:drop-shadow(6px 10px 10px #154d3627);width:100%;height:100%;animation:7s ease-in-out infinite story-pack-breathe}.story-tea-photo{width:min(67%,326px,calc(var(--hero-height) - 120px));aspect-ratio:1;z-index:2;background:#fff;border:6px solid #ffffffb8;border-radius:50%;animation:6s ease-in-out infinite story-photo-float;position:absolute;top:5%;left:4%;overflow:hidden;box-shadow:0 12px 30px #104c3f15}.story-image-scale{width:100%;height:100%;transform:scale(var(--story-image-scale));transform-origin:var(--story-image-x) var(--story-image-y)}.story-tea-photo img{object-fit:var(--story-image-fit);object-position:var(--story-image-x) var(--story-image-y);width:100%;max-width:none;height:100%;animation:8s ease-in-out infinite alternate story-photo-breathe}.story-editorial-photo{aspect-ratio:auto;border-width:6px;border-radius:100px 100px 30px 30px;width:calc(100% - 48px);height:calc(100% - 28px);animation:7s ease-in-out infinite story-editorial-float;top:14px;left:24px}.story-art-scene-2 .story-editorial-photo{border-color:#ffffff42;animation-name:story-ingredients-float}.story-spark{border:1px solid color-mix(in srgb,var(--brand) 36%,transparent);z-index:2;border-radius:50%;animation:8s ease-in-out infinite story-spark;position:absolute}.story-spark-one{width:12px;height:12px;top:4%;left:7%}.story-spark-two{width:7px;height:7px;bottom:4%;right:7%}.story-caption{text-align:center;color:var(--ink);z-index:4;font:italic 13px Georgia,serif;position:absolute;bottom:0;left:5%;right:5%}.hero-scroll-story .story-scene-2{background:radial-gradient(ellipse at 80% 35%,color-mix(in srgb,var(--brand) 32%,transparent),transparent 65%),var(--ink);color:#fff}.story-scene-2 .hero-copy h2{color:#fff}.story-scene-2 .hero-copy h2 em{color:color-mix(in srgb,var(--brand) 65%,white)}.story-frame.story-scene-2 .hero-copy .eyebrow,.story-scene-2 .story-source{color:#d9eee5}.story-frame.story-scene-2 .hero-copy>p,.story-scene-2 .story-benefits li span{color:#d7e8df}.story-scene-2 .story-benefits strong{color:#fff}.story-scene-2 .hero-actions .primary{color:var(--ink);background:#fff;border-color:#fff}.story-scene-2 .hero-actions .text-link{color:#fff;border-color:#76b09a}.story-carousel>.story-arrow{z-index:8;border:1px solid color-mix(in srgb,var(--brand) 35%,white);width:46px;height:46px;color:var(--ink);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;background:#ffffffd9;border-radius:50%;place-items:center;padding:0;transition:transform .25s,background .25s,color .25s,box-shadow .25s;display:grid;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 4px 20px #104c3f16}.story-carousel>.story-arrow-previous{left:14px}.story-carousel>.story-arrow-next{right:14px}:is(.story-carousel>.story-arrow:hover,.story-carousel>.story-arrow:focus-visible){background:var(--brand);color:#fff;box-shadow:0 0 0 6px color-mix(in srgb,var(--brand) 19%,transparent),0 8px 24px #104c3f30;outline:2px solid var(--brand);outline-offset:3px;transform:translateY(-50%)scale(1.12)}.story-motion-control{z-index:8;width:28px;height:28px;color:var(--ink);background:#ffffffb3;border:1px solid #104c3f30;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;top:12px;right:23px}:is(.story-motion-control:hover,.story-motion-control:focus-visible){background:var(--brand);color:#fff;outline:2px solid var(--brand);outline-offset:2px}.story-no-motion *,.story-no-motion :before,.story-no-motion :after{transition:none!important;animation:none!important}@keyframes story-orbit{to{transform:translate(-50%,-50%)rotate(376deg)}}@keyframes story-dot{50%{opacity:.5;transform:translate(12px,-8px)}}@keyframes story-pack-breathe{50%{transform:translateY(-5px)rotate(1deg)}}@keyframes story-spark{50%{opacity:.4;transform:translateY(-6px)scale(.8)}}@keyframes story-photo-breathe{0%{transform:scale(1.02)}to{transform:scale(1.07)}}@keyframes story-photo-float{0%,to{transform:rotate(-2deg)translateY(0)}50%{transform:rotate(-1deg)translateY(-4px)}}@keyframes story-editorial-float{0%,to{transform:rotate(-1deg)translateY(0)}50%{transform:rotate(0)translateY(-4px)}}@keyframes story-ingredients-float{0%,to{transform:rotate(1deg)translateY(0)}50%{transform:rotate(0)translateY(-4px)}}@media (max-width:1000px) and (min-width:701px){.story-carousel .wrap{width:calc(100% - 120px)}.story-panel{width:54%;padding-right:15px}.story-art-stage{grid-template-columns:54% 46%}.story-frame .hero-copy h1,.story-frame .hero-copy h2,.story-frame .story-copy-consumption h2,.story-frame .story-copy-benefits h2{letter-spacing:-1.7px;font-size:39px}.story-frame .hero-copy>p{font-size:14px}.story-benefits{gap:9px}.story-benefits strong{font-size:13px}.story-editorial-photo{width:calc(100% - 24px);left:12px}.story-pack-wrap{width:46%;right:2%}.story-tea-photo:not(.story-editorial-photo){width:67%;top:17%;left:2%}}@media (max-width:700px){.story-carousel .wrap{width:calc(100% - 36px)}.story-main{height:var(--hero-height);align-items:stretch;padding:0}.story-panel{width:100%;height:100%;padding:0}.story-frame .hero-copy{height:calc(var(--hero-height) - 88px);z-index:4;flex-direction:column;justify-content:center;width:100%;padding:0;display:flex;position:relative}.story-frame .hero-copy .eyebrow{letter-spacing:.8px;gap:5px;max-width:60%;font-size:8px;line-height:1.5}.story-frame .hero-copy .little-line{flex-shrink:0;width:12px}.story-frame .hero-copy h1,.story-frame .hero-copy h2,.story-frame .story-copy-consumption h2,.story-frame .story-copy-benefits h2{letter-spacing:-1.3px;max-width:59%;margin-top:11px;font-size:clamp(25px,7.3vw,34px);line-height:1.07}.story-frame .hero-copy>p,.story-frame .story-copy-consumption>p,.story-frame .story-copy-benefits>p{max-width:56%;margin-top:11px;font-size:14px;line-height:1.5}.story-frame .hero-note{gap:5px;max-width:58%;margin-top:10px;font-size:11px;line-height:1.4}.story-frame .hero-note svg{width:11px;height:11px}.story-servings{z-index:5;border-top:1px solid color-mix(in srgb,var(--brand) 22%,transparent);max-width:none;margin-top:14px;padding-top:10px;position:relative}.story-servings>div{padding-left:12px}.story-servings dt{font-size:12px}.story-servings dd{margin-top:4px;font-size:24px;line-height:1.15}.story-servings dd span{margin-top:2px;font-size:12px}.story-frame .story-consumption-note{max-width:100%;margin-top:10px;font-size:11px;line-height:1.4}.story-benefits{z-index:5;gap:12px;max-width:none;margin-top:15px;position:relative}.story-benefits li{padding-top:9px;display:block}.story-benefits li>svg{width:12px;height:12px;margin-bottom:3px}.story-benefits strong{font-size:13px;line-height:1.35}.story-benefits li span{margin-top:3px;font-size:12px;line-height:1.4}.story-bottom{flex-direction:column;justify-content:flex-end;height:88px;margin-top:0;padding-bottom:12px;display:flex}.story-frame .hero-actions{flex-wrap:wrap;align-items:center;gap:16px;margin:0}.story-frame .hero-actions .button{gap:6px;min-height:40px;padding:10px 11px;font-size:11px}.story-frame .hero-actions .button svg{width:14px;height:14px}.story-frame .hero-actions .text-link{gap:4px;font-size:10px}.story-footer-line{margin-top:7px}.story-source{font-size:10px}.story-art-stage{grid-template-columns:62% 38%;height:230px;top:52px}.story-art-scene-0 .story-visual{padding-top:10px}.story-pack-wrap{width:91%;height:70%;top:14px;right:5%;transform:rotate(-6deg)}.story-tea-photo{border-width:4px;width:95%;top:83px;left:2.5%}.story-editorial-photo{aspect-ratio:auto;border-width:4px;border-radius:65px 65px 22px 22px;width:calc(100% - 8px);height:145px;top:0;left:4px}.story-art-scene-1 .story-editorial-photo{height:135px;top:-8px}.story-orb{width:94%;top:49%}.story-orb-two{width:106%}.story-orbit-dot{width:4px;height:4px;top:4%;left:5%}.story-spark-one{width:8px;height:8px;top:0;left:2%}.story-spark-two,.story-caption,.story-ground,.story-carousel>.story-arrow{display:none}.story-motion-control{width:25px;height:25px;top:10px;right:18px}}@media (max-width:350px){.story-frame .hero-copy h1,.story-frame .hero-copy h2,.story-frame .story-copy-consumption h2,.story-frame .story-copy-benefits h2{font-size:25px}.story-frame .hero-copy .eyebrow{letter-spacing:.5px;font-size:7px}.story-frame .hero-copy>p,.story-frame .story-copy-consumption>p,.story-frame .story-copy-benefits>p{font-size:13px}.story-benefits{gap:8px}.story-benefits strong{font-size:12px}.story-benefits li span{font-size:11px}.story-frame .hero-actions{gap:10px}.story-frame .hero-actions .button{padding-inline:9px;font-size:10px}.story-frame .hero-actions .text-link{font-size:9px}.story-editorial-photo{height:135px}.story-tea-photo:not(.story-editorial-photo){top:94px}}@media (prefers-reduced-motion:reduce){.story-carousel-track,.hero-scroll-story{transition:none!important}.hero-scroll-story *{transition:none!important;animation:none!important}}.story-frame{--story-image-fit:var(--story-image-fit-pc);--story-image-scale:var(--story-image-scale-pc);--story-image-x:var(--story-image-x-pc);--story-image-y:var(--story-image-y-pc)}.hero-scroll-story .story-full-frame{background:var(--paper)}.story-full-image{pointer-events:none;position:absolute;inset:0;overflow:hidden}.story-full-image img{object-fit:var(--story-image-fit);object-position:var(--story-image-x) var(--story-image-y);width:100%;max-width:none;height:100%;box-shadow:none;filter:none;border:0;border-radius:0;display:block}@media (max-width:700px){.hero-scroll-story{height:var(--story-mobile-viewport-height,var(--hero-height));transition:height .85s cubic-bezier(.22,.68,.18,1)}.hero-scroll-story.story-no-motion{transition:none!important}.story-frame{--story-image-fit:var(--story-image-fit-mobile);--story-image-scale:var(--story-image-scale-mobile);--story-image-x:var(--story-image-x-mobile);--story-image-y:var(--story-image-y-mobile)}.hero-scroll-story .story-full-frame{height:var(--story-mobile-frame-height,var(--hero-height));min-height:0}}.site{--cinema-pan-x:0;--cinema-pan-y:0}[data-motion-scene]{--cinema-progress:.5;--cinema-entry:1}.story-film-art{width:100%;height:100%;position:relative}.story-film-copy{position:relative}.cinema-running .story-film-art{transform:perspective(1000px) translate3d(calc(var(--cinema-pan-x)*9px),calc((var(--cinema-progress) - .5)*-46px + var(--cinema-pan-y)*5px),0) rotateY(calc(var(--cinema-pan-x)*-3deg)) rotateX(calc(var(--cinema-pan-y)*2deg));transform-origin:50%}.cinema-running .story-film-copy{transform:translate3d(0,calc((var(--cinema-progress) - .5)*-15px),0)}.story-film-art .story-visual{transform-origin:50%}.cinema-running .story-frame[data-cinema-active=true] .story-visual{animation:1.05s cubic-bezier(.16,1,.3,1) both cinema-art-enter}.cinema-running .story-frame[data-cinema-active=true] .hero-copy>.eyebrow{animation:.9s cubic-bezier(.16,1,.3,1) both cinema-copy-enter}.cinema-running .story-frame[data-cinema-active=true] .hero-copy>h1,.cinema-running .story-frame[data-cinema-active=true] .hero-copy>h2{animation:1.1s cubic-bezier(.16,1,.3,1) 35ms both cinema-copy-enter}.cinema-running .story-frame[data-cinema-active=true] .hero-copy>p,.cinema-running .story-frame[data-cinema-active=true] .story-bottom{animation:1.1s cubic-bezier(.16,1,.3,1) 90ms both cinema-copy-enter}.cinema-running .story-frame[data-cinema-active=true] .story-benefits li{animation:1s cubic-bezier(.16,1,.3,1) both cinema-benefit-enter;animation-delay:calc(var(--benefit-order)*.13s + .12s)}.cinema-running .story-benefits li>svg{background:#ffffff15;border-radius:50%;transition:background .3s;box-shadow:0 0 0 5px #ffffff0a}.cinema-running .story-art-scene-2 .story-tea-photo img{animation:10s ease-in-out infinite alternate cinema-ingredients-camera}.cinema-running .story-pack{animation:7s ease-in-out infinite cinema-pack-camera}.cinema-running .story-art-scene-1 .story-tea-photo img{animation:10s ease-in-out infinite alternate cinema-consumption-camera}.cinema-running .product-section.revealed{animation:none}.product-camera{pointer-events:none;place-items:center;width:100%;height:100%;display:grid;position:relative}.catalog .product-camera{width:auto;height:auto;position:absolute;inset:38px 15px 10px}.catalog .product-photo .product-camera img{width:100%;height:100%;inset:0}.cinema-running .product-camera{transform:perspective(850px) translate3d(0,calc((1 - var(--cinema-entry))*24px + (var(--cinema-progress) - .5)*-20px),0) rotateX(calc((1 - var(--cinema-entry))*7deg)) rotateZ(calc((1 - var(--cinema-entry))*-3deg)) scale(calc(.88 + var(--cinema-entry)*.12));opacity:calc(.55 + var(--cinema-entry)*.45);transform-origin:50% 65%}.cinema-running .product-info{transform:translate3d(0,calc((1 - var(--cinema-entry))*14px),0);opacity:calc(.65 + var(--cinema-entry)*.35)}.cinema-running .product-photo{background:radial-gradient(ellipse at 50% 70%,color-mix(in srgb,var(--brand) 4%,white),white 65%)}.cinema-running .features>div>svg{transform:translate3d(0,calc((1 - var(--cinema-entry))*12px),0) rotate(calc((1 - var(--cinema-entry))*-12deg));opacity:calc(.5 + var(--cinema-entry)*.5)}.cinema-running .features>div>div{transform:translateY(calc((1 - var(--cinema-entry))*8px))}@keyframes cinema-art-enter{0%{opacity:.55;transform:translate(42px,10px)scale(.92)rotate(-3deg)}to{opacity:1;transform:translate(0,0)scale(1)rotate(0)}}@keyframes cinema-copy-enter{0%{opacity:.45;transform:translateY(18px)}to{opacity:1;transform:translate(0,0)}}@keyframes cinema-benefit-enter{0%{opacity:.4;transform:translateY(16px)scale(.96)}to{opacity:1;transform:translate(0,0)scale(1)}}@keyframes cinema-pack-camera{0%,to{transform:perspective(800px)translateY(2px)rotateY(-5deg)rotate(0)scale(1)}50%{transform:perspective(800px)translate(-3px,-7px)rotateY(6deg)rotate(2deg)scale(1.025)}}@keyframes cinema-consumption-camera{0%{transform:scale(1.035)translate(-1%)}to{transform:scale(1.1)translate(1%,1%)}}@keyframes cinema-ingredients-camera{0%{transform:scale(1.035)translate(1%,1%)}to{transform:scale(1.1)translate(-1%,-1%)}}@media (max-width:700px){.cinema-running .story-film-art{transform:translate3d(0,calc((var(--cinema-progress) - .5)*-16px),0)}.cinema-running .story-film-copy{transform:none}.catalog .product-camera{inset:32px 8px 8px}.catalog .product-photo .product-camera img{width:100%;height:100%;inset:0}.cinema-running .product-camera{transform:translate3d(0,calc((1 - var(--cinema-entry))*16px + (var(--cinema-progress) - .5)*-10px),0) rotate(calc((1 - var(--cinema-entry))*-2deg)) scale(calc(.92 + var(--cinema-entry)*.08))}@keyframes cinema-art-enter{0%{opacity:.6;transform:translate(18px,5px)scale(.94)}to{opacity:1;transform:translate(0,0)scale(1)}}}.site:not(.cinema-running) .story-film-art,.site:not(.cinema-running) .story-film-copy,.site:not(.cinema-running) .product-camera,.site:not(.cinema-running) .product-info{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.cinema-running .story-film-art,.cinema-running .story-film-copy,.cinema-running .product-camera,.cinema-running .product-info,.cinema-running .features>div>svg,.cinema-running .features>div>div{opacity:1!important;transform:none!important}}