/* ===========================================
LEGAL PAGES
=========================================== */

.legal-page{

    background:#080808;
    color:#F2F0EB;

}

.legal-hero{

    padding:180px 0 90px;

    position:relative;

    overflow:hidden;

    background:
    radial-gradient(circle at 75% 20%,rgba(201,168,76,.08),transparent 45%);

}

.legal-hero .container{

    max-width:1200px;

    margin:auto;

    padding:0 40px;

}

.hero-label{

    color:#C9A84C;

    text-transform:uppercase;

    letter-spacing:.25em;

    font-size:.75rem;

    margin-bottom:20px;

}

.legal-hero h1{

    font-family:Syne,sans-serif;

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

    line-height:.9;

    margin-bottom:25px;

}

.legal-hero h1 span{

    color:#C9A84C;

}

.hero-sub{

    max-width:650px;

    opacity:.65;

    line-height:1.8;

}

.legal-content{

    padding:100px 0 120px;

}

.legal-content .container{

    max-width:1100px;

    margin:auto;

    padding:0 40px;

}

.legal-card{

    background:#151515;

    padding:45px;

    margin-bottom:30px;

    border-left:3px solid #C9A84C;

}

.legal-card h2{

    font-family:Syne,sans-serif;

    font-size:2.4rem;

    margin-bottom:15px;

}

.legal-card h3{

    font-family:Syne,sans-serif;

    font-size:1.6rem;

    margin-bottom:20px;

    color:#C9A84C;

}

.legal-card p{

    opacity:.8;

    line-height:1.9;

    margin-bottom:20px;

}

.legal-card ul{

    margin-left:20px;

}

.legal-card li{

    margin-bottom:10px;

    line-height:1.8;

}

.legal-date{

    opacity:.45;

    font-size:.9rem;

}

.price-table{

    width:100%;

    border-collapse:collapse;

    margin:30px 0;

}

.price-table th{

    text-align:left;

    background:#202020;

    color:#C9A84C;

    padding:18px;

    font-family:Syne,sans-serif;

    font-size:.9rem;

    text-transform:uppercase;

    letter-spacing:.1em;

}

.price-table td{

    padding:18px;

    border-top:1px solid #2d2d2d;

}

.price-table tr:hover{

    background:#1b1b1b;

}

@media(max-width:768px){

.legal-hero{

padding:140px 0 70px;

}

.legal-hero .container,

.legal-content .container{

padding:0 24px;

}

.legal-card{

padding:28px;

}

.legal-card h2{

font-size:2rem;

}

.legal-card h3{

font-size:1.3rem;

}

.price-table{

display:block;

overflow-x:auto;

}

}