.pwb-sec, .pwb-cta-dark { font-family: 'Roboto', Arial, sans-serif; }
.pwb-sec { padding: 120px 0; background: #ffffff; }
.pwb-sec--grey { background: #f2f3f5; }
.pwb-sec--pt0 { padding-top: 0; }
.pwb-sec--pb0 { padding-bottom: 0; }
.pwb-sec--compact { padding: 60px 0; }

.pwb-wrap { width: 1160px; margin: 0 auto; box-sizing: border-box; }

.pwb-title { margin: 0; font-size: 50px; line-height: 58px; font-weight: 700; text-transform: uppercase; color: #141414; }
.pwb-divider { width: 50px; height: 2px; margin-top: 19px; background: #e62e45; }
.pwb-lead { margin: 30px 0 0; font-size: 18px; line-height: 28px; font-weight: 400; color: #757575; }
.pwb-lead strong, .pwb-text strong { font-weight: 700; }
.pwb-lead + .pwb-lead { margin-top: 10px; }
.pwb-lead--accent { font-weight: 700; color: #141414; }
.pwb-head + * { margin-top: 45px; }

.pwb-badge { display: inline-flex; align-items: center; height: 30px; padding: 0 10px; border-radius: 5px; background: #e62e45; color: #ffffff; font-size: 14px; line-height: 1; font-weight: 700; text-transform: uppercase; white-space: nowrap; }

.pwb-feature { display: grid; grid-template-columns: 1fr 1fr; column-gap: 40px; align-items: start; }
.pwb-feature + .pwb-feature { margin-top: 90px; }
.pwb-feature--reverse .pwb-feature__body { order: 2; }
.pwb-feature--reverse .pwb-feature__media { order: 1; }
.pwb-feature__title { margin: 30px 0 0; font-size: 32px; line-height: 37px; font-weight: 700; text-transform: uppercase; color: #141414; }
.pwb-feature__sub { margin: 10px 0 0; font-size: 20px; line-height: 24px; font-weight: 700; text-transform: uppercase; color: #e62e45; }
.pwb-text { margin: 30px 0 0; font-size: 18px; line-height: 27px; font-weight: 400; color: #757575; }
.pwb-label { margin: 30px 0 0; font-size: 20px; line-height: 24px; font-weight: 700; text-transform: uppercase; color: #e62e45; }
#allrecords .pwb-list, .pwb-list { margin: 15px 0 0; padding: 0; list-style: none; font-size: 18px; line-height: 27px; color: #757575; }
.pwb-list li + li { margin-top: 8px; }
.pwb-list strong { font-weight: 700; color: #141414; }
.pwb-more { margin-top: 30px; border-radius: 5px; background: #ffffff; }
.pwb-sec:not(.pwb-sec--grey) .pwb-more { background: #f2f3f5; }
.pwb-more__head { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 20px; cursor: pointer; list-style: none; }
.pwb-more__head::-webkit-details-marker { display: none; }
.pwb-more__title { font-size: 20px; line-height: 27px; font-weight: 700; text-transform: uppercase; color: #e62e45; }
.pwb-more__icon { position: relative; flex: 0 0 24px; height: 24px; transition: transform .2s; }
.pwb-more__icon::before, .pwb-more__icon::after { content: ''; position: absolute; left: 0; top: 11px; width: 24px; height: 2px; background: #141414; }
.pwb-more__icon::after { transform: rotate(90deg); }
.pwb-more[open] .pwb-more__icon { transform: rotate(45deg); }
#allrecords .pwb-more__body { margin: 0; padding: 0 20px 20px; }
.pwb-feature__body > .pwb-lead:first-child { margin-top: 0; }
.pwb-feature__media img, .pwb-feature__media video { display: block; width: 100%; height: auto; }

.pwb-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px; }
.pwb-cards--2 { grid-template-columns: repeat(2, 1fr); }
.pwb-card { padding: 20px 20px 30px; border-radius: 5px; background: #f2f3f5; box-sizing: border-box; }
.pwb-sec--grey .pwb-card { background: #ffffff; }
.pwb-cards--media .pwb-card { padding-top: 0; overflow: hidden; }
.pwb-card__media { display: block; aspect-ratio: 3 / 2; margin: 0 -20px 20px; border-radius: 5px 5px 0 0; background: #d9dbe0 center / cover no-repeat; }
.pwb-cards--2 .pwb-card__media { aspect-ratio: 16 / 9; }
.pwb-card__media img, .pwb-card__media video { display: block; width: 100%; height: 100%; object-fit: cover; }
.pwb-card__icon { display: block; width: 50px; height: 50px; }
.pwb-card__line { height: 1px; margin-top: 20px; background: #e62e45; }
.pwb-card__title { margin: 20px 0 0; font-size: 20px; line-height: 24px; font-weight: 700; text-transform: uppercase; color: #141414; }
.pwb-card__title--red { color: #e62e45; }
.pwb-card > .pwb-card__title:first-child { margin-top: 0; }
.pwb-card__text { margin: 10px 0 0; font-size: 18px; line-height: 28px; font-weight: 400; color: #757575; }

#allrecords .pwb-bullets { margin: 15px 0 0; padding: 0; list-style: none; font-size: 18px; line-height: 28px; color: #757575; }
#allrecords .pwb-bullets li { position: relative; padding-left: 18px; }
#allrecords .pwb-bullets li + li { margin-top: 8px; }
#allrecords .pwb-bullets li::before { content: ''; position: absolute; left: 0; top: 11px; width: 6px; height: 6px; background: #e62e45; }
.pwb-card__line + .pwb-card__text { margin-top: 20px; }
.pwb-card__text--accent { margin-top: 15px; font-weight: 700; color: #141414; }
.pwb-card__text--next { margin-top: 15px; }
#allrecords .pwb-bullets--dark { color: #141414; }
#allrecords .pwb-bullets--dark li + li { margin-top: 12px; }

.pwb-split { display: grid; grid-template-columns: 1fr 1fr; column-gap: 40px; row-gap: 45px; margin-top: 60px; }
.pwb-split.pwb-split--first { margin-top: 45px; }
#allrecords .pwb-card__line + .pwb-list { margin-top: 20px; }

.pwb-cta-card { padding: 60px 40px; border-radius: 5px; background: #f2f3f5; }
.pwb-sec--grey .pwb-cta-card { background: #ffffff; }
.pwb-cta-card--compact { padding: 40px; }

#allrecords a.pwb-btn, .pwb-btn { display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; height: 55px; min-width: 190px; padding: 0 30px; border: 2px solid #e62e45; border-radius: 5px; background: #e62e45; color: #ffffff; font-size: 16px; line-height: 1; font-weight: 700; text-transform: uppercase; text-decoration: none; transition: background-color .2s, color .2s, border-color .2s; }
#allrecords a.pwb-btn:hover { background: transparent; color: #e62e45; }
#allrecords a.pwb-btn--outline { background: transparent; color: #e62e45; }
#allrecords a.pwb-btn--outline:hover { background: #e62e45; color: #ffffff; }
#allrecords a.pwb-btn--light { background: transparent; border-color: #ffffff; color: #ffffff; }
#allrecords a.pwb-btn--light:hover { background: #ffffff; color: #141414; }
.pwb-actions { display: flex; flex-wrap: wrap; gap: 20px; margin-top: 40px; }
.pwb-actions--center { justify-content: center; }

.pwb-cta-dark { position: relative; padding: 90px 0; background: #141414 center / cover no-repeat; text-align: center; }
.pwb-cta-dark::before { content: ''; position: absolute; inset: 0; background: rgba(20, 20, 20, 0.75); }
.pwb-cta-dark .pwb-wrap { position: relative; }
.pwb-cta-dark__title { max-width: 680px; margin: 0 auto; font-size: 42px; line-height: 50px; font-weight: 700; text-transform: uppercase; color: #ffffff; }
.pwb-cta-dark__text { margin: 20px 0 0; font-size: 18px; line-height: 28px; color: #ffffff; }

.pwb-cta__title { max-width: 840px; margin: 0 auto; font-size: 42px; line-height: 50px; font-weight: 700; text-transform: uppercase; color: #141414; text-align: center; }
.pwb-cta__text { max-width: 840px; margin: 20px auto 0; font-size: 18px; line-height: 28px; color: #757575; text-align: center; }

@media screen and (max-width: 1199px) {
  .pwb-wrap { width: 940px; }
  .pwb-feature { column-gap: 20px; }
  .pwb-cards { gap: 20px; }
  .pwb-cta-dark__title { max-width: 705px; }
}

@media screen and (max-width: 959px) {
  .pwb-wrap { width: 600px; }
  .pwb-title { font-size: 40px; line-height: 46px; }
  .pwb-feature { grid-template-columns: 1fr; }
  .pwb-feature--reverse .pwb-feature__body, .pwb-feature--reverse .pwb-feature__media { order: 0; }
  .pwb-feature__media { margin-top: 40px; }
  .pwb-cards { grid-template-columns: 1fr; }
  .pwb-cards--2 { grid-template-columns: repeat(2, 1fr); }
  .pwb-cta-dark, .pwb-cta-dark__title, .pwb-cta-dark__text { text-align: left; }
  .pwb-cta-dark__title { max-width: none; }
  .pwb-cta__title, .pwb-cta__text { max-width: none; text-align: left; }
  .pwb-actions--center { justify-content: flex-start; }
  #allrecords a.pwb-btn { min-width: 290px; }
}

@media screen and (max-width: 639px) {
  .pwb-wrap { width: 460px; }
  .pwb-title { font-size: 30px; line-height: 35px; }
  .pwb-lead { font-size: 16px; line-height: 25px; }
  .pwb-feature + .pwb-feature { margin-top: 75px; }
  .pwb-feature__title { font-size: 30px; line-height: 35px; }
  .pwb-text, #allrecords .pwb-list { font-size: 16px; line-height: 24px; }
  .pwb-feature__media { margin-top: 30px; }
  .pwb-cards--2 { grid-template-columns: 1fr; }
  .pwb-split { grid-template-columns: 1fr; }
  .pwb-card__text { font-size: 16px; line-height: 25px; }
  #allrecords .pwb-bullets { font-size: 16px; line-height: 25px; }
  #allrecords .pwb-bullets li::before { top: 10px; }
  .pwb-cta-card { padding: 40px 20px; }
  .pwb-cta-dark { padding: 75px 0; }
  .pwb-cta-dark__title, .pwb-cta__title { font-size: 30px; line-height: 36px; }
  .pwb-cta-dark__text, .pwb-cta__text { font-size: 16px; line-height: 25px; }
  #allrecords a.pwb-btn { min-width: 220px; }
}

@media screen and (max-width: 479px) {
  .pwb-wrap { width: auto; margin: 0 20px; }
  #allrecords a.pwb-btn { width: 100%; }
}