/* shared.css — Sterk Op Beeld base styles */
*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: #000; color: #f2ece1; font-family: Archivo, system-ui, sans-serif; -webkit-font-smoothing: antialiased; }
::selection { background: #e6ddca; color: #06191f; }

a { color: inherit; }

/* Animations */
@keyframes sob-marquee { from { transform: translateX(0); } to { transform: translateX(-50%); } }
@keyframes sob-rise { from { opacity: 0; transform: translateY(28px); } to { opacity: 1; transform: translateY(0); } }
@keyframes sob-float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(7px); } }
@keyframes sob-fadein { from { opacity: 0; } to { opacity: 1; } }
@keyframes sob-spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
@keyframes sob-pulse-ring { 0% { transform: scale(1); opacity: 0.55; } 70% { transform: scale(1.9); opacity: 0; } 100% { transform: scale(1.9); opacity: 0; } }
@keyframes sob-pulse-badge { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.07); } }

/* Video hover */
.vid-card video { transition: transform .4s ease; }
.vid-card:hover video { transform: scale(1.03); }
.vid-card .caption { opacity: 0; transform: scale(1.04); transition: opacity .3s ease, transform .3s ease; }
.vid-card:hover .caption { opacity: 1; transform: scale(1); }

/* Nav link hover */
a.nav-link:hover { color: #fff; }

/* Button hover helpers */
.btn-accent:hover { filter: brightness(1.08); }
.btn-ghost:hover { background: rgba(242,236,225,0.1); border-color: #fff; }
.btn-cta:hover { background: var(--accent); border-color: var(--accent); color: #06191f; }

/* Form focus */
input:focus, textarea:focus { border-bottom-color: var(--accent) !important; }

/* Scrollbar hide for v3 panels */
[data-werk-panel]::-webkit-scrollbar { width: 0; height: 0; }

/* Social icon buttons */
.social-ico { transition: border-color .2s ease, background-color .2s ease, color .2s ease; }
.social-ico:hover { border-color: rgba(242,236,225,0.6); background-color: rgba(242,236,225,0.08); color: #fff; }