.hg-hero-color{padding:170px 0 96px;background:linear-gradient(135deg,var(--brand-neutral-light),#fff);overflow:hidden}.hg-hero-color>.container{display:grid;grid-template-columns:minmax(0,0.95fr) minmax(0,1.05fr);grid-gap:48px;gap:48px;align-items:center}.hg-hero-color__copy p{max-width:680px}.hg-hero-color__swatches{display:flex;gap:12px;overflow-x:auto;padding:8px 0 24px;flex-wrap:nowrap}.hg-hero-color__swatches span{width:34px;height:34px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px var(--brand-border);flex:0 0 34px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap}.hg-hero-color__media{position:relative}.hg-hero-color__media img{width:100%;border-radius:var(--brand-radius);box-shadow:0 26px 70px rgba(26,35,47,.16);background:var(--brand-bg-alt);aspect-ratio:5/4;-o-object-fit:cover;object-fit:cover}.vertical-timeline{position:relative;display:grid;grid-gap:26px;gap:26px;max-width:920px;margin:0 auto}.vertical-timeline::before{content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;background:var(--brand-border)}.vertical-timeline article{display:grid;grid-template-columns:1fr 86px 1fr;align-items:center;grid-gap:24px;gap:24px}.vertical-timeline article span{grid-column:2;width:86px;height:86px;border-radius:50%;display:grid;align-items:center;justify-items:center;place-items:center;background:var(--brand-primary);color:var(--brand-text-inverse);font-weight:850;z-index:1}.vertical-timeline article div{padding:24px;background:var(--brand-bg);border:1px solid var(--brand-border);border-radius:var(--brand-radius)}.vertical-timeline article:nth-child(odd) div{grid-column:1;grid-row:1}.vertical-timeline article:nth-child(2n) div{grid-column:3}@media (max-width:991px){.hg-hero-color>.container{grid-template-columns:1fr}.vertical-timeline::before{left:42px}.vertical-timeline article{grid-template-columns:86px 1fr}.vertical-timeline article span{grid-column:1}.vertical-timeline article:nth-child(2n) div,.vertical-timeline article:nth-child(odd) div{grid-column:2}}