html{
scroll-behavior:smooth;
}

body.legal-page{
background:#0f2c38;
color:#ffffff;
}

/* HERO */

.legal-hero{
height:45vh;
background:linear-gradient(rgba(19,47,61,0.75),rgba(19,47,61,0.75)),
url('https://images.unsplash.com/photo-1554224155-8d04cb21cd6c') center/cover no-repeat;
display:flex;
align-items:center;
justify-content:center;
text-align:center;
}

.hero-overlay h1{
font-size:48px;
color:var(--gold);
}

.hero-overlay p{
margin-top:15px;
opacity:0.9;
}

/* BREADCRUMB */

.breadcrumb a{
color:var(--gold);
text-decoration:none;
}

.breadcrumb span{
color:rgba(255,255,255,0.7);
}

/* LAYOUT */

.legal-layout{
display:grid;
grid-template-columns:260px 1fr;
gap:80px;
}

/* SIDEBAR */

.legal-sidebar{
position:sticky;
top:140px;
height:fit-content;
}

.toc{
padding:25px;
background:rgba(255,255,255,0.03);
border:1px solid rgba(225,200,133,0.15);
border-radius:12px;
}

.toc h4{
color:#e1c885;
margin-bottom:20px;
font-size:14px;
letter-spacing:1px;
}

.toc ul{
list-style:none;
padding:0;
margin:0;
}

.toc li{
margin-bottom:12px;
}

.toc a{
display:block;
padding:6px 10px;
text-decoration:none;
color:#9ca9b3;
border-left:2px solid transparent;
transition:0.25s;
}

.toc a:hover{
color:#e1c885;
padding-left:14px;
}

.toc a.active{
color:#e1c885;
border-left:3px solid #e1c885;
background:rgba(225,200,133,0.08);
}

/* CONTENT */

.legal-container{
max-width:1200px;
margin:80px auto;
padding:0 8%;
}

.legal-content{
max-width:780px;
}

.legal-header{
margin-bottom:50px;
}

.legal-header h2{
color:#e1c885;
font-size:28px;
}

.effective-date{
opacity:0.7;
font-size:14px;
}

.legal-block{
margin-bottom:50px;
line-height:1.8;
scroll-margin-top:140px;
}

.legal-block h3{
color:#e1c885;
font-size:20px;
margin-bottom:12px;
}

.legal-block h4{
color:#f0d992;
font-size:15px;
line-height:1.45;
margin:22px 0 10px;
letter-spacing:.2px;
}

.legal-block p{
margin-bottom:10px;
color:#cfd6db;
}

.legal-block ul{
padding-left:20px;
margin-top:10px;
}

.legal-block li{
margin-bottom:8px;
}

.legal-block:not(:last-child):not(.contact-section)::after{
content:"";
display:block;
height:1px;
width:100%;
margin-top:35px;
background:linear-gradient(to right,transparent,rgba(225,200,133,0.35),transparent);
}

.contact-section{
padding-top:30px;
}

/* FADE */

.privacy-page .fade-section{
opacity:1;
transform:none;
transition:opacity 0.8s ease, transform 0.8s ease;
}

.js-enabled .privacy-page .fade-section{
opacity:0;
transform:translateY(40px);
}

.js-enabled .privacy-page .fade-section.visible{
opacity:1;
transform:translateY(0);
}

@media (prefers-reduced-motion: reduce){
.js-enabled .privacy-page .fade-section{
opacity:1;
transform:none;
transition:none;
}
}

/* RESPONSIVE */

@media(max-width:992px){

.legal-layout{
grid-template-columns:1fr;
}

.legal-sidebar{
display:none;
}

.hero-overlay h1{
font-size:34px;
}

}