/* ==================================================
   3HERMANAS CONCEPTS
   SITE-WIDE POLISH (Append after styles.css)
================================================== */

/* ---------- Navigation ---------- */

header{
position:sticky;
top:0;
z-index:1000;
backdrop-filter:blur(14px);
background:rgba(9,21,39,.88);
border-bottom:1px solid rgba(255,255,255,.08);
}

nav{
display:flex;
justify-content:space-between;
align-items:center;
gap:24px;
min-height:82px;
}

.nav-links{
display:flex;
gap:28px;
align-items:center;
}

.nav-links a{
text-decoration:none;
font-weight:600;
color:#e8edf5;
position:relative;
transition:.25s;
}

.nav-links a::after{
content:"";
position:absolute;
left:0;
bottom:-8px;
width:0;
height:2px;
background:#c8a24b;
transition:.25s;
}

.nav-links a:hover,
.nav-links a.active{
color:#fff;
}

.nav-links a:hover::after,
.nav-links a.active::after{
width:100%;
}

/* ---------- Buttons ---------- */

.btn{
transition:.3s ease;
}

.btn:hover{
transform:translateY(-3px);
box-shadow:0 16px 34px rgba(0,0,0,.18);
}

/* ---------- Sections ---------- */

.block{
padding:100px 0;
}

.section-head{
max-width:760px;
margin:0 auto 60px;
text-align:center;
}

.section-head h2{
font-size:clamp(2rem,4vw,3.3rem);
}

/* ---------- Cards ---------- */

.feature,
.stat,
.timeline-item,
.future-card,
.project-card,
.policy-card,
.toc{
border:1px solid rgba(0,0,0,.04);
}

/* ---------- Footer ---------- */

footer{
background:#081627;
color:#d8dee8;
padding:70px 0 24px;
}

footer a{
color:#d8dee8;
text-decoration:none;
}

footer a:hover{
color:#fff;
}

.legal{
display:flex;
justify-content:space-between;
gap:20px;
flex-wrap:wrap;
padding-top:32px;
border-top:1px solid rgba(255,255,255,.08);
font-size:.92rem;
}

/* ---------- Reveal Animation ---------- */

.reveal{
opacity:0;
transform:translateY(24px);
transition:all .8s ease;
}

.reveal.show{
opacity:1;
transform:none;
}

/* ---------- Scrollbar ---------- */

::-webkit-scrollbar{
width:10px;
}

::-webkit-scrollbar-thumb{
background:#c8a24b;
border-radius:999px;
}

::-webkit-scrollbar-track{
background:#eef2f6;
}

/* ---------- Selection ---------- */

::selection{
background:#c8a24b;
color:#fff;
}

/* ---------- Responsive ---------- */

@media(max-width:980px){

.nav-links{
display:none;
}

.block{
padding:80px 0;
}

}

@media(max-width:640px){

.block{
padding:65px 0;
}

.section-head{
margin-bottom:40px;
}

}