/* =========================================================
   PREMIUM ART-VALUATION TYPOGRAPHY
   ========================================================= */

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');


:root{

    --art-heading: "Cormorant Garamond", Georgia, serif;
    --art-body: "Manrope", Arial, sans-serif;
    --art-ui: "DM Sans", Arial, sans-serif;

    --art-navy:#092944;
    --art-navy-2:#0d3454;
    --art-gold:#c99735;
    --art-gold-light:#e4bd68;

    --art-white:#ffffff;
    --art-soft-white:#f6f2e9;
    --art-muted:#d5e0e8;
    --art-dark:#172b3b;

}


/* =========================================================
   GLOBAL
   ========================================================= */

body{

    font-family:var(--art-body);
    font-size:16px;
    line-height:1.72;
    color:var(--art-dark);

    -webkit-font-smoothing:antialiased;
    text-rendering:optimizeLegibility;

}


/* =========================================================
   ARTISTIC HEADINGS
   ========================================================= */

h1,
h2,
h3,
h4{

    font-family:var(--art-heading);
    font-weight:600;
    letter-spacing:-.02em;
    line-height:.98;

}


/* HERO H1 */

.artapp-hero h1{

    font-family:var(--art-heading);
    font-size:clamp(52px,5.2vw,82px);
    font-weight:700;
    line-height:.86;
    letter-spacing:-.035em;
    margin:0;

}


/* HERO GOLD SUBLINE */

.artapp-hero .hero-subtitle{

    font-family:var(--art-heading);
    font-size:clamp(27px,2.5vw,42px);
    font-weight:600;
    line-height:1.02;
    letter-spacing:-.02em;

}


/* SECTION HEADINGS */

.artapp-section h2{

    font-family:var(--art-heading);
    font-size:clamp(42px,4.3vw,68px);
    font-weight:600;
    line-height:.95;
    letter-spacing:-.025em;

}


/* SMALL HEADINGS */

.artapp-section h3{

    font-family:var(--art-heading);
    font-size:30px;
    font-weight:600;
    line-height:1.05;

}


/* =========================================================
   TRUST BAND
   ========================================================= */

.artapp-trust h2{

    font-family:var(--art-heading);
    font-size:clamp(42px,4vw,64px);
    line-height:.94;
    font-weight:600;

}

.artapp-trust .trust-title{

    font-family:var(--art-ui);
    font-size:13px;
    font-weight:700;
    letter-spacing:.08em;
    text-transform:uppercase;

}


/* =========================================================
   QUESTION CARDS
   ========================================================= */

.artapp-question-card h3{

    font-family:var(--art-heading);
    font-size:29px;
    line-height:1;
    font-weight:600;

}

.artapp-question-card .question-number{

    font-family:var(--art-ui);
    font-size:13px;
    font-weight:800;
    letter-spacing:.12em;

}


/* =========================================================
   GOLD EMPHASIS
   ========================================================= */

.art-gold{

    color:var(--art-gold-light);

}

.artapp-section strong{

    font-weight:800;

}


/* =========================================================
   BODY COPY
   ========================================================= */

.artapp-hero p,
.artapp-section p,
.artapp-trust p{

    font-family:var(--art-body);
    font-size:16px;
    line-height:1.7;

}


/* Never allow tiny text */

.artapp-hero *,
.artapp-section *,
.artapp-trust *{

    min-font-size:15px;

}


/* =========================================================
   LABELS / EYEBROWS
   ========================================================= */

.artapp-eyebrow{

    font-family:var(--art-ui);
    font-size:13px;
    font-weight:800;
    letter-spacing:.13em;
    text-transform:uppercase;

}


/* =========================================================
   CTA BUTTONS
   ========================================================= */

.artapp-btn{

    font-family:var(--art-ui);
    font-size:15px;
    font-weight:800;
    letter-spacing:.01em;

}


/* =========================================================
   NUMBERS
   ========================================================= */

