/* Mothercraft — static site styles
   The pages are exported from the design comps with inline styles, so this
   sheet only carries what inline styles can't: web-font wiring, load-in
   animation, focus states, and the mobile-nav / hero overrides (which use
   !important to win over the frozen desktop inline styles below 760px). */

html, body { margin: 0; background: #d9d6cf; }
body { -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }

/* nav link text shouldn't break mid-word */
.mc-nav__links a { white-space: nowrap; }

/* email inputs focus to clay */
input:focus { outline: none; border-color: #D28C68 !important; }

/* signature motif draw-in (settles on load); reduced-motion shows final state */
@media (prefers-reduced-motion: no-preference) {
  .mtf-draw { stroke-dasharray: 1; stroke-dashoffset: 1; animation: mtfDraw 2.4s cubic-bezier(.4,.7,.2,1) forwards; }
}
@keyframes mtfDraw { to { stroke-dashoffset: 0; } }

/* ---- Mobile (<= 760px) ----------------------------------------------------
   The export is snapshotted at desktop, so these rules re-create the compact
   mobile nav and let the dark heroes shrink to their content. */
@media (max-width: 760px) {
  .mc-nav { justify-content: center !important; row-gap: 10px !important; }
  .mc-nav__brand { flex: 1 0 100% !important; justify-content: center !important; }
  .mc-nav__links { gap: 12px !important; }
  .mc-nav__links a { font-size: 13.5px !important; }
  .mc-hero { min-height: auto !important; padding-bottom: 60px !important; }
}