/* Keep the primary Work and About navigation quiet on hover. */
body>header nav a,
body>header nav a:hover,
body>header nav a:focus-visible{
  text-decoration:none!important;
}

/* Let the homepage introduction run edge to edge inside the viewport. */
html,
body{
  overflow-x:hidden;
}

.visual-section.visual-entry{
  width:100vw;
  margin-left:calc(50% - 50vw)!important;
  margin-right:calc(50% - 50vw)!important;
}

/* The CTA is a button-like link; its hover should stay free of text decoration. */
.visual-entry .ve-cta,
.visual-entry .ve-cta:hover,
.visual-entry .ve-cta:focus-visible{
  text-decoration:none!important;
}

/* Keep the site navigation anchored to the viewport during page scrolling. */
body{
  padding-top:var(--site-header-height,66px);
}
body>header{
  position:fixed!important;
  inset:0 0 auto;
  z-index:1000;
  width:100%;
  margin:0;
}

/* The hero has a clear primary route and a quieter archive route. */
.visual-entry .ve-entry-actions{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:19px;
  pointer-events:none;
}
.visual-entry .ve-entry-actions .ve-cta,
.visual-entry .ve-entry-actions .ve-archive-link{
  position:relative;
  z-index:1;
  pointer-events:auto;
}
.visual-entry .ve-entry-actions .ve-cta{
  margin:0;
}
.visual-entry .ve-archive-link{
  display:inline-flex;
  align-items:center;
  gap:7px;
  min-height:28px;
  padding:2px 6px;
  color:#526b83;
  font-size:12px;
  font-weight:500;
  letter-spacing:.025em;
  line-height:1.5;
  text-decoration:none!important;
  transition:color .18s ease,transform .18s ease;
}
.visual-entry .ve-archive-link span{
  display:inline-block;
  transition:transform .18s ease;
}
.visual-entry .ve-archive-link:hover,
.visual-entry .ve-archive-link:focus-visible{
  color:#2457b4;
  text-decoration:none!important;
}
.visual-entry .ve-archive-link:hover{transform:translateY(-1px)}
.visual-entry .ve-archive-link:hover span{transform:translate(3px,-1px)}
.visual-entry .ve-archive-link:focus-visible{outline:2px solid #2778bf;outline-offset:3px;border-radius:5px}

@media(max-width:750px){
  body{padding-top:60px}
  .visual-entry .ve-entry-actions{gap:18px}
  .visual-entry .ve-archive-link{font-size:11px}
}
@media(prefers-reduced-motion:reduce){
  .visual-entry .ve-archive-link,
  .visual-entry .ve-archive-link span{transition:none}
}