/* ============ SECTION 1: NAV ============ */
body{padding-top:104px!important}
[data-nav]{
position:fixed;top:0;left:0;right:0;z-index:1000;
padding:24px 0;
transition:background .3s ease,backdrop-filter .3s ease;
}
body.is-scrolled [data-nav]{
background:rgba(0,0,0,0.75);
backdrop-filter:saturate(1.3) blur(16px);
-webkit-backdrop-filter:saturate(1.3) blur(16px);
border-bottom:1px solid rgba(255,255,255,0.06);
}
[data-nav-inner]{
max-width:1520px;margin:0 auto;
padding:0 40px;
display:flex;align-items:center;justify-content:space-between;
gap:40px;
}
[data-nav-logo]{
display:flex;align-items:center;gap:12px;text-decoration:none;
}
[data-nav-brand]{
font-family:var(--font-display);
font-weight:500;
font-size:24px;
line-height:1;
color:var(--text-primary);
margin:0;
letter-spacing:-.01em;
}
[data-nav-menu]{
display:flex;align-items:center;gap:40px;
}
[data-nav-menu] a{
font-family:var(--font-display);
font-weight:500;
font-size:16px;
color:rgba(255,255,255,0.5);
text-decoration:none;
transition:color .2s;
}
[data-nav-menu] a:hover{color:#fff}
[data-nav-search]{
position:relative;
flex:0 0 344px;
}
[data-nav-search-input]{
width:100%;
height:56px;
background:transparent;
border:1px solid rgba(255,255,255,0.47);
border-radius:100px;
padding:0 60px 0 24px;
font-family:var(--font-display);
font-size:14px;
color:#fff;
outline:none;
transition:border-color .2s;
}
[data-nav-search-input]::placeholder{
color:rgba(255,255,255,0.57);
font-style:italic;
}
[data-nav-search-input]:focus{
border-color:rgba(255,255,255,0.8);
}
[data-nav-search]:after{
content:"";
position:absolute;
right:24px;top:50%;
transform:translateY(-50%);
width:20px;height:20px;
background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.6)' stroke-width='2'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.3-4.3'/%3E%3C/svg%3E") no-repeat center;
background-size:contain;
pointer-events:none;
}
@media(max-width:900px){
[data-nav-inner]{padding:0 20px;gap:16px}
[data-nav-menu]{display:none}
[data-nav-search]{flex:1;max-width:200px}
[data-nav-brand]{font-size:20px}
}