/* V41 — Premium Navigation & Micro-interactions.
   One carefully scoped, CSS-only finishing layer over approved V40. */
:root { --jr41-amber:#ff9619; --jr41-ease:cubic-bezier(.22,1,.36,1); }
/* A disciplined glass-like navigation surface without new floating UI. */
body > nav:first-of-type {
  isolation:isolate;
  border-bottom:1px solid rgba(232,207,176,.075) !important;
  background:linear-gradient(180deg,rgba(18,17,16,.94),rgba(17,16,15,.87)) !important;
  -webkit-backdrop-filter:blur(16px) saturate(115%);
  backdrop-filter:blur(16px) saturate(115%);
  box-shadow:0 11px 36px rgba(0,0,0,.075);
}
body > nav:first-of-type .logo {
  transition:color .32s var(--jr41-ease),opacity .32s var(--jr41-ease) !important;
}
@media(hover:hover) and (pointer:fine){
  body > nav:first-of-type .logo:hover {opacity:.83}
  .navlinks a:hover {color:#f9efe4 !important}
  .navlinks a.jr-v35-current:hover {color:var(--jr41-amber)!important}
}
.navlinks a {
  -webkit-tap-highlight-color:transparent;
  transition:color .3s var(--jr41-ease),opacity .3s var(--jr41-ease) !important;
}
.navlinks a::after {height:1px !important;box-shadow:0 0 7px rgba(255,150,25,.18);transition:transform .38s var(--jr41-ease) !important}
.navlinks a:focus-visible,
body > nav:first-of-type .logo:focus-visible,
.jr28-actions a:focus-visible,
.filters button:focus-visible,
.jr36-cta:focus-visible,
.jr36-social a:focus-visible,
.jr-v25-top:focus-visible {
  outline:2px solid rgba(255,150,25,.92) !important;
  outline-offset:5px;
}
/* Buttons: tactile response without motion competing with the footage. */
.jr28-actions a,
.jr36-finale .jr36-cta {
  -webkit-tap-highlight-color:transparent;
  transition:background-color .32s var(--jr41-ease),border-color .32s var(--jr41-ease),
    color .32s var(--jr41-ease),box-shadow .42s var(--jr41-ease),transform .42s var(--jr41-ease) !important;
}
.jr28-actions a span[aria-hidden="true"],
.jr36-cta-arrow {transition:transform .42s var(--jr41-ease),background-color .32s var(--jr41-ease) !important}
@media(hover:hover) and (pointer:fine) {
 .jr28-primary:hover {box-shadow:0 10px 35px rgba(255,150,25,.115)!important;transform:translateY(-2px)}
 .jr28-secondary:hover {transform:translateY(-2px)}
 .jr28-primary:hover span[aria-hidden="true"] {transform:translate(2px,-2px)}
 .jr28-secondary:hover span[aria-hidden="true"] {transform:translateY(2px)}
 .jr36-finale .jr36-cta:hover {box-shadow:0 14px 40px rgba(255,150,25,.13)!important}
}
.jr28-actions a:active,.jr36-finale .jr36-cta:active {transform:translateY(0) scale(.985)}
/* Filter buttons: active state remains legible, feedback stays quiet. */
.filters button {
  -webkit-tap-highlight-color:transparent;
  transition:color .32s var(--jr41-ease),background-color .32s var(--jr41-ease),
  border-color .32s var(--jr41-ease),box-shadow .4s var(--jr41-ease),transform .32s var(--jr41-ease) !important;
}
@media(hover:hover) and (pointer:fine){
 .filters button:hover:not(.active) {border-color:rgba(255,150,25,.32)!important;box-shadow:inset 0 0 0 1px rgba(255,150,25,.035)}
}
.filters button:active{transform:scale(.985)}
/* Contact micro-feedback: a tiny arrow movement, never another hover badge. */
.jr36-social a {transition:color .3s var(--jr41-ease),opacity .3s var(--jr41-ease)!important}
.jr36-social a span {display:inline-block;transition:transform .35s var(--jr41-ease)}
@media(hover:hover) and (pointer:fine){.jr36-social a:hover span {transform:translate(2px,-2px)}}
/* Preserve accessible gestures and avoid glass expense on low-powered touch devices. */
@media(hover:none),(pointer:coarse){
 body > nav:first-of-type {-webkit-backdrop-filter:none;backdrop-filter:none;background:rgba(18,17,16,.985)!important}
 .navlinks a {touch-action:manipulation}
}
@media(prefers-reduced-motion:reduce){
 .navlinks a,.navlinks a::after,body > nav:first-of-type .logo,
 .jr28-actions a,.jr28-actions a span[aria-hidden="true"],
 .jr36-finale .jr36-cta,.jr36-cta-arrow,.jr36-social a,.jr36-social a span,
 .filters button {transition:none!important;transform:none!important}
}