/* Scandinavian Editorial styles & fonts */
#sun-expert-experience {
    --color-sand: #F5EFE4;
    --color-sand-dark: #EFE6D7;
    --color-card: #FFFDF8;
    --color-dark: #2D2D2D;
    --color-secondary: #6C6C6C;
    --color-calypso: #2C7A92;
    --color-emerald: #2E8B57;
    --color-gold: #C8A96A;
    overflow: hidden; /* Prevent nested vertical or horizontal scrollbars */
}

#sun-expert-experience .font-syne {
    font-family: 'Syne', sans-serif;
}

#sun-expert-experience .font-jakarta {
    font-family: 'Plus Jakarta Sans', sans-serif;
}

#sun-expert-experience .bg-sand {
    background-color: var(--color-sand);
}

#sun-expert-experience .bg-card {
    background-color: var(--color-card);
}

#sun-expert-experience .text-dark {
    color: var(--color-dark);
}

#sun-expert-experience .text-secondary {
    color: var(--color-secondary);
}

#sun-expert-experience .text-calypso {
    color: var(--color-calypso);
}

#sun-expert-experience .bg-calypso {
    background-color: var(--color-calypso);
}

#sun-expert-experience .text-emerald {
    color: var(--color-emerald);
}

#sun-expert-experience .bg-emerald {
    background-color: var(--color-emerald);
}

/* Animations & transitions */
.animate-fade-in {
    animation: fadeIn 1s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

.animate-fade-in-delayed {
    animation: fadeIn 1.2s cubic-bezier(0.16, 1, 0.3, 1) forwards;
    animation-delay: 0.3s;
    opacity: 0;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Scroll Fade Transitions */
.scroll-trigger {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 1s cubic-bezier(0.16, 1, 0.3, 1), transform 1s cubic-bezier(0.16, 1, 0.3, 1);
}

.scroll-trigger.active {
    opacity: 1;
    transform: translateY(0);
}

/* Premium Accessibility Focus */

:focus-visible {
    outline: 3px solid #2C7A92;
    outline-offset: 5px;
}

/* new */
button,
a{
    -webkit-tap-highlight-color:transparent;
}