.mobile-nav{
  display:none;
}

@media (max-width:800px){
  .nav-right > a{
    display:none !important;
  }

  .mobile-nav{
    display:block;
    color:#fff;
  }

  .mobile-nav summary{
    position:relative;
    z-index:62;
    display:flex;
    width:36px;
    height:36px;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    gap:6px;
    cursor:pointer;
    list-style:none;
  }

  .mobile-nav summary::-webkit-details-marker{
    display:none;
  }

  .mobile-nav summary span{
    display:block;
    width:22px;
    height:1px;
    background:currentColor;
  }

  .mobile-nav[open] summary span:first-child{
    transform:translateY(3.5px) rotate(45deg);
  }

  .mobile-nav[open] summary span:last-child{
    transform:translateY(-3.5px) rotate(-45deg);
  }

  .mobile-panel{
    position:fixed;
    z-index:60;
    inset:0;
    display:flex;
    padding:120px 24px 38px;
    background:rgba(8,8,8,.98);
    flex-direction:column;
    justify-content:center;
    align-items:flex-start;
    gap:22px;
  }

  .mobile-panel > a{
    color:#fff;
    font-family:Georgia,"Times New Roman",serif;
    font-size:clamp(32px,11vw,54px);
    line-height:.92;
    letter-spacing:-.04em;
  }

  .mobile-social{
    display:flex;
    width:100%;
    gap:24px;
    margin-top:20px;
    padding-top:22px;
    border-top:1px solid rgba(255,255,255,.18);
  }

  .mobile-social a{
    color:#fff;
    font-size:10px;
    font-weight:700;
    letter-spacing:.16em;
  }
}

/* SOCIAL ICON REFINEMENT */
.nav-right > a[aria-label="Instagram"],
.nav-right > a[aria-label="Kick"]{
  display:inline-flex;
  width:28px;
  height:28px;
  align-items:center;
  justify-content:center;
  flex:0 0 28px;
  padding:0;
  line-height:1;
  letter-spacing:0;
}

.nav-right > a[aria-label="Instagram"]{
  font-family:Arial,sans-serif;
  font-size:23px;
  font-weight:400;
}

.nav-right > a[aria-label="Kick"]{
  border:1px solid currentColor;
  font-family:Arial,sans-serif;
  font-size:13px;
  font-weight:900;
}

.nav-right > a[aria-label="Instagram"]::after,
.nav-right > a[aria-label="Kick"]::after{
  display:none;
}