/* ==========================================================
   CRESTBRIDGE ACADEMY
   PAGE STYLES
========================================================== */

/* ==========================================================
   ACADEMY THEME
========================================================== */

.academy-page h1,
.academy-page h2,
.academy-page h3,
.academy-page h4,
.academy-page h5,
.academy-page h6{

    color:#111111;

}

.academy-page .hero-eyebrow{

    color:var(--gold);

}

.academy-page p{

    color:var(--text-light);

}

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

.btn-primary,
.btn-secondary{

    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:.6rem;

    padding:1rem 2rem;

    border-radius:999px;

    font-size:.95rem;
    font-weight:600;

    transition:var(--transition);

}

.btn-primary{

    background:#111111;
    color:#fff;
    border:2px solid var(--navy);

}

.btn-primary:hover{

    background:var(--gold);
    border-color:var(--gold);
    

}

.btn-secondary{

    color:var(--charcoal);

}

.btn-secondary span{

    transition:var(--transition);

}

.btn-secondary:hover{

    color:#111111;

}

.btn-secondary:hover span{

    transform:translateX(6px);

}


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

.academy-masthead{

    background:#111111;

    padding:0.5rem 0;

    border-bottom:1px solid rgba(255,255,255,.08);

}

.academy-masthead .container{

    display:flex;
    justify-content:space-between;
    align-items:center;

}

.academy-logo{

    display:flex;
    align-items:center;

}

.academy-logo img{

    height:72px;
    width:auto;

}

.academy-tagline{

    flex:1;

    text-align:center;

    font-size:.90rem;

    font-weight:900;

    letter-spacing:.32em;

    text-transform:uppercase;

    color:rgba(255,255,255,.55);

    user-select:none;

}

.academy-apply{

    display:flex;
    align-items:center;
    gap:.6rem;

    font-size:1rem;
    font-weight:600;

    color:#ffffff;

}

.academy-arrow{

    transition:var(--transition);

}

.academy-apply:hover{

    color:var(--gold);

}

.academy-apply:hover .academy-arrow{

    transform:translateX(5px);

}

@media (max-width:768px){

    .academy-masthead{

        padding:1rem 0;

    }

    .academy-masthead .container{

        flex-direction:column;

        gap:1rem;

        text-align:center;

    }

    .academy-logo img{

        height:56px;

    }

    .academy-tagline{

        order:3;

        flex:none;

        font-size:.72rem;

        letter-spacing:.18em;

        line-height:1.5;

    }

    .academy-apply{

        order:2;

        justify-content:center;

        font-size:.95rem;

    }

}
/* ==========================================================
   HERO
========================================================== */

.academy-hero{


    position:relative;

    overflow:hidden;

    background:#fff;
    
    padding:0.5rem;

}

.academy-hero .container{

    display:grid;

    grid-template-columns:60% 40%;

    align-items:center;

    gap:2rem;

    min-height:calc(100vh - 150px);

}

.hero-content{

    position:relative;
    padding-top:2rem;

    z-index:3;

    max-width:850px;

}

.hero-eyebrow{

    display:inline-flex;

    align-items:center;

    gap:1rem;

    margin-bottom:1.25rem;

    font-size:.82rem;

    font-weight:700;

    letter-spacing:.22em;

    text-transform:uppercase;

    color:var(--gold);

}

.hero-eyebrow::before{

    content:"";

    width:80px;

    height:1px;

    background:var(--gold);

}

.hero-title{

    margin:0;

    font:var(--font-heading);

    font-size:clamp(2.2rem,4vw,4.3rem);

    font-weight:600;

    line-height:.96;

    letter-spacing:-.05em;

    color:#111111; 

    max-width:600px;

    text-wrap:balance;

}

.hero-description{

    max-width:600px;

    margin:2rem 0 1rem;

    font-family:var(--font-body);

    font-size:1.125rem;

    line-height:1.5;

    color:var(--text-light);

}

.hero-line{

    white-space:nowrap;
}

.hero-actions{

    display:flex;

    gap:1.25rem;

    flex-wrap:wrap;

}

.hero-image{

    position:absolute;

    top:0;

    right:0;

    width:58%;

    height:412px;

    overflow:hidden;

    border-radius:32px 0 0 32px;

    z-index:1;

}

.hero-image img{

    width:100%;

    height:100%;

    object-fit:cover;

    object-position:center right;

}

