.drh-ribbon{
  background:var(--color-text-primary);
  color:#fff;
  text-align:center;
  padding:.65rem var(--container-pad);
  font-size:.72rem;
  letter-spacing:.06em;
}

.drh-header{
  position:sticky;
  top:0;
  z-index:50;
  background:rgba(255,253,249,.92);
  backdrop-filter:blur(16px);
  border-bottom:1px solid var(--color-border);
}

.drh-header-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  min-height:84px;
  gap:var(--space-3);
}

.drh-brand{
  display:flex;
  align-items:center;
  gap:var(--space-2);
  min-width:0;
}

.drh-logo{
  height:42px;
  width:auto;
}

.drh-brand-text{
  font-weight:600;
  font-family:var(--font-heading);
  font-size:1.05rem;
  letter-spacing:-.03em;
  white-space:nowrap;
}

.drh-nav-list{
  display:flex;
  gap:clamp(1rem,2vw,2rem);
  list-style:none;
  margin:0;
  padding:0;
}

.drh-nav a{
  font-size:.78rem;
  font-weight:600;
  letter-spacing:.06em;
  text-transform:uppercase;
  white-space:nowrap;
  position:relative;
}

.drh-nav a::after{content:"";position:absolute;left:0;right:100%;bottom:-.5rem;height:2px;background:var(--color-accent-primary);transition:right .2s ease}
.drh-nav a:hover::after{right:0}

.drh-burger{
  display:none;
  width:44px;
  height:44px;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  gap:5px;
}

.drh-burger span{
  display:block;
  width:22px;
  height:2px;
  background:var(--color-text-primary);
}

.drh-nav-close{
  display:none;
}

body.nav-open .drh-header{
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}

@media (max-width:900px){
  .drh-nav{
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    width:100vw;
    height:100vh;
    height:100dvh;
    background:#172d32;
    color:#fff;
    z-index:99999;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    padding:5rem 2rem 3rem;
    opacity:0;
    visibility:hidden;
    transform:translateY(-10px);
    transition:opacity .25s ease,transform .25s ease,visibility .25s ease;
    overflow-y:auto;
  }

  .drh-nav.open{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
  }

  .drh-nav-close{
    display:flex;
    align-items:center;
    justify-content:center;
    position:absolute;
    top:1.5rem;
    right:1.5rem;
    width:44px;
    height:44px;
    background:rgba(255,255,255,.12);
    border:1px solid rgba(255,255,255,.25);
    border-radius:50%;
    color:#fff;
    cursor:pointer;
    transition:background .2s ease,transform .2s ease,border-color .2s ease;
    z-index:100000;
  }

  .drh-nav-close:hover,
  .drh-nav-close:focus{
    background:var(--color-accent-primary);
    border-color:var(--color-accent-primary);
    transform:scale(1.08);
    outline:none;
  }

  .drh-nav-list{
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:1.5rem;
    width:100%;
    text-align:center;
  }

  .drh-nav a{
    font-family:var(--font-heading);
    font-size:1.6rem;
    color:#ffffff !important;
    text-transform:none;
    letter-spacing:-.02em;
    padding:.4rem 1.2rem;
    display:inline-block;
    transition:color .2s ease,transform .2s ease;
  }

  .drh-nav a:hover{
    color:var(--color-accent-secondary) !important;
    transform:translateY(-2px);
  }

  .drh-burger{
    display:flex;
  }
}