/* orbit-framer only — Framer-portfolio navbar (measured from monicahwangportfolio.com).
   Loaded AFTER /css/orbit.css on /orbit-framer/ only; /orbit never loads this file.
   Framer breakpoints: desktop >=1440 · tablet 810–1439 · phone <=809 */

:root{--fm-nav-h:70px}

/* fixed bar needs a content offset */
body{padding-top:var(--fm-nav-h)}

.fm-nav{
  position:fixed;top:0;left:0;right:0;z-index:50;
  height:var(--fm-nav-h);box-sizing:border-box;
  background:#101215;
  /* inset line instead of border so the bar height stays exact */
  box-shadow:inset 0 -1px 0 #2A3037;
  display:flex;align-items:center;
  padding:0 60px;
}
.fm-nav a{text-decoration:none}
.fm-logo{display:flex;align-items:center;flex:none}
/* object-fit:cover matches Framer's logo box exactly */
.fm-logo img{display:block;width:98px;height:36.4px;object-fit:cover}
.fm-links{
  margin-left:auto;display:flex;align-items:center;gap:40px;
  font-family:'Graphik Regular','Helvetica Neue',Helvetica,Arial,sans-serif;
  font-size:17px;font-weight:400;letter-spacing:0;line-height:1;
}
/* explicit colors: orbit.css sets a{color:#E8EAEC} and a:hover{color:#F97316} globally */
.fm-links a{color:#9BA2A8;transition:color .2s ease}
.fm-links a:hover{color:#E8EAEC}

@media (max-width:1439.98px){
  :root{--fm-nav-h:60px}
  .fm-nav{padding:0 30px 0 26px}
}

@media (max-width:809.98px){
  :root{--fm-nav-h:40px}
  .fm-nav{padding:0 20px 0 18px}
  .fm-logo img{width:61px;height:22.66px}
  .fm-links{gap:26px;font-size:13px}
}