/* Redwood Coaching Stylesheet */
* {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        html{overflow-x:clip;}
        body {
            font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
            background: #FFFFFF;
            width:100%;
            max-width:100%;
            overflow-x:hidden;

        }

@font-face{font-family:CG Serif; src:url(/fonts/CormorantGaramond-VariableFont_wght.ttf);}
h1{font-family:CG Serif;font-size:52px;font-weight:600;line-height:1.1;margin: 0 0 1.5rem;color:#1A1A1A;letter-spacing:-0.5px;}
        
        /* Brand Colors */
        /* Primary Teal: #1D9E75 */
        /* Dark Teal: #0F6E56 */
        /* Light Teal: #E8F5F0 */
        /* Black: #1A1A1A */
        /* White: #FFFFFF */

.main-body{max-width: 1400px; margin: 0 auto; padding: 5rem 2rem 3rem;}
.home-logo{max-width:350px;}
.intro{max-width: 700px; margin-bottom: 5rem;padding:5px;}
.redwood-standard-heading{font-family:CG Serif;font-size:36px; font-weight:600; margin: 0 0 1rem; color: #FFFFFF; text-align: center; position: relative; z-index: 1;}
.intro-text{font-size: 20px; color: #FFFFFF; opacity: .95; text-align: center; margin: 0 0 3.5rem; position: relative; z-index: 1;}
.redwood-standard{background:linear-gradient(135deg, #0F6E56 0%, #1D9E75 100%); border-radius:16px; padding:4rem 3rem; margin-bottom:5rem; position:relative; overflow:hidden;}
.about-sylvia{background: #FFFFFF; border-radius: 12px; border: 0.5px solid rgba(0,0,0,0.1); padding: 3rem; margin-bottom: 5rem;}
.fit{display: grid; grid-template-columns: 1fr 1fr; gap: 2rem; margin-bottom: 5rem;}
.how-we-work{margin-bottom: 4rem;}
.ready-to-rise{text-align: center; padding-bottom: 3rem;}
.ready-to-rise h2{font-family:CG Serif; font-size: 36px; font-weight: 700; margin: 0 0 1rem; color: #1A1A1A;}
.lead-cta{background: #1D9E75; border-radius: 12px; padding: 3rem; margin-bottom: 2rem; text-align: center;}
.headshot-image{width: 180px; height: 180px; border-radius: 50%; object-fit: cover; border: 3px solid #1D9E75}
.headshot-container{width: 180px; height: 180px; border-radius: 50%; background: #E8F5F0; border: 3px solid #1D9E75; display: flex; align-items: center; justify-content: center; color: #1D9E75; font-size: 14px; text-align: center; padding: 1rem;}
.about-2-col{display: flex; align-items: start; gap: 2.5rem; margin-bottom: .25rem;}
.header-nav{background: #FFFFFF; border-bottom: 0.5px solid rgba(0,0,0,0.1); padding: 1.5rem 2rem; display: flex; justify-content: space-between; align-items: center;}
.header-nav-button{background: #1D9E75; color: #FFFFFF; border: none; border-radius: 12px; font-size: 15px; font-weight: 500; padding: 12px 24px; cursor: pointer; transition: background 0.2s;}
.header-nav-button:hover{background:#0F6E56;}
.bio-text{font-size: 16px; line-height: 1.7; color: #1A1A1A; opacity: 0.7; margin: 0 0 1.25rem;}

.redwood-standard-grid{display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 2rem; position: relative; z-index: 1;}
.standard-cards{background: rgba(255,255,255,0.15); backdrop-filter: blur(10px); border-radius: 12px; padding: 2.5rem; border: 1px solid rgba(255,255,255,0.2);}

.fit-card{background:#FAFAFA; border: 2px solid #FAFAFA;border-radius:12px;padding:2.5rem;}
.fit-card p{font-size: 16px; line-height: 1.6; color: #1A1A1A; opacity: 0.6; margin: 0;}
.fit-bullet{width: 10px; height: 10px; border-radius: 50%; margin-top: 7px; flex-shrink: 0;}
.fit-card .fit-bullet{background:#AFAFAF;}
.fit-card:hover{background: #FFFFFF; border: 2px solid #1D9E75;}
.fit-card:hover p{font-size: 16px; line-height: 1.6; color: #1A1A1A;margin: 0;opacity:1;}
.fit-card:hover .fit-bullet{background: #1D9E75;}
.credibility{border: 2px solid #1D9E75; border-radius:12px;padding:25px;}
.credibility h2{font-family:CG Serif;font-size: 30px; font-weight: 700; text-align:center; color: #1A1A1A;}
.clients-text{font-family:CG Serif;font-size: 32px; font-weight: 700; text-align:center; color: #1A1A1A;margin-top:15px;}
.white-btn{background: #FFFFFF; color: #1D9E75; border: none; border-radius: 12px; font-size: 16px; font-weight: 600; padding: 14px 32px;text-decoration:none;}
.white-btn:hover{background:#E8F5F0;}

#card4{display:flex;justify-content:center;}
#redwoods-icon{max-width:100%;margin:auto;}


/*Animations*/
@keyframes FadeIn{
0% {opacity:0;}
100%{opacity:1;}
}
.redwood-standard-heading{animation-name:FadeIn;animation-duration:3s;}
.intro-text{animation-name:FadeIn;animation-duration:3s;}
.standard-cards{opacity:0;}
.standard-cards.fade-in{animation: FadeIn 0.6s ease forwards;}
#card1.fade-in{animation-delay:.5s;}
#card2.fade-in{animation-delay:.75s;}
#card3.fade-in{animation-delay:1s;}

.redwood-img{opacity:0;}
.redwood-img.fade-in{animation: FadeIn 0.6s ease forwards;}
#card4.fade-in{animation-delay:1.25s;}


/*Breakpoints*/
@media(max-width:1440px){.home-logo{max-width:300px;}
.main-body{max-width:1200px;}
}

@media(max-width:1024px){.home-logo{max-width:250px;}
.main-body{max-width:1000px;}
}

@media(max-width:768px){.home-logo{max-width:200px;}}

@media(max-width:576px){
.home-logo{max-width:150px;}
.redwood-standard{padding:4rem 1rem;}
.headshot-image{width:230px;height:230px;}
.headshot-container{width:230px;height:230px;}
.about-2-col{display:grid;}
.fit{grid-template-columns:none;}
}

@media(max-width:425px){
.home-logo{max-width:150px;}
.redwood-standard{padding:4rem 1rem;}
.about-2-col{display:grid;}
.fit{grid-template-columns:none;}
.main-body{padding: 4rem 1.5rem 3rem;}
.header-nav{padding:1.5rem 1rem;}
.header-nav-button{padding: 12px 18px;}
.standard-cards{padding: 1.5rem;margin:0 1rem 0 1rem;}

/*Modal & Kit*/
.formkit-column{padding:0px 25px !important;}
.formkit-image{justify-items:center !important;}
.cursor-pointer{width:40% !important; display:flex !important;}
.formkit-header{margin-bottom:5px !important;}
.formkit-header h2{margin:0px !important;}
.formkit-subheader{margin:5px 0px !important;}
.formkit-input{padding:6px !important;}
.formkit-submit{margin-bottom:0px !important;}
}

@media(max-width:375px){.redwood-standard{padding:2rem .5rem;}
.main-body{padding: 3rem .25rem 3rem;}
}

@media(max-width:320px){.header-nav{padding: 1.5rem .5rem;}
.home-logo{max-width:125px;}
.headshot-image{width:200px;height:200px;}
.headshot-container{width:200px;height:200px;}
}

@media(max-width:290px){.home-logo{max-width:100px;}
.header-nav-button{padding: 12px 12px;}}