.public-site .business-grid-support > .business-card { grid-column: span 2; }
.public-site .business-web-ribbon { grid-column: span 4; min-width: 0; padding: 0; margin: 0; overflow: hidden; display: flex; flex-direction: column; scroll-margin-top: 30px; background: #edf1e6; }
.website-ribbon-heading { display: flex; justify-content: space-between; align-items: start; gap: 14px; padding: 22px 22px 16px; }
.website-ribbon-heading h3 { font-size: 25px; line-height: 1.2; margin: 0 0 8px; }
.website-ribbon-heading p { font-size: 13px; line-height: 1.5; margin: 0; }
.website-ribbon-heading .website-ribbon-partner { color: #566a36; font-size: 10px; font-weight: 750; letter-spacing: .07em; text-transform: uppercase; margin-bottom: 9px; }
.website-ribbon-pause { flex-shrink: 0; border: 1px solid #b6c3a4; border-radius: 7px; padding: 7px 10px; background: #fff; color: #26301b; font: inherit; font-size: 11px; cursor: pointer; }
.website-ribbon-pause[hidden] { display: none; }
.website-ribbon-pause[aria-pressed="true"] { background: #d3ff25; }
.website-ribbon-viewport { overflow-x: auto; overflow-y: hidden; scrollbar-width: none; overscroll-behavior-x: contain; }
.website-ribbon-viewport::-webkit-scrollbar { display: none; }
.website-ribbon-viewport.is-pointer-draggable { cursor: grab; user-select: none; -webkit-user-select: none; }
.website-ribbon-viewport.is-pointer-draggable a { cursor: inherit; }
.website-ribbon-viewport.is-dragging { cursor: grabbing; }
.website-ribbon-track, .website-ribbon-group { display: flex; width: max-content; }
.website-ribbon-group { gap: 14px; padding-right: 14px; }
.website-ribbon-group[hidden] { display: none; }
.website-ribbon-card { display: block; flex: 0 0 254px; width: 254px; overflow: hidden; border: 1px solid #d0d8c6; border-radius: 11px; background: #fff; color: #1c2223; text-decoration: none; }
.website-ribbon-card img { display: block; width: 100%; height: 158px; object-fit: cover; object-position: center 35%; }
.website-ribbon-card > div { position: relative; padding: 14px 33px 15px 15px; min-height: 88px; }
.website-ribbon-card h4 { font-size: 16px; line-height: 1.25; margin: 0 0 6px; }
.website-ribbon-card p { font-size: 11px; line-height: 1.4; margin: 0; color: #657153; }
.website-ribbon-card > div > span { position: absolute; right: 14px; top: 14px; color: #5b742c; }
.website-ribbon-card:hover { border-color: #718f3a; }
.website-ribbon-card:focus-visible, .website-ribbon-pause:focus-visible, .website-ribbon-all:focus-visible { outline: 2px solid #5b742c; outline-offset: -3px; }
.website-ribbon-all { align-self: start; margin: 15px 22px 20px; color: #34451d; text-underline-offset: 3px; font-size: 12px; font-weight: 650; }
@media (max-width: 950px) {
    .public-site .business-grid-support { grid-template-columns: minmax(0, 1fr); }
    .public-site .business-grid-support > .business-card, .public-site .business-web-ribbon { grid-column: auto; }
}
@media (max-width: 600px) {
    .website-ribbon-heading { padding: 18px 16px 15px; gap: 9px; }
    .website-ribbon-heading h3 { font-size: 23px; }
    .website-ribbon-card { flex-basis: 232px; width: 232px; }
    .website-ribbon-card img { height: 150px; }
    .website-ribbon-all { margin-inline: 16px; }
}