/* vondrei — punch nav tiles (WORK / ABOUT / CONTACT)
   System-wide fit: CONTACT must breathe inside the square.
   Target: ~1280–1512 CSS-px (14" MB) and mobile 80px tiles.
   Loads after vondrei.webflow.css. */

.nav-item {
  box-sizing: border-box;
  /* slightly less pad than Webflow 20 → +10px inner width at 125 */
  padding: clamp(8px, 1vw, 12px);
}

.nav-text {
  font-size: clamp(11px, 0.55vw + 8px, 15px);
  line-height: 1;
  white-space: nowrap;
  letter-spacing: -0.02em;
  max-width: 100%;
  overflow: visible;
}

/* Short laptop height: home shrinks tiles — keep type in sync */
@media (max-height: 820px) and (min-width: 768px) {
  .nav-item {
    padding: 8px;
  }
  .nav-text {
    font-size: clamp(10px, 1.4vh, 13px);
  }
}

@media (max-height: 700px) and (min-width: 768px) {
  .nav-item {
    padding: 4px;
  }
  .nav-text {
    font-size: 10px;
  }
}

/* Mobile 80px tiles (Webflow sets size; we fix pad/type) */
@media screen and (max-width: 767px) {
  .nav-item {
    padding: 6px;
  }
  .nav-text {
    font-size: 11px;
    letter-spacing: -0.03em;
  }
}

@media screen and (max-width: 479px) {
  .nav-item {
    padding: 8px;
  }
  .nav-text {
    font-size: 11px;
  }
}