.tj-slanty-cards--id481458 {
  position: relative;
  width: 100%;
  max-width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  padding-bottom: 2rem;
}

.tj-slanty-cards--id481458 .tj-slanty-card {
  position: relative;
  width: 50%;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 3rem 0;
  padding: 3rem 2rem;
  box-sizing: border-box;
  overflow: visible; /* FIX: clip slants to card bounds */
}

.tj-slanty-cards--id481458 .tj-slanty-card--dark {
  background: linear-gradient(0deg, rgba(12,12, 12, 1) 0%, rgba(12,12, 12, 1) 100%);
  color: rgba(255,255, 255, 1);
}

.tj-slanty-cards--id481458 .tj-slanty-card--yellow {
  background: linear-gradient(0deg, rgba(235,183, 68, 1) 0%, rgba(235,183, 68, 1) 100%);
  color: rgba(12,12, 12, 1);
  padding-left: 2.03rem;
}

/* FIX: decorations are pinned to card edges, not in flow */
.tj-slanty-cards--id481458 .tj-slanty-card__decoration {
  position: absolute;
  left: 0;
  width: 100%;
  display: block;
  pointer-events: none;
  z-index: 0;
  line-height: 0;
}

/* FIX: top decoration aligned to top-left edge */
.tj-slanty-cards--id481458 .tj-slanty-card__decoration--top {
  top: 0;
  height: 4.68rem;
}

/* FIX: bottom decoration aligned to bottom-left edge */
.tj-slanty-cards--id481458 .tj-slanty-card__decoration--bottom {
  bottom: 0;
  height: 4.68rem;
}

.tj-slanty-cards--id481458 .tj-slanty-card--yellow .tj-slanty-card__decoration--top {
  height: 4.68rem;
}

.tj-slanty-cards--id481458 .tj-slanty-card--yellow .tj-slanty-card__decoration--bottom {
  height: 4.68rem;
}

/* Content above decorations */
.tj-slanty-cards--id481458 .tj-slanty-card__content {
  position: relative;
  width: 100%;
  max-width: 32.03rem;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 1.56rem 0;
  z-index: 1;
}

.tj-slanty-cards--id481458 .tj-slanty-card__title {
  position: relative;
  width: 100%;
  font-size: 3rem;
  font-family: 'Prohibition', sans-serif;
  font-weight: 400;
  line-height: 100%;
  letter-spacing: -0.01em;
  text-decoration: none;
  text-transform: none;
  text-align: left;
  display: block;
  white-space: nowrap;
  margin: 0;
}

.tj-slanty-cards--id481458 .tj-slanty-card__description {
  position: relative;
  width: 100%;
  max-width: 56.25rem;
  font-size: 1.25rem;
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0em;
  text-decoration: none;
  text-transform: none;
  text-align: left;
  display: block;
}

.tj-slanty-cards--id481458 .tj-slanty-card--dark .tj-slanty-card__description {
  color: rgba(209,209, 209, 1);
}

.tj-slanty-cards--id481458 .tj-slanty-card--yellow .tj-slanty-card__description {
  color: rgba(12,12, 12, 1);
}

.tj-slanty-cards--id481458 .tj-button {
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  gap: 0.62rem;
  padding: 0.75rem 1.75rem;
  border-radius: 12px;
  border: 2px solid rgba(255,255, 255, 1);
  background: linear-gradient(0deg, rgba(255,255, 255, 1) 0%, rgba(255,255, 255, 1) 100%);
  text-decoration: none;
  transition: all 0.3s ease;
  box-sizing: border-box;
  z-index: 1;
}

.tj-slanty-cards--id481458 .tj-button:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.tj-slanty-cards--id481458 .tj-button__label {
  font-size: 1.25rem;
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0em;
  text-decoration: none;
  text-transform: none;
  text-align: center;
  color: rgba(12,12, 12, 1);
  display: block;
  white-space: nowrap;
}

@media (max-width: 1099px) {
  .tj-slanty-cards--id481458 {
    flex-wrap: wrap;
  }
  
  .tj-slanty-cards--id481458 .tj-slanty-card {
    width: 100%;
    gap: 3rem 0;
  }
  
  .tj-slanty-cards--id481458 .tj-slanty-card__title {
    font-size: 2.37rem;
  }
}

