:is(.nano-home, .nano-archive) .nano-card-link { color: #181714; }
.nano-work-preview { display: none; }
.nano-home-bio-link { margin: clamp(40px, 6vw, 80px) 0 0; }
.nano-home-bio-link a {
  color: #747069;
  font-family: var(--nano-font);
  font-size: clamp(23px, 1.9vw, 32px);
  font-weight: 700;
  line-height: 1.15;
  text-decoration: none;
}
.nano-home-bio-link a:hover,
.nano-home-bio-link a:focus-visible { text-decoration: underline; text-underline-offset: .2em; }
@media (min-width: 901px) {
  .nano-home > .nano-section {
    min-height: 100svh;
    padding-inline: clamp(40px, 6vw, 100px);
  }
  .nano-home .nano-section-head { align-items: center; margin-bottom: 38px; }
  .nano-home .nano-section-head h2 { font-size: 24px; }
  .nano-home .nano-section-head > a { font-size: 14px; }
  .nano-works-layout.is-preview-enabled {
    display: grid;
    grid-template-columns: minmax(0, 0.36fr) minmax(0, 0.64fr);
    gap: clamp(28px, 4vw, 64px);
    align-items: start;
  }
  :is(.nano-home, .nano-archive) .nano-card-link {
    padding: 4px 0;
    color: #181714;
  }
  :is(.nano-home, .nano-archive) .nano-card-body { align-items: flex-start; text-align: left; }
  :is(.nano-home, .nano-archive) .nano-card h2 { font-size: clamp(20px, 1.7vw, 28px); line-height: 1.15; }
  :is(.nano-home, .nano-archive) .nano-card p { display: none; }
  :is(.nano-home, .nano-archive) .nano-card-link:hover,
  :is(.nano-home, .nano-archive) .nano-card-link:focus-visible,
  :is(.nano-home, .nano-archive) .nano-card-link.is-preview-active { color: #3674a7; }
  :is(.nano-home, .nano-archive) .nano-card-link:focus-visible { outline: 2px solid #3674a7; outline-offset: 5px; }
  .is-preview-enabled .nano-work-preview {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    position: sticky;
    top: 80px;
    margin: 0;
    min-width: 0;
    height: min(76svh, 900px);
  }
  .nano-work-preview img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center top;
  }
  .nano-work-preview img[hidden], .nano-work-preview p[hidden] { display: none; }
  .nano-work-preview p { align-self: center; color: #747069; font-size: 16px; }
}

@media (min-width: 901px) {
  .nano-archive > .nano-archive-works { padding-inline: clamp(40px, 6vw, 100px); }
  .nano-works-list { min-width: 0; }
}

@media (max-width: 900px) {
  .nano-home-bio-link { text-align: center; }
  .nano-home-bio-link a { font-size: clamp(30px, 8.2vw, 42px); }
}

/* Half the vertical spacing between project titles at each breakpoint. */
.nano-site:is(.nano-home, .nano-archive) .nano-grid .nano-card-link { padding-block: clamp(7px, 1vw, 11px); }
@media (max-width: 800px) {
  .nano-site:is(.nano-home, .nano-archive) .nano-grid .nano-card-link { padding-block: 9.5px; }
}
@media (min-width: 901px) {
  .nano-site:is(.nano-home, .nano-archive) .nano-grid .nano-card-link { padding-block: 2px; }
}