.hero-image::before{

    content:"";

    position:absolute;

    inset:0;

    background:linear-gradient(
        to right,
        rgba(255,255,255,1) 0%,
        rgba(255,255,255,.90) 18%,
        rgba(255,255,255,.55) 38%,
        rgba(255,255,255,.15) 62%,
        rgba(255,255,255,0) 100%
    );

    z-index:2;

}

/* ==========================================================
   HERO - RESPONSIVE
========================================================== */

@media (max-width:991px){

    .academy-hero .container{

        grid-template-columns:1fr;

        gap:3rem;

        min-height:auto;

    }

    .hero-content{

        max-width:100%;

        padding-top:1rem;

        order:2;

    }

    .hero-image{

        position:relative;

        width:100%;

        height:420px;

        right:auto;

        top:auto;

        border-radius:24px;

        order:1;

    }

}

@media (max-width:767px){

    .academy-hero{

        padding:1rem 0;

    }

    .hero-content{

        padding-top:0;

    }

    .hero-eyebrow{

        gap:.75rem;

        font-size:.72rem;

        letter-spacing:.16em;

    }

    .hero-eyebrow::before{

        width:48px;

    }

    .hero-title{

        font-size:2.3rem;

        line-height:1.05;

    }

    .hero-description{

        margin:1.5rem 0;

        font-size:1rem;

        line-height:1.7;

    }

    .hero-line{

        white-space:normal;

    }

    .hero-actions{

        flex-direction:column;

        gap:1rem;

    }

    .hero-actions .btn-primary,
    .hero-actions .btn-secondary{

        width:100%;

    }

    .hero-image{

        height:300px;

        border-radius:20px;

    }

    .hero-image::before{

        background:linear-gradient(
            to top,
            rgba(255,255,255,.85) 0%,
            rgba(255,255,255,.35) 45%,
            rgba(255,255,255,0) 100%
        );

    }

}



/* ==========================================================
   ACADEMY OVERVIEW
========================================================== */

.academy-overview{

    padding:2rem;

    color:rgba(200,164,93,.18);

}

.academy-overview .section-heading{

    max-width:900px;

    margin:0 auto 2rem;

    text-align:center;

}

/*.section-eyebrow{

    display:inline-flex;

    align-items:right;

    gap:1rem;

    margin-bottom:1.5rem;

    font-size:.82rem;

    font-weight:700;

    letter-spacing:.22em;

    text-transform:uppercase;

    color:var(--gold);

}

.section-eyebrow::before,
.section-eyebrow::after{

    content:"";

    width:64px;

    height:1px;

    background:var(--gold);

}
*/

.academy-overview h2{

    max-width:900px;

    margin:0 auto;

    color:#111111;

    font-size:clamp(2.8rem,4vw,4.2rem);

    font-weight:700;

    line-height:1.06;

    letter-spacing:-.045em;

    text-wrap:balance;

}

.academy-overview .section-heading p{

    max-width:1100px;

    margin:2rem auto 0;

    font-size:1.15rem;

    line-height:1.9;

    color:var(--text-light);

}

.overview-grid{

    display:grid;

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

    gap:4rem;

    align-items:start;

}

.overview-pillar{

    position:relative;

    padding:0 1rem;

}

.overview-pillar h3::before{

    content:"";

    display:block;

    width:80px;

    height:2px;

    margin:0 0 2rem;

    background:var(--gold);

}

.pillar-number{

    display:block;

    margin-bottom:1rem;

    font-size:5rem;

    font-weight:800;

    line-height:1;

    color:rgba(200,164,93,.12);

}

.overview-pillar h3{

    margin:0 0 1.5rem;

    color:#111;

    font-size:1.55rem;

    font-weight:700;

}

.overview-pillar p{

    margin:0;

    max-width:320px;

    font-size:1rem;

    line-height:1.85;

    color:var(--text-light);

}


/* ==========================================================
   RESPONSIVE
========================================================== */

@media (max-width:991px){

    .academy-overview{

        padding:4rem 0;

    }

    .academy-overview .section-heading{

        margin-bottom:3rem;

    }

    .academy-overview h2{

        font-size:2.4rem;

        line-height:1.1;

    }

    .academy-overview .section-heading p{

        margin-top:1.5rem;

        font-size:1rem;

        line-height:1.75;

    }

    .overview-grid{

        grid-template-columns:1fr;

        gap:3rem;

    }

    .overview-pillar{

        padding:0;

    }

    .pillar-number{

        font-size:3rem;

        margin-bottom:.75rem;

    }

    .overview-pillar h3{

        font-size:1.4rem;

        margin-bottom:1rem;

    }

    .overview-pillar p{

        max-width:100%;

        font-size:.96rem;

        line-height:1.75;

    }

}

