.v4hero--page .v4hero__inner { min-height: clamp(380px, 56vh, 560px); padding-block: var(--space-8) var(--space-7); }
.crumbs { display: inline-flex; gap: .5ch; font-family: var(--font-display); font-size: .8rem; letter-spacing: .04em; color: #cdd2ff; margin: 0 0 var(--space-4); flex-wrap: wrap; }
.crumbs a { color: #cdd2ff; }
.crumbs a:hover { color: #fff; }
.crumbs span[aria-current] { color: #fff; }
.serving { text-align: center; color: var(--grey-600); font-size: var(--fs-small); max-width: 70ch; margin-inline: auto; }
.serving--cta { text-align: left; color: #fff; font-weight: 600; max-width: none; margin: var(--space-5) 0 0; }
/* credentials sub-blocks */
.creds-split { display: grid; gap: var(--space-7); grid-template-columns: 1fr; align-items: center; }
@media (min-width: 820px) { .creds-split { grid-template-columns: auto 1fr; gap: var(--space-8); } }