.perks { padding-top: var(--section); }

.deal { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr); gap: 12px; }
.deal-copy { grid-column: 1 / -1; display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); align-items: end; gap: 16px clamp(24px, 5vw, 72px); margin-bottom: clamp(20px, 3vw, 36px); }
.deal-copy p { max-width: 44ch; color: var(--ink-2); font-size: 17px; line-height: 1.55; text-wrap: pretty; }
.deal-copy p:first-child { color: var(--ink); font-size: clamp(20px, 1.9vw, 25px); line-height: 1.4; letter-spacing: -0.015em; }

.cw {
  position: relative;
  display: flex;
  align-items: flex-end;
  height: clamp(200px, 20vw, 250px);
  padding: 26px 28px;
  border-radius: 26px;
  overflow: hidden;
  isolation: isolate;
  background: var(--grain), linear-gradient(160deg, #2c2e33 0%, #1d1e22 100%);
  background-size: 180px, auto;
  box-shadow: var(--rim), 0 30px 60px -34px rgba(0, 0, 0, .7);
}
.cw-2 { background-image: var(--grain), linear-gradient(270deg, rgba(233, 204, 142, .2) 0%, rgba(233, 204, 142, 0) 70%), linear-gradient(160deg, #2c2e33 0%, #1d1e22 100%); }
.cw-art { position: absolute; z-index: -1; max-width: none; pointer-events: none; }
.cw-2 .cw-art { right: 9%; top: 12%; width: clamp(96px, 9vw, 124px); }
.cw-3 .cw-art { right: 2%; top: 50%; width: clamp(220px, 24vw, 300px); transform: translateY(-50%); }
.cw h3 {
  max-width: 9em;
  font-size: clamp(26px, 2.6vw, 36px);
  font-weight: 700;
  font-stretch: 125%;
  line-height: .95;
  letter-spacing: -0.03em;
  text-transform: uppercase;
}

@media (max-width: 760px) {
  .deal { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
  .deal-copy { grid-template-columns: minmax(0, 1fr); margin-bottom: 16px; }
  .deal-copy p { font-size: 16px; }
  .cw { height: 150px; padding: 16px; border-radius: 20px; }
  .cw h3 { font-size: 17px; }
  .cw-2 .cw-art { width: 64px; right: 10%; top: 10%; }
  .cw-3 .cw-art { width: 130px; right: -10%; top: 36%; }
}