@media (max-width:767px){

    .academy-overview{

        padding:3rem 0;

    }

    .academy-overview h2{

        font-size:2rem;

    }

    .academy-overview .section-heading{

        margin-bottom:2.5rem;

    }

    .overview-grid{

        gap:2.5rem;

    }

    .overview-pillar h3::before{

        width:56px;

        margin-bottom:1.5rem;

    }

}

/* ==========================================================
   SHINE FRAMEWORK
========================================================== */

.academy-framework{

    padding:1rem 0;

    background:#ffffff;

}

.academy-framework h2{

    max-width:720px;

    margin:1rem 0 1.5rem;

    color:var(--gold);

    font-size:clamp(2.8rem,4vw,4.25rem);

    font-weight:700;

    line-height:1.05;

    letter-spacing:-.045em;

}

.framework-intro{

    max-width:1050px;

    margin:0 0 1.5rem;

    font-size:1.1rem;

    line-height:1.9;

    color:var(--text-light);

}



/* ==========================================================
   SHINE GRID
========================================================== */

.shine-grid{

    display:grid;

    grid-template-columns:repeat(5,minmax(0,1fr));

    gap:3rem;

    align-items:flex-start;

}

.shine-item{

    position:relative;

    padding-top:2rem;

    transition:
        transform .35s ease,
        color .35s ease;

}

.shine-item::before{

    content:"";

    position:absolute;

    left:0;

    top:0;

    width:42px;

    height:2px;

    background:var(--gold);

    transition:width .35s ease;

}



/* ==========================================================
   SHINE LETTER
========================================================== */

.shine-letter{

    display:block;

    margin-bottom:1.75rem;

    font-size:clamp(4.75rem,5vw,6rem);

    font-weight:800;

    line-height:.9;

    letter-spacing:-.05em;

    color:#111111;

    opacity:.08;

    transition:
        opacity .35s ease,
        color .35s ease,
        transform .35s ease;

}



/* ==========================================================
   SHINE TITLE
========================================================== */

.shine-item h3{

    margin:0 0 1rem;

    color:#111111;

    font-size:1.3rem;

    font-weight:700;

    line-height:1.3;

}



/* ==========================================================
   SHINE DESCRIPTION
========================================================== */

.shine-item p{

    margin:0;

    color:var(--text-light);

    font-size:1rem;

    line-height:1.8;

}



/* ==========================================================
   HOVER EFFECTS
========================================================== */

.shine-item:hover{

    transform:translateY(-6px);

}

.shine-item:hover::before{

    width:72px;

}

.shine-item:hover .shine-letter{

    opacity:1;

    color:var(--gold);

    transform:translateY(-4px);

}



/* ==========================================================
   GENERIC REVEAL ANIMATION
========================================================== */

.reveal{

    opacity:0;

    transform:translateY(40px);

    transition:
        opacity .8s ease,
        transform .8s ease;

}

.reveal.is-visible{

    opacity:1;

    transform:translateY(0);

}



/* ==========================================================
   LEARNING JOURNEY INTRO
========================================================== */

.journey-heading{

    margin-top:1rem;

    padding-top:1rem;

    border-top:1px solid rgba(17,17,17,.08);

}

.journey-heading h2{

    max-width:1000px;

    margin:1rem 0 1.5rem;

    color:#111111;

    font-size:clamp(2.7rem,4vw,4rem);

    font-weight:700;

    line-height:1.08;

    letter-spacing:-.04em;

}

.journey-heading p{

    max-width:1000px;

    margin:0;

    color:var(--text-light);

    font-size:1.1rem;

    line-height:1.9;

}



/* ==========================================================
   RESPONSIVE
========================================================== */

@media (max-width:1200px){

    .shine-grid{

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

        gap:2.5rem;

        row-gap:3rem;

    }

}

@media (max-width:900px){

    .academy-framework{

        padding:3rem 0;

    }

    .academy-framework h2{

        font-size:2.5rem;

    }

    .framework-intro{

        font-size:1rem;

        line-height:1.75;

    }

    .shine-grid{

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

        gap:2.25rem;

    }

}

