@media (max-width: 768px){

  /* Show hamburger, hide links until toggled */
  .hamburger-icon{ 
    display: flex; 
}

  .nav-links{
    display: none;
    flex-direction: column;
    position: absolute; 
    right: 1rem; 
    top: 60px;
    background: rgba(0,0,0,.9);
    padding: .5rem .75rem; 
    border-radius: .5rem;
    gap: .5rem;
    box-shadow: 0 12px 30px rgba(0,0,0,.25);
  }

  .nav-links a{ 
    color:#fff; 
    padding:.35rem 0; 
    line-height:1.1; 
    text-align:right; 
}
  .nav-links.active{ 
    display: flex; 
}

  /* Move hero text a bit up */
  .coming-soon{ align-self: start; margin-top: 7.5rem; }

  .coming-soon p{
    color: red;
  }

  /* Swap to vertical image on phones */
  .hero::before{ background-image: url("../img/Insta00026.jpg"); }

}

/* Small tablets and up */
@media (min-width: 600px) {
  .grid-full { grid-template-columns: repeat(2, 1fr); }      /* CHAT made this */
}

/* Tablets/desktop */
@media (min-width: 768px) {
  .grid-preview { grid-template-columns: repeat(3, 1fr); }    /* CHAT made this */
  .grid-full    { grid-template-columns: repeat(3, 1fr); }
  .tags-toolbar {
    backdrop-filter: blur(4px);
  }
  
 .about-grid {
    grid-template-columns: 1fr 1.2fr;
    align-items: start;
    gap: 2rem;
  }

  .about-portrait img {
    max-height: 600px;
  }
}

/* Big desktops */
@media (min-width: 1200px) {
  .grid-full    { grid-template-columns: repeat(4, 1fr); }    /* CHAT made this */
}

/* Larger screens: give the toolbar a light blur over scrolled content */
@media (min-width: 768px) {
}