.artapp-stat-number{

    font-family:var(--art-heading);
    font-size:58px;
    line-height:.8;
    font-weight:700;
    color:var(--art-gold-light);

}


/* =========================================================
   ARTISTIC QUOTE / EMPHASIS
   ========================================================= */

.artapp-quote{

    font-family:var(--art-heading);
    font-size:clamp(30px,3vw,46px);
    line-height:1.05;
    font-weight:600;
    letter-spacing:-.02em;

}


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

@media(max-width:767px){

    .artapp-hero h1{

        font-size:50px;
        line-height:.88;

    }

    .artapp-hero .hero-subtitle{

        font-size:28px;
        line-height:1;

    }

    .artapp-section h2,
    .artapp-trust h2{

        font-size:43px;
        line-height:.96;

    }

    .artapp-section h3{

        font-size:27px;

    }

    .artapp-hero p,
    .artapp-section p,
    .artapp-trust p{

        font-size:15px;
        line-height:1.65;

    }

}/* =========================================================
   GOVERNMENT APPROVED ART APPRAISER
   MASTER SECTION CSS
========================================================= */

.gaaHeroIntro,
.gaaHeroNeeds,
.gaaFiveQuestions,
.gaaTrustBand,
.gaaFinalCTA{
    width:100%;
    position:relative;
    overflow:hidden;
}

.gaaHeroIntro *,
.gaaHeroNeeds *,
.gaaFiveQuestions *,
.gaaTrustBand *,
.gaaFinalCTA *{
    box-sizing:border-box;
}

.gaaHeroIntro p,
.gaaHeroNeeds p,
.gaaFiveQuestions p,
.gaaTrustBand p,
.gaaFinalCTA p{
    font-size:16px;
}


/* =========================================================
   HERO PART 1
========================================================= */

.gaaHeroIntro{
    background:
        radial-gradient(circle at 88% 20%,rgba(198,145,47,.13),transparent 27%),
        linear-gradient(135deg,#062542 0%,#0b3152 58%,#102f4b 100%);
    color:#fff;
    padding:100px 0 90px;
}

.gaaHeroIntro__bg{
    position:absolute;
    inset:0;
    pointer-events:none;
    background:
        linear-gradient(115deg,transparent 0%,rgba(255,255,255,.025) 50%,transparent 50%);
}

.gaaHeroIntro__container{
    position:relative;
    z-index:2;
    width:min(1380px,calc(100% - 80px));
    margin:auto;
    display:grid;
    grid-template-columns:minmax(0,1.1fr) minmax(380px,.9fr);
    gap:90px;
    align-items:center;
}

.gaaHeroIntro__content{
    max-width:780px;
}

.gaaHeroIntro__eyebrow{
    display:flex;
    align-items:center;
    gap:10px;
    margin-bottom:25px;
    color:#d9a33a;
    font-size:13px;
    font-weight:800;
    letter-spacing:1.5px;
    text-transform:uppercase;
}

.gaaHeroIntro__eyebrow span{
    width:32px;
    height:1px;
    display:inline-block;
    background:#d9a33a;
}

.gaaHeroIntro__eyebrow b{
    color:#fff;
}

.gaaHeroIntro h1{
    margin:0;
    color:#fff;
    font-size:clamp(48px,5.3vw,82px);
    line-height:.94;
    letter-spacing:-3px;
    font-weight:900;
    max-width:800px;
}

.gaaHeroIntro h1 strong{
    display:block;
    color:#fff;
    font-weight:900;
}

.gaaHeroIntro__statement{
    margin-top:25px;
    color:#e1aa3b;
    font-size:clamp(25px,2.3vw,33px);
    line-height:1.1;
    font-weight:800;
}

.gaaHeroIntro__statement span{
    color:#fff;
}

.gaaHeroIntro__copy{
    margin-top:35px;
    max-width:760px;
}

.gaaHeroIntro__copy p{
    margin:0 0 20px;
    color:#e4edf5;
    line-height:1.75;
    font-weight:400;
}

.gaaHeroIntro__copy strong{
    color:#fff;
    font-weight:800;
}

.gaaHeroIntro__question{
    padding:17px 20px;
    border-left:3px solid #d49a2d;
    background:rgba(255,255,255,.065);
    color:#f1c35d !important;
    font-size:21px !important;
    font-weight:800 !important;
}


/* =========================================================
   HERO PORTRAIT
========================================================= */

.gaaHeroIntro__portrait{
    position:relative;
    min-height:650px;
    display:flex;
    justify-content:center;
    align-items:center;
}

.gaaPortraitFrame{
    width:min(440px,85%);
    padding:15px;
    background:#f5f0e6;
    box-shadow:0 35px 80px rgba(0,0,0,.38);
    transform:rotate(2deg);
    position:relative;
}

.gaaPortraitFrame__top{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:10px 12px;
    color:#173451;
    font-size:10px;
    font-weight:900;
    letter-spacing:1px;
}

.gaaPortraitFrame__top span:last-child{
    color:#b17b1d;
}

.gaaPortraitFrame__image{
    width:100%;
    height:620px;
    overflow:hidden;
    background:#ddd;
}

.gaaPortraitFrame__image img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center top;
}

