/* Identical navigation outside the original Framer component trees. */
:root{--header-height:80px}
#portfolio-header,#portfolio-header *{box-sizing:border-box}
#portfolio-header{position:sticky;top:0;z-index:100;width:100%;background:#0a0a0cf2;color:#f5f1f7;border-bottom:1px solid #ffffff14;backdrop-filter:blur(18px);transition:box-shadow .25s}
#portfolio-header.is-scrolled{box-shadow:0 8px 28px #0003}
#portfolio-header .portfolio-menu-toggle{display:none}
#portfolio-header .portfolio-nav-inner{display:flex;align-items:center;justify-content:center;gap:32px;width:100%;max-width:1280px;min-height:80px;margin:0 auto;padding:12px clamp(24px,5vw,64px)}
#portfolio-header .portfolio-nav-links{display:flex;align-items:center;justify-content:center;gap:32px;width:auto;height:auto;margin:0;padding:0;background:transparent!important;box-shadow:none!important;backdrop-filter:none;border:0}
#portfolio-header .portfolio-nav-links a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0;text-decoration:none;font:400 15px/1.5 'Open Sans',Arial,sans-serif!important;letter-spacing:0;color:#c8c0d0;white-space:nowrap;transition:color .2s}
#portfolio-header .portfolio-nav-links a:hover,#portfolio-header .portfolio-nav-links a[aria-current]{color:#e1b8fb}
#portfolio-header a:focus-visible,.portfolio-skip:focus-visible{outline:2px solid #d5a1f3;outline-offset:5px;border-radius:3px}
.portfolio-skip{position:fixed;left:20px;top:-100px;z-index:200;padding:12px 20px;background:#dfb7fb;color:#190f21;text-decoration:none;font:400 15px/1.5 'Open Sans',Arial,sans-serif}
.portfolio-skip:focus{top:12px}
/* Suppress every responsive copy of the former Framer navigation. */
[data-portfolio-source] #main nav.framer-LQykl,
[data-portfolio-source="home"] :is(.framer-6ersed-container,.framer-m7mkq5-container),
[data-portfolio-source="about"] .framer-wdm0pd-container{display:none!important}
[data-portfolio-source="about"] #main>[data-framer-root]{padding-top:32px!important}
html{scroll-padding-top:calc(var(--header-height) + 20px)}
@media(max-width:809px){
 :root{--header-height:64px}
 #portfolio-header{background:rgba(0,0,0,.9);border-bottom-color:#ffffff14}
 #portfolio-header .portfolio-nav-inner{min-height:64px;justify-content:flex-end;gap:0;padding:10px}
 #portfolio-header .portfolio-nav-links{width:100%;justify-content:center;flex-wrap:wrap;gap:17px}
 #portfolio-header[data-menu-ready] .portfolio-menu-toggle{display:block;position:relative;width:44px;height:44px;padding:0;border:0;border-radius:6px;background:transparent;color:#fff;cursor:pointer;flex:none}
 #portfolio-header .portfolio-menu-toggle span{position:absolute;left:12px;top:16px;width:20px;height:2px;border-radius:10px;background:currentColor;transition:transform .2s,top .2s}
 #portfolio-header .portfolio-menu-toggle span+span{top:26px}
 #portfolio-header .portfolio-menu-toggle:focus-visible{outline:2px solid #d5a1f3;outline-offset:1px}
 #portfolio-header[data-menu-ready] .portfolio-nav-links{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;flex-wrap:nowrap;height:min(389px,calc(100dvh - 64px));padding:36px 20px;overflow-y:auto;overscroll-behavior:contain;background:rgba(0,0,0,.97)!important;border-bottom:1px solid #ffffff14}
 #portfolio-header[data-menu-ready].is-menu-open .portfolio-nav-links{display:flex}
 #portfolio-header.is-menu-open .portfolio-menu-toggle span{top:21px;transform:rotate(45deg)}
 #portfolio-header.is-menu-open .portfolio-menu-toggle span+span{transform:rotate(-45deg)}
 #portfolio-header .portfolio-nav-links a{font-size:15px!important;font-weight:300!important;line-height:2!important;min-height:44px;color:#fff;flex:none}
}
@media(prefers-reduced-motion:reduce){#portfolio-header,#portfolio-header a,#portfolio-header .portfolio-menu-toggle span{transition:none}}
@media(max-width:809px) and (max-height:450px){#portfolio-header[data-menu-ready] .portfolio-nav-links{justify-content:flex-start;padding-block:20px}}