/* SITOX v3: restrained editorial motion. The hero photo is never initially hidden. */
.render-frame { overflow:hidden; border-radius:4px; }

@keyframes sitox-hero-in {
  from { opacity:0; transform:translate3d(0,10px,0); }
  to { opacity:1; transform:none; }
}
@media (prefers-reduced-motion:no-preference) {
  html.sitox-motion-ready .sitox-hero-enter {
    animation:sitox-hero-in 600ms cubic-bezier(.22,.68,0,1) both;
  }
  html.sitox-motion-ready .sitox-reveal {
    transition:opacity 520ms cubic-bezier(.22,.68,0,1), transform 520ms cubic-bezier(.22,.68,0,1);
  }
  html.sitox-motion-ready .sitox-reveal[data-sitox-motion="pending"] {
    opacity:0; transform:translate3d(0,12px,0);
  }
  html.sitox-motion-ready .sitox-reveal[data-sitox-motion="shown"] {
    opacity:1; transform:none;
  }
  html.sitox-motion-ready .sitox-reveal[data-sitox-instant="true"] {
    opacity:1; transform:none; transition:none;
  }
}
@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) {
  .render-frame .renderbild { transition:transform 700ms cubic-bezier(.22,.68,0,1); }
  .render-frame:hover .renderbild { transform:scale(1.015); }
  .btn span[aria-hidden="true"] { display:inline-block; transition:transform 180ms ease; }
  .btn:hover span[aria-hidden="true"], .btn:focus-visible span[aria-hidden="true"] { transform:translateX(2px); }
}
@media (prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto !important; }
  .sitox-hero-enter, .sitox-reveal, .render-frame .renderbild, .btn span[aria-hidden="true"] {
    opacity:1 !important; transform:none !important; animation:none !important; transition:none !important;
  }
}
@media print {
  .sitox-hero-enter, .sitox-reveal {
    opacity:1 !important; transform:none !important; animation:none !important; transition:none !important;
  }
}