.gaaPortraitFrame__bottom{
    padding:17px 12px 13px;
    color:#102e4b;
}

.gaaPortraitFrame__bottom strong{
    display:block;
    font-size:23px;
    line-height:1.1;
    font-weight:900;
}

.gaaPortraitFrame__bottom span{
    display:block;
    margin-top:5px;
    font-size:14px;
    color:#56616b;
}

.gaaPortraitBadge{
    position:absolute;
    z-index:3;
    background:#fff;
    box-shadow:0 18px 45px rgba(0,0,0,.25);
    padding:16px 20px;
    color:#123250;
}

.gaaPortraitBadge strong{
    display:block;
    color:#b68120;
    font-size:31px;
    line-height:1;
    font-weight:900;
}

.gaaPortraitBadge span{
    display:block;
    margin-top:5px;
    font-size:13px;
    line-height:1.35;
    font-weight:700;
}

.gaaPortraitBadge--experience{
    left:0;
    top:18%;
}

.gaaPortraitBadge--services{
    right:0;
    bottom:14%;
}


/* =========================================================
   HERO PART 2
========================================================= */

.gaaHeroNeeds{
    background:#f4f0e7;
    padding:100px 0;
}

.gaaHeroNeeds__container{
    width:min(1380px,calc(100% - 80px));
    margin:auto;
    display:grid;
    grid-template-columns:minmax(400px,.9fr) minmax(0,1.1fr);
    gap:85px;
    align-items:center;
}

.gaaHeroNeeds__visual{
    position:relative;
    min-height:650px;
    display:flex;
    align-items:center;
    justify-content:center;
}

.gaaArtStack{
     position: relative;
    width: 100%;
    max-width: 660px;
    height: 900px;
}

.gaaArtStack__image{
    position:absolute;
    overflow:hidden;
    box-shadow:0 25px 60px rgba(20,40,55,.18);
    border:12px solid #fff;
    background:#ddd;
}

.gaaArtStack__image img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
}

.gaaArtStack__image--one{
    width:72%;
    height:75%;
    left:0;
    top:7%;
    transform:rotate(-5deg);
}

.gaaArtStack__image--two{
    width:63%;
    height:63%;
    right:0;
    bottom:0;
    transform:rotate(5deg);
}

.gaaHeroNeeds__visualLabel{
    position:absolute;
    left:5%;
    bottom:2%;
    z-index:4;
    width:290px;
    padding:22px;
    background:#0b2d4b;
    color:#fff;
    box-shadow:0 18px 40px rgba(0,0,0,.2);
}

.gaaHeroNeeds__visualLabel span{
    display:block;
    margin-bottom:8px;
    color:#d9a33a;
    font-size:11px;
    font-weight:900;
    letter-spacing:1.5px;
}

