.m39_jump_nav {
position: relative;
z-index: 3; margin-top: -130px;
}
.m39_box_sticky_wrap { transition: box-shadow 0.3s ease;
} .m39_box_sticky_wrap:not(.is_fixed) .m39_inner::after {
content: '';
display: block;
height: clamp(32px, 3.59vw, 69px);
background: #fff;
} .m39_box_sticky_wrap.is_fixed {
position: fixed;
top: 0; left: 0;
right: 0;
z-index: 4;
background: #fff;
padding-bottom: 0;
box-shadow: 0 8px 22px -18px rgba(47, 58, 70, 0.25);
} .m39_box_sticky_wrap.is_fixed .m39_links_row::before,
.m39_box_sticky_wrap.is_fixed .m39_links_row::after {
display: none;
} .m39_sticky_spacer {
display: none;
}
.m39_box_sticky_wrap.is_fixed + .m39_sticky_spacer {
display: block;
}
.m39_box {
background: #fff; padding: clamp(32px, 3.54vw, 68px) clamp(40px, 7vw, 125px) clamp(18px, 1.5vw, 30px);
}
.m39_intro {
text-align: center;
color: #1d1d1b;
font-weight: 300;
font-size: 16px;
line-height: 1.5;
letter-spacing: 0.03em;
margin: 0;
}
.m39_links_row {
background: #fff; padding: clamp(18px, 2vw, 38px) clamp(40px, 7vw, 125px) clamp(16px, 1.72vw, 33px);
position: relative; }
.m39_links_row::before,
.m39_links_row::after {
content: '';
position: absolute;
left: clamp(40px, 7vw, 125px);
right: clamp(40px, 7vw, 125px);
height: 1px;
background: #E1E2E3;
}
.m39_links_row::before { top: 0; }
.m39_links_row::after  { bottom: 0; }
.m39_links {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-wrap: nowrap;
justify-content: space-between;
align-items: center;
gap: clamp(20px, 3vw, 50px);
overflow-x: auto;
scrollbar-width: none;
}
.m39_links::-webkit-scrollbar { display: none; }
.m39_links li {
flex: 0 1 auto;
}
.m39_links a {
color: #1d1d1b;
font-weight: 300;
font-size: 16px;
line-height: 1;
letter-spacing: 0.075em;
text-transform: uppercase;
text-decoration: none;
white-space: nowrap;
transition: color 0.3s ease;
}
.m39_links a:hover,
.m39_links a.is_active { color: var(--hs-gold); }
.m39_links a.is_active { position: relative; }
.m39_links a.is_active::after {
content: '';
position: absolute;
left: 0;
right: 0;
bottom: -8px;
height: 2px;
background: var(--hs-gold);
}
@media (max-width: 768px) {
.m39_jump_nav { margin-top: -60px; } .m39_links {
flex-direction: column;
align-items: flex-start;
gap: 16px;
} .m39_box_sticky_wrap.is_fixed .m39_links_row {
padding: 12px 20px;
}
.m39_box_sticky_wrap.is_fixed .m39_links {
flex-direction: row;
align-items: center;
flex-wrap: nowrap;
gap: 24px;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
padding-bottom: 3px; }
.m39_box_sticky_wrap.is_fixed .m39_links::-webkit-scrollbar { display: none; }
.m39_box_sticky_wrap.is_fixed .m39_links li { flex-shrink: 0; }
.m39_box_sticky_wrap.is_fixed .m39_links a {
white-space: nowrap;
font-size: 13px;
}
}