/* Responsive refinements; the original brand and page content are preserved. */
html { -webkit-text-size-adjust: 100%; scroll-padding-top: 6rem; }
body { min-width: 0; }
#root, main, section, footer { min-width: 0; }
.grid > *, .flex > * { min-width: 0; }
main :is(h1,h2,h3,h4,p,li), footer :is(p,a,li) { overflow-wrap: anywhere; }
img, video { max-width: 100%; }
input, textarea, select { max-width: 100%; }
.transition-all { transition-property: color, background-color, border-color, box-shadow, opacity, transform, translate, scale; }
header nav > button { min-width: 44px; min-height: 44px; }
#mobile-navigation { max-height: calc(100dvh - 5rem); overflow-y: auto; overscroll-behavior: contain; }
@media (min-width: 64rem) {
  header nav > ul, header nav > div { display: flex; }
  header nav > button, #mobile-navigation { display: none; }
}
.cv-team section:last-child .mt-16.flex { flex-wrap: wrap; }
.cv-team section:last-child a > button { min-height: 44px; max-width: 100%; white-space: normal; }
.cv-team .cv-team-nav {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 1.25rem;
}
.cv-team .cv-team-nav > a { display: block; flex: 0 1 auto; max-width: 100%; }
.cv-team .cv-team-nav > a > button { display: block; }
@media (max-width: 30rem) {
  .cv-team .cv-team-nav { flex-direction: column; gap: 1rem !important; }
  .cv-team .cv-team-nav > a { width: 100%; max-width: 14rem; }
  .cv-team .cv-team-nav > a > button { width: 100%; }
}
/* The homepage feature panel must grow with wrapped text. */
main [class*="min-h-[420px]"] { height: auto; }
@media (max-width: 63.999rem) {
  main [class*="translate-x-"] { translate: none; transition-property: opacity, color, background-color, box-shadow; }
  .cv-team > section { padding-left: 1.5rem; padding-right: 1.5rem; }
  .cv-team > section:last-child > div { padding: 2rem; }
}
@media (max-width: 39.999rem) {
  main.pt-24 { padding-top: 4rem; }
  .cv-team > section { padding-left: 1rem; padding-right: 1rem; }
  .cv-team > section:last-child > div { padding: 1.5rem; }
  .cv-team h1 { font-size: clamp(1.65rem, 7vw, 1.875rem); line-height: 1.25; }
  .cv-team section:last-child .mt-16 { margin-top: 2.5rem; }
  .cv-team section:last-child .mt-16.flex { gap: .75rem; }
  .cv-team section:last-child a > button { padding: .75rem 1.25rem; }
  .cv-team section:last-child .rounded-full { max-width: 100%; overflow-wrap: anywhere; }
  main :is(input,select,textarea) { font-size: 16px; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; }
}
