/* One title treatment for the homepage and photography project list. */
.home-title,
.project-title {
  position: relative;
  display: inline-flex;
  vertical-align: top;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 0;
  color: #000000;
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
  transition: font-size 200ms ease;
}

.home-title:focus-visible,
.project-title:focus-visible,
.project.is-selected .project-title {
  font-size: calc(var(--title-size) * 1.125);
}

.text-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #000000;
  font-size: var(--subtitle-size);
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
}

@media (hover: hover) and (pointer: fine) {
  .home-title:hover,
  .project-title:hover { font-size: calc(var(--title-size) * 1.125); }
}

.home-title:focus-visible,
.project-title:focus-visible,
.text-link:focus-visible {
  outline: 1px solid currentColor;
  outline-offset: 4px;
}

@media (prefers-reduced-motion: reduce) {
  .home-title,
  .project-title { transition: none; }
}

/* Signature image, centered above every page. */
.site-home {
  position: fixed;
  z-index: 25;
  top: max(10px, calc(env(safe-area-inset-top) + 8px));
  left: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 10px 16px;
  transform: translateX(-50%);
  color: #000000;
  text-decoration: none;
  white-space: nowrap;
  -webkit-tap-highlight-color: transparent;
}

.site-home-image {
  display: block;
  width: min(250px, 26vw);
  height: auto;
}

@media (max-width: 700px) {
  .site-home-image { width: min(145px, 40vw); }
}