/* okitoki-v4 — the ported contacts page (contacts.css, unchanged from v3) inside the v4 shell.
 * Only the points where it met v3's chrome: v3 bar heights (80/86px) vs the v4 bar (64px),
 * v3's back-to-top button class, v3's page wrapper. Everything else is the page's own CSS. */

/* The hero slides under the fixed bar and pads past it (v4 bar = --v-header-height). */
.v-header-teal .v-site__main { padding-top: 0; }
.oki-contacts .hero { padding-top: var(--v-header-height); }
@media (min-width: 1200px) {
    .oki-contacts .hero { padding-top: var(--v-header-height); }
}

/* Sticky mobile CTA owns the bottom strip: lift the v4 back-to-top button above it. */
@media (max-width: 768px) {
    .page-template-page-contacts .v-to-top { bottom: 76px; }
}