/* =========================================================
   GCVI V2
   GOVERNMENT APPROVED CAPITAL GAIN VALUERS
   HERO
========================================================= */

.gcviHeroV2{
    position:relative;
    overflow:hidden;
    padding:70px 0 0;
    background:
        radial-gradient(
            circle at 86% 12%,
            rgba(197,160,89,.14),
            transparent 27%
        ),
        linear-gradient(
            135deg,
            #061d3a 0%,
            #092f62 55%,
            #061d3a 100%
        );
    color:#ffffff;
}

.gcviHeroV2::before{
    content:"";
    position:absolute;
    top:-240px;
    right:-240px;
    width:560px;
    height:560px;
    border:1px solid rgba(216,183,102,.16);
    border-radius:50%;
    pointer-events:none;
}

.gcviHeroV2::after{
    content:"";
    position:absolute;
    left:-300px;
    bottom:-390px;
    width:560px;
    height:560px;
    border:1px solid rgba(216,183,102,.10);
    border-radius:50%;
    pointer-events:none;
}

.gcviHeroV2 .container{
    position:relative;
    z-index:2;
}


/* =========================================================
   HERO MASTHEAD
========================================================= */

.gcviHeroV2Masthead{
    max-width:1180px;
    margin:0 auto;
}

.gcviHeroV2Eyebrow{
    display:inline-flex;
    align-items:center;
    gap:11px;
    margin-bottom:22px;
    padding:9px 15px 9px 0;
    color:#efd38e;
    font-family:Arial,sans-serif;
    font-size:15px;
    font-weight:800;
    letter-spacing:1.2px;
    line-height:1.3;
    text-transform:uppercase;
}

.gcviHeroV2Eyebrow span{
    display:block;
    width:3px;
    height:35px;
    background:#d8b766;
}

.gcviHeroV2Masthead h1{
    max-width:1100px;
    margin:0;
    color:#ffffff;
    font-family:"Cormorant Garamond",Georgia,serif;
    font-size:clamp(52px,6vw,84px);
    font-weight:500;
    line-height:.98;
    letter-spacing:-1.5px;
}

.gcviHeroV2Masthead h1 strong{
    color:#f0d58f;
    font-weight:700;
}

.gcviHeroV2Masthead h1 span{
    color:#ffffff;
}

.gcviHeroV2Accent{
    width:110px;
    height:3px;
    margin:30px 0 48px;
    background:linear-gradient(
        90deg,
        #d8b766,
        #b88723
    );
}


/* =========================================================
   HERO MAIN STAGE
========================================================= */

.gcviHeroV2Stage{
    display:grid;
    grid-template-columns:minmax(390px,.88fr) minmax(0,1.45fr);
    gap:55px;
    align-items:center;
    max-width:1180px;
    margin:0 auto;
}


/* =========================================================
   LARGE PORTRAIT COLUMN
========================================================= */

.gcviHeroV2PortraitColumn{
    position:relative;
    align-self:stretch;
    display:flex;
    flex-direction:column;
    justify-content:center;
}

.gcviHeroV2PortraitCard{
    position:relative;
    overflow:hidden;
    border:1px solid rgba(216,183,102,.48);
    background:
        linear-gradient(
            160deg,
            rgba(255,255,255,.085),
            rgba(255,255,255,.025)
        );
    box-shadow:
        0 35px 80px rgba(0,0,0,.34);
}

.gcviHeroV2PortraitCard::before{
    content:"";
    position:absolute;
    top:0;
    left:26px;
    right:26px;
    height:4px;
    z-index:3;
    background:linear-gradient(
        90deg,
        #b88723,
        #efd38e,
        #b88723
    );
}

.gcviHeroV2PortraitBadge{
    position:absolute;
    top:21px;
    left:22px;
    z-index:4;
    padding:8px 12px;
    border:1px solid rgba(216,183,102,.48);
    background:rgba(4,27,53,.82);
    color:#efd38e;
    font-family:Arial,sans-serif;
    font-size:15px;
    font-weight:800;
    letter-spacing:1px;
}

.gcviHeroV2PortraitImage{
    display:flex;
    align-items:flex-end;
    justify-content:center;
    min-height:610px;
    padding:28px 18px 0;
    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,.035),
            rgba(0,0,0,.05)
        );
}

.gcviHeroV2PortraitImage img{
    display:block;
    width:100%;
    max-width:530px;
    height:610px;
    object-fit:contain;
    object-position:center bottom;
    filter:drop-shadow(
        0 24px 30px rgba(0,0,0,.35)
    );
}