.gaaHeroNeeds__visualLabel strong{
    display:block;
    font-size:22px;
    line-height:1.2;
}


.gaaSectionEyebrow{
    margin-bottom:18px;
    color:#b27b1e;
    font-size:12px;
    font-weight:900;
    letter-spacing:1.7px;
    text-transform:uppercase;
}

.gaaSectionEyebrow--dark{
    color:#a66f17;
}

.gaaHeroNeeds h2{
    margin:0;
    color:#112f4c;
    font-size:clamp(38px,4vw,58px);
    line-height:1.04;
    letter-spacing:-1.5px;
    font-weight:800;
}

.gaaHeroNeeds h2 strong{
    color:#b37b1f;
}

.gaaHeroNeeds__lead{
    margin:25px 0 30px;
    color:#405467;
    line-height:1.75;
}

.gaaNeedsList{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:12px;
}

.gaaNeedCard{
    display:grid;
    grid-template-columns:43px 1fr;
    gap:13px;
    padding:17px;
    border:1px solid #d8d2c7;
    background:#fff;
    transition:.3s ease;
}

.gaaNeedCard:hover{
    transform:translateY(-4px);
    box-shadow:0 14px 35px rgba(28,48,65,.12);
}

.gaaNeedCard__number{
    width:36px;
    height:36px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#102f4c;
    color:#e0a735;
    font-size:12px;
    font-weight:900;
}

.gaaNeedCard h3{
    margin:0 0 7px;
    color:#153552;
    font-size:17px;
    font-weight:900;
}

.gaaNeedCard p{
    margin:0;
    color:#596b79;
    line-height:1.55;
}

.gaaNeedCard strong{
    color:#183956;
}

.gaaHeroNeeds__authority{
    margin-top:25px;
    padding:18px 20px;
    border-left:4px solid #c08b2a;
    background:#e9e2d4;
}

.gaaHeroNeeds__authority strong{
    display:block;
    color:#102f4c;
    font-size:18px;
}

.gaaHeroNeeds__authority span{
    display:block;
    margin-top:5px;
    color:#64717b;
    font-size:15px;
}

.gaaHeroNeeds__actions{
    margin-top:27px;
    display:flex;
    flex-wrap:wrap;
    gap:11px;
}

.gaaPrimaryCTA,
.gaaSecondaryCTA{
    display:flex;
    flex-direction:column;
    justify-content:center;
    min-height:67px;
    padding:12px 20px;
    text-decoration:none;
    transition:.3s ease;
}

.gaaPrimaryCTA{
    background:#bb8528;
    color:#fff;
    min-width:260px;
}

.gaaPrimaryCTA:hover{
    background:#956919;
    transform:translateY(-2px);
}

.gaaSecondaryCTA{
    border:1px solid #b9a984;
    color:#173552;
    background:#fff;
    min-width:220px;
}

.gaaSecondaryCTA:hover{
    border-color:#b98220;
    transform:translateY(-2px);
}

.gaaPrimaryCTA span,
.gaaSecondaryCTA span{
    font-size:15px;
    font-weight:900;
}

.gaaPrimaryCTA small,
.gaaSecondaryCTA small{
    margin-top:4px;
    font-size:13px;
    font-weight:600;
}


/* =========================================================
   FIVE QUESTIONS
========================================================= */

.gaaFiveQuestions{
    background:#fff;
    padding:110px 0;
}

.gaaFiveQuestions__container{
    width:min(1380px,calc(100% - 80px));
    margin:auto;
}

.gaaFiveQuestions__heading{
    max-width:850px;
    margin-bottom:55px;
}

.gaaFiveQuestions__heading h2{
    margin:0;
    color:#122f4c;
    font-size:clamp(38px,4vw,60px);
    line-height:1.05;
    letter-spacing:-1.7px;
}

.gaaFiveQuestions__heading h2 strong{
    color:#b27b20;
}

