/* ============================================================
   UI/UX Pro Max — bold marketing layer (additiv · 2026)
   Scroll-Reveals (translate-Property, kollidiert nie mit Hover-transform) ·
   Hero-Auftritt · kräftige Hovers · animierte Unterstreichung.
   Greift NUR bei html.uxr → prefers-reduced-motion bleibt statisch.
   ============================================================ */
html.uxr .section__head,html.uxr .contact__head,html.uxr .why__item,html.uxr .brand,
html.uxr .mk__tile,html.uxr .mk__pol,html.uxr .loc,html.uxr .intake-box,
html.uxr .photostrip__img,html.uxr .market__conclusion,html.uxr .contact-prompt{
  opacity:0; translate:0 26px;
  transition:opacity .7s ease, translate .85s cubic-bezier(.16,1,.3,1);
}
html.uxr .ux-in{ opacity:1; translate:0 0; }
@keyframes uxRise{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
html.uxr .hero__title{animation:uxRise .9s .12s cubic-bezier(.16,1,.3,1) both}
html.uxr .hero__lead {animation:uxRise .9s .28s cubic-bezier(.16,1,.3,1) both}
html.uxr .hero__cta  {animation:uxRise .9s .44s cubic-bezier(.16,1,.3,1) both}
@media (prefers-reduced-motion:no-preference){
  .why__item,.brand,.mk__tile,.mk__pol,.loc,.intake-box{transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s ease,border-color .3s ease}
  .why__item:hover,.brand:hover,.mk__tile:hover,.mk__pol:hover,.loc:hover,.intake-box:hover{transform:translateY(-5px);box-shadow:0 20px 44px rgba(16,45,69,.14)}
  .photostrip__img{transition:transform .6s cubic-bezier(.16,1,.3,1),filter .6s ease}
  .photostrip__img:hover{transform:scale(1.05);filter:saturate(1.08) brightness(1.05);position:relative;z-index:2}
  .btn:hover{transform:translateY(-2px)}
}
.btn--bronze:hover{box-shadow:0 14px 32px rgba(122,77,38,.34)}
.footer__meta a,.topbar__news{background-image:linear-gradient(var(--bronze),var(--bronze));background-repeat:no-repeat;background-position:left 100%;background-size:0% 1.6px;transition:background-size .4s cubic-bezier(.16,1,.3,1),color .3s ease}
.footer__meta a:hover,.topbar__news:hover{background-size:100% 1.6px;color:var(--bronze)}
:focus-visible{outline:2px solid var(--bronze);outline-offset:3px;border-radius:6px}