@media (max-width: 1023px) {
  .tj-slanty-cards--id481458 {
    flex-wrap: wrap;
  }
  
  .tj-slanty-cards--id481458 .tj-slanty-card {
    width: 100%;
    gap: 3rem 0;
  }
}

@media (max-width: 767px) {
  .tj-slanty-cards--id481458 {
    flex-wrap: wrap;
  }
  
  .tj-slanty-cards--id481458 .tj-slanty-card {
    width: 100%;
    gap: 2.73rem 0;
  }
  
  .tj-slanty-cards--id481458 .tj-slanty-card__title {
    font-size: 1.87rem;
  }
  
  /* FIX: adjust strip height instead of padding/margins */
  .tj-slanty-cards--id481458 .tj-slanty-card__decoration--top,
  .tj-slanty-cards--id481458 .tj-slanty-card__decoration--bottom {
    height: 4.25rem;
  }
}

@media (max-width: 649px) {
  .tj-slanty-cards--id481458 {
    padding-bottom: 1.25rem;
    flex-wrap: wrap;
  }
  
  .tj-slanty-cards--id481458 .tj-slanty-card {
    width: 100%;
    gap: 1.89rem 0;
  }
  
  .tj-slanty-cards--id481458 .tj-slanty-card__content {
    gap: 1.37rem 0;
    max-width: 100%;
  }
  
  /* ================================
   SLANTY CARDS – SPACED VERSION
   ================================ */

.tj-slanty-cards--id481458{
  --slant-h: 5rem;          /* size of the slant caps */
  --slant-angle: -6deg;

  position: relative;
  overflow: visible;

  /* 🔑 give the slants room to breathe */
  padding-top: calc(var(--slant-h) * 1.2);
  padding-bottom: calc(var(--slant-h) * 1.2);
}

/* cards */
.tj-slanty-cards--id481458 .tj-slanty-card{
  position: relative;
  overflow: visible;
}

/* card background vars */
.tj-slanty-cards--id481458 .tj-slanty-card--dark{
  --card-bg: rgba(12,12,12,1);
}
.tj-slanty-cards--id481458 .tj-slanty-card--yellow{
  --card-bg: rgba(235,183,68,1);
}

/* slant caps */
.tj-slanty-cards--id481458 .tj-slanty-card::before,
.tj-slanty-cards--id481458 .tj-slanty-card::after{
  content: "";
  position: absolute;
  left: 0;
  width: 100%;                 /* scales with card width */
  height: var(--slant-h);
  background: var(--card-bg);
  transform-origin: left;
  pointer-events: none;
  z-index: 0;
}

/* top cap */
.tj-slanty-cards--id481458 .tj-slanty-card::before{
  top: calc(-1 * var(--slant-h));
  transform: skewY(var(--slant-angle));
}

/* bottom cap */
.tj-slanty-cards--id481458 .tj-slanty-card::after{
  bottom: calc(-1 * var(--slant-h));
  transform: skewY(var(--slant-angle));
}

/* content above slants */
.tj-slanty-cards--id481458 .tj-slanty-card__content,
.tj-slanty-cards--id481458 .tj-button{
  position: relative;
  z-index: 1;
}

/* remove image-based decorations */
.tj-slanty-cards--id481458 .tj-slanty-card__decoration{
  display: none;
}

/* ================================
   RESPONSIVE TUNING
   ================================ */
@media (max-width: 1099px) {
  .tj-slanty-cards--id481458 {
    row-gap: calc(var(--slant-h) * 2);
  }
  .tj-slanty-cards--id481458 .tj-slanty-card {
    margin-bottom: calc(var(--slant-h) * 2);
  }
  .tj-slanty-cards--id481458 .tj-slanty-card:last-child {
    margin-bottom: 0;
  }
}
  
@media (max-width: 1023px){
  .tj-slanty-cards--id481458{
    --slant-h: 4.25rem;
    padding-top: calc(var(--slant-h) * 1.1);
    padding-bottom: calc(var(--slant-h) * 1.1);
  }
}

@media (max-width: 767px){
  .tj-slanty-cards--id481458{
    --slant-h: 3.25rem;
  }
}

@media (max-width: 449px){
  .tj-slanty-cards--id481458{
    --slant-h: 2.25rem;
  }
  
.tj-slanty-cards--id481458 .tj-slanty-card::before { transform: skewY(6deg); }
.tj-slanty-cards--id481458 .tj-slanty-card::after  { transform: skewY(-6deg); }
}