.gaaFiveQuestions__heading p{
    max-width:760px;
    margin:22px 0 0;
    color:#536675;
    line-height:1.75;
}

.gaaFiveQuestions__grid{
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:14px;
}

.gaaQuestionCard{
    min-height:405px;
    padding:25px;
    position:relative;
    display:flex;
    flex-direction:column;
    background:#f5f1e9;
    border:1px solid #e1d9cb;
    transition:.35s ease;
}

.gaaQuestionCard:hover{
    transform:translateY(-7px);
    background:#102f4c;
    border-color:#102f4c;
}

.gaaQuestionCard:hover h3,
.gaaQuestionCard:hover p{
    color:#fff;
}

.gaaQuestionCard:hover p{
    color:#d8e2eb;
}

.gaaQuestionCard__top{
    display:flex;
    justify-content:space-between;
    align-items:center;
}

.gaaQuestionCard__top > span{
    color:#b57d1d;
    font-size:13px;
    font-weight:900;
}

.gaaQuestionCard__icon{
    min-width:45px;
    height:45px;
    padding:0 8px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid #d2b477;
    color:#a66f16;
    font-size:12px;
    font-weight:900;
}

.gaaQuestionCard h3{
    margin:30px 0 17px;
    color:#173652;
    font-size:21px;
    line-height:1.2;
    font-weight:900;
}

.gaaQuestionCard p{
    margin:0;
    color:#596a77;
    line-height:1.65;
}

.gaaQuestionCard strong{
    color:#183956;
    font-weight:900;
}

.gaaQuestionCard:hover strong{
    color:#f0bd58;
}

.gaaQuestionCard__tag{
    margin-top:auto;
    padding-top:20px;
    color:#a8731b;
    font-size:11px;
    letter-spacing:1.3px;
    font-weight:900;
}

.gaaQuestionCard:hover .gaaQuestionCard__tag{
    color:#e5ad42;
}

.gaaFiveQuestions__conclusion{
    margin-top:40px;
    padding:25px 30px;
    display:flex;
    gap:20px;
    align-items:flex-start;
    background:#102f4c;
    color:#fff;
}

.gaaFiveQuestions__conclusionMark{
    width:43px;
    height:43px;
    flex:0 0 43px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#c18a29;
    color:#fff;
    font-weight:900;
}

.gaaFiveQuestions__conclusion strong{
    display:block;
    color:#efbd58;
    font-size:20px;
}

.gaaFiveQuestions__conclusion p{
    margin:7px 0 0;
    color:#dce5ed;
    line-height:1.65;
}


/* =========================================================
   TRUST BAND
========================================================= */

.gaaTrustBand{
    padding:110px 0;
    background:
        radial-gradient(circle at 10% 80%,rgba(193,138,41,.13),transparent 28%),
        linear-gradient(135deg,#061d33,#0c2945 65%,#09223a);
    color:#fff;
}

.gaaTrustBand__container{
    width:min(1380px,calc(100% - 80px));
    margin:auto;
    display:grid;
    grid-template-columns:minmax(320px,.75fr) minmax(0,1.25fr);
    gap:70px;
    align-items:start;
}

.gaaTrustBand__intro{
    position:sticky;
    top:40px;
}

.gaaTrustBand__intro h2{
    margin:0;
    color:#fff;
    font-family:Georgia,"Times New Roman",serif;
    font-size:clamp(43px,4.5vw,68px);
    line-height:.98;
    letter-spacing:-1.5px;
}

.gaaTrustBand__intro h2 span{
    color:#d8a23c;
}

.gaaTrustBand__intro p{
    color:#c8d5df;
    line-height:1.75;
}

.gaaTrustBand__intro p:first-of-type{
    margin-top:30px;
}

.gaaTrustBand__intro strong{
    color:#fff;
}

.gaaTrustCTA{
    margin-top:30px;
    min-height:70px;
    padding:13px 52px 13px 20px;
    display:inline-flex;
    flex-direction:column;
    justify-content:center;
    position:relative;
    background:#bf892d;
    color:#fff;
    text-decoration:none;
    transition:.3s ease;
}

.gaaTrustCTA:hover{
    background:#d39c36;
    transform:translateY(-3px);
}

.gaaTrustCTA span{
    font-size:16px;
    font-weight:900;
}

.gaaTrustCTA small{
    margin-top:4px;
    font-size:13px;
}

.gaaTrustCTA b{
    position:absolute;
    right:17px;
    top:50%;
    transform:translateY(-50%);
    font-size:24px;
}

.gaaTrustBand__grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:12px;
}

