.hub-hero{--font-settings:"ss01","ss02","ss03"}.hub-hero-header{display:grid;justify-content:center;gap:var(--content-gap)}.hub-hero-intro{display:grid;gap:clamp(24px,2.4vw,32px)}.hub-hero-heading{--min:20px;--fluid:3.2vw;--max:42px;--height:4px;--font-size:clamp(var(--min),var(--fluid),var(--max));--line-height:clamp(calc(var(--min) + var(--height)),calc(var(--fluid) + var(--height)),calc(var(--max) + var(--height)));font-size:var(--font-size);font-weight:var(--font-primary-bolder);font-feature-settings:var(--font-settings);line-height:var(--line-height);text-transform:uppercase}.hub-hero-subheading{--min:18px;--fluid:2.4vw;--max:32px;--height:8px;--font-size:clamp(var(--min),var(--fluid),var(--max));--line-height:clamp(calc(var(--min) + var(--height)),calc(var(--fluid) + var(--height)),calc(var(--max) + var(--height)));font-size:var(--font-size);font-weight:var(--font-primary-lighter);font-feature-settings:var(--font-settings);line-height:var(--line-height)}.hub-hero-author-avatar{margin:0 8px 0 0}.hub-hero-author-avatar img{border-radius:50%;display:block;height:40px;width:40px}.hub-hero-author-details{font-size:14px;line-height:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hub-hero-author-details-name{color:var(--color-body);display:inline-block;font-weight:var(--font-primary-bolder);margin:0 0 2px}.hub-hero-author-details-name:hover{text-decoration:underline}.hub-hero-author-details-date{color:var(--color-gray-five)}.hub-hero-meta,.hub-hero-copy{margin:0 auto;max-width:var(--content-width);width:100%}.hub-hero-cover{overflow:hidden;padding:var(--gutter)}.hub-hero-cover img{border-style:solid;border-width:2px;display:block;height:100%;width:100%;object-fit:contain}@media(min-width:760px){.hub-hero-header{grid-template-columns:var(--content-width)}}@media(min-width:960px){.hub-hero{margin:var(--content-gap) 0 0}.hub-hero-header{grid-template-areas:"cover intro" "cover author" "meta meta" "copy copy";grid-template-columns:42% 1fr;align-items:center}.hub-hero-intro{grid-area:intro}.hub-hero-author{grid-area:author}.hub-hero-meta{grid-area:meta}.hub-hero-copy{grid-area:copy}.hub-hero-cover{grid-area:cover}.hub-hero-heading{width:calc(100% + 40px)}}