/* Alpine.js x-cloak: hide until Alpine initializes */
[x-cloak] {
    display: none !important;
}

/* Smooth scroll behavior */
html {
    scroll-behavior: smooth;
}

/* Custom scrollbar (dark theme) */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: #0a0a0a;
}
::-webkit-scrollbar-thumb {
    background: #333;
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #555;
}

/* Selection color */
::selection {
    background: #d4a853;
    color: #0a0a0a;
}

/* Hero image object position tweak for mobile */
@media (max-width: 768px) {
    section:first-of-type img {
        object-position: 50% 20%;
    }
}