@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400;1,500&family=Nunito+Sans:wght@300;400;500;600&display=swap");:root{--tea-jade:#2D5A4A;--tea-jade-light:#4A7C6A;--tea-jade-dark:#1E3D32;--tea-amber:#C9A227;--tea-amber-light:#D4B84D;--tea-amber-dark:#9A7B1A;--tea-cream:#F5F1E3;--tea-cream-dark:#E8E0CC;--tea-terracotta:#B86B4C;--tea-terracotta-dark:#8A4F38;--tea-puerh:#1A0F0A;--tea-puerh-light:#2D1B14;--tea-mist:#8FA98F;--tea-mist-light:rgba(143,169,143,0.3);--porcelain-white:#FDFCFA;--porcelain-blue:#4A6B8A;--font-display:"Cormorant Garamond",Georgia,serif;--font-body:"Nunito Sans",-apple-system,BlinkMacSystemFont,sans-serif;--space-xs:0.5rem;--space-sm:1rem;--space-md:1.5rem;--space-lg:2.5rem;--space-xl:4rem;--space-2xl:6rem;--ease-steep:cubic-bezier(0.4,0,0.2,1);--ease-pour:cubic-bezier(0.16,1,0.3,1);--ease-steam:cubic-bezier(0.37,0,0.63,1);--duration-fast:200ms;--duration-normal:400ms;--duration-slow:800ms;--duration-steep:1200ms}.tea-journey{font-family:var(--font-body);background:var(--tea-puerh);color:var(--tea-cream);overflow-x:hidden;min-height:100vh;line-height:1.7}.tea-journey *{margin:0;padding:0;box-sizing:border-box}.steam-progress{position:fixed;left:1rem;bottom:80px;width:4px;height:120px;background:rgba(255,255,255,.05);border-radius:2px;z-index:90;overflow:visible}.steam-fill{position:absolute;bottom:0;left:0;width:100%;background:linear-gradient(to top,var(--tea-amber),var(--tea-jade));border-radius:2px;transition:height .15s ease-out}.steam-wisps{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);width:20px;height:40px;pointer-events:none}.steam-wisp{position:absolute;width:8px;height:8px;background:radial-gradient(circle,rgba(255,255,255,.4) 0,transparent 70%);border-radius:50%;animation:steam-rise 3s var(--ease-steam) infinite;opacity:0;transition:opacity .5s ease}.steam-wisp:first-child{left:0}.steam-wisp:nth-child(2){left:6px;animation-delay:.3s}.steam-wisp:nth-child(3){left:12px;animation-delay:.6s}.steam-wisp:nth-child(4){left:3px;animation-delay:.9s}.steam-wisp:nth-child(5){left:9px;animation-delay:1.2s}@keyframes steam-rise{0%{transform:translateY(0) scale(.5);opacity:0}20%{opacity:.6}to{transform:translateY(-50px) scale(1.5);opacity:0}}@media (max-width:768px){.steam-progress{display:none}}.hero-scene{position:relative;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-lg);overflow:hidden}.hero-bg{z-index:1}.hero-bg,.hero-gradient{position:absolute;inset:0}.hero-gradient{background:radial-gradient(ellipse at 30% 30%,var(--tea-jade-dark) 0,transparent 50%),radial-gradient(ellipse at 70% 70%,var(--tea-puerh-light) 0,transparent 50%),var(--tea-puerh)}.hero-mist{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 100%,var(--tea-mist-light) 0,transparent 40%);animation:mist-drift 20s ease-in-out infinite}@keyframes mist-drift{0%,to{transform:translateX(-5%);opacity:.3}50%{transform:translateX(5%);opacity:.5}}.hero-cup-container{position:relative;z-index:2;margin-bottom:var(--space-lg)}.hero-cup-svg{width:180px;height:240px}.cup-body{fill:rgba(255,255,255,.03);stroke:var(--tea-cream);stroke-width:1.5;opacity:.6}.tea-liquid{fill:var(--tea-amber);opacity:.8;transition:y .3s var(--ease-pour)}.cup-handle{stroke:var(--tea-cream);stroke-width:1.5;opacity:.6}.hero-steam{opacity:.4}.steam-path{fill:none;stroke:var(--tea-cream);stroke-width:2;stroke-linecap:round;stroke-dasharray:60;animation:steam-draw 3s var(--ease-steam) infinite}.steam-1{animation-delay:0s}.steam-2{animation-delay:.5s}.steam-3{animation-delay:1s}@keyframes steam-draw{0%{stroke-dashoffset:60;opacity:0}30%{opacity:.5}to{stroke-dashoffset:-60;opacity:0}}.hero-content{position:relative;z-index:3;text-align:center;max-width:600px}.hero-era{display:inline-block;font-size:.875rem;font-weight:500;letter-spacing:.3em;text-transform:uppercase;color:var(--tea-amber)}.hero-era,.hero-title{font-family:var(--font-display);margin-bottom:var(--space-md)}.hero-title{font-weight:300;line-height:1.1}.title-line{display:block;font-size:clamp(3rem,10vw,6rem)}.title-accent{color:var(--tea-jade-light)}.hero-subtitle,.title-accent{font-style:italic;font-weight:400}.hero-subtitle{font-family:var(--font-display);font-size:clamp(1.25rem,3vw,1.5rem);color:var(--tea-cream-dark);margin-bottom:var(--space-lg)}.hero-intro{font-size:1.125rem;font-weight:300;line-height:1.8;color:rgba(245,241,227,.8);max-width:480px;margin:0 auto}.scroll-indicator{position:absolute;bottom:var(--space-xl);left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);z-index:3}.leaf-fall{animation:leaf-bob 2s ease-in-out infinite}.falling-leaf{width:20px;height:20px;fill:var(--tea-jade);opacity:.7}@keyframes leaf-bob{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(8px) rotate(5deg)}}.scroll-text{font-family:var(--font-display);font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;color:rgba(245,241,227,.4)}.origins-scene{position:relative;min-height:100vh;padding:var(--space-2xl) var(--space-lg);display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;transform:translateY(40px);transition:all var(--duration-slow) var(--ease-pour)}.origins-scene.visible{opacity:1;transform:translateY(0)}.scene-backdrop{position:absolute;inset:0;z-index:1}.origins-backdrop{background:radial-gradient(ellipse at 60% 40%,var(--tea-jade-dark) 0,transparent 60%),linear-gradient(180deg,var(--tea-puerh) 0,var(--tea-puerh-light) 100%)}.origins-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:var(--space-xl);max-width:900px}@media (min-width:768px){.origins-content{flex-direction:row;align-items:flex-start}}.origins-legend{flex:1}.legend-year{font-size:4rem;font-weight:300;color:var(--tea-jade);opacity:.4;line-height:1;margin-bottom:var(--space-sm)}.legend-title,.legend-year{font-family:var(--font-display)}.legend-title{font-size:clamp(2rem,5vw,2.75rem);font-weight:400}.legend-text,.legend-title{margin-bottom:var(--space-md)}.legend-text{font-size:1.0625rem;line-height:1.9;color:rgba(245,241,227,.85)}.legend-text em{color:var(--tea-jade-light);font-style:italic}.origins-visual{flex-shrink:0}.discovery-svg{width:180px;height:270px}.tree-branch{stroke:var(--tea-jade);stroke-width:3;stroke-linecap:round}.fall-leaf{fill:var(--tea-jade);animation:leaf-drift 4s ease-in-out infinite}.fall-1{animation-delay:0s}.fall-2{animation-delay:1.5s}@keyframes leaf-drift{0%{transform:translateY(0) rotate(0deg);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(150px) rotate(180deg);opacity:0}}.bowl-rim{fill:none}.bowl-body,.bowl-rim{stroke:var(--tea-cream);stroke-width:2;opacity:.6}.bowl-water{fill:var(--tea-amber);opacity:.5}.origins-quote{position:relative;z-index:2;max-width:600px;text-align:center;padding:var(--space-lg);border-left:3px solid var(--tea-jade);background:rgba(45,90,74,.1)}.origins-quote p{font-family:var(--font-display);font-size:1.375rem;font-style:italic;font-weight:400;line-height:1.6;margin-bottom:var(--space-sm)}.origins-quote cite{font-family:var(--font-body);font-size:.875rem;font-style:normal;color:var(--tea-jade-light)}.ritual-scene{position:relative;min-height:100vh;padding:var(--space-2xl) var(--space-lg);background:linear-gradient(180deg,var(--tea-puerh-light) 0,var(--tea-puerh) 100%);opacity:0;transform:translateY(40px);transition:all var(--duration-slow) var(--ease-pour)}.ritual-scene.visible{opacity:1;transform:translateY(0)}.ritual-split{display:flex;flex-direction:column;gap:var(--space-xl);max-width:1000px;margin:0 auto}@media (min-width:768px){.ritual-split{flex-direction:row;align-items:center}}.ritual-left{flex:1}.ritual-era{font-size:.8rem;letter-spacing:.2em;text-transform:uppercase;color:var(--tea-amber)}.ritual-era,.ritual-title{font-family:var(--font-display);margin-bottom:var(--space-md)}.ritual-title{font-size:clamp(2rem,5vw,2.5rem);font-weight:400}.ritual-text{font-size:1.0625rem;line-height:1.9;color:rgba(245,241,227,.85);margin-bottom:var(--space-md)}.ritual-text em{color:var(--tea-amber);font-style:italic}.ritual-fact{display:flex;flex-direction:column;padding:var(--space-md);background:rgba(201,162,39,.1);border-left:3px solid var(--tea-amber);margin-top:var(--space-lg)}.fact-label{font-family:var(--font-display);font-size:.75rem;letter-spacing:.15em;text-transform:uppercase;color:var(--tea-amber);margin-bottom:var(--space-xs)}.fact-value{font-size:1rem;color:var(--tea-cream)}.ritual-right{flex-shrink:0;display:flex;justify-content:center}.chinese-tea-svg{width:240px;height:200px}.gaiwan-saucer{fill:var(--tea-terracotta);opacity:.3}.gaiwan-bowl{fill:var(--porcelain-white);opacity:.9}.gaiwan-rim{fill:none;stroke:var(--tea-cream);stroke-width:2}.gaiwan-tea{fill:var(--tea-amber);opacity:.7}.gaiwan-lid{fill:var(--porcelain-white);opacity:.95}.gaiwan-knob{fill:var(--tea-jade)}.gaiwan-steam .steam-wisp-path{fill:none;stroke:rgba(245,241,227,.3);stroke-width:2;stroke-linecap:round;stroke-dasharray:40;animation:steam-draw 3.5s var(--ease-steam) infinite}.japan-scene{position:relative;min-height:100vh;padding:var(--space-2xl) var(--space-lg);opacity:0;transform:translateY(40px);transition:all var(--duration-slow) var(--ease-pour)}.japan-scene.visible{opacity:1;transform:translateY(0)}.japan-backdrop{background:radial-gradient(ellipse at 30% 60%,rgba(143,169,143,.15) 0,transparent 50%),linear-gradient(180deg,var(--tea-puerh) 0,#0D1410 100%)}.japan-content{position:relative;z-index:2;max-width:900px;margin:0 auto}.japan-header{text-align:center;margin-bottom:var(--space-xl)}.japan-era{font-size:.8rem;letter-spacing:.2em;text-transform:uppercase;color:var(--tea-mist);margin-bottom:var(--space-md)}.japan-era,.japan-title{font-family:var(--font-display)}.japan-title{font-size:clamp(2.5rem,6vw,3.5rem);font-weight:300}.japan-body{max-width:650px;margin:0 auto var(--space-xl)}.japan-text{font-size:1.0625rem;line-height:1.9;color:rgba(245,241,227,.85);margin-bottom:var(--space-md)}.japan-text em{color:var(--tea-mist);font-style:italic}.japan-text strong{color:var(--tea-cream);font-weight:500}.matcha-visual{display:flex;flex-direction:column;align-items:center;gap:var(--space-lg)}.matcha-svg{width:180px;height:140px}.chawan-bowl{fill:var(--tea-terracotta);opacity:.7}.chawan-rim{fill:none;stroke:var(--tea-cream);stroke-width:1.5;opacity:.5}.matcha-surface{fill:#5A8A5A;opacity:.9}.chasen-handle{fill:#C4A35A}.chasen-tine{stroke:#C4A35A;stroke-width:1.5;stroke-linecap:round}.matcha-principles{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-md)}.principle{font-family:var(--font-display);font-size:1.25rem;font-weight:400;color:var(--tea-mist);padding:var(--space-sm) var(--space-md);border:1px solid rgba(143,169,143,.3);border-radius:4px}.ceremony-scene{position:relative;min-height:200vh;background:var(--tea-puerh)}.ceremony-sticky{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-lg)}.ceremony-title{font-family:var(--font-display);font-size:clamp(2rem,5vw,2.75rem);font-weight:400;text-align:center;margin-bottom:var(--space-sm)}.ceremony-subtitle{font-size:1rem;color:rgba(245,241,227,.6);text-align:center;margin-bottom:var(--space-xl)}.ceremony-comparison{display:flex;flex-direction:column;gap:var(--space-md);max-width:1000px;width:100%}@media (min-width:768px){.ceremony-comparison{flex-direction:row}}.ceremony-panel{flex:1;padding:var(--space-lg);border-radius:12px;transition:all var(--duration-normal) var(--ease-pour);display:flex;flex-direction:column;align-items:center;text-align:center}.gongfu-panel{background:linear-gradient(135deg,var(--tea-terracotta-dark) 0,var(--tea-puerh-light) 100%);border:1px solid rgba(184,107,76,.3)}.chanoyu-panel{background:linear-gradient(135deg,rgba(143,169,143,.2) 0,var(--tea-puerh-light) 100%);border:1px solid rgba(143,169,143,.3)}.british-panel{background:linear-gradient(135deg,rgba(74,107,138,.2) 0,var(--tea-puerh-light) 100%);border:1px solid rgba(74,107,138,.3)}.ceremony-label{font-family:var(--font-display);font-size:1.25rem;font-weight:500;margin-bottom:var(--space-sm)}.ceremony-desc{font-size:.9375rem;line-height:1.7;color:rgba(245,241,227,.8);margin-bottom:var(--space-md)}.ceremony-desc em{display:block;margin-top:var(--space-xs);font-style:italic;color:rgba(245,241,227,.6)}.ceremony-icon{width:80px;height:60px;margin-top:auto}.yixing-body,.yixing-lid{fill:var(--tea-terracotta)}.yixing-knob{fill:var(--tea-terracotta-dark)}.yixing-handle,.yixing-spout{stroke:var(--tea-terracotta);stroke-width:4;stroke-linecap:round}.chawan-icon{stroke:var(--tea-mist);stroke-width:3;stroke-linecap:round}.matcha-icon{fill:#5A8A5A}.british-pot{opacity:.9}.british-lid,.british-pot{fill:var(--porcelain-white)}.british-knob{fill:var(--porcelain-blue)}.british-handle,.british-spout{stroke:var(--porcelain-white);stroke-width:3;stroke-linecap:round}.map-scene{position:relative;min-height:300vh;background:var(--tea-puerh)}.map-sticky{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-lg)}.map-header{text-align:center;margin-bottom:var(--space-lg)}.map-title{font-family:var(--font-display);font-size:clamp(1.75rem,4vw,2.5rem);font-weight:400;margin-bottom:var(--space-sm)}.map-subtitle{font-size:1rem;color:rgba(245,241,227,.6)}.map-container{width:100%;max-width:900px;aspect-ratio:2/1}.world-map-svg{width:100%;height:100%}.continent{fill:rgba(245,241,227,.05);stroke:rgba(245,241,227,.2);stroke-width:1}.route{fill:none;stroke:var(--tea-amber);stroke-width:3;stroke-linecap:round;stroke-dasharray:500;stroke-dashoffset:500;opacity:.3;transition:stroke-dashoffset .5s ease-out}.route.active{opacity:1;filter:drop-shadow(0 0 8px var(--tea-amber))}.location{fill:var(--tea-jade);opacity:0;transition:opacity .5s ease}.location.pulse{opacity:1;animation:location-pulse 2s ease-in-out infinite}@keyframes location-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}.location-label{font-family:var(--font-body);font-size:10px;fill:var(--tea-cream);text-anchor:middle;opacity:.7}.map-timeline{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-sm);margin-top:var(--space-lg);max-width:800px}.timeline-marker{padding:var(--space-xs) var(--space-sm);background:rgba(255,255,255,.05);border-radius:4px;text-align:center;opacity:.4;transition:all var(--duration-normal) var(--ease-pour)}.timeline-marker.active{opacity:1;background:rgba(201,162,39,.2);border:1px solid var(--tea-amber)}.marker-year{display:block;font-family:var(--font-display);font-size:.8rem;color:var(--tea-amber)}.marker-title{display:block;font-size:.7rem;color:var(--tea-cream)}.empire-scene{position:relative;min-height:100vh;padding:var(--space-2xl) var(--space-lg);display:flex;align-items:center;justify-content:center;opacity:0;transform:translateY(40px);transition:all var(--duration-slow) var(--ease-pour)}.empire-scene.visible{opacity:1;transform:translateY(0)}.empire-backdrop{background:radial-gradient(ellipse at 50% 30%,rgba(74,107,138,.2) 0,transparent 60%),var(--tea-puerh)}.empire-content{position:relative;z-index:2;max-width:700px;text-align:center}.empire-stat{margin-bottom:var(--space-lg)}.stat-year{display:block;font-size:clamp(5rem,15vw,8rem);font-weight:300;opacity:.3;line-height:1}.stat-event,.stat-year{font-family:var(--font-display);color:var(--porcelain-blue)}.stat-event{font-size:1rem;letter-spacing:.2em;text-transform:uppercase}.empire-title{font-family:var(--font-display);font-size:clamp(2rem,5vw,2.75rem);font-weight:400;margin-bottom:var(--space-lg)}.empire-text{font-size:1.0625rem;line-height:1.9;color:rgba(245,241,227,.85);margin-bottom:var(--space-md)}.empire-quote{padding:var(--space-lg);background:rgba(74,107,138,.1);border-left:3px solid var(--porcelain-blue);margin:var(--space-xl) 0;text-align:left}.empire-quote p{font-family:var(--font-display);font-size:1.25rem;font-style:italic;line-height:1.6;margin-bottom:var(--space-sm)}.empire-quote cite{font-family:var(--font-body);font-size:.875rem;font-style:normal;color:var(--porcelain-blue)}.india-scene{position:relative;min-height:100vh;padding:var(--space-2xl) var(--space-lg);background:linear-gradient(180deg,var(--tea-puerh) 0,var(--tea-puerh-light) 100%);opacity:0;transform:translateY(40px);transition:all var(--duration-slow) var(--ease-pour)}.india-scene.visible{opacity:1;transform:translateY(0)}.india-content{max-width:900px;margin:0 auto}.india-header{text-align:center;margin-bottom:var(--space-xl)}.india-era{font-size:clamp(4rem,12vw,7rem);font-weight:300;color:var(--tea-amber);opacity:.3;line-height:1}.india-era,.india-title{font-family:var(--font-display)}.india-title{font-size:clamp(2rem,5vw,2.75rem);font-weight:400;margin-top:var(--space-sm)}.india-story{max-width:700px;margin:0 auto var(--space-xl)}.india-text{font-size:1.0625rem;line-height:1.9;color:rgba(245,241,227,.85);margin-bottom:var(--space-md)}.india-theft-visual{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-lg);margin:var(--space-xl) 0}.theft-item{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);text-align:center}.theft-icon{width:50px;height:50px;fill:none}.theft-icon,.theft-icon circle,.theft-icon line,.theft-icon path{stroke:var(--tea-amber)}.theft-item span{font-size:.875rem;color:rgba(245,241,227,.7);max-width:150px}.india-regions{display:flex;flex-direction:column;gap:var(--space-md);max-width:600px;margin:0 auto}@media (min-width:600px){.india-regions{flex-direction:row}}.region-card{flex:1;padding:var(--space-lg);border-radius:8px;text-align:center}.region-card.assam{background:linear-gradient(135deg,rgba(184,107,76,.3),rgba(26,15,10,.5));border:1px solid var(--tea-terracotta)}.region-card.darjeeling{background:linear-gradient(135deg,rgba(201,162,39,.2),rgba(26,15,10,.5));border:1px solid var(--tea-amber)}.region-card h3{font-family:var(--font-display);font-size:1.5rem;font-weight:500;margin-bottom:var(--space-sm)}.region-card p{font-size:.9375rem;line-height:1.6;color:rgba(245,241,227,.8)}.ceylon-scene{position:relative;min-height:100vh;padding:var(--space-2xl) var(--space-lg);background:var(--tea-puerh);opacity:0;transform:translateY(40px);transition:all var(--duration-slow) var(--ease-pour)}.ceylon-scene.visible{opacity:1;transform:translateY(0)}.ceylon-content{max-width:900px;margin:0 auto}.ceylon-before-after{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);margin-bottom:var(--space-xl)}@media (min-width:768px){.ceylon-before-after{flex-direction:row;align-items:stretch}}.ba-panel{flex:1;padding:var(--space-lg);border-radius:8px;text-align:center}.ba-panel.before{background:linear-gradient(135deg,rgba(139,69,19,.3),transparent);border:1px solid rgba(139,69,19,.5)}.ba-panel.after{background:linear-gradient(135deg,rgba(45,90,74,.3),transparent);border:1px solid var(--tea-jade)}.ba-label{font-size:.75rem;letter-spacing:.15em;text-transform:uppercase;color:rgba(245,241,227,.5)}.ba-label,.ba-panel h3{font-family:var(--font-display)}.ba-panel h3{font-size:1.75rem;font-weight:400;margin:var(--space-sm) 0}.ba-panel p{font-size:.9375rem;line-height:1.6;color:rgba(245,241,227,.8)}.ba-divider{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);padding:var(--space-sm)}.ba-arrow{width:40px;height:80px;stroke:var(--tea-amber);transform:rotate(90deg)}@media (min-width:768px){.ba-arrow{transform:rotate(0deg)}}.ba-year{font-family:var(--font-display);font-size:.75rem;letter-spacing:.1em;color:var(--tea-amber);white-space:nowrap}.ceylon-text{max-width:650px;margin:0 auto;text-align:center}.ceylon-text p{font-size:1.0625rem;line-height:1.9;color:rgba(245,241,227,.85);margin-bottom:var(--space-lg)}.lipton-fact{padding:var(--space-md);background:rgba(201,162,39,.1);border-radius:8px}.fact-quote{display:block;font-family:var(--font-display);font-size:1.25rem;font-style:italic;color:var(--tea-amber);margin-bottom:var(--space-xs)}.fact-attr{font-size:.8rem;color:rgba(245,241,227,.5)}.processing-scene{position:relative;min-height:100vh;padding:var(--space-2xl) var(--space-lg);background:linear-gradient(180deg,var(--tea-puerh) 0,var(--tea-puerh-light) 100%);opacity:0;transform:translateY(40px);transition:all var(--duration-slow) var(--ease-pour)}.processing-scene.visible{opacity:1;transform:translateY(0)}.processing-content{max-width:800px;margin:0 auto;text-align:center}.processing-title{font-family:var(--font-display);font-size:clamp(2rem,5vw,2.75rem);font-weight:400;margin-bottom:var(--space-sm)}.processing-subtitle{font-size:1.0625rem;color:rgba(245,241,227,.7);margin-bottom:var(--space-xl)}.processing-subtitle em{color:var(--tea-jade-light);font-style:italic}.processing-wheel-container{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--space-lg)}.processing-wheel{width:100%;max-width:400px;height:auto;aspect-ratio:1}.wheel-center{fill:var(--tea-jade)}.wheel-center-text{font-family:var(--font-body);font-size:12px;fill:var(--tea-cream);text-anchor:middle;dominant-baseline:middle}.wheel-spoke{stroke:rgba(245,241,227,.1);stroke-width:1}.wheel-segment{transition:transform var(--duration-normal) var(--ease-pour)}.wheel-segment.active .segment-circle,.wheel-segment:hover .segment-circle{transform:scale(1.1);filter:drop-shadow(0 0 12px currentColor)}.segment-circle{transition:all var(--duration-normal) var(--ease-pour);transform-origin:center;transform-box:fill-box}.segment-label{font-family:var(--font-display);font-size:11px;font-weight:500;dominant-baseline:middle}.segment-label,.segment-oxidation{text-anchor:middle;pointer-events:none}.segment-oxidation{font-family:var(--font-body);font-size:8px}.tea-detail-panel{padding:var(--space-lg);background:rgba(255,255,255,.05);border-radius:12px;max-width:350px;text-align:center;animation:panel-appear .3s var(--ease-pour)}@keyframes panel-appear{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.tea-detail-panel h3{font-family:var(--font-display);font-size:1.5rem;font-weight:500;margin-bottom:var(--space-sm)}.tea-detail-panel p{font-size:.9375rem;line-height:1.6;color:rgba(245,241,227,.8);margin-bottom:var(--space-md)}.oxidation-bar{width:100%;height:8px;background:rgba(255,255,255,.1);border-radius:4px;overflow:hidden;margin-bottom:var(--space-xs)}.oxidation-fill{height:100%;border-radius:4px;transition:width var(--duration-normal) var(--ease-pour)}.oxidation-label{font-size:.75rem;color:rgba(245,241,227,.5)}.processing-note{margin-top:var(--space-md);font-size:.875rem;color:rgba(245,241,227,.4)}.anatomy-scene{position:relative;min-height:100vh;padding:var(--space-2xl) var(--space-lg);background:var(--tea-puerh);opacity:0;transform:translateY(40px);transition:all var(--duration-slow) var(--ease-pour)}.anatomy-scene.visible{opacity:1;transform:translateY(0)}.anatomy-content{max-width:800px;margin:0 auto;text-align:center}.anatomy-title{font-family:var(--font-display);font-size:clamp(2rem,5vw,2.75rem);font-weight:400;margin-bottom:var(--space-sm)}.anatomy-subtitle{font-size:1.0625rem;color:rgba(245,241,227,.7);margin-bottom:var(--space-xl);max-width:550px;margin-left:auto;margin-right:auto}.anatomy-diagram{display:flex;justify-content:center}.plant-svg{width:100%;max-width:300px;height:auto}.plant-stem{stroke:var(--tea-jade-dark);stroke-width:4;stroke-linecap:round}.leaf-bud{fill:var(--tea-jade-light)}.tea-leaf{fill:var(--tea-jade)}.tea-leaf.leaf-old{fill:var(--tea-jade-dark);opacity:.7}.part-label{font-family:var(--font-display);font-size:11px;font-weight:500;fill:var(--tea-cream)}.part-desc{font-family:var(--font-body);font-size:9px;fill:rgba(245,241,227,.6)}.prime-bracket{stroke:var(--tea-amber);stroke-width:2}.prime-label{font-family:var(--font-display);font-size:10px;fill:var(--tea-amber);letter-spacing:.1em}.plant-part{opacity:0;animation:plant-fade-in .5s var(--ease-pour) forwards}.anatomy-scene.visible .bud-group{animation-delay:.1s}.anatomy-scene.visible .leaf1-group{animation-delay:.3s}.anatomy-scene.visible .leaf2-group{animation-delay:.5s}.anatomy-scene.visible .older-group{animation-delay:.7s}@keyframes plant-fade-in{to{opacity:1}}.modern-scene{position:relative;min-height:100vh;padding:var(--space-2xl) var(--space-lg);background:linear-gradient(180deg,var(--tea-puerh) 0,var(--tea-jade-dark) 100%);opacity:0;transform:translateY(40px);transition:all var(--duration-slow) var(--ease-pour)}.modern-scene.visible{opacity:1;transform:translateY(0)}.modern-content{max-width:900px;margin:0 auto}.modern-title{font-family:var(--font-display);font-size:clamp(2.5rem,6vw,3.5rem);font-weight:300;text-align:center;margin-bottom:var(--space-sm)}.modern-subtitle{font-size:1.0625rem;color:rgba(245,241,227,.7);text-align:center;max-width:500px;margin-left:auto;margin-right:auto}.modern-subtitle,.stats-grid{margin-bottom:var(--space-xl)}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md)}@media (min-width:600px){.stats-grid{grid-template-columns:repeat(4,1fr)}}.stat-card{padding:var(--space-lg);background:rgba(255,255,255,.05);border-radius:12px;text-align:center;opacity:0;transform:translateY(20px);transition:all var(--duration-slow) var(--ease-pour)}.stat-card.visible{opacity:1;transform:translateY(0)}.stat-value{font-family:var(--font-display);font-size:clamp(2rem,5vw,2.5rem);font-weight:400;color:var(--tea-amber);line-height:1.2;margin-bottom:var(--space-xs)}.stat-label{font-size:.8125rem;color:rgba(245,241,227,.6);line-height:1.4}.modern-trends{display:flex;flex-direction:column;gap:var(--space-lg)}@media (min-width:768px){.modern-trends{flex-direction:row}}.trend{flex:1;padding:var(--space-lg);background:rgba(45,90,74,.15);border-left:3px solid var(--tea-jade);border-radius:0 8px 8px 0}.trend h3{font-family:var(--font-display);font-size:1.25rem;font-weight:500;margin-bottom:var(--space-sm);color:var(--tea-jade-light)}.trend p{font-size:.9375rem;line-height:1.7;color:rgba(245,241,227,.8)}.closing-scene{position:relative;min-height:100vh;padding:var(--space-2xl) var(--space-lg);display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 50%,var(--tea-jade-dark) 0,transparent 60%),var(--tea-puerh)}.closing-content{max-width:700px;text-align:center}.closing-cup{margin-bottom:var(--space-xl)}.closing-cup-svg{width:160px;height:200px;margin:0 auto}.cup-outline,.cup-rim{fill:none;stroke:var(--tea-cream);stroke-width:2;opacity:.6}.cup-tea{fill:var(--tea-amber);opacity:.7}.cup-handle-final{stroke:var(--tea-cream);stroke-width:2;opacity:.6}.world-reflect{fill:none;stroke:rgba(245,241,227,.1);stroke-width:1;stroke-dasharray:4 2}.final-steam .steam-final{fill:none;stroke:rgba(245,241,227,.3);stroke-width:2;stroke-linecap:round;stroke-dasharray:40;animation:steam-draw 4s var(--ease-steam) infinite}.steam-final.s1{animation-delay:0s}.steam-final.s2{animation-delay:.7s}.steam-final.s3{animation-delay:1.4s}.closing-title{font-family:var(--font-display);font-size:clamp(2rem,5vw,2.75rem);font-weight:400;margin-bottom:var(--space-lg)}.closing-text{font-size:1.125rem;line-height:1.9;color:rgba(245,241,227,.85);margin-bottom:var(--space-md)}.closing-quote{padding:var(--space-lg);margin:var(--space-xl) 0}.closing-quote blockquote{font-family:var(--font-display);font-size:1.5rem;font-style:italic;font-weight:400;line-height:1.5;color:var(--tea-jade-light);margin-bottom:var(--space-sm)}.closing-quote cite{font-family:var(--font-body);font-size:.875rem;font-style:normal;color:rgba(245,241,227,.5)}.closing-final{font-family:var(--font-display);font-size:1.25rem;font-style:italic;color:var(--tea-amber);margin-top:var(--space-xl)}.sources-scene{padding:var(--space-xl) var(--space-lg);background:var(--tea-puerh);border-top:1px solid rgba(45,90,74,.3)}.sources-content{max-width:800px;margin:0 auto}.sources-title{font-family:var(--font-display);font-size:1.375rem;font-weight:500;margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:1px solid rgba(245,241,227,.1)}.sources-list{list-style:none;display:grid;gap:var(--space-sm)}@media (min-width:600px){.sources-list{grid-template-columns:repeat(2,1fr)}}.sources-list li{padding:0}.sources-list a{display:block;padding:var(--space-sm) var(--space-md);font-size:.875rem;color:rgba(245,241,227,.7);text-decoration:none;background:rgba(255,255,255,.02);border:1px solid rgba(245,241,227,.05);border-radius:6px;transition:all var(--duration-fast) ease}.sources-list a:hover{color:var(--tea-cream);background:rgba(255,255,255,.05);border-color:var(--tea-jade)}.sources-note{margin-top:var(--space-lg);padding-top:var(--space-md);border-top:1px solid rgba(245,241,227,.1);font-size:.8125rem;font-style:italic;color:rgba(245,241,227,.4)}@media (max-width:480px){.hero-cup-svg{width:140px;height:180px}.title-line{font-size:2.5rem}.ceremony-panel,.stat-card{padding:var(--space-md)}.processing-wheel{max-width:280px}}@media (prefers-reduced-motion:reduce){.tea-journey *,.tea-journey :after,.tea-journey :before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.fall-leaf,.falling-leaf,.hero-mist,.steam-path,.steam-wisp{animation:none;opacity:.5}.anatomy-scene,.ceylon-scene,.empire-scene,.india-scene,.japan-scene,.modern-scene,.origins-scene,.processing-scene,.ritual-scene,.stat-card{opacity:1;transform:none}}.tea-journey .hero-content{display:flex;flex-direction:column;align-items:center;grid-template-columns:unset;gap:unset}