/* ===========================================================
   Instagram Bridge
=========================================================== */

.instagram-bridge{

    position:relative;

    width:min(1000px,calc(100% - 64px));

    margin:56px auto 0;

}

.instagram-bridge-inner{

    display:grid;

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

    align-items:center;

    gap:clamp(48px,5vw,64px);

}

.instagram-bridge-content{

    min-width:0;

    text-align:left;

}

.instagram-bridge-context{

    display:flex;

    align-items:center;

    gap:12px;

    color:#EAF2FF;

}

.instagram-bridge-icon{

    flex:0 0 auto;

    width:22px;

    height:22px;

    opacity:.88;

}

.instagram-bridge-eyebrow{

    font-size:15px;

    letter-spacing:5px;

    text-transform:uppercase;

    opacity:.65;

}

.instagram-bridge-title{

    max-width:680px;

    margin-top:16px;

    font-size:clamp(30px,3.5vw,44px);

    line-height:1.12;

}

.instagram-bridge-copy{

    max-width:660px;

    margin-top:12px;

    font-size:18px;

    line-height:1.7;

    color:rgba(245,245,245,.72);

}

.instagram-bridge-link{

    display:inline-flex;

    align-items:center;

    min-height:44px;

    color:#EAF2FF;

    font-size:15px;

    line-height:1.4;

    white-space:nowrap;

    text-decoration:underline;

    text-decoration-color:rgba(234,242,255,.38);

    text-underline-offset:6px;

    transition:
        color var(--duration-fast) var(--ease-standard),
        text-decoration-color var(--duration-fast) var(--ease-standard);

}

.instagram-bridge-link:hover{

    color:#ffffff;

    text-decoration-color:rgba(255,255,255,.82);

}

@media (max-width:768px){

    .instagram-bridge{

        width:calc(100% - 44px);

        max-width:600px;

        margin-top:40px;

    }

    .instagram-bridge-inner{

        grid-template-columns:1fr;

        align-items:start;

        gap:20px;

    }

    .instagram-bridge-context{

        gap:10px;

    }

    .instagram-bridge-icon{

        width:20px;

        height:20px;

    }

    .instagram-bridge-eyebrow{

        font-size:14px;

        letter-spacing:4px;

    }

    .instagram-bridge-title{

        margin-top:16px;

        font-size:clamp(26px,7vw,34px);

        line-height:1.12;

    }

    .instagram-bridge-copy{

        margin-top:11px;

        font-size:16px;

        line-height:1.7;

    }

    .instagram-bridge-link{

        justify-self:start;

        font-size:14px;

    }

}