@media (max-width:640px){

    .academy-framework{

        padding:2.5rem 0;

    }

    .academy-framework h2{

        font-size:2rem;

        line-height:1.08;

    }

    .framework-intro{

        margin-bottom:2rem;

        font-size:.96rem;

        line-height:1.7;

    }

    .shine-grid{

        grid-template-columns:1fr;

        gap:2rem;

    }

    .shine-item{

        padding-top:1.5rem;

    }

    .shine-letter{

        margin-bottom:1rem;

        font-size:3.8rem;

    }

    .shine-item h3{

        font-size:1.2rem;

    }

    .shine-item p{

        font-size:.95rem;

        line-height:1.7;

    }

    .journey-heading{

        margin-top:3rem;

        padding-top:2.5rem;

    }

    .journey-heading h2{

        font-size:2rem;

        line-height:1.08;

    }

    .journey-heading p{

        font-size:.96rem;

        line-height:1.7;

    }

}

/* ==========================================================
   PROGRAMME OVERVIEW
========================================================== */

.academy-programme{

    padding:1rem 0;

    background:#f8f8f6;

}

.academy-programme h2{

    max-width:1100px;

    margin:1rem 0 1.5rem;

    color:#111;

    font-size:clamp(2.2rem,4vw,2.7rem);

    font-weight:900;

    line-height:1.05;

    letter-spacing:-.045em;

}

.programme-intro{

    max-width:1100px;

    margin:0 0 2rem;

    font-size:1.1rem;

    line-height:1.9;

    color:var(--text-light);

}



/* ==========================================================
   PROGRAMME HIGHLIGHTS
========================================================== */

.programme-highlights{

    display:grid;

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

    gap:1px;

    margin-bottom:1rem;

    background:rgba(17,17,17,.08);

}

.programme-stat{

    background:#fff;

    padding:2.5rem 1.5rem;

    transition:

        transform .35s ease,

        background .35s ease;

}

.programme-stat:hover{

    background:#fcfbf7;

    transform:translateY(-6px);

}

.stat-value{

    display:block;

    margin-bottom:.75rem;

    color:var(--gold);

    font-size:3rem;

    font-weight:700;

    line-height:1;

    letter-spacing:-.04em;

}

.stat-label{

    display:block;

    color:#111;

    font-size:.95rem;

    line-height:1.5;

}



/* ==========================================================
   PROGRAMME DETAILS
========================================================== */

.programme-details{

    display:grid;

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

    gap:4rem;

}

.programme-column h3{

    margin:0 0 2rem;

    font-size:1.45rem;

    color:#111;

}

.programme-column ul{

    margin:0;

    padding:0;

    list-style:none;

}

.programme-column li{

    position:relative;

    padding:1rem 0 1rem 1.75rem;

    border-bottom:1px solid rgba(17,17,17,.08);

    color:var(--text-light);

    line-height:1.7;

}

.programme-column li::before{

    content:"";

    position:absolute;

    left:0;

    top:1.65rem;

    width:8px;

    height:8px;

    border-radius:50%;

    background:var(--gold);

}

.programme-column p{

    margin:0;

    color:var(--text-light);

    line-height:1.9;

}



/* ==========================================================
   RESPONSIVE
========================================================== */

@media (max-width:1200px){

    .programme-highlights{

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

    }

    .programme-details{

        gap:2.5rem;

    }

}

@media (max-width:768px){

    .academy-programme{

        padding:3rem 0;

    }

    .academy-programme h2{

        font-size:2rem;

    }

    .programme-intro{

        font-size:1rem;

        line-height:1.75;

    }

    .programme-highlights{

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

    }

    .programme-stat{

        padding:2rem 1.25rem;

    }

    .stat-value{

        font-size:2.4rem;

    }

    .programme-details{

        grid-template-columns:1fr;

        gap:2.5rem;

    }

    .programme-column h3{

        margin-bottom:1.25rem;

        font-size:1.3rem;

    }

}

@media (max-width:576px){

    .programme-highlights{

        grid-template-columns:1fr;

    }

    .programme-stat{

        padding:1.75rem 1.25rem;

    }

    .stat-value{

        font-size:2.1rem;

    }

    .programme-column li{

        padding:.85rem 0 .85rem 1.5rem;

    }

}

/* ==========================================================
   PLACEMENT ASSISTANCE
========================================================== */

.placement-support{

    padding:1rem 0;

    background:#fff;

}

.placement-layout{

    display:grid;

    grid-template-columns:30% 70%;

    gap:3rem;

    align-items:start;

}



/* ==========================================================
   LEFT COLUMN
========================================================== */

.placement-intro{

    position:relative;

    top:auto;

}

