@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL,GRAD,opsz@100..700,0..1,-50..50,20..48&display=swap');

body {
    font-family: 'Inter', sans-serif;
    scroll-behavior: smooth;
}

/* Material Symbols Adjustments */
.material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}
.fill-1 {
    font-variation-settings: 'FILL' 1;
}

/* Custom Utilities */
.hero-gradient {
    background: linear-gradient(rgba(16, 25, 34, 0.6), rgba(16, 25, 34, 0.8));
}

.no-scrollbar::-webkit-scrollbar {
    display: none;
}
.no-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/* Interactive Slider Base Styles (for gallery) */
.split-view-container {
    user-select: none;
}
.resizer-handle {
    touch-action: pan-y;
}