/* Channel labels and the search discovery cards. */
#main .promise-channels .channel-artwork{order:0}
#main .promise-channels .channel-label{order:1;font-size:calc(var(--type-item) * 1.15)}
#main .promise-channels .channel-hashtags{order:2}
#main .blog-discovery{background:var(--brand);color:var(--white)}
#main .discovery-benefit-heading h3{font-size:var(--type-main);color:var(--white)}
#main .discovery-benefit-heading h3 strong{color:inherit}
#main .discovery-benefit-heading p{color:var(--white)}
#main .discovery-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
#main .discovery-row{display:flex;flex-direction:column;align-items:stretch;gap:20px;padding:28px;border:0;border-radius:18px;background:var(--white);color:var(--black)}
#main .discovery-copy{text-align:left}
#main .discovery-copy h4>span{color:var(--brand)}
#main .discovery-copy>p{font-size:var(--type-body)}
#main .discovery-touchpoint{border-color:var(--brand)}
#main .discovery-example{margin-top:auto}
#main .discovery-example>.discovery-image{border-radius:10px;aspect-ratio:825 / 535;position:relative;isolation:isolate}
#main .discovery-image::after{content:"";position:absolute;inset:0;z-index:1;border:1px solid color-mix(in srgb,var(--brand) 70%,transparent);border-radius:inherit;pointer-events:none}
#main .discovery-example img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top;transform-origin:center top}
@media(min-width:900px) and (max-width:1024px){#main .discovery-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}#main .discovery-row{padding:20px}#main .discovery-copy h4{font-size:20px}#main .discovery-copy>p{font-size:17px}}
@media(min-width:768px) and (max-width:899px){#main .discovery-list{grid-template-columns:minmax(0,1fr);gap:20px}#main .discovery-row{padding:24px}}
@media(max-width:767px){#main .discovery-list{grid-template-columns:minmax(0,1fr);gap:18px}#main .discovery-row{padding:24px}}

/* Tighter spacing between channel labels and hashtags. */
#main .promise-channels a{gap:12px}
#main .promise-channels .channel-label,#main .promise-channels .channel-hashtags{line-height:1.3}