.gcviHeroV2PortraitInfo{
    position:relative;
    padding:19px 22px 23px;
    border-top:1px solid rgba(216,183,102,.35);
    text-align:center;
}

.gcviHeroV2PortraitInfo span{
    display:block;
    margin-bottom:5px;
    color:#d8b766;
    font-family:Arial,sans-serif;
    font-size:15px;
    font-weight:800;
    letter-spacing:1.8px;
}

.gcviHeroV2PortraitInfo h2{
    margin:0;
    color:#ffffff;
    font-family:"Cormorant Garamond",Georgia,serif;
    font-size:34px;
    font-weight:700;
    line-height:1.05;
}

.gcviHeroV2PortraitInfo p{
    margin:6px 0 3px;
    color:#d8e2ed;
    font-family:Arial,sans-serif;
    font-size:15px;
    line-height:1.5;
}

.gcviHeroV2PortraitInfo strong{
    color:#d8b766;
    font-family:"Cormorant Garamond",Georgia,serif;
    font-size:19px;
    font-weight:600;
}


/* =========================================================
   PORTRAIT CREDENTIAL NOTE
========================================================= */

.gcviHeroV2PortraitNote{
    display:flex;
    align-items:center;
    gap:15px;
    margin-top:15px;
    padding:14px 17px;
    border-left:3px solid #c5a059;
    background:rgba(255,255,255,.055);
}

.gcviHeroV2NoteMark{
    display:flex;
    flex:0 0 51px;
    width:51px;
    height:51px;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(216,183,102,.55);
    color:#efd38e;
    font-family:Arial,sans-serif;
    font-size:15px;
    font-weight:800;
}

.gcviHeroV2PortraitNote div{
    display:flex;
    flex-direction:column;
    gap:3px;
}

.gcviHeroV2PortraitNote strong{
    color:#ffffff;
    font-family:Arial,sans-serif;
    font-size:15px;
    font-weight:800;
}

.gcviHeroV2PortraitNote small{
    color:#bdcad7;
    font-family:Arial,sans-serif;
    font-size:15px;
}


/* =========================================================
   HERO NARRATIVE
========================================================= */

.gcviHeroV2Content{
    min-width:0;
}

.gcviHeroV2ContentLabel{
    display:flex;
    align-items:center;
    gap:13px;
    margin-bottom:22px;
    color:#d8b766;
    font-family:Arial,sans-serif;
    font-size:15px;
    font-weight:800;
    letter-spacing:1.7px;
}

.gcviHeroV2ContentLabel::before{
    content:"";
    width:40px;
    height:1px;
    background:#d8b766;
}

.gcviHeroV2Narrative{
    max-width:720px;
}

.gcviHeroV2Narrative p{
    margin:0 0 19px;
    color:#e8eef5;
    font-family:Arial,sans-serif;
    font-size:16px;
    line-height:1.78;
}

.gcviHeroV2Narrative p strong{
    color:#ffffff;
    font-weight:800;
}


/* =========================================================
   HERO CTA RAIL
========================================================= */

.gcviHeroV2CTARail{
    display:grid;
    grid-template-columns:1.25fr 1fr 1fr;
    gap:12px;
    max-width:1180px;
    margin:45px auto 0;
    padding-bottom:24px;
}

.gcviHeroV2CTA{
    position:relative;
    display:flex;
    align-items:center;
    gap:13px;
    min-height:100px;
    padding:16px 17px;
    border:1px solid rgba(216,183,102,.38);
    background:rgba(255,255,255,.055);
    color:#ffffff;
    text-decoration:none;
    transition:
        transform .3s ease,
        background .3s ease,
        border-color .3s ease;
}

.gcviHeroV2CTA:hover{
    transform:translateY(-4px);
    border-color:#d8b766;
    background:rgba(216,183,102,.12);
    color:#ffffff;
}

.gcviHeroV2CTAPrimary{
    border-color:#d8b766;
    background:
        linear-gradient(
            135deg,
            #b88723,
            #d8b766
        );
    color:#061f40;
}

.gcviHeroV2CTAPrimary:hover{
    background:
        linear-gradient(
            135deg,
            #d8b766,
            #efd38e
        );
    color:#061f40;
}

.gcviHeroV2CTAIcon{
    display:flex;
    flex:0 0 44px;
    width:44px;
    height:44px;
    align-items:center;
    justify-content:center;
    border:1px solid currentColor;
    border-radius:50%;
    font-family:Arial,sans-serif;
    font-size:15px;
    font-weight:800;
}

.gcviHeroV2CTAContent{
    display:flex;
    flex:1;
    flex-direction:column;
    gap:4px;
}

