/* Softer event frames and tactile controls, with the poster layout intact. */
:root {
  --radius-photo: 28px;
  --radius-card: 32px;
  --radius-control: 12px;
  --radius-pill: 999px;
}

.title-ribbon {
  border-radius: 18px;
}

.hero-photo,
.project-image {
  border-radius: var(--radius-photo);
}

.photo-secondary {
  border-radius: 24px;
}

.project-card {
  border-radius: var(--radius-photo);
}

.button,
.pass-button,
.project-tag,
.team-tags > span,
.interest-chips span {
  border-radius: var(--radius-pill);
}

.project-tag {
  padding-inline: 13px;
}

.experience-stage,
.team-card,
.enquiry-form {
  border-radius: var(--radius-card);
}

.event-pass {
  border-radius: 24px;
}

.enquiry-form input:not([type=checkbox]),
.enquiry-form select,
.enquiry-form textarea {
  border-radius: var(--radius-control);
}

.enquiry-message {
  border-radius: 16px;
}

.detail-dialog {
  border-radius: 28px;
}

.skip-link {
  border-radius: var(--radius-control);
}

@media (max-width: 700px) {
  :root {
    --radius-photo: 24px;
    --radius-card: 28px;
  }

  .title-ribbon {
    border-radius: 13px;
  }

  .photo-secondary {
    border-radius: 21px;
  }

  .mobile-nav:not([hidden]) {
    border-radius: 24px;
  }

  .mobile-nav a {
    border-radius: var(--radius-control);
  }

  .detail-dialog {
    border-radius: 24px;
  }

  .project-tag {
    padding-inline: 12px;
  }
}