.tx-body { --tx-gold-line: linear-gradient(90deg, transparent, var(--tx-accent), transparent); --tx-card-ratio: 3 / 4; }

.tx-brand-name { font-size: 1.9em; letter-spacing: .08em; }
.tx-nav-bar > .tx-nav-item > .tx-nav-link { font-family: var(--tx-font-head); font-size: 1.15em; letter-spacing: .1em; }
.tx-nav-bar > .tx-nav-item.is-active > .tx-nav-link { color: var(--tx-accent); }
.tx-nav-bar > .tx-nav-item.is-active > .tx-nav-link::after { height: 1px; bottom: -16px; }
.tx-header::before { content: ""; position: absolute; left: 0; right: 0; bottom: -1px; height: 1px; background: var(--tx-gold-line); }

.tx-hero-title { font-size: clamp(4em, 11vw, 9.6em); line-height: .82; letter-spacing: .01em; }
.tx-hero-banner .tx-hero-bg img { filter: grayscale(.55) contrast(1.15) brightness(.9); }
.tx-hero-banner .tx-hero-bg::after { background: linear-gradient(0deg, var(--tx-bg), transparent 70%), color-mix(in srgb, var(--tx-bg) calc(var(--tx-hero-overlay) * 100%), transparent); }
.tx-hero-text { font-size: 1.15em; }
.tx-eyebrow { font-family: var(--tx-font-head); font-size: 1.1em; letter-spacing: .3em; }

.tx-section-title { font-size: clamp(2.6em, 5vw, 4.2em); line-height: .9; letter-spacing: .02em; }
.tx-section-head { position: relative; padding-bottom: 14px; }
.tx-section-head::after { content: ""; position: absolute; left: 0; bottom: 0; width: 160px; height: 2px; background: var(--tx-accent); }

.tx-btn { font-family: var(--tx-font-head); font-size: 1.2em; letter-spacing: .1em; font-weight: 400; }
.tx-btn-primary { background: var(--tx-accent); box-shadow: inset 0 -3px 0 color-mix(in srgb, var(--tx-accent) 60%, #000); }
.tx-btn-secondary { background: transparent; border-color: var(--tx-accent-line); color: var(--tx-accent); }
.tx-basket-btn { font-family: var(--tx-font-head); font-size: 1.1em; letter-spacing: .1em; }

.tx-card-poster .tx-card-title { font-size: 1.8em; letter-spacing: .03em; line-height: .95; }
.tx-card-poster .tx-card-img { filter: saturate(.9) contrast(1.05); }
.tx-card-poster:hover { outline: 1px solid var(--tx-accent); outline-offset: -1px; }
.tx-price { font-family: var(--tx-font-head); font-size: 1.6em; font-weight: 400; color: var(--tx-accent); letter-spacing: .03em; }
.tx-price-xl { font-size: 3.4em; }
.tx-product-title { font-size: clamp(2.8em, 5vw, 4.4em); line-height: .9; }

.tx-cats-mosaic .tx-cat-name { font-size: 1.9em; }
.tx-cats-mosaic .tx-cat:first-child .tx-cat-name { font-size: 3.4em; }
.tx-cats-mosaic .tx-cat-media { background: radial-gradient(circle at 50% 40%, color-mix(in srgb, var(--tx-accent) 10%, var(--tx-surface-2)), var(--tx-surface) 75%); }

.tx-job-name { font-size: 2em; line-height: .95; }
.tx-jobs-banners .tx-job { min-height: 300px; }
.tx-jobs-banners .tx-job-media img { filter: grayscale(.6) contrast(1.1); }
.tx-job:hover .tx-job-media img { filter: grayscale(0); }
.tx-job-icon { background: transparent; border: 1px solid var(--tx-accent-line); }

.tx-stats { border: 0; background: transparent; }
.tx-stat { border-right: 1px solid var(--tx-accent-line); }
.tx-stat dd { font-size: clamp(3em, 5vw, 4.4em); color: var(--tx-accent); font-weight: 400; }
.tx-live-body strong { font-weight: 400; font-size: 2.3em; }
.tx-step-num { border-radius: 0; font-weight: 400; font-size: 1.4em; }

.tx-cta { background: var(--tx-surface); border-top: 2px solid var(--tx-accent); }
.tx-cta-title { font-size: clamp(2.6em, 5.4vw, 4.4em); line-height: .9; }
.tx-tag { font-family: var(--tx-font-head); letter-spacing: .1em; font-size: .9em; font-weight: 400; }

@media (max-width: 899px) {
  .tx-hero-title { font-size: clamp(3.6em, 20vw, 5.4em); }
  .tx-section-title { font-size: 2.6em; }
  .tx-card-poster .tx-card-title { font-size: 1.35em; }
  .tx-stat { border-right: 0; }
}