@import url('https://fonts.googleapis.com/css2?family=Ysabeau+SC:wght@1..1000&display=swap');
.font-ysabeau {
    font-family: "Ysabeau SC", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
}


@layer utilities {
    .font-mono {
        font-family: "SF Mono",SFMono-Regular,Consolas,"Liberation Mono",Menlo,monospace;
    }
    .font-sans {
        font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Inter", sans-serif;
    }
}

#core-infrastructure-card.core-initialized {
    opacity: 1 !important;
    transform: translateY(0) !important;
}

.core-reveal-line {
    display: block;
    opacity: 0;
    transform: translateY(15px);
    transition: opacity 0.8s cubic-bezier(0.215, 0.610, 0.355, 1), 
                transform 0.8s cubic-bezier(0.215, 0.610, 0.355, 1);
    transition-delay: calc(var(--line-index) * 250ms);
    margin-bottom: 0.5rem;
}

.core-initialized .core-reveal-line {
    opacity: 1;
    transform: translateY(0);
}


/* About My Skills */


.skills-bifurcate-drop {
    opacity: 1 !important;
    transform: translateY(0) !important;
}

.skills-bifurcate-split {
    max-width: 72rem !important;
    gap: 3rem !important;       
}

.skills-content-reveal .skills-inner-content {
    opacity: 1 !important;
}
.skills-headers-show .skills-card-header {
    opacity: 1 !important;
    transform: scale(1) !important;
}

.skills-reveal-line {
    display: block;
    opacity: 0;
    transform: translateY(14px);
    transition: opacity 1000ms cubic-bezier(0.25, 1, 0.5, 1), 
                transform 1000ms cubic-bezier(0.25, 1, 0.5, 1);
    transition-delay: calc(var(--line-idx) * 320ms);
}

.skills-text-show .skills-reveal-line {
    opacity: 1;
    transform: translateY(0);
}



/* Experience Section */




.experience-viewport-visible {
    opacity: 1 !important;
    transform: translateY(0) !important;
}

.experience-viewport-visible .experience-inner-content {
    opacity: 1 !important;
}

.scrollbar-premium::-webkit-scrollbar {
    height: 3px;
}

.scrollbar-premium::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.02);
    border-radius: 10px;
}

.scrollbar-premium::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    transition: background 0.3s ease;
}

.scrollbar-premium::-webkit-scrollbar-thumb:hover {
    background: rgba(0, 0, 0, 0.25);
}

.scrollbar-premium {
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x mandatory;
}

.experience-asymmetric-card {
    scroll-snap-align: start;
    box-shadow: 0 20px 40px -15px rgba(0, 0, 0, 0.03);
}




/* Certificate Section */


.certs-viewport-visible {
    opacity: 1 !important;
    transform: translateY(0) !important;
}

.certs-viewport-visible .cert-inner-content {
    opacity: 1 !important;
}

#certs-scroll-viewport {
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
}

.cert-premium-card {
    scroll-snap-align: start;
    box-shadow: 0 15px 35px -15px rgba(0, 0, 0, 0.02);
}

.scrollbar-premium::-webkit-scrollbar {
    height: 4px;
}

.scrollbar-premium::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.01);
    border-radius: 20px;
}

.scrollbar-premium::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.08);
    border-radius: 20px;
    transition: background 0.3s ease;
}

.scrollbar-premium::-webkit-scrollbar-thumb:hover {
    background: rgba(0, 0, 0, 0.2);
}