@import url("https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&family=Source+Sans+3:wght@300;400;500;600&family=Caveat:wght@400;500&display=swap");:root{--skin-light:#f5dcc8;--skin-tone:#e8c4a0;--skin-shadow:#d4a882;--adipose:#f5d89a;--adipose-shadow:#e5c87a;--glandular:#e8a0b0;--glandular-deep:#d08090;--duct-red:#c86464;--duct-dark:#a04848;--alveoli-blue:#8eb4d0;--alveoli-light:#b0d0e8;--milk-white:#fefef6;--milk-cream:#faf5e8;--label-dark:#2a3440;--label-muted:#5a6470;--bg-cream:#faf8f4;--bg-section:#f5f3ef;--accent-coral:#e07860;--accent-teal:#5a9898;--font-display:"Libre Baskerville",serif;--font-body:"Source Sans 3",sans-serif;--font-label:"Caveat",cursive}.mammary-v2 *{margin:0;padding:0;box-sizing:border-box}.mammary-v2{font-family:var(--font-body);background:var(--bg-cream);color:var(--label-dark);overflow-x:hidden;min-height:100vh}.mammary-v2 .anatomy-progress{position:fixed;top:50%;right:1.5rem;transform:translateY(-50%);z-index:100;display:flex;flex-direction:column;align-items:center;gap:.5rem}.mammary-v2 .progress-track{width:4px;height:200px;background:var(--skin-light);border-radius:2px;position:relative;overflow:hidden}.mammary-v2 .progress-fill{position:absolute;bottom:0;width:100%;background:linear-gradient(to top,var(--glandular),var(--duct-red));border-radius:2px;transition:height .2s ease}.mammary-v2 .progress-label{font-family:var(--font-label);font-size:.875rem;color:var(--label-muted);writing-mode:vertical-rl;text-orientation:mixed}.mammary-v2 .hero{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,var(--bg-cream) 0,var(--milk-cream) 100%);position:relative;padding:2rem}.mammary-v2 .hero-layout{display:flex;align-items:center;gap:4rem;max-width:1200px;width:100%}.mammary-v2 .hero-content,.mammary-v2 .hero-illustration{flex:1;max-width:500px}.mammary-v2 .hero-badge{font-family:var(--font-label);font-size:1.25rem;color:var(--accent-coral);margin-bottom:.5rem}.mammary-v2 .hero-title{font-family:var(--font-display);font-size:clamp(2rem,5vw,3rem);font-weight:700;line-height:1.2;color:var(--label-dark);margin-bottom:.75rem}.mammary-v2 .hero-subtitle{font-family:var(--font-display);font-size:clamp(1.5rem,3vw,2rem);font-weight:400;font-style:italic;color:var(--glandular-deep);margin-bottom:1.5rem}.mammary-v2 .hero-description{font-size:1.125rem;line-height:1.7;color:var(--label-muted)}.mammary-v2 .hero-scroll{position:absolute;bottom:2rem;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:.5rem}.mammary-v2 .hero-scroll span{font-family:var(--font-label);color:var(--label-muted)}.mammary-v2 .scroll-arrow{width:24px;height:24px;border-right:2px solid var(--glandular);border-bottom:2px solid var(--glandular);transform:rotate(45deg);animation:bounce-arrow 1.5s ease-in-out infinite}@keyframes bounce-arrow{0%,to{transform:rotate(45deg) translateY(0)}50%{transform:rotate(45deg) translateY(8px)}}.mammary-v2 .anatomy-svg{width:100%;height:auto}.mammary-v2 .skin-layer{fill:var(--skin-tone);stroke:var(--skin-shadow);stroke-width:1}.mammary-v2 .adipose-layer{fill:var(--adipose);stroke:var(--adipose-shadow);stroke-width:.5}.mammary-v2 .glandular-tissue{fill:var(--glandular);stroke:var(--glandular-deep);stroke-width:.5}.mammary-v2 .duct{fill:none;stroke:var(--duct-red);stroke-width:2;stroke-linecap:round}.mammary-v2 .duct-fill{fill:var(--duct-red);opacity:.3}.mammary-v2 .alveolus{fill:var(--alveoli-blue);stroke:var(--accent-teal);stroke-width:.5}.mammary-v2 .milk-fill{fill:var(--milk-white);stroke:var(--milk-cream);stroke-width:.5}.mammary-v2 .nipple{fill:var(--glandular-deep);stroke:var(--duct-dark);stroke-width:1}.mammary-v2 .areola{fill:var(--glandular);stroke:var(--glandular-deep);stroke-width:.5}.mammary-v2 .anatomy-label{font-family:var(--font-label);font-size:12px;fill:var(--label-dark)}.mammary-v2 .label-line{stroke:var(--label-muted);stroke-width:1;stroke-dasharray:3 2}.mammary-v2 .anatomy-layer{opacity:0;transform:translateY(10px);transition:all .6s ease}.mammary-v2 .anatomy-layer.visible{opacity:1;transform:translateY(0)}.mammary-v2 .draw-path{stroke-dasharray:500;stroke-dashoffset:500;transition:stroke-dashoffset 1.5s ease}.mammary-v2 .draw-path.visible{stroke-dashoffset:0}.mammary-v2 .content-section{padding:5rem 2rem;position:relative}.mammary-v2 .content-section:nth-child(2n){background:var(--bg-section)}.mammary-v2 .section-layout{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.mammary-v2 .section-layout.reverse{direction:rtl}.mammary-v2 .section-layout.reverse>*{direction:ltr}.mammary-v2 .section-illustration{display:flex;justify-content:center}.mammary-v2 .section-content{max-width:500px}.mammary-v2 .section-number{font-family:var(--font-display);font-size:4rem;font-weight:700;color:var(--skin-light);line-height:1;margin-bottom:.5rem}.mammary-v2 .section-badge{font-family:var(--font-label);font-size:1rem;color:var(--accent-coral);margin-bottom:.5rem}.mammary-v2 .section-title{font-family:var(--font-display);font-size:clamp(1.5rem,3vw,2rem);font-weight:700;color:var(--label-dark);margin-bottom:1rem;line-height:1.3}.mammary-v2 .section-text{font-size:1.0625rem;line-height:1.8;color:var(--label-muted);margin-bottom:1rem}.mammary-v2 .section-callout{background:var(--milk-cream);border-left:4px solid var(--glandular);padding:1rem 1.25rem;margin:1.5rem 0;font-family:var(--font-display);font-style:italic;color:var(--label-dark)}.mammary-v2 .compare-section{padding:5rem 2rem;background:var(--label-dark);color:var(--milk-cream)}.mammary-v2 .compare-inner{max-width:1100px;margin:0 auto}.mammary-v2 .compare-header{text-align:center;margin-bottom:3rem}.mammary-v2 .compare-title{font-family:var(--font-display);font-size:2rem;margin-bottom:.5rem}.mammary-v2 .compare-subtitle{font-size:1.125rem;opacity:.7}.mammary-v2 .compare-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.mammary-v2 .compare-card{background:rgba(255,255,255,.05);border-radius:16px;padding:2rem;text-align:center;transition:transform .3s ease,background .3s ease}.mammary-v2 .compare-card:hover{transform:translateY(-4px);background:rgba(255,255,255,.08)}.mammary-v2 .compare-illustration{width:150px;height:150px;margin:0 auto 1.5rem}.mammary-v2 .compare-name{font-family:var(--font-display);font-size:1.25rem;font-weight:700;margin-bottom:.5rem}.mammary-v2 .compare-type{font-family:var(--font-label);font-size:1rem;color:var(--accent-coral);margin-bottom:1rem}.mammary-v2 .compare-fact{font-size:.9375rem;line-height:1.6;opacity:.8}.mammary-v2 .composition-section{padding:5rem 2rem;background:linear-gradient(135deg,var(--glandular) 0,var(--glandular-deep) 100%);color:white}.mammary-v2 .composition-inner{max-width:900px;margin:0 auto;text-align:center}.mammary-v2 .composition-title{font-family:var(--font-display);font-size:2rem;margin-bottom:.5rem}.mammary-v2 .composition-subtitle{font-size:1rem;opacity:.8;margin-bottom:3rem}.mammary-v2 .milk-bars{display:flex;justify-content:center;gap:3rem;flex-wrap:wrap}.mammary-v2 .milk-bar-item{width:100px}.mammary-v2 .milk-bar-container{height:200px;width:60px;margin:0 auto 1rem;background:rgba(255,255,255,.1);border-radius:30px;position:relative;overflow:hidden}.mammary-v2 .milk-bar-fill{position:absolute;bottom:0;left:0;right:0;background:var(--milk-white);border-radius:30px;transition:height 1.5s ease}.mammary-v2 .milk-bar-label{font-family:var(--font-display);font-size:1rem;font-weight:700}.mammary-v2 .milk-bar-value{font-family:var(--font-label);font-size:1.5rem;margin-top:.25rem}.mammary-v2 .quote-section{padding:4rem 2rem;background:var(--milk-cream);text-align:center}.mammary-v2 .quote-inner{max-width:700px;margin:0 auto}.mammary-v2 .quote-text{font-family:var(--font-display);font-size:clamp(1.25rem,3vw,1.75rem);font-style:italic;color:var(--label-dark);line-height:1.6;margin-bottom:1rem}.mammary-v2 .quote-author{font-family:var(--font-label);font-size:1.125rem;color:var(--accent-coral)}.mammary-v2 .sources-section{padding:4rem 2rem;background:var(--bg-section)}.mammary-v2 .sources-inner{max-width:800px;margin:0 auto}.mammary-v2 .sources-title{font-family:var(--font-display);font-size:1.5rem;color:var(--label-dark);margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:2px solid var(--glandular)}.mammary-v2 .sources-grid{display:grid;gap:.75rem}.mammary-v2 .sources-grid a{font-size:.9375rem;color:var(--label-muted);text-decoration:none;padding:1rem 1.25rem;background:white;border-radius:8px;border-left:3px solid var(--glandular);transition:all .2s ease}.mammary-v2 .sources-grid a:hover{color:var(--label-dark);border-left-color:var(--accent-coral);transform:translateX(4px)}.mammary-v2 .story-footer{padding:4rem 2rem;text-align:center;background:var(--milk-cream)}.mammary-v2 .footer-illustration{width:120px;height:120px;margin:0 auto 1.5rem}.mammary-v2 .footer-text{font-family:var(--font-display);font-size:1.25rem;font-style:italic;color:var(--label-muted);max-width:500px;margin:0 auto}@media (max-width:900px){.mammary-v2 .hero-layout{flex-direction:column;text-align:center}.mammary-v2 .section-layout,.mammary-v2 .section-layout.reverse{grid-template-columns:1fr;direction:ltr}.mammary-v2 .compare-grid{grid-template-columns:1fr 1fr}.mammary-v2 .anatomy-progress{display:none}}@media (max-width:600px){.mammary-v2 .compare-grid{grid-template-columns:1fr}.mammary-v2 .milk-bars{gap:1.5rem}}@media (prefers-reduced-motion:reduce){.mammary-v2 .anatomy-layer,.mammary-v2 .draw-path,.mammary-v2 .milk-bar-fill,.mammary-v2 .scroll-arrow{animation:none;transition:none;opacity:1;transform:none;stroke-dashoffset:0}}