@media (min-width: 900px) {


    section.hero {
        gap: 120px;
        padding: 40px 60px;
    }

    .hero-identity {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 20px;
        width: 25%;
        max-width: 350px;
    }

    .hero-photo {
        width: 100%;
        max-width: unset;
    }

    .hero-text h1 {
        font-size: 4rem;
        line-height: 1.15;
        font-weight: 800;
    }

    .hero-text h2 {
        font-size: 1.4rem;
    }

    .hero-text p {
        font-size: 1.2rem;
    }

    .hero-text a {
        font-size: 1.3rem;
    }

    .btn-projects {
        padding: 10px 30px;
    }

    .btn-CV {
        padding: 10px 35px;
    }

    section.about {
        padding: 30px 40px;
    }

    .about h1 {
        font-size: 2.8rem;
    }

    .about p {
        font-size: 1.5rem;
        font-weight: 300;
        line-height: 1.7;
    }

    .about strong {
        font-size: 1.5rem;
        font-weight: 600;
    }

    section.education {
        padding: 30px 40px;
    }

    .education h1 {
        font-size: 2.8rem;
    }

    .education-timeline {
        max-width: 1100px;
    }

    .timeline-content h2 {
        font-size: 1.5rem;
    }

    .education-detail {
        font-size: 1.1rem;
    }

    section.skills {
        padding: 30px 40px;
    }

    .skills h1 {
        font-size: 2.8rem;
    }

    .skill-icon-text {
        font-size: 1.7rem;
    }

    .skills-text {
        font-size: 4rem;
        gap: 30px;
    }

    section.projects {
        padding: 30px 40px;
    }

    .projects h1 {
        font-size: 2.8rem;
    }

    .carousel-container {
        gap: 40px;
    }

    .project-card {
        padding: 0 15px;
        transition: var(--trans-fast);
    }

    .project-card:hover {
        transform: translateY(-10px);
    }

    .project-card:hover .project-card-text {
        box-shadow: 0 15px 35px rgba(0, 0, 0, 0.25);
    }

    .project-card-image {
        height: 240px;
    }


    section.experience {
        padding: 30px 40px;
    }

    .experience-title {
        width: 100%;
        text-align: center;
    }

    .experience h1 {
        font-size: 2.8rem;
    }

    .experience-timeline {
        max-width: 1000px;
        margin-top: 30px;
    }

    .experience-timeline::before {
        left: 31px;
        opacity: 0.25;
    }

    .exp-timeline-item {
        padding-left: 70px;
        margin-bottom: 35px;
        display: block;
    }

    .exp-timeline-dot {
        left: 10px;
        transform: none;
        top: 0;
        width: 44px;
        height: 44px;
    }

    .exp-acc-card {
        width: 100%;
    }


    .exp-acc-details {
        display: grid;
        grid-template-columns: 280px 220px 1fr;

        gap: 20px;
        align-items: center;
        width: 100%;
        margin-top: 5px;
    }

    .exp-acc-header {
        padding: 24px 30px;
    }

    .exp-acc-role {
        font-size: 1.5rem;
        margin-bottom: 12px;
    }

    .exp-acc-company,
    .exp-acc-date,
    .exp-acc-type {
        font-size: 0.95rem;
    }

    .exp-acc-highlights li {
        font-size: 1.05rem;
        padding-left: 22px;
    }

    .exp-acc-tech-tag {
        font-size: 0.75rem;
        padding: 5px 14px;
    }

    section.contact {
        gap: 80px;
        font-size: 2rem;
    }

}


@media (min-width: 1440px) {

    section.hero {
        gap: 160px;
    }

    .hero-text h1 {
        font-size: 4.5rem;
    }

    .about h1 {
        font-size: 3rem;
    }

    .education h1 {
        font-size: 3rem;
    }

    .education-timeline {
        max-width: 1200px;
    }

    .skills h1 {
        font-size: 3rem;
    }

    .projects-title h1 {
        font-size: 3rem;
    }

    .experience h1 {
        font-size: 3rem;
    }

    .experience-timeline {
        max-width: 1200px;
    }

    .exp-acc-role {
        font-size: 1.6rem;
    }

    .exp-acc-highlights li {
        font-size: 1.05rem;
    }

    .main-footer {
        padding: 40px 10%;
    }

    .footer-cta-compact {
        font-size: 1.8rem;
    }
}