.gcviHeroV2CTAContent small{
    color:inherit;
    opacity:.72;
    font-family:Arial,sans-serif;
    font-size:15px;
    font-weight:800;
    letter-spacing:1px;
}

.gcviHeroV2CTAContent strong{
    color:inherit;
    font-family:Arial,sans-serif;
    font-size:15px;
    font-weight:800;
    line-height:1.35;
}

.gcviHeroV2CTAContent em{
    color:inherit;
    opacity:.75;
    font-family:Arial,sans-serif;
    font-size:15px;
    font-style:normal;
}

.gcviHeroV2CTAArrow{
    color:inherit;
    font-family:Arial,sans-serif;
    font-size:21px;
}


/* =========================================================
   HERO DIRECT CONTACT
========================================================= */

.gcviHeroV2DirectContact{
    display:flex;
    align-items:center;
    justify-content:center;
    flex-wrap:wrap;
    gap:14px 20px;
    padding:17px 20px;
    border-top:1px solid rgba(216,183,102,.24);
    background:rgba(0,0,0,.12);
    text-align:center;
}

.gcviHeroV2DirectContact span{
    color:#9fb1c4;
    font-family:Arial,sans-serif;
    font-size:15px;
    font-weight:800;
    letter-spacing:1px;
}

.gcviHeroV2DirectContact a{
    color:#efd38e;
    font-family:Arial,sans-serif;
    font-size:20px;
    font-weight:800;
    text-decoration:none;
}

.gcviHeroV2DirectContact a:hover{
    color:#ffffff;
}

.gcviHeroV2DirectContact strong{
    color:#b9c7d5;
    font-family:Arial,sans-serif;
    font-size:15px;
    font-weight:600;
}


/* =========================================================
   SECTION 1
   FIVE CAPITAL GAIN TRIGGERS
========================================================= */

.gcviTriggersV2{
    padding:100px 0 105px;
    background:#f7f4ee;
    color:#172b42;
}

.gcviTriggersV2Header{
    max-width:900px;
    margin:0 auto 55px;
    text-align:center;
}

.gcviTriggersV2Kicker{
    margin-bottom:13px;
    color:#a77920;
    font-family:Arial,sans-serif;
    font-size:15px;
    font-weight:800;
    letter-spacing:1.7px;
}

.gcviTriggersV2Header h2{
    margin:0;
    color:#092f62;
    font-family:"Cormorant Garamond",Georgia,serif;
    font-size:clamp(38px,4.3vw,57px);
    font-weight:500;
    line-height:1.05;
}

.gcviTriggersV2Header h2 strong{
    font-weight:800;
}

.gcviTriggersV2Intro{
    max-width:760px;
    margin:21px auto 0;
    color:#536273;
    font-family:Arial,sans-serif;
    font-size:16px;
    line-height:1.7;
}

.gcviTriggersV2Intro strong{
    color:#092f62;
    font-weight:800;
}


/* =========================================================
   TRIGGER GRID
========================================================= */

.gcviTriggersV2Grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:18px;
}

.gcviTriggerV2Card{
    display:flex;
    gap:22px;
    padding:30px;
    border:1px solid #ddd7ca;
    background:#ffffff;
    box-shadow:0 10px 32px rgba(9,47,98,.055);
    transition:
        transform .3s ease,
        border-color .3s ease,
        box-shadow .3s ease;
}

.gcviTriggerV2Card:last-child{
    grid-column:1 / -1;
}

.gcviTriggerV2Card:hover{
    transform:translateY(-4px);
    border-color:#c5a059;
    box-shadow:0 18px 40px rgba(9,47,98,.10);
}

.gcviTriggerV2Number{
    display:flex;
    flex:0 0 54px;
    width:54px;
    height:54px;
    align-items:center;
    justify-content:center;
    border:1px solid #c5a059;
    color:#a77920;
    font-family:Arial,sans-serif;
    font-size:15px;
    font-weight:800;
}

.gcviTriggerV2Content{
    min-width:0;
}

.gcviTriggerV2Tag{
    margin-bottom:7px;
    color:#a77920;
    font-family:Arial,sans-serif;
    font-size:15px;
    font-weight:800;
    letter-spacing:1px;
}

.gcviTriggerV2Content h3{
    margin:0 0 11px;
    color:#092f62;
    font-family:"Cormorant Garamond",Georgia,serif;
    font-size:28px;
    font-weight:500;
    line-height:1.13;
}

.gcviTriggerV2Content h3 strong{
    font-weight:800;
}

.gcviTriggerV2Content p{
    margin:0;
    color:#536170;
    font-family:Arial,sans-serif;
    font-size:15px;
    line-height:1.72;
}

