nav{position:fixed;top:0;left:0;right:0;z-index:300;height:64px;padding:0 52px;display:flex;align-items:center;justify-content:space-between;background:rgba(250,248,244,0.9);backdrop-filter:blur(28px) saturate(1.4);-webkit-backdrop-filter:blur(28px) saturate(1.4);border-bottom:1px solid rgba(255,255,255,0.8);box-shadow:0 1px 0 rgba(26,18,13,.05),0 4px 20px rgba(26,18,13,.04);}
.nav-logo img{height:44px;width:auto;display:block;}
.nav-logo a{display:block;}
.nav-r{display:flex;align-items:center;gap:30px;}
.nav-r a{font-size:14px;font-weight:500;color:var(--mid);text-decoration:none;transition:color var(--t1);font-family:var(--f);}
.nav-r a:focus{outline:none;}
.nav-r a:focus-visible{outline:2px solid var(--o);outline-offset:2px;border-radius:2px;}
@media (hover:hover){
  .nav-r a:hover{color:var(--ink);}
}
.nav-r a.active{color:var(--ink);}
.nav-btn{background:var(--o);color:#fff;font-family:var(--f);font-size:14px;font-weight:600;padding:10px 22px;border-radius:50px;border:none;cursor:pointer;box-shadow:0 3px 14px rgba(255,80,24,.3);transition:transform var(--t1),box-shadow var(--t1);}
.nav-btn:hover{transform:translateY(-1px);box-shadow:0 6px 22px rgba(255,80,24,.4);}
.nav-r a.nav-crew{display:inline-flex;align-items:center;padding:8px 16px;border:1px solid rgba(26,18,13,.2);border-radius:50px;font-size:14px;font-weight:600;color:var(--ink);white-space:nowrap;transition:border-color var(--t1),color var(--t1);}
.nav-r a.nav-crew:hover{color:var(--o);border-color:var(--o);}
.nav-crew-sm{display:none;}

.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;background:none;border:none;padding:6px;}
.hamburger span{display:block;width:22px;height:2px;background:var(--ink);border-radius:2px;transition:transform var(--t2) var(--zacht),opacity var(--t2) var(--zacht);}
.hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.hamburger.open span:nth-child(2){opacity:0;}
.hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

.mob-menu{display:none;position:fixed;inset:0;top:64px;background:rgba(250,248,244,.97);backdrop-filter:blur(24px);z-index:299;flex-direction:column;align-items:center;justify-content:center;gap:32px;}
.mob-menu.open{display:flex;}
.mob-menu a{font-size:22px;font-weight:700;color:var(--ink);text-decoration:none;letter-spacing:-.02em;}
.mob-menu a:hover{color:var(--o);}
.mob-menu-cta{margin-top:8px;}

.btn-o{background:var(--o);color:#fff;font-family:var(--f);font-size:16px;font-weight:600;padding:14px 28px;border-radius:50px;text-decoration:none;border:none;cursor:pointer;box-shadow:0 6px 24px rgba(255,80,24,.42);transition:transform var(--t1),box-shadow var(--t1);display:inline-flex;align-items:center;gap:8px;}
.btn-o:hover{transform:translateY(-2px);box-shadow:0 10px 32px rgba(255,80,24,.5);}

footer{background:rgba(255,255,255,.92);backdrop-filter:blur(20px);border-top:1px solid var(--sand);padding:22px 56px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;}
.flogo img{height:36px;width:auto;}
.flogo a{display:block;}
.flinks{display:flex;gap:20px;align-items:center;flex-wrap:wrap;}
.flinks a{font-size:12px;font-weight:500;color:var(--mid);text-decoration:none;transition:color var(--t1);}
.flinks a:focus{outline:none;}
.flinks a:focus-visible{outline:2px solid var(--o);outline-offset:2px;border-radius:2px;}
@media (hover:hover){
  .flinks a:hover{color:var(--ink);}
}
.fmail{font-size:12px;font-weight:600;color:var(--o);text-decoration:none;transition:color var(--t1);}
.fmail:focus{outline:none;}
.fmail:focus-visible{outline:2px solid var(--o);outline-offset:2px;border-radius:2px;}
.fcopy{font-size:12px;color:var(--mid);}

@media(max-width:960px){

  nav{padding:0 20px;}
  .nav-logo img{height:32px;}
  .nav-r a:not(.nav-btn){display:none;}
  .hamburger{display:flex;}
  nav .nav-r a.nav-crew{display:none;}
  .nav-btn{display:inline-flex;align-items:center;padding:10px 18px;font-size:12px;}

  footer{
    padding:28px 20px 24px;
    flex-direction:column;
    align-items:center;
    text-align:center;
    gap:16px;
  }
  .flogo img{height:32px;}
  .flinks{
    display:flex;
    justify-content:space-between;
    align-items:center;
    width:100%;
    max-width:340px;
    flex-wrap:nowrap;
    gap:0;
  }
  .flinks a{
    font-size:12px;
    color:var(--mid);
    font-weight:500;
    padding:4px 2px;
    white-space:nowrap;
  }
  .fmail{
    font-size:14px;
    font-weight:600;
    padding:14px 0 6px;
    margin-top:6px;
    border-top:1px solid var(--sand);
    text-align:center;
    width:100%;
    max-width:340px;
  }

  .fcopy{font-size:12px;margin-top:4px;}
}

@media(prefers-reduced-motion:reduce){
  .nav-r a,.nav-btn,.nav-r a.nav-crew,.hamburger span,.btn-o,.flinks a,.fmail{transition:none;}
}