.gaaTrustCard{
    min-height:235px;
    padding:25px;
    position:relative;
    border:1px solid rgba(255,255,255,.13);
    background:rgba(255,255,255,.045);
    transition:.3s ease;
}

.gaaTrustCard:hover{
    background:rgba(255,255,255,.09);
    border-color:rgba(210,160,64,.55);
    transform:translateY(-4px);
}

.gaaTrustCard__number{
    position:absolute;
    top:18px;
    right:20px;
    color:rgba(255,255,255,.28);
    font-size:12px;
    font-weight:900;
}

.gaaTrustCard__icon{
    width:38px;
    height:38px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid #c38c2d;
    color:#dda73e;
    margin-bottom:20px;
}

.gaaTrustCard h3{
    margin:0 30px 12px 0;
    color:#fff;
    font-size:19px;
    line-height:1.25;
    font-weight:900;
}

.gaaTrustCard p{
    margin:0;
    color:#bac9d5;
    line-height:1.6;
}

.gaaTrustCard strong{
    color:#fff;
}


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

.gaaFinalCTA{
    padding:80px 0;
    background:#e9e0d0;
}

.gaaFinalCTA__inner{
    width:min(1250px,calc(100% - 80px));
    margin:auto;
    padding:50px 60px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:50px;
    background:#102f4c;
    box-shadow:0 25px 70px rgba(16,47,76,.18);
}

.gaaFinalCTA h2{
    margin:0;
    color:#fff;
    font-size:clamp(36px,4vw,55px);
    line-height:1.03;
}

.gaaFinalCTA h2 strong{
    color:#e0a53b;
}

.gaaFinalCTA p{
    max-width:750px;
    margin:20px 0 0;
    color:#d3dee7;
    line-height:1.7;
}

.gaaFinalCTA__actions{
    min-width:260px;
    display:flex;
    flex-direction:column;
    align-items:stretch;
    gap:12px;
}

.gaaFinalCTA__button{
    min-height:72px;
    padding:13px 22px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    background:#bd8729;
    color:#fff;
    text-decoration:none;
    text-align:center;
    transition:.3s ease;
}

.gaaFinalCTA__button:hover{
    background:#d29b37;
    transform:translateY(-3px);
}

.gaaFinalCTA__button span{
    font-size:17px;
    font-weight:900;
}

.gaaFinalCTA__button small{
    margin-top:4px;
    font-size:13px;
}

.gaaFinalCTA__phone{
    padding:13px;
    border:1px solid rgba(255,255,255,.3);
    color:#fff;
    text-align:center;
    text-decoration:none;
    font-size:15px;
    font-weight:800;
}

.gaaFinalCTA__phone:hover{
    border-color:#d4a03c;
    color:#e0a53b;
}


/* =========================================================
   RESPONSIVE — TABLET
========================================================= */

@media(max-width:1100px){

    .gaaHeroIntro__container,
    .gaaHeroNeeds__container{
        grid-template-columns:1fr;
        gap:50px;
    }

    .gaaHeroIntro__content{
        max-width:900px;
    }

    .gaaHeroIntro__portrait{
        min-height:620px;
    }

    .gaaHeroNeeds__visual{
        min-height:560px;
    }

    .gaaFiveQuestions__grid{
        grid-template-columns:repeat(2,1fr);
    }

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

    .gaaTrustBand__intro{
        position:relative;
        top:auto;
        max-width:850px;
    }

    .gaaFinalCTA__inner{
        flex-direction:column;
        align-items:flex-start;
    }

    .gaaFinalCTA__actions{
        width:100%;
        max-width:400px;
    }

}


