.tx-body { --tx-stripes: linear-gradient(90deg, var(--tx-accent) 0 42%, transparent 42% 58%, var(--tx-accent) 58% 100%); }

.tx-brand-name { font-size: 1.3em; letter-spacing: .06em; font-style: italic; }
.tx-nav-bar > .tx-nav-item > .tx-nav-link { text-transform: uppercase; letter-spacing: .08em; font-size: .82em; font-weight: 600; }
.tx-header::before { content: ""; position: absolute; left: 50%; bottom: -1px; width: 120px; height: 3px; transform: translateX(-50%); background: var(--tx-stripes); z-index: 2; }

.tx-hero-title { font-size: clamp(2.8em, 7vw, 6em); line-height: .92; letter-spacing: .01em; }
.tx-hero-banner .tx-hero-copy::before { content: ""; display: block; width: 90px; height: 6px; margin-bottom: 24px; background: var(--tx-stripes); transform: skewX(-20deg); }
.tx-hero-banner .tx-hero-bg::before { background: linear-gradient(to top, var(--tx-bg) 4%, color-mix(in srgb, var(--tx-bg) 40%, transparent) 45%, transparent 80%), linear-gradient(100deg, color-mix(in srgb, var(--tx-bg) 80%, transparent) 10%, transparent 60%); }
.tx-eyebrow { color: var(--tx-text); opacity: .75; letter-spacing: .24em; }

.tx-section-title { font-size: clamp(1.8em, 3.4vw, 2.8em); }
.tx-section-head { align-items: center; }
.tx-section-head::after { content: ""; flex: 1; height: 1px; margin-left: 20px; background: linear-gradient(90deg, var(--tx-border-strong), transparent); }

.tx-btn { text-transform: uppercase; letter-spacing: .08em; font-weight: 700; font-size: .86em; }
.tx-btn-primary { background: var(--tx-accent); }
.tx-btn-lg { padding: 0 26px; }

.tx-card-vehicle { border: 0; background: transparent; }
.tx-card-vehicle .tx-card-media { border-radius: var(--tx-radius); }
.tx-card-vehicle .tx-card-media::after { background: linear-gradient(to top, color-mix(in srgb, var(--tx-bg) 90%, transparent), transparent); }
.tx-card-vehicle .tx-card-body { padding: 0 16px 16px; }
.tx-card-vehicle .tx-card-title { font-family: var(--tx-font-head); font-weight: 400; font-size: 1.35em; font-style: italic; letter-spacing: .02em; }
.tx-card-vehicle:hover { transform: translateY(-4px); box-shadow: none; }
.tx-card-vehicle:hover .tx-card-img { transform: scale(1.06); }
.tx-price { font-family: var(--tx-font-head); font-weight: 400; }

.tx-cats-cards .tx-cat-media { aspect-ratio: 16 / 10; padding: 0; }
.tx-cats-cards .tx-cat-media img { object-fit: cover; }
.tx-cat-name { font-style: italic; }

.tx-stats { border: 0; }
.tx-stat { border-right: 0; position: relative; }
.tx-stat::before { content: ""; position: absolute; left: 24px; top: 0; width: 34px; height: 3px; background: var(--tx-stripes); }
.tx-stat dd { font-family: var(--tx-font-head); font-style: italic; font-weight: 400; }
.tx-live-body strong { font-style: italic; font-weight: 400; }

.tx-job-icon { border-radius: 50%; }
.tx-job::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 3px; background: linear-gradient(var(--tx-accent) 0 42%, transparent 42% 58%, var(--tx-accent) 58%); }

.tx-cta { position: relative; overflow: hidden; }
.tx-cta::before { content: ""; position: absolute; top: -40%; bottom: -40%; right: 12%; width: 90px; background: var(--tx-stripes); transform: skewX(-20deg); opacity: .9; }
.tx-cta > * { position: relative; }
.tx-tag-sale { background: var(--tx-sale); color: #111111; }

@media (max-width: 899px) {
  .tx-hero-title { font-size: clamp(2.4em, 12vw, 3.4em); }
  .tx-section-head::after { display: none; }
  .tx-cta::before { right: -20px; width: 60px; opacity: .35; }
}