/* The provided artwork is used intact, with its original proportions. */
html { scroll-padding-top: 168px; }
.site-header .nav-row { min-height: 144px; height: auto; padding-top: 8px; padding-bottom: 8px; align-items: center; }
.site-header a.logo { display: block; flex: 0 0 128px; width: 128px; line-height: 0; font-size: 0; letter-spacing: 0; }
.site-header .logo .spoko-original-logo { display: block; width: 128px; height: 128px; max-width: none; object-fit: contain; mix-blend-mode: multiply; }
.footer .footer-top { align-items: center; }
.footer a.footer-logo { display: block; flex: 0 0 220px; width: 220px; max-width: 100%; padding: 8px; background: #fff; line-height: 0; font-size: 0; letter-spacing: 0; }
.footer-logo .spoko-original-logo { display: block; width: 204px; height: auto; aspect-ratio: 1; object-fit: contain; }
.custom-logo-link .spoko-original-logo { width: 128px; height: 128px; object-fit: contain; }
.hero-visual .circle-stamp { background: #fff; border-radius: 8px; padding: 8px; transform: none; }
.circle-stamp .spoko-original-logo { width: 100%; height: 100%; object-fit: contain; }
@media (max-width: 720px) {
    /* Mobile contact actions remain available in the fixed bottom bar. */
    .site-header .nav-actions .nav-contact { display: none; }
    html { scroll-padding-top: 140px; }
    .site-header .nav-row { min-height: 112px; padding-top: 8px; padding-bottom: 8px; gap: 16px; }
    .site-header a.logo { flex-basis: 96px; width: 96px; }
    .site-header .logo .spoko-original-logo { width: 96px; height: 96px; }
    .footer .footer-top { align-items: flex-start; }
    .footer a.footer-logo { flex-basis: auto; width: 200px; }
    .footer-logo .spoko-original-logo { width: 184px; }
}