@font-face {
  font-family: "Caveat";
  /* F10 2026-10-09: subset WOFF2 (Latin, punctuation, arrows; 73 KB instead of 404 KB), the original TTF kept as a fallback. */
  src: url("./assets/fonts/caveat-variable-subset.woff2") format("woff2-variations"), url("./assets/fonts/caveat-variable-subset.woff2") format("woff2"), url("./assets/fonts/caveat-variable.ttf") format("truetype");
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
}

.mwmastra .film-followup {
  position: absolute;
  top: calc(100% + 14px);
  inset-inline: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  margin: 0;
  color: var(--muted);
  font-family: var(--sans);
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
}

.mwmastra .film-followup[hidden] {
  display: none;
}

.mwmastra .film-followup :is(button, a) {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 44px;
  border: 0;
  padding: 0 2px;
  background: none;
  color: inherit;
  font: inherit;
  text-decoration: none;
  cursor: pointer;
}

.mwmastra .film-followup :is(button, a):hover {
  color: var(--ink);
}

.mwmastra .film-followup :is(button, a):focus-visible {
  outline: 2px solid var(--ink);
  outline-offset: 4px;
  border-radius: 3px;
}



.mwmastra .hero h1.hero-tagline {
  width: fit-content;
  max-width: 100%;
  font-family: var(--display);
  font-size: clamp(34px, 6.6vw, 94px);
  letter-spacing: -0.045em;
  line-height: 1.08;
}

.mwmastra .hero-tagline > span {
  position: relative;
  width: fit-content;
  margin-inline: auto;
  font-size: 0.78em;
  font-weight: 400;
  letter-spacing: -0.03em;
  white-space: nowrap;
}

.mwmastra .hero-tagline .hero-annotation {
  position: absolute;
  top: -1.08em;
  left: -0.22em;
  color: var(--muted);
  font-family: "Caveat", "Libre Bodoni", cursive;
  font-size: clamp(19px, 3vw, 34px);
  font-style: normal;
  font-weight: 500;
  letter-spacing: normal;
  line-height: 1;
  transform: rotate(-8deg);
  transform-origin: left bottom;
}

.mwmastra .hero-tagline > strong {
  margin-top: 0.12em;
  font-weight: 700;
  white-space: nowrap;
}

.mwmastra .hero-tagline em {
  font-family: "Libre Bodoni", Georgia, serif;
  font-size: 1.08em;
  font-style: italic;
  font-weight: 400;
  letter-spacing: -0.055em;
}

.mwmastra .hero-promise {
  max-width: 54ch;
  font-family: var(--sans);
  font-size: clamp(17px, 1.5vw, 21px);
  line-height: 1.5;
  letter-spacing: normal;
  text-wrap: pretty;
}

@media (max-width: 700px) {
  .mwmastra .hero h1.hero-tagline {
    font-size: clamp(34px, 10vw, 64px);
  }

  .mwmastra .hero-promise {
    max-width: 36ch;
  }
}







.mwmastra .technical-mode-section { padding-block: clamp(48px, 5vw, 80px); }
.mwmastra .technical-boundaries { margin-block: 28px; }


.mwmastra .header-cta { gap: 0.25em; }
.mwmastra .build-routes-note { margin-bottom: clamp(28px, 4vw, 52px); }
html[data-audience-mode="simple"] .preview-thumbs { display: none; }

@media (max-width: 760px) {
  
  
  
  
  
  .mwmastra .founding-grid { gap: 28px; }
}