/*
Theme Name: MSI Group Modern
Theme URI: https://msi.group/
Author: Making
Description: A high-end, editorial landing page for MSI Group. Fully editable via WordPress Customizer.
Version: 1.1
Text Domain: msi-group
*/

/* Core Layout Adjustments */
html {
    scroll-behavior: smooth;
}

/* Blueprint Grid Background */
.blueprint-grid {
    background-image:
        linear-gradient(to right, rgba(224, 182, 41, 0.05) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(224, 182, 41, 0.05) 1px, transparent 1px);
    background-size: 40px 40px;
}

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

/* Custom transitions for interactive elements */
.transition-all {
    transition-duration: 500ms;
}

/* Vertical rules for hero section */
.vertical-rule {
    width: 1px;
    background: linear-gradient(to bottom, transparent, #e0b629, transparent);
}

/* Ensure images cover their containers */
img {
    max-width: 100%;
    height: auto;
}