.placement-intro h2{

    margin:1rem 0 2rem;

    font-size:clamp(3rem,5vw,5.5rem);

    line-height:.92;

    letter-spacing:-.05em;

    font-weight:700;

    color:#111;

}

.placement-intro h2 span{

    display:block;

    color:#8f96a3;

    font-weight:300;

}

.placement-intro p{

    max-width:420px;

    margin:0;

    font-size:1.1rem;

    line-height:1.9;

    color:var(--text-light);

}



/* ==========================================================
   RIGHT COLUMN
========================================================== */

.placement-list{

    border-top:1px solid rgba(17,17,17,.08);

}

.placement-item{

    display:grid;

    grid-template-columns:90px 1fr;

    gap:2rem;

    padding:0;

    border-bottom:1px solid rgba(17,17,17,.08);

}

.placement-number{

    font-size:2rem;

    font-weight:700;

    color:var(--gold);

    letter-spacing:.18em;

    text-transform:uppercase;

    padding-top:0;

}

.placement-item h3{

    margin:0 0 1rem;

    font-size:2rem;

    line-height:1.2;

    font-weight:600;

    color:#111;

    transition:color .3s ease;

}

.placement-item p{

    max-width:700px;

    margin:0;

    font-size:1.08rem;

    line-height:1.9;

    color:var(--text-light);

}



/* ==========================================================
   HOVER
========================================================== */

.placement-item{

    transition:padding-left .35s ease;

}

.placement-item:hover{

    padding-left:1rem;

}

.placement-item:hover h3{

    color:var(--gold);

}



/* ==========================================================
   RESPONSIVE
========================================================== */

@media (max-width:1200px){

    .placement-layout{

        grid-template-columns:1fr;

        gap:3rem;

    }

    .placement-intro{

        position:relative;

        top:auto;

    }

    .placement-intro p{

        max-width:100%;

    }

}

@media (max-width:768px){

    .placement-support{

        padding:3rem 0;

    }

    .placement-layout{

        gap:2.5rem;

    }

    .placement-intro h2{

        font-size:2.2rem;

        line-height:1.05;

    }

    .placement-intro p{

        font-size:1rem;

        line-height:1.75;

    }

    .placement-item{

        grid-template-columns:1fr;

        gap:.75rem;

        padding:2rem 0;

    }

    .placement-number{

        font-size:1.5rem;

        margin-bottom:.25rem;

    }

    .placement-item h3{

        font-size:1.35rem;

        margin-bottom:.75rem;

    }

    .placement-item p{

        font-size:.95rem;

        line-height:1.7;

    }

}

/* ==========================================================
   FAQ
========================================================== */

.academy-faq{

    padding:1rem 0;

    background:#f8f8f6;

}

.academy-faq .section-heading{

    margin-bottom:1rem;

}

.academy-faq .section-heading h2{

    margin-bottom:1rem;

}



/* ==========================================================
   FAQ LIST
========================================================== */

.faq-list{

    max-width:1100px;

    margin:0 auto;

    border-top:1px solid rgba(17,17,17,.08);

}

.faq-item{

    border-bottom:1px solid rgba(17,17,17,.08);

}



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

.faq-question{

    width:100%;

    display:flex;

    justify-content:space-between;

    align-items:center;

    gap:2rem;

    padding:1.5rem 0;

    background:none;

    border:none;

    cursor:pointer;

    text-align:left;

    font:inherit;

}

.faq-question span:first-child{

    font-size:1.05rem;

    font-weight:500;

    color:#111;

    line-height:1.6;

}

.faq-icon{

    flex-shrink:0;

    font-size:1.5rem;

    font-weight:300;

    color:var(--gold);

    transition:transform .3s ease;

}



/* ==========================================================
   ANSWER
========================================================== */

.faq-answer{

    display:none;

    padding:0 3rem 1.5rem 0;

}

.faq-answer p{

    margin:0;

    font-size:.95rem;

    line-height:1.8;

    color:var(--text-light);

}



/* ==========================================================
   ACTIVE
========================================================== */

.faq-item.active .faq-answer{

    display:block;

}

.faq-item.active .faq-icon{

    transform:rotate(45deg);

}



/* ==========================================================
   HOVER
========================================================== */

.faq-question:hover span:first-child{

    color:var(--gold);

}



/* ==========================================================
   RESPONSIVE
========================================================== */

