/* Product atmosphere: CSS/SVG only. Product photography and copy are unchanged. */
.tune-page main,.reden-page main{overflow:clip;isolation:isolate}.tune-hero,.reden-hero{position:relative}.hero-copy{position:relative;z-index:3}.tune-stage,.reden-stage{isolation:isolate}.ambient{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;contain:paint}.ambient *{pointer-events:none}.water-scene{background:url('/assets/water-surface.svg') center/cover;opacity:.95}.tune-stage{background:#edf3f1;border:1px solid #e3ece6;border-radius:220px 220px 4px 4px;margin-block:28px;box-shadow:0 30px 65px -54px #597c7780}.tune-stage:before,.tune-stage:after{z-index:3;opacity:.6}.tune-stage .vertical-note,.tune-stage .stage-caption{z-index:3}.product-float{position:relative;z-index:2;flex-shrink:0;animation:product-breathe 8s ease-in-out 1s infinite}.tune-stage .product-float{width:240px;height:700px}.reden-stage .product-float{width:450px;height:1080px}.tune-stage .product-photo{background:#fff;mix-blend-mode:multiply}.tune-stage .product-float{mix-blend-mode:multiply}.water-drop{position:absolute;width:68px;height:89px;border-radius:47% 53% 50% 50% / 45% 45% 55% 55%;background:radial-gradient(ellipse at 29% 22%,#fff 0 4%,#ffffff5c 6%,transparent 21%),radial-gradient(ellipse at 62% 70%,#c2dcd633,transparent 68%),linear-gradient(145deg,#ffffff6b,#a4c9c81a 60%,#fff8);border:1px solid #f9ffffbd;box-shadow:inset -5px -8px 12px #527e8017,inset 4px 5px 10px #fff9,3px 9px 16px #52878412;animation:drop-drift 11s ease-in-out infinite;transform:rotate(-16deg)}.water-drop:nth-child(1){left:9%;top:19%;width:49px;height:63px;animation-delay:-3s}.water-drop:nth-child(2){right:12%;top:33%;width:90px;height:116px;animation-delay:-7s}.water-drop:nth-child(3){left:16%;bottom:20%;width:32px;height:42px;animation-delay:-2s}.water-drop:nth-child(4){right:20%;bottom:12%;width:21px;height:28px;animation-delay:-5s}.water-drop:nth-child(5){left:43%;top:10%;width:16px;height:22px;animation-delay:-1s}.water-ripple{position:absolute;left:50%;bottom:14%;width:280px;height:68px;border:1px solid #7ca8a740;border-radius:50%;animation:water-ripple 8s ease-out infinite;transform:translateX(-50%)}.water-ripple.ripple-2{animation-delay:-4s}.tune-editorial{position:relative}.tune-editorial:before{content:'';position:absolute;z-index:-1;inset:60% -25vw -9% 57%;background:radial-gradient(ellipse at 45% 50%,#d7e8e658,transparent 66%);pointer-events:none}.ingredient-panel{background:linear-gradient(140deg,#f5f0ecf5,#f4f7f2ed);border:1px solid #ebe3da}.tune-page .band{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(110deg,#702037,#8d2d45 65%,#722a40)}.tune-page .band .wrap{position:relative;z-index:1}.tune-page .band:before,.tune-page .band:after{content:'';position:absolute;width:590px;height:165px;border:1px solid #f6dce224;border-radius:50%;right:-100px;top:-50px;transform:rotate(-15deg);pointer-events:none}.tune-page .band:after{width:700px;height:230px;top:-80px;right:-155px}.tune-page .product-detail{background:linear-gradient(125deg,#f3eee8,#edf3ef)}
.reden-hero:before{content:'';position:absolute;inset:-90px min(-36px,-2vw) -25px;z-index:-2;background:url('/assets/tea-landscape.svg') 63% center/cover;opacity:.58}.reden-hero:after{content:'';position:absolute;inset:-90px min(-36px,-2vw) -25px;z-index:-1;background:linear-gradient(90deg,#141817 0%,#141817ef 28%,#1418176b 69%,#14181733),linear-gradient(0deg,#141817,transparent 22%);pointer-events:none}.reden-stage{box-shadow:0 25px 70px #0004;border:1px solid #c8b47e66;background:linear-gradient(145deg,#e7d5a2,#cfb575)}.tea-scene{background:radial-gradient(ellipse at 50% 18%,#fff9,transparent 46%),linear-gradient(140deg,#e8d8ac77,#c8b27722);opacity:.75}.tea-leaf{position:absolute;width:150px;height:62px;border-radius:100% 0 100% 0;background:linear-gradient(140deg,#486d37,#a3aa65 46%,#355331);box-shadow:inset 0 1px 1px #e4dba344,4px 14px 24px #4b482633;transform:rotate(25deg);animation:leaf-sway 12s ease-in-out infinite;transform-origin:0 50%;opacity:.8}.tea-leaf:after{content:'';position:absolute;inset:48% 7% auto;border-top:1px solid #e5dca254;transform:rotate(-17deg)}.tea-leaf:nth-child(1){top:13%;left:-63px;--leaf-angle:25deg}.tea-leaf:nth-child(2){top:24%;left:-60px;width:115px;height:45px;--leaf-angle:60deg;animation-delay:-6s}.tea-leaf:nth-child(3){bottom:18%;right:-75px;width:163px;height:67px;--leaf-angle:190deg;transform-origin:100% 50%;animation-delay:-4s}.shower-shimmer{position:absolute;inset:-50%;background:repeating-linear-gradient(111deg,transparent 0 58px,#fff2 60px,transparent 62px 120px);opacity:.25;animation:shower-light 15s ease-in-out infinite}.reden-stage .water-drop{width:23px;height:32px;top:38%;right:9%;opacity:.6;animation-delay:-4s}.reden-story{position:relative}.reden-story:after{content:'';position:absolute;z-index:-1;right:-18%;top:6%;width:60%;height:95%;background:url('/assets/tea-landscape.svg') right bottom/cover;opacity:.18;mask-image:radial-gradient(ellipse,#000,transparent 70%);pointer-events:none}.scent-card{background:linear-gradient(135deg,#263b2ce8,#192b20f2);overflow:hidden;isolation:isolate}.scent-card:before{content:'';position:absolute;inset:0;z-index:-1;background:url('/assets/tea-landscape.svg') 90% 75%/cover;opacity:.28}.reden-page .product-detail{background:radial-gradient(ellipse at 95% 80%,#35472d55,transparent 60%),#1c241c}.reden-page .finalcta{background:linear-gradient(125deg,#dfcb99,#c6ad72);position:relative;overflow:hidden}.reden-page .finalcta:before{content:'';position:absolute;width:430px;height:430px;border:1px solid #5e734126;border-radius:50%;right:-190px;top:-190px;box-shadow:0 0 0 30px #6580470a,0 0 0 60px #65804708;pointer-events:none}
.hero-copy>.eyebrow,.hero-copy>h1,.hero-copy>.lead,.hero-copy>.btn,.hero-copy>.rule,.hero-copy>p{animation:hero-enter .85s cubic-bezier(.2,.7,.2,1) both}.hero-copy>h1{animation-delay:.08s}.hero-copy>.lead{animation-delay:.16s}.hero-copy>.rule,.hero-copy>p{animation-delay:.20s}.hero-copy>.btn{animation-delay:.28s}.tune-stage,.reden-stage{animation:stage-enter 1.1s cubic-bezier(.2,.7,.2,1) both}.motion-enabled .reveal{transition:opacity .7s ease,translate .7s cubic-bezier(.2,.7,.2,1);transition-delay:var(--reveal-delay,0ms)}.motion-enabled .reveal:not(.in-view){opacity:0;translate:0 24px}.motion-enabled .reveal:focus-within{opacity:1;translate:0 0}.btn:not([disabled]){transition:transform .25s ease,box-shadow .25s ease,background .25s ease}.btn:not([disabled]):hover{transform:translateY(-3px);box-shadow:0 9px 25px #81243d1b}.reden-page .btn:not([disabled]):hover{box-shadow:0 9px 28px #dfc27824}.btn:not([disabled]):active{transform:translateY(0) scale(.98)}.homecard{transition:translate .4s ease,box-shadow .4s ease;overflow:hidden}.homecard:hover{translate:0 -4px;box-shadow:0 17px 50px #392c2412}.homecard .preview-img{position:relative;isolation:isolate}.homecard:not(.reden-card) .preview-img:before{content:'';position:absolute;inset:0;z-index:-1;background:url('/assets/water-surface.svg') center/cover;opacity:.7;border-radius:50%}.homecard .preview-img.reden-preview{background:linear-gradient(145deg,#e6d4a3,#c9b173)}.homecard .preview-img.reden-preview:before{content:'';position:absolute;inset:0;z-index:-1;background:url('/assets/tea-landscape.svg') right/cover;opacity:.16}.motion-toggle{position:fixed;bottom:16px;right:16px;z-index:30;display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:10px 15px;font-size:11px;letter-spacing:.04em;background:#fffdf5ed;color:#514b3b;border:1px solid #c8bfad;border-radius:99px;box-shadow:0 5px 20px #141c1912;cursor:pointer}.motion-toggle:before{content:'Ⅱ';font-family:Arial;font-size:11px}.motion-toggle[aria-pressed='true']:before{content:'▷'}.ambient-paused .product-float,.ambient-paused .ambient *,.motion-paused *,.tab-inactive *{animation-play-state:paused!important}.motion-paused .reveal{opacity:1!important;translate:0 0!important;transition:none!important}.motion-paused .hero-copy>*{opacity:1;transform:none}.motion-paused .tune-stage,.motion-paused .reden-stage{opacity:1;transform:none}
@keyframes hero-enter{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes stage-enter{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes product-breathe{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes drop-drift{0%,100%{translate:0 0;rotate:-2deg}50%{translate:5px -12px;rotate:3deg}}@keyframes water-ripple{0%{opacity:0;scale:.65}25%{opacity:.6}100%{opacity:0;scale:1.25}}@keyframes leaf-sway{0%,100%{transform:rotate(var(--leaf-angle,25deg))}50%{transform:rotate(calc(var(--leaf-angle,25deg) + 5deg))}}@keyframes shower-light{0%,100%{translate:-2% 0;opacity:.16}50%{translate:2% 2%;opacity:.33}}
@media(max-width:760px){.tune-stage{border-radius:150px 150px 4px 4px;margin-top:30px;margin-bottom:20px}.water-drop:nth-child(2){width:56px;height:72px;right:7%}.water-drop:nth-child(1){width:35px;height:45px;left:7%}.water-drop:nth-child(5){display:none}.water-ripple{width:200px;height:49px}.reden-hero:before,.reden-hero:after{inset:-65px -20px -25px}.reden-hero:before{background-position:65% bottom;opacity:.55}.reden-hero:after{background:linear-gradient(180deg,#141817df 0%,#141817b0 40%,#14181718 75%,#141817)}.tea-leaf:nth-child(1){top:14%;left:-70px}.tea-leaf:nth-child(2){left:-65px}.tea-leaf:nth-child(3){right:-90px}.motion-toggle{right:10px;bottom:10px;font-size:10px;min-height:42px;padding:9px 13px}.motion-enabled .reveal{transition-delay:0ms}.footer{padding-bottom:76px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-copy>*,.tune-stage,.reden-stage,.product-float,.ambient *{animation:none!important;opacity:1;transform:none}.motion-enabled .reveal{opacity:1!important;translate:none!important;transition:none!important}.motion-toggle{display:none}.btn,.homecard{transition:none}.homecard:hover{translate:none}.shower-shimmer{opacity:.2}}
/* CM sequence — light, real product, then copy. Normal scrolling stays available. */
.hero-visual{min-width:0;position:relative}.cinema-controls{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:-12px;margin-bottom:24px;position:relative;z-index:4}.scene-label{font-size:8px;letter-spacing:.2em;color:#95a09a}.cinema-replay{min-height:44px;padding:8px 0 8px 14px;border:0;background:transparent;color:#766660;font-size:10px;letter-spacing:.08em;cursor:pointer}.cinema-replay span{display:inline-block;margin-left:10px;font-size:18px;transition:rotate .3s}.cinema-replay:hover span{rotate:80deg}.reden-page .cinema-controls{margin-top:5px;margin-bottom:0}.reden-page .scene-label{color:#84907a}.reden-page .cinema-replay{color:#c2b386}.cinema-light,.cinema-flare{position:absolute;display:block;pointer-events:none;z-index:3;opacity:0}.cinema-light{top:-30%;left:-60%;width:40%;height:160%;background:linear-gradient(90deg,transparent,#fff9 48%,#fff3 67%,transparent);transform:rotate(21deg)}.cinema-flare{inset:-12%;background:radial-gradient(ellipse at 25% 20%,#fff 0%,#fff8 9%,transparent 55%);mix-blend-mode:screen}.reden-stage .cinema-light{background:linear-gradient(90deg,transparent,#fff4c180 48%,#fff8d433 67%,transparent)}.reden-stage .cinema-flare{background:radial-gradient(ellipse at 30% 20%,#fff1ba 0%,#fff1ba66 12%,transparent 55%)}
[data-cinema] .hero-copy>*,[data-cinema] .tune-stage,[data-cinema] .reden-stage{animation:none}
.cinema-playing .hero-copy>.eyebrow{animation:hero-enter .7s ease .65s both}.cinema-playing .hero-copy>h1{animation:hero-enter 1s cubic-bezier(.2,.7,.2,1) 1s both}.cinema-playing .hero-copy>.lead{animation:hero-enter .8s ease 1.35s both}.cinema-playing .hero-copy>.rule,.cinema-playing .hero-copy>p:not(.lead){animation:hero-enter .8s ease 1.5s both}.cinema-playing .hero-copy>.btn{animation:hero-enter .8s ease 1.7s both}.cinema-playing .product-float{animation:cinema-product 1.35s cubic-bezier(.12,.65,.2,1) .35s both,product-breathe 8s ease-in-out 2s infinite}.cinema-playing .cinema-light{animation:cinema-sweep 2.8s cubic-bezier(.25,.3,.2,1) .1s both}.cinema-playing .cinema-flare{animation:cinema-glow 2s ease both}.cinema-playing .water-ripple{animation:water-ripple 8s ease-out infinite}.cinema-playing .water-ripple.ripple-2{animation-delay:1.1s}.motion-paused .cinema-playing .hero-copy>*,.motion-paused .cinema-playing .product-float{animation:none!important;opacity:1;translate:0 0;transform:none}.motion-paused .cinema-light,.motion-paused .cinema-flare{opacity:0!important;animation:none!important}
@keyframes cinema-product{from{opacity:0;translate:0 38px}to{opacity:1;translate:0 0}}@keyframes cinema-sweep{0%{opacity:0;translate:-10% 0}15%{opacity:.75}65%{opacity:.4}100%{opacity:0;translate:440% 0}}@keyframes cinema-glow{0%{opacity:.72;scale:.9}45%{opacity:.35}100%{opacity:0;scale:1.1}}
@media(max-width:760px){.cinema-controls{margin-top:-8px;margin-bottom:10px}.scene-label{font-size:7px}.cinema-replay{font-size:9px}.reden-page .cinema-controls{max-width:390px;margin-inline:auto}.hero-visual{width:100%}}
@media(prefers-reduced-motion:reduce){.cinema-playing .hero-copy>*,.cinema-playing .product-float,.cinema-playing .water-ripple{animation:none!important;opacity:1;translate:none;transform:none}.cinema-light,.cinema-flare,.cinema-controls{display:none}}