html{scroll-behavior:smooth}#contact{scroll-margin-top:100px}[hidden]{display:none!important}.skip-link{position:absolute;left:16px;top:-60px;background:white;padding:12px;z-index:100}.skip-link:focus{top:12px}a:focus-visible,button:focus-visible{outline:3px solid #c89224;outline-offset:4px}#mobile-menu{padding:12px 24px;border-top:1px solid hsl(var(--border));background:hsl(var(--background))}#mobile-menu a{display:block;padding:12px 0}#analytics-consent{position:fixed;bottom:0;left:0;right:0;z-index:60;background:white;padding:16px 24px;box-shadow:0 -4px 20px #0001;display:flex;align-items:center;gap:16px;font-size:14px}#analytics-consent p{flex:1}#analytics-consent button{padding:10px 16px;border:1px solid #ddd;border-radius:6px}#analytics-consent button[data-consent=accept]{background:#2d3e5f;color:white}@media(min-width:768px){#mobile-menu{display:none!important}}@media(max-width:600px){#analytics-consent{flex-wrap:wrap}#analytics-consent p{flex-basis:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
/* The Airo snapshot captured scroll-reveal elements before their animations ran.
   Keep these sections visible in the portable static site. */
[style*="opacity: 0"] {
  opacity: 1 !important;
  transform: none !important;
}

/* A gentle, staggered entrance for the two hero headline lines. */
@media (prefers-reduced-motion: no-preference) {
  #main-content > section:first-child h1 > span:not(:empty) {
    animation: remy-headline-enter 800ms cubic-bezier(.22, 1, .36, 1) both;
  }
  #main-content > section:first-child h1 > span:nth-child(2) {
    animation-delay: 130ms;
  }
}
@keyframes remy-headline-enter {
  from { opacity: 0; transform: translateX(-24px); }
  to { opacity: 1; transform: translateX(0); }
}

/* Make the special-discount message easy to read on phones and desktops. */
.special-discount { padding: 22px 20px; }
.special-discount p { font-size: 20px; font-weight: 700; line-height: 1.5; }
@media (min-width: 768px) {
  .special-discount { padding: 24px 28px; }
  .special-discount p { font-size: 24px; }
}
