@import url("https://fonts.googleapis.com/css2?family=Caveat:wght@400;500;600&family=Cormorant+Garamond:ital,wght@0,400;0,600;1,400&family=Inter:wght@300;400;500&display=swap");:root{--tissue-pink:#e8b4b8;--tissue-deep:#c99a9f;--cream-milk:#faf5e4;--cream-rich:#f5edd6;--cellular-blue:#7ba7bc;--cellular-light:#a8c8d6;--warm-coral:#d4847c;--deep-burgundy:#5c3d4a;--sketch-dark:#3a3a4a;--sketch-gray:#6a6a7a;--bg-warm:#f9f6f2;--bg-section:#fdfcfa;--font-display:"Cormorant Garamond",serif;--font-sketch:"Caveat",cursive;--font-body:"Inter",sans-serif}.mammary-story *{margin:0;padding:0;box-sizing:border-box}.mammary-story{font-family:var(--font-body);background:var(--bg-warm);color:var(--sketch-dark);overflow-x:hidden;min-height:100vh}.mammary-story .milk-progress{position:fixed;bottom:2rem;right:2rem;z-index:100;width:60px;height:90px}.mammary-story .milk-drop-svg{width:100%;height:100%;filter:drop-shadow(0 2px 8px rgba(0,0,0,.1))}.mammary-story .drop-outline{fill:none;stroke:var(--tissue-pink);stroke-width:2}.mammary-story .drop-fill{fill:var(--cream-milk);transition:clip-path .3s ease}.mammary-story .drop-percent{font-family:var(--font-sketch);font-size:14px;fill:var(--deep-burgundy);text-anchor:middle}.mammary-story .hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,var(--bg-warm) 0,var(--cream-milk) 100%);overflow:hidden}.mammary-story .hero-gland{position:absolute;width:500px;height:500px;opacity:.12}.mammary-story .gland-outline{fill:none;stroke:var(--tissue-pink);stroke-width:2;stroke-dasharray:1500;stroke-dashoffset:1500;animation:draw-gland 4s ease-out forwards}.mammary-story .gland-ducts{fill:none;stroke:var(--warm-coral);stroke-width:1.5;stroke-dasharray:500;stroke-dashoffset:500;animation:draw-gland 3s ease-out 1s forwards}.mammary-story .gland-alveoli{fill:var(--tissue-pink);opacity:0;animation:fade-in 1s ease-out 2s forwards}@keyframes draw-gland{to{stroke-dashoffset:0}}@keyframes fade-in{to{opacity:.6}}.mammary-story .hero-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;text-align:center;max-width:800px;padding:2rem}.mammary-story .hero-badge{font-family:var(--font-sketch);font-size:1.25rem;color:var(--warm-coral);margin-bottom:1rem;letter-spacing:.1em}.mammary-story .hero-title{font-family:var(--font-display);font-size:clamp(2.5rem,8vw,4.5rem);font-weight:400;line-height:1.1;color:var(--deep-burgundy);margin-bottom:.5rem}.mammary-story .hero-title-accent{font-family:var(--font-sketch);font-size:clamp(3rem,10vw,5.5rem);font-weight:500;color:var(--tissue-deep);margin-bottom:1.5rem;position:relative}.mammary-story .hero-title-accent:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:80%;height:3px;background:var(--warm-coral);border-radius:2px}.mammary-story .hero-subtitle{font-family:var(--font-display);font-size:1.25rem;font-style:italic;color:var(--sketch-gray);max-width:500px;line-height:1.6}.mammary-story .hero-scroll{position:absolute;bottom:3rem;display:flex;flex-direction:column;align-items:center;gap:.5rem}.mammary-story .hero-scroll span{font-family:var(--font-sketch);font-size:1rem;color:var(--sketch-gray)}.mammary-story .scroll-indicator{width:24px;height:40px;border:2px solid var(--tissue-pink);border-radius:12px;position:relative}.mammary-story .scroll-indicator:after{content:"";position:absolute;top:6px;left:50%;transform:translateX(-50%);width:4px;height:8px;background:var(--warm-coral);border-radius:2px;animation:scroll-bob 1.5s ease-in-out infinite}@keyframes scroll-bob{0%,to{top:6px;opacity:1}50%{top:20px;opacity:.4}}.mammary-story .content-section{padding:6rem 2rem;position:relative}.mammary-story .content-section:nth-child(2n){background:var(--bg-section)}.mammary-story .section-inner{max-width:1100px;margin:0 auto;display:flex;align-items:center;gap:4rem}.mammary-story .section-inner.reverse{flex-direction:row-reverse}.mammary-story .section-visual{flex:1;display:flex;justify-content:center}.mammary-story .section-content{flex:1}.mammary-story .section-badge{font-family:var(--font-sketch);font-size:1rem;color:var(--warm-coral);margin-bottom:.5rem}.mammary-story .section-title{font-family:var(--font-display);font-size:clamp(1.75rem,4vw,2.5rem);font-weight:600;color:var(--deep-burgundy);margin-bottom:1rem;line-height:1.2}.mammary-story .section-text{font-size:1.0625rem;line-height:1.8;color:var(--sketch-gray);margin-bottom:1rem}.mammary-story .section-highlight{font-family:var(--font-sketch);font-size:1.25rem;color:var(--tissue-deep);padding-left:1rem;border-left:3px solid var(--warm-coral);margin:1.5rem 0}.mammary-story .cross-section-svg{width:100%;max-width:400px;height:auto}.mammary-story .layer{opacity:0;transform:translateY(20px);transition:all .8s ease}.mammary-story .layer.visible{opacity:1;transform:translateY(0)}.mammary-story .layer-skin{fill:var(--cream-milk);stroke:var(--tissue-pink);stroke-width:2}.mammary-story .layer-tissue{fill:var(--tissue-pink);stroke:var(--tissue-deep);stroke-width:1.5}.mammary-story .layer-duct{fill:none;stroke:var(--warm-coral);stroke-width:2;stroke-dasharray:200;stroke-dashoffset:200;transition:stroke-dashoffset 1.5s ease}.mammary-story .layer-duct.visible{stroke-dashoffset:0}.mammary-story .layer-alveoli{fill:var(--cellular-blue);opacity:0;transition:opacity .8s ease .5s}.mammary-story .layer-alveoli.visible{opacity:.7}.mammary-story .milk-secretion{fill:var(--cream-rich);opacity:0;transition:opacity 1s ease 1s}.mammary-story .milk-secretion.visible{opacity:.9}.mammary-story .evo-tree-container{width:100%;padding:3rem 0}.mammary-story .evo-tree-svg{width:100%;max-width:900px;margin:0 auto;display:block}.mammary-story .tree-branch{fill:none;stroke:var(--tissue-deep);stroke-width:3;stroke-linecap:round;stroke-dasharray:1000;stroke-dashoffset:1000;transition:stroke-dashoffset 2s ease}.mammary-story .tree-branch.visible{stroke-dashoffset:0}.mammary-story .tree-node{opacity:0;transform:scale(0);transition:all .5s ease}.mammary-story .tree-node.visible{opacity:1;transform:scale(1)}.mammary-story .tree-label{font-family:var(--font-sketch);font-size:14px;fill:var(--deep-burgundy);opacity:0;transition:opacity .5s ease .3s}.mammary-story .tree-label.visible{opacity:1}.mammary-story .composition-section{padding:4rem 2rem;background:var(--deep-burgundy);color:var(--cream-milk)}.mammary-story .composition-inner{max-width:900px;margin:0 auto}.mammary-story .composition-title{font-family:var(--font-display);font-size:2rem;text-align:center;margin-bottom:3rem}.mammary-story .composition-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem}.mammary-story .animal-card{background:rgba(255,255,255,.05);border-radius:12px;padding:1.5rem;text-align:center}.mammary-story .animal-icon{width:60px;height:60px;margin:0 auto 1rem}.mammary-story .animal-icon svg{width:100%;height:100%}.mammary-story .animal-name{font-family:var(--font-sketch);font-size:1.25rem;margin-bottom:1rem}.mammary-story .composition-bar{height:8px;background:rgba(255,255,255,.1);border-radius:4px;margin-bottom:.5rem;overflow:hidden}.mammary-story .bar-fill{height:100%;border-radius:4px;width:0;transition:width 1.5s ease}.mammary-story .bar-fill.fat{background:var(--cream-rich)}.mammary-story .bar-fill.protein{background:var(--warm-coral)}.mammary-story .bar-fill.sugar{background:var(--cellular-light)}.mammary-story .bar-fill.visible{width:var(--target-width)}.mammary-story .bar-label{font-size:.75rem;opacity:.7;display:flex;justify-content:space-between;margin-bottom:.75rem}.mammary-story .quote-section{padding:5rem 2rem;background:linear-gradient(135deg,var(--tissue-pink) 0,var(--tissue-deep) 100%);text-align:center}.mammary-story .quote-inner{max-width:700px;margin:0 auto}.mammary-story .quote-text{font-family:var(--font-display);font-size:clamp(1.5rem,4vw,2rem);font-style:italic;color:var(--cream-milk);line-height:1.5;margin-bottom:1.5rem}.mammary-story .quote-author{font-family:var(--font-sketch);font-size:1.125rem;color:var(--deep-burgundy)}.mammary-story .sources-section{padding:4rem 2rem;background:var(--bg-section)}.mammary-story .sources-inner{max-width:800px;margin:0 auto}.mammary-story .sources-title{font-family:var(--font-display);font-size:1.5rem;color:var(--deep-burgundy);margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:2px solid var(--tissue-pink)}.mammary-story .sources-list{display:grid;gap:.75rem}.mammary-story .sources-list a{font-size:.9375rem;color:var(--sketch-gray);text-decoration:none;padding:.75rem 1rem;background:white;border-radius:8px;border-left:3px solid var(--tissue-pink);transition:all .2s ease}.mammary-story .sources-list a:hover{color:var(--deep-burgundy);border-left-color:var(--warm-coral);transform:translateX(4px)}.mammary-story .story-footer{padding:4rem 2rem;text-align:center;background:var(--cream-milk)}.mammary-story .footer-content{display:flex;flex-direction:column;align-items:center}.mammary-story .footer-visual{width:100px;height:100px;margin-bottom:1.5rem}.mammary-story .footer-text{font-family:var(--font-display);font-size:1.25rem;font-style:italic;color:var(--sketch-gray);max-width:500px}@media (max-width:768px){.mammary-story .section-inner,.mammary-story .section-inner.reverse{flex-direction:column}.mammary-story .hero-gland{width:300px;height:300px}.mammary-story .composition-grid{grid-template-columns:repeat(2,1fr)}.mammary-story .milk-progress{width:40px;height:60px;bottom:1rem;right:1rem}}@media (prefers-reduced-motion:reduce){.mammary-story .bar-fill,.mammary-story .gland-alveoli,.mammary-story .gland-ducts,.mammary-story .gland-outline,.mammary-story .layer,.mammary-story .scroll-indicator:after,.mammary-story .tree-branch,.mammary-story .tree-node{animation:none;transition:none;opacity:1;transform:none;stroke-dashoffset:0}}