/* JJT Reka static fixes - only patches behaviour not covered by extracted HTML */
html{scroll-behavior:smooth}
body{overflow-x:hidden}
.transition-premium{transition:all .4s cubic-bezier(.16,1,.3,1)}
header[data-static-header="true"]{will-change:background-color,box-shadow,padding;color:#fff}
header[data-static-header="true"].is-scrolled{background:#fff!important;box-shadow:0 16px 48px rgba(15,23,42,.10);padding-top:1rem!important;padding-bottom:1rem!important}
header[data-static-header="true"].is-scrolled img{filter:none!important;--tw-brightness:;--tw-invert:;--tw-drop-shadow:}
header[data-static-header="true"].is-scrolled nav button{color:hsl(var(--primary))!important}
header[data-static-header="true"].is-scrolled .hidden.lg\:flex>button{background:hsl(var(--primary))!important;color:#fff!important}
header[data-static-header="true"].is-scrolled button[aria-label="Toggle mobile menu"]{color:hsl(var(--primary))!important}
header[data-static-header="true"].menu-open .hidden.lg\:flex{display:flex!important;position:absolute!important;top:100%!important;left:1.5rem!important;right:1.5rem!important;flex-direction:column!important;align-items:flex-start!important;gap:0!important;border-radius:1rem!important;background:#fff!important;color:hsl(var(--primary))!important;padding:1rem!important;box-shadow:0 18px 50px rgba(0,0,0,.16)!important}
header[data-static-header="true"].menu-open .hidden.lg\:flex>div{display:flex!important;flex-direction:column!important;gap:0!important;width:100%!important}
header[data-static-header="true"].menu-open .hidden.lg\:flex button{color:hsl(var(--primary))!important;width:100%!important;justify-content:flex-start!important;padding:.75rem 0!important}
header[data-static-header="true"].menu-open .hidden.lg\:flex>button{margin-top:.75rem!important;justify-content:center!important;background:hsl(var(--primary))!important;color:#fff!important}
@media(max-width:1023px){
  header[data-static-header="true"] nav.container-custom{display:block!important}
  header[data-static-header="true"] nav.container-custom>div{display:flex!important;align-items:center!important;justify-content:space-between!important}
  header[data-static-header="true"] .hidden.lg\:flex{display:none!important}
  header[data-static-header="true"] button[aria-label="JJT Reka Concept - Home"]{display:flex!important;align-items:center!important;flex-shrink:0!important;position:relative!important;z-index:2!important}
  header[data-static-header="true"] button[aria-label="JJT Reka Concept - Home"] img{display:block!important;width:auto!important;max-width:none!important;object-fit:contain!important;opacity:1!important;visibility:visible!important}
  header[data-static-header="true"] button[aria-label="Toggle mobile menu"]{display:flex!important;align-items:center!important;justify-content:center!important;position:relative!important;z-index:2!important;color:#fff!important}
}

/* Static rebuild: original site uses motion JS to reveal these blocks. Without React/Framer runtime,
   inline opacity:0 keeps contact/map sections invisible, so force revealed state. */
main [style*="opacity: 0"]{
  opacity:1!important;
  transform:none!important;
}