@media (max-width:768px){

    .academy-faq{

        padding:3rem 0;

    }

    .academy-faq .section-heading{

        margin-bottom:2rem;

    }

    .academy-faq .section-heading h2{

        font-size:2rem;

        line-height:1.08;

    }

    .faq-question{

        gap:1rem;

        padding:1.25rem 0;

        align-items:flex-start;

    }

    .faq-question span:first-child{

        font-size:1rem;

        line-height:1.6;

    }

    .faq-icon{

        font-size:1.35rem;

        margin-top:.15rem;

    }

    .faq-answer{

        padding:0 0 1.25rem;

    }

    .faq-answer p{

        font-size:.95rem;

        line-height:1.75;

    }

}

/* ==========================================================
   ACADEMY CTA
========================================================== */

.academy-cta{

    padding:2rem 0;

    background:#111;

    color:#fff;

}

.academy-cta-content{

    max-width:720px;

}

.academy-cta .section-eyebrow{

    color:rgba(255,255,255,.65);

}

.academy-cta h2{

    margin:1rem 0 1.5rem;

    font-size:clamp(3rem,5vw,5rem);

    line-height:1.05;

    letter-spacing:-.05em;

    color:#fff;

}

.academy-cta p{

    margin:0 0 2.5rem;

    max-width:620px;

    color:rgba(255,255,255,.78);

    font-size:1.1rem;

    line-height:1.9;

}

.academy-cta .btn-primary{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:1rem 2.5rem;

    margin-bottom:2rem;

}

.cta-note{

    margin-top:.5rem;

}

.cta-note p{

    margin:0;

    font-size:.95rem;

    color:rgba(255,255,255,.65);

}

.cta-note a{

    color:var(--gold);

    text-decoration:none;

    transition:.3s ease;

}

.cta-note a:hover{

    opacity:.8;

}



/* ==========================================================
   RESPONSIVE
========================================================== */

@media(max-width:768px){

    .academy-cta{

        padding:3rem 0;

    }

    .academy-cta-content{

        max-width:100%;

    }

    .academy-cta h2{

        font-size:2rem;

        line-height:1.08;

    }

    .academy-cta p{

        margin:0 0 2rem;

        font-size:1rem;

        line-height:1.75;

    }

    .academy-cta .btn-primary{

        width:100%;

        justify-content:center;

        padding:1rem 1.5rem;

    }

    .cta-note{

        margin-top:1rem;

    }

    .cta-note p{

        font-size:.9rem;

        line-height:1.6;

    }

}

/* ==========================================================
   ACADEMY FOOTER
========================================================== */

.academy-footer{

    background:#0b0b0b;

    color:#fff;

    padding:4rem 0 2rem;

}

.academy-footer-content{

    display:flex;

    justify-content:space-between;

    align-items:flex-start;

    gap:4rem;

    padding-bottom:3rem;

    border-bottom:1px solid rgba(255,255,255,.08);

}

.academy-brand h3{

    margin:0 0 1rem;

    font-size:1.4rem;

    color:#fff;

}

.academy-brand p{

    margin:0;

    line-height:1.8;

    color:rgba(255,255,255,.65);

}

.academy-contact{

    display:flex;

    gap:4rem;

}

.academy-contact p{

    margin:0;

    font-size:.95rem;

    line-height:1.8;

    color:rgba(255,255,255,.65);

}

.academy-contact strong{

    display:block;

    margin-bottom:.5rem;

    color:#fff;

    font-weight:600;

}

.academy-contact a{

    color:var(--gold);

    text-decoration:none;

}

.academy-contact a:hover{

    opacity:.8;

}

.academy-footer-bottom{

    padding-top:2rem;

}

.academy-footer-bottom p{

    margin:0;

    font-size:.9rem;

    color:rgba(255,255,255,.45);

}



/* ==========================================================
   RESPONSIVE
========================================================== */

@media(max-width:768px){

    .academy-footer{

        padding:3rem 0 1.5rem;

    }

    .academy-footer-content{

        flex-direction:column;

        gap:2rem;

        padding-bottom:2rem;

    }

    .academy-brand h3{

        font-size:1.25rem;

    }

    .academy-brand p{

        font-size:.95rem;

        line-height:1.7;

    }

    .academy-contact{

        flex-direction:column;

        gap:1.5rem;

    }

    .academy-contact p{

        font-size:.92rem;

        line-height:1.7;

    }

    .academy-footer-bottom{

        padding-top:1.5rem;

    }

    .academy-footer-bottom p{

        font-size:.85rem;

        line-height:1.6;

    }

}