.hub-intro { padding-block: clamp(34px, 5vw, 64px) clamp(28px, 4vw, 52px); }
.hub-intro h1 { max-width: 18ch; }
.hub-intro .sc-lead { max-width: 48ch; }
.hub-route { display: grid; grid-template-columns: 1.1fr 1fr; align-items: center; gap: clamp(28px, 6vw, 88px); padding-block: clamp(32px, 4.5vw, 60px); border-top: 1px solid var(--sc-line); }
.hub-route-copy h2 { max-width: 23ch; }
.hub-route-copy > p:not(.pr-kicker) { margin-top: 22px; }
.hub-route-copy > .sc-link { display: flex; margin-top: 10px; }
.sp-craft main .hub-offer { display: flex; gap: 16px; align-items: baseline; font-size: 16px; margin-bottom: 22px; }
.hub-offer strong { font-family: var(--sc-heading); font-size: 27px; font-weight: 500; color: var(--sp-teal); }
.hub-art { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; gap: clamp(16px, 2.5vw, 30px); max-width: 410px; justify-self: center; text-decoration: none; }
.hub-art img { display: block; width: 100%; height: auto; border: 1px solid var(--sc-line); box-shadow: 4px 7px 16px rgb(34 68 56 / 8%); }
.hub-play-art img + img { margin-top: 42px; }
.hub-digital { border-top: 1px solid var(--sc-line); padding-block: 22px 36px; }
.hub-samples { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(30px, 6vw, 88px); }
.hub-samples article { border-top: 1px solid var(--sc-line); padding-top: 24px; }
.hub-samples p { margin-top: 18px; }
.hub-samples a { margin-top: 12px; }
.hub-advice { background: var(--sp-whisper); }
.hub-advice-grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: clamp(28px, 6vw, 88px); }
.hub-advice p { margin-top: 20px; }
.hub-advice ul { list-style: none; padding: 0; margin: 0; }
.hub-advice li { border-top: 1px solid var(--sc-line); }
.hub-advice .sc-link { padding-block: 13px; }
.hub-author { max-width: 860px; }
.hub-author > .pr-small { margin-top: 28px; }
@media (max-width: 767px) {
  .hub-route { grid-template-columns: 1fr; gap: 28px; }
  .hub-art { max-width: 340px; justify-self: start; }
  .hub-samples, .hub-advice-grid { grid-template-columns: 1fr; }
}