:root {
  --tms-ink: #111010;
  --tms-coal: #1b1919;
  --tms-paper: #fffafa;
  --tms-muted: #b8b0b0;
  --tms-ember: #d94a42;
  --tms-line: #383232;
  --tms-width: 1200px;
}

body.tms-site {
  background: var(--tms-ink);
  color: var(--tms-paper);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.tms-site .site-content,
.tms-site .content-area,
.tms-site .site-main {
  width: 100%;
  max-width: none;
  margin: 0;
}

.tms-site .inside-article {
  padding: 0;
  background: transparent;
}

.tms-home > section,
.tms-section {
  padding: clamp(4rem, 8vw, 7.5rem) max(1.25rem, calc((100vw - var(--tms-width)) / 2));
}

.tms-home h1,
.tms-home h2,
.tms-home h3 {
  color: var(--tms-paper);
  line-height: 1.02;
  letter-spacing: -0.035em;
}

.tms-home h1 {
  max-width: 900px;
  font-size: clamp(3rem, 8vw, 7rem);
}

.tms-home h2 {
  font-size: clamp(2.25rem, 5vw, 4.5rem);
}

.tms-home p,
.tms-offer-card p {
  color: var(--tms-muted);
}

.tms-eyebrow {
  color: var(--tms-ember) !important;
  font-size: 0.74rem;
  font-weight: 800;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.tms-hero {
  min-height: 76vh;
  display: grid;
  align-content: end;
  background:
    linear-gradient(120deg, rgba(17, 16, 16, 0.98) 10%, rgba(17, 16, 16, 0.55)),
    radial-gradient(circle at 85% 18%, rgba(217, 74, 66, 0.45), transparent 42%);
  border-bottom: 1px solid var(--tms-line);
}

.tms-hero-copy {
  max-width: 900px;
}

.tms-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin-top: 2rem;
}

.tms-actions .wp-block-button__link,
.tms-offer-card .wp-block-button__link {
  padding: 0.9rem 1.2rem;
}

.tms-actions .is-style-outline .wp-block-button__link {
  background: transparent;
  border-color: var(--tms-line);
}

.tms-card-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
}

.tms-offer-card {
  height: 100%;
  overflow: hidden;
  background: var(--tms-coal);
  border: 1px solid var(--tms-line);
}

.tms-offer-card .wp-block-image,
.tms-offer-card .wp-block-image img {
  width: 100%;
  margin: 0;
  aspect-ratio: 16 / 10;
  object-fit: cover;
}

.tms-offer-card__body {
  padding: 1.5rem;
}

.tms-offer-card__meta {
  color: #8f8787 !important;
  font-size: 0.75rem;
  letter-spacing: 0.04em;
}

.tms-video {
  display: grid;
  grid-template-columns: 1.2fr 0.8fr;
  gap: clamp(2rem, 6vw, 6rem);
  align-items: center;
  background: var(--tms-coal);
}

.tms-video-frame {
  min-height: 420px;
  display: grid;
  place-items: center;
  background: linear-gradient(135deg, #2b2020, #0b0a0a);
  border: 1px solid var(--tms-line);
}

.tms-play-mark {
  width: 5.5rem;
  height: 5.5rem;
  display: grid;
  place-items: center;
  border: 1px solid var(--tms-ember);
  border-radius: 50%;
  color: var(--tms-paper) !important;
  font-size: 1.5rem;
}

.tms-topic-grid,
.tms-proof-band,
.tms-why-grid {
  display: grid;
  gap: 1px;
  background: var(--tms-line);
  border: 1px solid var(--tms-line);
}

.tms-topic-grid { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.tms-proof-band,
.tms-why-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }

.tms-topic-grid > *,
.tms-proof-band > *,
.tms-why-grid > * {
  margin: 0;
  padding: 1.5rem;
  background: var(--tms-ink);
}

.tms-final {
  text-align: center;
  background: var(--tms-ember);
}

.tms-final p,
.tms-final .tms-eyebrow {
  color: var(--tms-paper) !important;
}

.tms-final .tms-actions {
  justify-content: center;
}

@media (max-width: 900px) {
  .tms-card-grid,
  .tms-topic-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .tms-video { grid-template-columns: 1fr; }
}

@media (max-width: 620px) {
  .tms-card-grid,
  .tms-topic-grid,
  .tms-proof-band,
  .tms-why-grid { grid-template-columns: 1fr; }
  .tms-hero { min-height: 68vh; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; }
}