/*======================================================
FOR INDIVIDUALS PAGE
======================================================*/

.individual-hero{

    background:#F8F6F2;

    padding:40px 0 170px;

}

.individual-hero .container{

    max-width:1440px;

    margin:auto;

    padding:0 40px;

}

.hero-grid{

    display:grid;

    grid-template-columns:38% 62%;

    gap:0;

    align-items:start;

}

.hero-left{

    max-width:none;

    width:550px;

    padding-top:70px;

    padding-right:20px;

    margin-left:-30px;

}

.hero-label{

    color:#B58B35;

    font-size:22px;
    font-weight:400;

    letter-spacing:4px;

    text-transform:none;

    margin-bottom:18px;

    font-family:'Inter', sans-serif;

}

.hero-line{

    width:70px;

    height:2px;

    background:#B88A2D;

    margin-bottom:35px;

}

.hero-left h1{

    font-family:'Playfair Display',serif;

    font-size:66px;

    line-height:1.03;

    color:#111;

    margin-bottom:35px;

    max-width:770px;

}

.hero-left span{

    color:#B88A2D;

}

.hero-text{

    width:100%;

    max-width:100%;

    font-size:19px;

    line-height:1.9;

    color:#5B5B5B;

}

.hero-right{

    position:relative;

    width:100%;

    display:flex;

    justify-content:flex-end;

    padding-right:0;

}

.hero-right img{

    width:1300px;        

    max-width:none;

    height:760px;

    object-fit:cover;

    object-position:center;

    border-radius:22px;

    display:block;

    position:relative;

    right:-570px;         /* adjust to keep it filling the right side */

}

/*==============================
Floating Card
==============================*/

.hero-card{

    position:absolute;

    left:-240px;

    bottom:-140px;

    width:860px;

    background:#fff;

    border-radius:24px;

    box-shadow:0 18px 45px rgba(0,0,0,.08);

    display:grid;

    grid-template-columns:70px 1fr 220px;

    gap:24px;

    align-items:center;

    padding:24px 28px;

    z-index:20;

}

.card-icon{

    display:flex;

    justify-content:center;

    align-items:center;

    border-right:1px solid #ececec;

    height:100px;
}

.quote-icon{

    width:48px;

    height:48px;

    border:2px solid #C28C2B;

    border-radius:50%;

    display:flex;

    justify-content:center;

    align-items:center;

    font-size:28px;

    color:#C28C2B;
}

.card-content h2{

    font-family:'Playfair Display', serif;

    font-size:34px;

    line-height:1.1;

    margin:0 0 8px;

    color:#111;
}

.card-content{

    max-width:480px;
}

.card-content p{

    font-size:20px;

    line-height:1.55;

    color:#666;

    margin:0;
}

.card-button{

    display:flex;

    flex-direction:column;

    gap:14px;

    align-items:stretch;

}

.gold-button{

    background:#C28C2B;

    color:#fff;

    text-decoration:none;

    display:flex;

    align-items:center;

    justify-content:center;

    min-width:290px;

    height:68px;

    border-radius:12px;

    font-size:20px;

    font-weight:600;

    transition:.3s;
}

.gold-button:hover{

    background:#AA7821;

}

/*======================================================
WHO THIS IS FOR
======================================================*/

.who-for{

    padding:130px 0 110px;

    background:#fff;
}

.who-for .container{

    max-width:1240px;

    margin:auto;

    padding:0 40px;
}

.section-tag{

    text-align:center;

    color:#B88A2D;

    font-size:22px;

    letter-spacing:3px;

    font-weight:600;

    margin-bottom:22px;

    text-transform:uppercase;
}

.section-title{

    max-width:980px;

    margin:0 auto 70px;

    text-align:center;

    font-family:'Playfair Display',serif;

    font-size:58px;

    line-height:1.18;

    color:#111;
}

.who-grid{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:28px;
}

.who-card{

    background:#FAF8F4;

    border-radius:22px;

    padding:38px 34px;

    transition:.3s;

    border:1px solid #F0ECE4;
}

.who-card:hover{

    transform:translateY(-6px);

    box-shadow:0 16px 35px rgba(0,0,0,.06);
}

.who-card h3{

    font-family:'Playfair Display',serif;

    font-size:28px;

    margin-bottom:16px;

    color:#111;
}

.who-card p{

    font-size:18px;

    line-height:1.75;

    color:#666;
}

/*=========================================
DOES THIS SOUND FAMILIAR
=========================================*/

.familiar{

    padding:120px 0;

    background:#F8F6F2;
}

.familiar .container{

    max-width:1220px;

    margin:auto;

    padding:0 40px;
}

.familiar-grid{

    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:24px;

    margin-top:70px;
}

.familiar-card{

    background:#fff;

    border-radius:18px;

    padding:34px;

    font-size:24px;

    line-height:1.6;

    color:#222;

    font-family:'Playfair Display', serif;

    box-shadow:0 10px 25px rgba(0,0,0,.04);

    transition:.3s;
}

.familiar-card:hover{

    transform:translateY(-6px);

    box-shadow:0 18px 40px rgba(0,0,0,.08);
}

.familiar-cta{

    display:flex;

    justify-content:center;

    margin-top:60px;
}

/*==========================================
CONTACT OPTIONS
==========================================*/

.contact-options{

    display:flex;

    justify-content:center;

    align-items:center;

    gap:18px;

    margin:55px auto 0;

    width:100%;

}

.contact-option{

    display:flex;

    align-items:center;

    justify-content:center;

    width:180px;

    height:48px;

    background:#B58B35;

    color:#fff;

    text-decoration:none;

    border-radius:10px;

    font-size:15px;

    font-weight:600;

    flex:0 0 auto;

    transition:.3s;

}

.contact-option:hover{

    background:#B58B35;
    color:#ffffff;
    transform:translateY(-4px);

}

.familiar-cta{

    width:100%;

    display:flex;

    justify-content:center;

    align-items:center;

    margin-top:55px;

}

.logo{
    position:absolute;
    top:-45px;
    left:20px;
}

.logo img{
    height:275px;
    width:auto;
    display:block;
}