/* Hero */

.legal-hero{

    min-height: 65vh;
    display: flex;
    align-items: center;
    padding: 6rem 0 6rem;

}

.legal-hero .container{

    max-width:900px;

}

.legal-tag{

    display:inline-block;

    margin-bottom:2rem;

}

.legal-hero h1{

    margin-bottom:2rem;

}

.legal-hero .lead{

    max-width:620px;

    font-size:1.125rem;

}


/* Layout */

.legal{

    padding-top:0;

}

.legal-wrapper{

    display:grid;

    grid-template-columns:280px 1fr;

    gap:6rem;

    align-items:start;

}


/* Sidebar */

.legal-sidebar{

    position:sticky;

    top:120px;
    padding: 15px;

}

.legal-sidebar h5{

    margin-bottom:1.5rem;

    text-transform:uppercase;

    letter-spacing:.15em;

    font-size:.8rem;

    color:var(--color-muted);

}

.legal-sidebar ul{

    display:flex;

    flex-direction:column;

    gap:1rem;

    list-style:none;

}

.legal-sidebar a{

    color:var(--color-muted);

    transition:var(--transition);

}

.legal-sidebar a:hover{

    color:var(--color-text);

}


/* Content */

.legal-content{

    max-width:760px;

}

.legal-content section{

    padding-bottom:4rem;

    margin-bottom:4rem;

    border-bottom:1px solid var(--color-border);

}

.legal-content section:last-child{

    border:none;

    margin-bottom:0;

    padding-bottom:0;

}

.legal-content h2{

    margin-bottom:1.5rem;

}

.legal-content h3{

    margin:2rem 0 1rem;

}

.legal-content p{

    margin-bottom:1.5rem;

    color:var(--color-muted);

}

.legal-content ul{

    margin:1.5rem 0;

    padding-left:1.4rem;

}

.legal-content li{

    margin-bottom:.8rem;

    color:var(--color-muted);

}

.legal-content strong{

    color:var(--color-text);

}

.legal-content a{

    color:var(--color-accent);

    transition:var(--transition);

}

.legal-content a:hover{

    opacity:.7;

}


/* Quote */

.legal-note{

    padding:2rem;

    margin:2rem 0;

    border-left:3px solid var(--color-accent);

    background:var(--color-surface);

}


/* Table */

.legal-table{

    width:100%;

    border-collapse:collapse;

    margin:2rem 0;

}

.legal-table th{

    text-align:left;

    padding:1rem;

    border-bottom:1px solid var(--color-border);

}

.legal-table td{

    padding:1rem;

    border-bottom:1px solid var(--color-border);

    color:var(--color-muted);

}


/* Lists */

.legal-list{

    display:grid;

    gap:1rem;

}

.legal-list li{

    list-style:none;

    position:relative;

    padding-left:1.5rem;

}

.legal-list li::before{

    content:"";

    position:absolute;

    left:0;

    top:.7rem;

    width:6px;

    height:6px;

    border-radius:50%;

    background:var(--color-accent);

}


/* CTA */

.legal-cta{

    text-align:center;

}

.legal-cta .container{

    max-width:760px;

}

.legal-cta h2{

    margin-bottom:2rem;

}

.legal-cta .primary-btn{

    display:inline-flex;

}


/* Hover */

.legal-content section{

    transition:var(--transition);

}

.legal-content section:hover{

    transform:translateX(6px);

}


/* Selection */

.legal-content ::selection{

    background:var(--color-accent);

    color:#fff;

}


/* Scrollbar */

.legal-sidebar::-webkit-scrollbar{

    width:6px;

}

.legal-sidebar::-webkit-scrollbar-thumb{

    background:var(--color-border);

}

.legal-sidebar a{

    position:relative;

    display:inline-flex;

    color:var(--color-muted);

    transition:var(--transition);

}

.legal-sidebar a::before{

    content:"";

    position:absolute;

    left:-16px;

    top:50%;

    width:6px;

    height:6px;

    border-radius:50%;

    background:var(--color-accent);

    transform:
    translateY(-50%)
    scale(0);

    transition:var(--transition);

}

.legal-sidebar a:hover,
.legal-sidebar a.active{

    color:var(--color-text);

}

.legal-sidebar a.active::before{

    transform:
    translateY(-50%)
    scale(1);

}
/* 1200 */

@media(max-width:1200px){

    .legal-wrapper{

        grid-template-columns:220px 1fr;

        gap:4rem;

    }

}


/* 900 */

@media(max-width:900px){

    .legal-wrapper{

        grid-template-columns:1fr;

        gap:3rem;

    }

    .legal-sidebar{

        position:static;

    }

    .legal-sidebar ul{

        flex-direction:row;

        flex-wrap:wrap;

        gap:.75rem;

    }

}


/* 768 */

@media(max-width:768px){

    .legal-hero{

        min-height:auto;

        padding:8rem 0 4rem;

    }

    .legal-content section{

        margin-bottom:3rem;

        padding-bottom:3rem;

    }

    .legal-table{

        display:block;

        overflow:auto;

    }

    .legal-note{

        padding:1.5rem;

    }

    .legal-cta{

        text-align:left;

    }

    .legal-cta .primary-btn{

        width:100%;

        justify-content:center;

    }

}