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

.soft-shadow {
    box-shadow: 0 20px 40px -15px rgba(4, 22, 50, 0.08);
}

.bg-warm-sand {
    background-color: var(--background);
}

/* Mobile menu styles */
#mobile-menu {
    transition: transform 0.3s ease-in-out;
    transform: translateX(100%);
}
#mobile-menu.open {
    transform: translateX(0);
}

/* Hero section centering */
#experience .grid {
    align-items: center;
}

/* Workflow Section Alignment & Padding Fixes */
#workflow .group {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    text-align: left;
    padding: 0;
}

#workflow h3 {
    margin-top: 0;
    margin-bottom: 8px; /* Tight gap as requested */
}

#workflow p {
    margin-top: 0; /* Remove padding from headline */
    margin-bottom: 24px;
    max-width: 100%;
    line-height: 1.6;
}

/* Ensure images stay in same line */
#workflow .image-container {
    aspect-ratio: 4/5;
    width: 100%;
    border-radius: 0.75rem;
    overflow: hidden;
    margin-top: auto;
}

#workflow .image-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}