/* css from peoplev2 html created from dev people v1. Use this people.css and style.css to replace this inline css with a link ref in peoplev3 people.html */
            :root {
                --light-bg: #f8faf9;
                --lighter-bg: #ffffff;
                --card-bg: #ffffff;
                --text-primary: #2c3e50;
                --text-secondary: #5a6c7d;
                --accent-green: #2e7d32;
                --accent-brown: #6d4c41;
                --accent-light-green: #4caf50;
                --accent-light-brown: #8d6e63;
                --accent-green-subtle: rgba(46, 125, 50, 0.15);
                --accent-brown-subtle: rgba(109, 76, 65, 0.15);
                --border-color: #e0e7e3;
                --shadow: 0 2px 8px rgba(46, 125, 50, 0.08);
                --hover-shadow: 0 4px 16px rgba(46, 125, 50, 0.12);
            }

            * { margin:0; padding:0; box-sizing:border-box; }

            body {
                font-family: 'Open Sans', sans-serif;
                background: linear-gradient(135deg, #2d5a3d 0%, #1e3d2a 100%);
                color: var(--text-primary);
                line-height: 1.6;
                min-height: 100vh;
            }

            .container { max-width: 1200px; margin:0 auto; padding:0 20px; }

            .nav { position:fixed; top:0; left:0; right:0; background: rgba(255,255,255,0.95); box-shadow:0 1px 4px rgba(0,0,0,0.06); padding:1rem 0; border-bottom:1px solid var(--border-color); display:flex; align-items:center; z-index:1000;}
            .nav .nav-container { display:flex; justify-content:space-between; align-items:center; width:100%; max-width:1200px; margin:0 auto; padding:0 20px;}
            .nav-logo { font-family:'Merriweather', serif; font-size:1.5rem; font-weight:700; color:var(--accent-green);}
            .nav-links { display:flex; gap:2rem; list-style:none; }
            .nav-links a { text-decoration:none; color:var(--text-secondary); transition:color 0.3s ease; }
            .nav-links a:hover { color: var(--accent-green); }

            .main-content { padding-top:8rem; padding-bottom:4rem; }

            .page-header { text-align:center; margin-bottom:4rem; }
            .page-header h1 { font-family:'Merriweather', serif; font-size:2.8rem; font-weight:700; color:white; margin-bottom:1rem; text-shadow:2px 2px 4px rgba(0,0,0,0.3); }
            .page-header p { font-size:1.2rem; color:white; font-style:italic; text-shadow:1px 1px 2px rgba(0,0,0,0.3); }

            .team-section { margin-bottom:4rem; }
            .section-header { text-align:center; margin-bottom:3rem; padding:2rem 0; border-bottom:2px solid var(--accent-green);}
            .section-header h2 { font-family:'Merriweather', serif; font-size:2.2rem; font-weight:700; color:white; text-shadow:2px 2px 4px rgba(0,0,0,0.3); }

            .team-member { background: var(--lighter-bg); border-radius:15px; padding:2.5rem; margin-bottom:3rem; box-shadow:var(--shadow); border:1px solid var(--border-color); transition:all 0.3s ease; }
            .team-member:hover { transform:translateY(-3px); box-shadow:0 4px 16px rgba(46,125,50,0.12); }

            .member-grid { display:grid; grid-template-columns:1fr 300px; gap:2.5rem; align-items:start; }
            .member-content h3 { font-family:'Merriweather', serif; font-size:1.6rem; font-weight:700; color:var(--accent-green); margin-bottom:1.5rem;}
            .member-content p { font-size:1.1rem; color:var(--text-primary); line-height:1.7; margin-bottom:1rem; }
            .member-image { text-align:center; }
            .member-image img { width:100%; max-width:280px; height:auto; border-radius:20px; box-shadow:var(--shadow); border:3px solid var(--accent-green); object-fit:cover; transition:all 0.4s ease; }
            .member-image img:hover { transform:scale(1.03) rotate(1deg); box-shadow:0 12px 35px rgba(92,191,126,0.3); }

            .divider { height:2px; background: linear-gradient(90deg, transparent, var(--accent-green), transparent); margin:3rem 0; border-radius:1px; }

            .footer { background:#1e3d2a; padding:3rem 0; margin-top:4rem; border-top:1px solid var(--accent-green);}
            .footer p { color:#a8c4a8; font-size:0.9rem; }
            .back-to-top { color:var(--accent-green); text-decoration:none; font-weight:600;}
            .back-to-top:hover { color:var(--accent-light-green); }