.gcviTriggerV2Content p strong{
    color:#173c67;
    font-weight:800;
}


/* =========================================================
   SECTION 2
   TRUST & AUTHORITY
========================================================= */

.gcviTrustV2{
    position:relative;
    overflow:hidden;
    padding:100px 0;
    background:
        radial-gradient(
            circle at 100% 0%,
            rgba(216,183,102,.15),
            transparent 30%
        ),
        linear-gradient(
            135deg,
            #061d38,
            #092f62
        );
    color:#ffffff;
}

.gcviTrustV2::before{
    content:"";
    position:absolute;
    top:-240px;
    right:-240px;
    width:540px;
    height:540px;
    border:1px solid rgba(216,183,102,.16);
    border-radius:50%;
}

.gcviTrustV2 .container{
    position:relative;
    z-index:2;
}

.gcviTrustV2Intro{
    max-width:850px;
    margin-bottom:50px;
}

.gcviTrustV2Kicker{
    margin-bottom:14px;
    color:#d8b766;
    font-family:Arial,sans-serif;
    font-size:15px;
    font-weight:800;
    letter-spacing:1.7px;
}

.gcviTrustV2Intro h2{
    margin:0;
    color:#ffffff;
    font-family:"Cormorant Garamond",Georgia,serif;
    font-size:clamp(40px,4.5vw,58px);
    font-weight:500;
    line-height:1.04;
}

.gcviTrustV2Intro h2 strong{
    color:#efd38e;
    font-weight:800;
}

.gcviTrustV2Intro p{
    max-width:780px;
    margin:19px 0 0;
    color:#d6e1ec;
    font-family:Arial,sans-serif;
    font-size:16px;
    line-height:1.75;
}


/* =========================================================
   TRUST GRID
========================================================= */

.gcviTrustV2Grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:1px;
    border:1px solid rgba(216,183,102,.25);
    background:rgba(216,183,102,.25);
}

.gcviTrustV2Item{
    display:flex;
    gap:18px;
    min-height:145px;
    padding:27px;
    background:rgba(4,27,53,.90);
}

.gcviTrustV2Icon{
    display:flex;
    flex:0 0 57px;
    width:57px;
    height:57px;
    align-items:center;
    justify-content:center;
    border:1px solid #b88723;
    color:#e2c778;
    font-family:Arial,sans-serif;
    font-size:15px;
    font-weight:800;
    text-align:center;
}

.gcviTrustV2Item > div{
    min-width:0;
}

.gcviTrustV2Item strong{
    display:block;
    margin-bottom:7px;
    color:#ffffff;
    font-family:"Cormorant Garamond",Georgia,serif;
    font-size:26px;
    font-weight:700;
    line-height:1.1;
}

.gcviTrustV2Item p{
    margin:0;
    color:#cbd7e4;
    font-family:Arial,sans-serif;
    font-size:15px;
    line-height:1.65;
}

.gcviTrustV2Item p strong{
    display:inline;
    color:#efd38e;
    font-family:Arial,sans-serif;
    font-size:inherit;
    line-height:inherit;
}


/* =========================================================
   FINAL CTA
========================================================= */

.gcviTrustV2CTA{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:30px;
    margin-top:43px;
    padding:29px 31px;
    border:1px solid rgba(216,183,102,.42);
    background:
        linear-gradient(
            90deg,
            rgba(216,183,102,.11),
            rgba(255,255,255,.045)
        );
}

.gcviTrustV2CTACopy{
    display:flex;
    flex-direction:column;
    gap:7px;
}

.gcviTrustV2CTACopy span{
    color:#d8b766;
    font-family:Arial,sans-serif;
    font-size:15px;
    font-weight:800;
    letter-spacing:1.1px;
}

.gcviTrustV2CTACopy h3{
    margin:0;
    color:#ffffff;
    font-family:"Cormorant Garamond",Georgia,serif;
    font-size:27px;
    font-weight:700;
    line-height:1.2;
}

.gcviTrustV2Button{
    display:flex;
    flex:0 0 auto;
    min-width:245px;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:5px;
    padding:16px 24px;
    border:1px solid #d8b766;
    background:
        linear-gradient(
            135deg,
            #b88723,
            #d8b766
        );
    color:#061f40;
    font-family:Arial,sans-serif;
    text-decoration:none;
    box-shadow:0 12px 30px rgba(0,0,0,.24);
    transition:all .3s ease;
}

.gcviTrustV2Button:hover{
    transform:translateY(-3px);
    background:
        linear-gradient(
            135deg,
            #d8b766,
            #efd38e
        );
    color:#061f40;
    box-shadow:0 17px 38px rgba(0,0,0,.30);
}

