@media (max-width:760px) {

:root { --fb-mobile-header:80px; }

body .site-header {
top:0!important;
left:0!important;
right:0!important;
width:100%!important;
height:80px!important;
min-height:80px!important;
display:flex!important;
flex-direction:row!important;
flex-wrap:nowrap!important;
align-items:center!important;
justify-content:space-between!important;
gap:8px!important;
padding:0 15px!important;
background:#1a1918!important;
background-color:#1a1918!important;
z-index:13010!important;
}

body .site-header .desktop-nav {
display:none!important;
}

body .site-header .site-logo {
position:relative!important;
order:0!important;
grid-column:auto!important;
grid-row:auto!important;
display:flex!important;
flex:0 1 auto!important;
align-items:center!important;
justify-content:flex-start!important;
width:auto!important;
max-width:calc(100% - 58px)!important;
min-width:0!important;
height:auto!important;
margin:0!important;
z-index:2!important;
}

body .site-header .site-logo img {
display:block!important;
width:214px!important;
max-width:100%!important;
height:auto!important;
object-fit:contain!important;
object-position:left center!important;
margin:0!important;
}

body .site-header .header-actions {
position:relative!important;
order:2!important;
grid-column:auto!important;
grid-row:auto!important;
display:flex!important;
flex:0 0 44px!important;
align-items:center!important;
justify-content:flex-end!important;
width:44px!important;
height:44px!important;
margin:0!important;
padding:0!important;
z-index:4!important;
}

body .site-header .social-icons {
display:none!important;
}

body .site-header .menu-button {
position:relative!important;
display:flex!important;
flex:0 0 44px!important;
align-items:center!important;
justify-content:center!important;
width:44px!important;
height:44px!important;
margin:0!important;
padding:0!important;
border:0!important;
background:transparent!important;
color:#ededed!important;
cursor:pointer!important;
z-index:4!important;
}

body .site-header .menu-lines {
position:relative!important;
display:block!important;
flex:0 0 28px!important;
width:28px!important;
height:24px!important;
margin:0!important;
padding:0!important;
gap:0!important;
background:linear-gradient(#ededed,#ededed) center center / 28px 1.5px no-repeat!important;
transition:background-size .25s ease!important;
}

body .site-header .menu-lines i {
display:none!important;
}

body .site-header .menu-lines::before,
body .site-header .menu-lines::after {
content:""!important;
position:absolute!important;
left:0!important;
display:block!important;
width:28px!important;
height:1.5px!important;
background:#ededed!important;
opacity:1!important;
transition:transform .25s ease!important;
}

body .site-header .menu-lines::before {
top:5px!important;
}

body .site-header .menu-lines::after {
top:18px!important;
}

body .site-header .menu-button.active .menu-lines {
background-size:0 0!important;
}

body .site-header .menu-button.active .menu-lines::before {
transform:translateY(6.5px) rotate(45deg)!important;
}

body .site-header .menu-button.active .menu-lines::after {
transform:translateY(-6.5px) rotate(-45deg)!important;
}

body .menu-overlay {
position:fixed!important;
top:80px!important;
left:auto!important;
right:0!important;
bottom:0!important;
inset:80px 0 0 auto!important;
width:min(312px,calc(100vw - 54px))!important;
height:calc(100vh - 80px)!important;
height:calc(100dvh - 80px)!important;
min-height:0!important;
max-width:none!important;
max-height:none!important;
margin:0!important;
padding:0!important;
overflow-x:hidden!important;
overflow-y:auto!important;
overscroll-behavior:contain;
-webkit-overflow-scrolling:touch;
touch-action:pan-y!important;
background:rgba(12,12,12,.88)!important;
background-color:rgba(12,12,12,.88)!important;
-webkit-backdrop-filter:blur(5px);
backdrop-filter:blur(5px);
border-left:1px solid rgba(255,255,255,.10)!important;
box-shadow:-10px 0 24px rgba(0,0,0,.23)!important;
z-index:13000!important;
opacity:0!important;
visibility:hidden!important;
pointer-events:none!important;
transform:translateX(18px)!important;
transition:opacity .3s ease,visibility .3s ease,transform .3s ease!important;
}

body .menu-overlay.open {
opacity:1!important;
visibility:visible!important;
pointer-events:auto!important;
transform:translateX(0)!important;
}

body .menu-overlay .menu-overlay-inner {
position:relative!important;
display:flex!important;
flex-direction:column!important;
align-items:stretch!important;
justify-content:flex-start!important;
gap:0!important;
width:100%!important;
max-width:none!important;
height:auto!important;
min-height:100%!important;
margin:0!important;
padding:22px 23px 20px!important;
}

body .menu-overlay .overlay-nav {
position:relative!important;
display:flex!important;
flex:0 0 auto!important;
flex-direction:column!important;
align-items:flex-start!important;
width:100%!important;
margin:0!important;
padding:0!important;
opacity:1!important;
visibility:visible!important;
transform:none!important;
}

body .menu-overlay .overlay-nav > a.menu-main-link:first-child {
display:none!important;
}

body .menu-overlay .menu-group {
display:block!important;
flex:0 0 auto!important;
width:100%!important;
margin:0!important;
padding:0!important;
}

body .menu-overlay .menu-main-link,
body .menu-overlay .portfolio-toggle {
position:relative!important;
display:flex!important;
align-items:center!important;
justify-content:flex-start!important;
gap:13px!important;
width:100%!important;
min-height:38px!important;
margin:0!important;
padding:3px 0!important;
border:0!important;
background:transparent!important;
color:rgba(255,255,255,.96)!important;
font-family:"Poppins",sans-serif!important;
font-size:22px!important;
font-weight:300!important;
line-height:1.35!important;
letter-spacing:-.035em!important;
text-transform:none!important;
text-align:left!important;
white-space:normal!important;
transform:none!important;
}

body .menu-overlay .portfolio-toggle .portfolio-symbol {
display:inline-block!important;
flex:0 0 9px!important;
width:9px!important;
height:9px!important;
margin:-4px 0 0!important;
border:0!important;
border-right:1.5px solid currentColor!important;
border-bottom:1.5px solid currentColor!important;
background:none!important;
box-shadow:none!important;
font-size:0!important;
line-height:0!important;
transform:rotate(45deg)!important;
transition:transform .25s ease!important;
}

body .menu-overlay .portfolio-toggle[aria-expanded="true"] .portfolio-symbol,
body .menu-overlay .portfolio-toggle:has(+ .portfolio-submenu.open) .portfolio-symbol {
transform:translateY(4px) rotate(225deg)!important;
}

body .menu-overlay .portfolio-toggle .portfolio-symbol::before,
body .menu-overlay .portfolio-toggle .portfolio-symbol::after {
display:none!important;
content:none!important;
}

body .menu-overlay .portfolio-submenu {
display:flex!important;
flex-direction:column!important;
width:100%!important;
max-height:0!important;
margin:0!important;
padding:0 0 0 13px!important;
overflow:hidden!important;
opacity:1!important;
visibility:visible!important;
transform:none!important;
transition:max-height .3s ease!important;
}

body .menu-overlay .portfolio-submenu.open {
max-height:560px!important;
}

body .menu-overlay .portfolio-submenu a {
position:relative!important;
display:block!important;
width:100%!important;
margin:0!important;
padding:5px 0!important;
color:rgba(255,255,255,.8)!important;
font-family:"Montserrat",sans-serif!important;
font-size:12px!important;
font-weight:500!important;
line-height:1.45!important;
letter-spacing:.035em!important;
text-transform:uppercase!important;
text-align:left!important;
white-space:normal!important;
transform:none!important;
}

body .menu-overlay .menu-footer {
position:relative!important;
display:flex!important;
flex-direction:column!important;
align-items:flex-start!important;
justify-content:flex-start!important;
gap:12px!important;
width:100%!important;
max-width:100%!important;
margin:auto 0 0!important;
padding:19px 0 0!important;
color:rgba(255,255,255,.6)!important;
text-align:left!important;
}

body .menu-overlay .menu-social {
display:flex!important;
flex-wrap:nowrap!important;
align-items:center!important;
justify-content:flex-start!important;
gap:14px!important;
width:100%!important;
margin:0!important;
padding:0!important;
}

body .menu-overlay .menu-social a,
body .menu-overlay .menu-social .social-pending {
display:inline-flex!important;
flex:0 0 auto!important;
align-items:center!important;
justify-content:center!important;
width:auto!important;
min-width:22px!important;
height:24px!important;
margin:0!important;
padding:0!important;
font-size:9px!important;
line-height:1.4!important;
}

body .menu-overlay .menu-social svg {
display:block!important;
width:21px!important;
height:21px!important;
}

body .menu-overlay .menu-footer-name {
display:block!important;
width:100%!important;
max-width:100%!important;
margin:0!important;
padding:0!important;
font-family:"Montserrat",sans-serif!important;
font-size:8px!important;
font-weight:400!important;
line-height:1.4!important;
letter-spacing:.025em!important;
color:rgba(255,255,255,.57)!important;
text-align:left!important;
white-space:normal!important;
}

body.menu-open {
overflow:hidden!important;
}

}

@media (max-width:760px) and (max-height:650px) {

body .menu-overlay .menu-overlay-inner {
padding-top:13px!important;
padding-bottom:14px!important;
}

body .menu-overlay .menu-main-link,
body .menu-overlay .portfolio-toggle {
min-height:35px!important;
font-size:20px!important;
}

body .menu-overlay .portfolio-submenu a {
padding:4px 0!important;
font-size:11.5px!important;
}

}

@media (prefers-reduced-motion:reduce) and (max-width:760px) {

body .menu-overlay {
transition:none!important;
}

body .site-header .menu-lines::before,
body .site-header .menu-lines::after {
transition:none!important;
}

}