/* Site-specific fixes on top of the Tilda export. Loaded after all Tilda CSS. */

/* 1) Hero menu button. Two non-clickable layers sat above the real #menuopen link
      and swallowed taps: the decorative white burger image and the fading-in hero
      background. Let clicks pass through both. */
.tn-elem__6180943981721428831119,
.tn-elem__6180943981721428831119 *,
.background-main,
.background-main * { pointer-events: none; }

/* 2) Floating message button. It was a screenshot of a circle on a white square,
      which showed as a thick white ring. Draw it properly instead. */
.circle-btn { animation: none !important; }
.circle-btn .tn-atom {
  background: #bc9b74 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 5.5h16v10H9.5L6 19v-3.5H4z'/%3E%3C/svg%3E") center / 48% no-repeat !important;
  border-radius: 50%;
  box-shadow: 0 6px 18px rgba(40, 25, 15, .28);
  transition: transform .35s cubic-bezier(.22, 1, .36, 1), box-shadow .35s cubic-bezier(.22, 1, .36, 1);
  animation: tsn-ring 3s cubic-bezier(.22, 1, .36, 1) infinite;
}
.circle-btn .tn-atom:hover { transform: scale(1.06); box-shadow: 0 10px 24px rgba(40, 25, 15, .34); }
.circle-btn .tn-atom:active { transform: scale(.96); }
@keyframes tsn-ring {
  0%       { box-shadow: 0 6px 18px rgba(40, 25, 15, .28), 0 0 0 0    rgba(188, 155, 116, .55); }
  70%,100% { box-shadow: 0 6px 18px rgba(40, 25, 15, .28), 0 0 0 14px rgba(188, 155, 116, 0); }
}

/* 3) Smoother scroll-in animations: one soft ease-out curve everywhere,
      GPU-composited, and no motion for people who ask for reduced motion. */
#allrecords .t-animate {
  transition-timing-function: cubic-bezier(.22, 1, .36, 1) !important;
  backface-visibility: hidden;
  will-change: opacity, transform;
}
#allrecords .t-animate_started { will-change: auto; }

.background-main { animation-timing-function: cubic-bezier(.22, 1, .36, 1) !important; }
.fade-in-text    { animation-timing-function: cubic-bezier(.22, 1, .36, 1) !important; }

.t450 { transition-timing-function: cubic-bezier(.22, 1, .36, 1) !important; }

@media (prefers-reduced-motion: reduce) {
  #allrecords .t-animate { transition: none !important; transform: none !important; opacity: 1 !important; }
  .background-main, .fade-in-text { animation: none !important; opacity: 1 !important; }
  .circle-btn .tn-atom { animation: none; }
}