:root {
  /* Map custom families to close Google fonts until actual files arrive */
  --font_thunder: "Inter", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  --font_sequelsansromanbody: "DM Sans", Inter, system-ui, sans-serif;
  --font_sequelsansmediumbody: "DM Sans", Inter, system-ui, sans-serif;
  --font_timesnow: "DM Sans", Inter, system-ui, sans-serif;
  --font_bdogrotesk: "Inter", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  --font_tartuffo: "DM Sans", Inter, system-ui, sans-serif;
  --font_tartuffotrial: "DM Sans", Inter, system-ui, sans-serif;
}

/* --- Hero title typography fixes (fallback-friendly) --- */
.hero-area-3 .section-title.font-sequelsans-romanbody {
  /* Tighter line-height to match template composition */
  line-height: 0.82;
  /* Slightly less aggressive tracking for DM Sans fallback */
  letter-spacing: -0.05em;
  /* Make rendering consistent across platforms */
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@media (max-width: 991px) {
  .hero-area-3 .section-title.font-sequelsans-romanbody {
    line-height: 1.04;
    letter-spacing: -0.03em;
  }
}

/* Keep decorative shapes baseline aligned with fallback fonts */
.hero-area-3 .section-title .title-shape-1,
.hero-area-3 .section-title .title-shape-2 {
  vertical-align: -0.12em;
}

/* Hover scale effect on work images (mimics template behavior) */
.works-wrapper-4 .work-box .image.scale { transform: scale(0.9); transition: transform .5s cubic-bezier(.2,.8,.2,1); will-change: transform; }
.works-wrapper-4 .work-box:hover .image.scale { transform: scale(1); }
.works-wrapper-4 .work-box .image.scale img { transition: transform .8s cubic-bezier(.2,.8,.2,1); will-change: transform; }
.works-wrapper-4 .work-box:hover .image.scale img { transform: scale(1.3); }

/* Recreate Bootstrap container centering without Bootstrap */
.container { width: 100%; margin-left: auto; margin-right: auto; padding-left: calc(var(--bs-gutter-x, 30px)/2); padding-right: calc(var(--bs-gutter-x, 30px)/2); }