/* Match the original home lettering across the fixed navigation. */
body[data-design=vision] { --vision-corner-size:clamp(25px,3.65vw,58px); }
body[data-design=vision][data-page] .vision-head nav > a { font-size:var(--vision-corner-size); }

@media (max-width:900px) {
  body[data-design=vision] { --vision-corner-size:32px; }
}
@media (max-width:600px) {
  body[data-design=vision] { --vision-corner-size:27px; }
}
@media (min-width:601px) and (max-height:600px) {
  body[data-design=vision] { --vision-corner-size:clamp(22px,2.3vw,30px); }
}

@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) {
  html:not([data-focus-opening]) body[data-design=vision]:not([data-page=home]) .vision-head nav > a {
    --vision-label-fringe:clamp(1.3px,.048em,2.6px);
    text-shadow:
      calc(-1 * var(--vision-label-fringe)) .18px .55px rgb(244 62 99 / 52%),
      var(--vision-label-fringe) -.18px .55px rgb(37 232 255 / 55%);
    transition:text-shadow 220ms cubic-bezier(.24,.63,.27,1);
  }
  html:not([data-focus-opening]) body[data-design=vision]:not([data-page=home]) .vision-head nav > a:is(:hover,:focus-visible) {
    text-shadow:none;
  }
}

.vision-practice-essay {
  max-width:58ch;
  font-size:clamp(18px,2vw,27px);
  line-height:1.55;
}
.vision-practice-essay p { margin:0 0 1.25em; }
.vision-practice-essay p:last-child { margin-bottom:0; }

body[data-design=vision] .project-frame[id^="artwork-"] {
  scroll-margin-top:calc(var(--vision-top) + var(--vision-gutter));
}

.vision-custom-opener {
  position:fixed;
  inset:0;
  z-index:1000;
  width:100%;
  height:100%;
  object-fit:contain;
  background:#080808;
  pointer-events:none;
}