.hmb-eyebrow { font-size: var(--t-caption); color: rgba(246, 244, 240, 0.8); margin-bottom: 8px; } .hmb-standfirst { font-size: clamp(18px, 1.5vw, 22px); color: rgba(246, 244, 240, 0.9); } .hmb-caption { font-size: var(--t-caption); color: rgba(246, 244, 240, 0.7); } .hmb-story .fr-prose a.hmb-link { color: var(--ink); } .hmb-cta-line { font-weight: 300; font-size: var(--t-section); line-height: 1.22; letter-spacing: -0.025em; max-width: 22em; text-wrap: balance; } .hmb-cta-link { display: inline-block; margin: 40px 0 56px; padding-bottom: 8px; font-weight: 300; font-size: clamp(26px, 2.6vw, 40px); letter-spacing: -0.03em; color: var(--ink); background: linear-gradient(currentColor, currentColor) 0 100% / 100% 1px no-repeat; transition: background-size 0.6s var(--ease); } .hmb-cta-link:hover { background-size: 0 1px; background-position: 100% 100%; }