/* =========================================================
   RESPONSIVE — MOBILE
========================================================= */

@media(max-width:700px){

    .gaaHeroIntro,
    .gaaHeroNeeds,
    .gaaFiveQuestions,
    .gaaTrustBand{
        padding:70px 0;
    }

    .gaaFinalCTA{
        padding:55px 0;
    }

    .gaaHeroIntro__container,
    .gaaHeroNeeds__container,
    .gaaFiveQuestions__container,
    .gaaTrustBand__container{
        width:calc(100% - 32px);
    }

    .gaaHeroIntro h1{
        font-size:47px;
        letter-spacing:-2px;
        line-height:.97;
    }

    .gaaHeroIntro__statement{
        font-size:25px;
        line-height:1.12;
    }

    .gaaHeroIntro__copy{
        margin-top:25px;
    }

    .gaaHeroIntro__copy p{
        font-size:15px;
        line-height:1.7;
    }

    .gaaHeroIntro__question{
        font-size:18px !important;
    }

    .gaaHeroIntro__portrait{
        min-height:520px;
    }

    .gaaPortraitFrame{
        width:76%;
    }

    .gaaPortraitFrame__image{
        height:410px;
    }

    .gaaPortraitBadge{
        padding:12px 14px;
    }

    .gaaPortraitBadge strong{
        font-size:24px;
    }

    .gaaPortraitBadge span{
        font-size:11px;
    }

    .gaaPortraitBadge--experience{
        left:0;
        top:12%;
    }

    .gaaPortraitBadge--services{
        right:0;
        bottom:10%;
    }

    .gaaHeroNeeds__visual{
        min-height:430px;
    }

    .gaaArtStack{
        height:410px;
    }

    .gaaHeroNeeds h2,
    .gaaFiveQuestions__heading h2{
        font-size:39px;
    }

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

    .gaaNeedCard{
        padding:15px;
    }

    .gaaHeroNeeds__actions{
        flex-direction:column;
    }

    .gaaPrimaryCTA,
    .gaaSecondaryCTA{
        width:100%;
        min-width:0;
    }

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

    .gaaQuestionCard{
        min-height:auto;
    }

    .gaaFiveQuestions__conclusion{
        padding:20px;
    }

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

    .gaaTrustCard{
        min-height:auto;
    }

    .gaaTrustBand__intro h2{
        font-size:43px;
    }

    .gaaFinalCTA__inner{
        width:calc(100% - 32px);
        padding:35px 25px;
    }

    .gaaFinalCTA h2{
        font-size:38px;
    }

    .gaaFinalCTA__actions{
        width:100%;
        min-width:0;
    }

}


/* =========================================================
   VERY SMALL DEVICES
========================================================= */

@media(max-width:420px){

    .gaaHeroIntro h1{
        font-size:40px;
    }

    .gaaHeroIntro__statement{
        font-size:22px;
    }

    .gaaHeroIntro__portrait{
        min-height:460px;
    }

    .gaaPortraitFrame{
        width:78%;
    }

    .gaaPortraitFrame__image{
        height:350px;
    }

    .gaaPortraitBadge{
        padding:10px;
    }

    .gaaPortraitBadge strong{
        font-size:21px;
    }

    .gaaPortraitBadge span{
        font-size:10px;
    }

    .gaaHeroNeeds h2,
    .gaaFiveQuestions__heading h2,
    .gaaTrustBand__intro h2,
    .gaaFinalCTA h2{
        font-size:34px;
    }

    .gaaArtStack{
        height:350px;
    }

    .gaaHeroNeeds__visualLabel{
        width:230px;
        padding:16px;
    }

    .gaaHeroNeeds__visualLabel strong{
        font-size:18px;
    }

}