.gcviTrustV2Button span{
    font-size:17px;
    font-weight:800;
}

.gcviTrustV2Button small{
    font-size:15px;
    font-weight:700;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width:1100px){

    .gcviHeroV2{
        padding-top:60px;
    }

    .gcviHeroV2Stage{
        grid-template-columns:minmax(310px,.78fr) minmax(0,1.22fr);
        gap:35px;
    }

    .gcviHeroV2Masthead h1{
        font-size:64px;
    }

    .gcviHeroV2PortraitImage{
        min-height:540px;
    }

    .gcviHeroV2PortraitImage img{
        height:540px;
    }

    .gcviHeroV2CTARail{
        grid-template-columns:1fr 1fr;
    }

    .gcviHeroV2CTA:first-child{
        grid-column:1 / -1;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width:767px){

    .gcviHeroV2{
        padding-top:45px;
    }

    .gcviHeroV2Masthead h1{
        font-size:45px;
        line-height:1;
        letter-spacing:-.7px;
    }

    .gcviHeroV2Accent{
        margin:24px 0 35px;
    }

    .gcviHeroV2Stage{
        display:flex;
        flex-direction:column;
        gap:38px;
    }

    .gcviHeroV2PortraitColumn{
        width:100%;
        order:1;
    }

    .gcviHeroV2Content{
        width:100%;
        order:2;
    }

    .gcviHeroV2PortraitImage{
        min-height:510px;
        padding-top:28px;
    }

    .gcviHeroV2PortraitImage img{
        width:100%;
        height:510px;
    }

    .gcviHeroV2Narrative p{
        font-size:15px;
        line-height:1.72;
    }

    .gcviHeroV2CTARail{
        display:flex;
        flex-direction:column;
        gap:10px;
        margin-top:35px;
    }

    .gcviHeroV2CTA,
    .gcviHeroV2CTA:first-child{
        width:100%;
        min-height:88px;
        grid-column:auto;
    }

    .gcviHeroV2DirectContact{
        flex-direction:column;
        gap:7px;
        padding:17px 12px;
    }

    .gcviHeroV2DirectContact strong{
        line-height:1.45;
    }


    /* TRIGGERS */

    .gcviTriggersV2{
        padding:65px 0;
    }

    .gcviTriggersV2Header{
        margin-bottom:35px;
    }

    .gcviTriggersV2Header h2{
        font-size:39px;
    }

    .gcviTriggersV2Grid{
        grid-template-columns:1fr;
    }

    .gcviTriggerV2Card,
    .gcviTriggerV2Card:last-child{
        grid-column:auto;
    }

    .gcviTriggerV2Card{
        gap:15px;
        padding:23px;
    }

    .gcviTriggerV2Number{
        flex-basis:47px;
        width:47px;
        height:47px;
    }

    .gcviTriggerV2Content h3{
        font-size:25px;
    }


    /* TRUST */

    .gcviTrustV2{
        padding:65px 0;
    }

    .gcviTrustV2Intro{
        margin-bottom:35px;
    }

    .gcviTrustV2Intro h2{
        font-size:39px;
    }

    .gcviTrustV2Grid{
        grid-template-columns:1fr;
    }

    .gcviTrustV2Item{
        min-height:auto;
        padding:23px;
    }

    .gcviTrustV2CTA{
        flex-direction:column;
        align-items:stretch;
        gap:22px;
        padding:23px;
    }

    .gcviTrustV2Button{
        width:100%;
    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width:480px){

    .gcviHeroV2Masthead h1{
        font-size:38px;
    }

    .gcviHeroV2Eyebrow{
        font-size:15px;
    }

    .gcviHeroV2PortraitBadge{
        top:15px;
        left:15px;
        font-size:15px;
    }

    .gcviHeroV2PortraitImage{
        min-height:430px;
        padding:20px 10px 0;
    }

    .gcviHeroV2PortraitImage img{
        height:430px;
    }

    .gcviHeroV2PortraitInfo h2{
        font-size:29px;
    }

    .gcviHeroV2CTA{
        padding:14px;
    }

    .gcviHeroV2CTAIcon{
        flex-basis:40px;
        width:40px;
        height:40px;
    }

    .gcviHeroV2CTAContent strong{
        font-size:15px;
    }

    .gcviTriggersV2Header h2,
    .gcviTrustV2Intro h2{
        font-size:34px;
    }

    .gcviTriggerV2Card{
        flex-direction:column;
    }

    .gcviTrustV2Item{
        flex-direction:column;
    }

    .gcviTrustV2Icon{
        flex-basis:50px;
        width:50px;
        height:50px;
    }

}