.material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 300, 'GRAD' 0, 'opsz' 24;
}

.material-symbols-outlined.fill {
    font-variation-settings: 'FILL' 1;
}

/* Premium minimal scrollbar */
::-webkit-scrollbar {
    width: 6px;
}

::-webkit-scrollbar-track {
    background: #121414;
}

::-webkit-scrollbar-thumb {
    background: #4e4639;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: #c5a059;
}

.hero-vignette {
    background: radial-gradient(circle at center, transparent 0%, #121212 90%);
}

.hero-background {
    background-image: url('https://lh3.googleusercontent.com/aida-public/AB6AXuA8dssxrRJssH6Z3SHG3sc_mAl8aSyF0ZigkQp9inYdx25zHDEWCeLdavsz8KpQh3AbS4TrKCd726KK_kPZW0R3eS7TK-NGQ1lIgw6K5uY9oZYX3QZpgqItU6f2kKWt_29XM2mIDLnbm-PXlvOAoPPol94xDLdcCRudi7gg-k1SW9APgUAr4iNKwp2P8vMB74LUGPty5EHHV1SBOuG1oIgF8GhjSEML4NGoYvIEqL40-ReADDg3i3vt');
}

.contact-pattern {
    background-image: radial-gradient(#C5A059 1px, transparent 1px);
    background-size: 32px 32px;
}

#package-grid.packages-collapsed > div:nth-child(n + 7) {
    display: none;
}

#gallery-grid.gallery-collapsed > button:nth-child(n + 7) {
    display: none;
}

#package-grid img:focus-visible {
    outline: 2px solid #e9c176;
    outline-offset: 4px;
}

.faq-summary::-webkit-details-marker {
    display: none;
}

.faq-summary::marker {
    display: none;
}

.testimonial-lightbox {
    touch-action: pan-y;
}

.testimonial-lightbox-image {
    max-height: calc(100vh - 2rem);
    max-width: min(100%, 900px);
}

section[id] {
    scroll-margin-top: 80px;
}