.crew-benefits-preview { margin: 0; background-size: 23px 23px; }
.crew-benefits, .crew-benefits * { box-sizing: border-box; }
.crew-benefits { width: calc(100% - 96px); max-width: 1244px; margin: 0 auto; padding: 72px 0 80px; }
.crew-benefits h2 { margin: 0 0 40px; text-align: center; font-family: var(--sv-font-display); font-size: clamp(32px, 3.2vw, 44px); font-weight: 800; line-height: 1.12; letter-spacing: -.04em; }
.crew-benefits-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.crew-benefit { display: flex; align-items: flex-start; gap: 18px; min-height: 200px; padding: 28px 24px; border: 2px solid var(--sv-ink); border-radius: 18px; box-shadow: 4px 5px 0 var(--sv-ink); }
.crew-benefit--mint { background: var(--sv-mint-100); }
.crew-benefit--cream { background: var(--sv-cream-50); }
.crew-benefit--gold { background: var(--sv-gold-100); }
.crew-benefit-icon { flex: 0 0 70px; width: 70px; height: 76px; display: grid; place-items: center; border-radius: 14px; }
.crew-benefit--mint .crew-benefit-icon { background: var(--sv-cream-50); }
.crew-benefit--cream .crew-benefit-icon { background: var(--sv-gold-300); }
.crew-benefit--gold .crew-benefit-icon { background: var(--sv-gold-300); }
.crew-benefit-icon img { display: block; width: 64px; height: 64px; }
.crew-benefit-copy { min-width: 0; }
.crew-benefit h3 { margin: 2px 0 12px; font-family: var(--sv-font-display); font-size: 22px; font-weight: 800; line-height: 1.2; letter-spacing: -.035em; }
.crew-benefit p { margin: 0; font-size: 17px; font-weight: 450; line-height: 1.5; letter-spacing: -.02em; color: var(--sv-ink-soft); }
@media (max-width: 1050px) and (min-width: 761px) { .crew-benefit { flex-direction: column; gap: 18px; padding: 24px; } }
@media (max-width: 760px) {
  .crew-benefits { width: calc(100% - 40px); padding: 40px 0 48px; }
  .crew-benefits h2 { margin-bottom: 28px; font-size: 32px; text-wrap: balance; }
  .crew-benefits-grid { grid-template-columns: 1fr; gap: 18px; }
  .crew-benefit { min-height: 0; padding: 24px 20px; gap: 16px; }
  .crew-benefit-icon { flex-basis: 60px; width: 60px; height: 66px; }
  .crew-benefit-icon img { width: 56px; height: 56px; }
  .crew-benefit h3 { font-size: 21px; margin-bottom: 10px; }
  .crew-benefit p { font-size: 16px; }
}

/* Conversation illustrations sit to the left of the complete text block. */
.mk-page .crew-benefit {display:flex;flex-direction:row;align-items:flex-start;gap:18px;min-height:0;}
.mk-page .crew-benefit .crew-benefit-icon {flex:0 0 88px;width:88px;height:88px;background:transparent;border-radius:0;}
.mk-page .crew-benefit-icon img {width:88px;height:88px;object-fit:contain;}
.mk-page .crew-benefit-copy {display:block;min-width:0;}
.mk-page .crew-benefit-copy h3 {margin:0 0 12px;}
.mk-page .crew-benefit-copy p {margin:0;}
@media(max-width:760px) {
  .mk-page .crew-benefit {gap:16px;}
  .mk-page .crew-benefit .crew-benefit-icon {flex-basis:76px;width:76px;height:76px;}
  .mk-page .crew-benefit-icon img {width:76px;height:76px;}
}