.experience {
  grid-column: 1 / -1;
  min-width: 0;
  border-top: 1px solid #e4e4e4;
  padding: 18px 0 14px;
}
.experience-heading {display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 12px}
.experience h2 {font-size: 12px; font-weight: 500; line-height: 1.5; color: #595959; margin: 0; max-width: 310px}
.experience-controls {display: flex; flex-shrink: 0; gap: 4px}
.experience-controls[hidden] {display: none}
.experience-controls button {display: grid; place-items: center; width: 30px; height: 30px; padding: 0; border: 1px solid transparent; border-radius: 3px; background: transparent; color: #595959; cursor: pointer; font: 14px/1 sans-serif}
.experience-controls button:hover {border-color: #ccc; color: #242424}
.experience-controls svg {width: 14px; height: 14px; fill: currentColor}
.experience button:focus-visible, .experience-window:focus-visible {outline: 2px solid #242424; outline-offset: 3px}
.experience-window {overflow-x: auto; overflow-y: hidden; scrollbar-width: none; overscroll-behavior-x: contain; -webkit-overflow-scrolling: touch; border-radius: 2px}
.experience-window::-webkit-scrollbar {display: none}
.experience-track {display: flex; width: max-content}
.experience-list {display: flex; align-items: center; margin: 0; padding: 0; list-style: none; flex-shrink: 0}
.experience-list li {width: 144px; height: 90px; padding: 10px 16px; display: flex; justify-content: center; align-items: center; flex-shrink: 0}
.experience-list img {display: block; max-width: 100%; width: auto; height: auto; max-height: 62px; object-fit: contain}
.experience-list .wide-logo {max-height: 48px}
.experience-list .lichess-lockup {display: flex; align-items: center; gap: 6px; font: 23px/1.1 Georgia, serif; white-space: nowrap}
.experience-list .lichess-lockup img {width: 31px; height: 38px}
.experience-list .text-mark {font-size: 23px; font-weight: 650; line-height: 1.15; letter-spacing: -1px; color: #303030}
.experience-list .scout-mark {font-family: Georgia, serif; font-size: 29px; font-weight: 400; letter-spacing: -.8px}
.experience-list .hublyst-mark {font-size: 25px; font-weight: 700}
.experience-list .endgame-mark {font-size: 22px; letter-spacing: -1px}
.experience-list .brand-endgame {width: 190px}
.experience-list .brand-lichess {width: 160px}
.experience-list .inventir-mark {font-family: Georgia, serif; font-size: 25px; font-weight: 500}
.experience-list [data-wordmark-fallback] {display: none}
.experience-list [data-wordmark-fallback].is-visible {display: block}
@media(max-width: 1000px) {
  .offer-row > section:first-child {grid-row: 1}
  .offer-row > .experience {grid-row: 2}
  .offer-row > .feature {grid-row: 3; border-top: 0; padding-top: 0}
}
@media(max-width: 760px) {
  .experience-heading {gap: 6px}
  .experience h2 {max-width: 200px}
  .experience-list li {width: 132px; height: 84px; padding: 10px 14px}
  .experience-list img {max-height: 58px}
}