/* Additive accessibility and approved content layout improvements. */
html { scroll-padding-top: 100px; }
:focus-visible { outline: 3px solid #183247; outline-offset: 4px; }
.contact :focus-visible { outline-color: white; }
.field input:focus-visible,
.field select:focus-visible,
.field textarea:focus-visible { outline: 3px solid #183247; outline-offset: 2px; }
.skip-link { position: fixed; top: 8px; left: 8px; z-index: 20; padding: 10px 16px; background: white; color: #183247; transform: translateY(-200%); }
.skip-link:focus { transform: translateY(0); }
.portfolio-preview { display: block; width: 100%; height: 112px; object-fit: cover; object-position: top; border-bottom: 2px solid var(--line); }
.portfolio-body h3 { overflow-wrap: anywhere; }
.sauce .lead + p { margin-top: 16px; }
.contact-form .form-note { margin: 0; font-size: 14px; }
@media (max-width: 920px) { html { scroll-padding-top: 240px; } }
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .button:hover { transform: none; }
}