/* Custom Styles for specific visual effects */
.hero-bg {
    /* Background image moved to index.blade.php for reliable path resolution */
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}

.metallic-text {
    background: linear-gradient(to bottom, #fff 0%, #b3b3b3 50%, #808080 51%, #ccc 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
    /* Using drop-shadow here can sometimes cause rendering bugs in Safari/Chrome. 
       If the shadow is lost, apply filter: drop-shadow(...) on the parent container instead. */
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.8));
}

.metallic-logo {
    filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.8));
}

/* Styling for the division circles layout */
.division-card-tl {
    border-radius: 1rem;
    border-bottom-right-radius: 4rem;
}

.division-card-tr {
    border-radius: 1rem;
    border-bottom-left-radius: 4rem;
}

.division-card-bl {
    border-radius: 1rem;
    border-top-right-radius: 4rem;
}

.division-card-br {
    border-radius: 1rem;
    border-top-left-radius: 4rem;
}