/* ===== artree.work enhancement layer ===== */
html { scroll-behavior: smooth; }
::selection { background: rgba(255, 170, 0, .85); color: #111; }
img { transition: transform .6s cubic-bezier(.22,.61,.36,1), filter .6s ease, box-shadow .4s ease; }
a:hover img, [role="link"]:hover img { transform: scale(1.03); filter: brightness(1.06); }
a, button { transition: all .25s ease; }
a:focus-visible, button:focus-visible { outline: 2px solid #ffaa00; outline-offset: 3px; border-radius: 4px; }
.reveal { opacity: 0; transform: translateY(28px); transition: opacity .8s ease, transform .8s cubic-bezier(.22,.61,.36,1); }
.reveal.revealed { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .reveal { opacity: 1 !important; transform: none !important; transition: none; }
  img { transition: none; }
}
/* subtle scrollbar */
::-webkit-scrollbar { width: 10px; }
::-webkit-scrollbar-track { background: #0a0a0a; }
::-webkit-scrollbar-thumb { background: #333; border-radius: 6px; }
::-webkit-scrollbar-thumb:hover { background: #ffaa00; }