/* =========================================================
   RADWAN PORTFOLIO V2
   Japanese Resume Page
========================================================= */


/* =========================================================
   Scope
========================================================= */

html[lang="ja"] .jp-resume-v2 {
    --container-width: 1280px;
}


/* =========================================================
   Japanese Text Flow
========================================================= */

html[lang="ja"] .jp-resume-v2 h1,
html[lang="ja"] .jp-resume-v2 h2,
html[lang="ja"] .jp-resume-v2 h3,
html[lang="ja"] .jp-resume-v2 h4 {
    word-break: auto-phrase;
    line-break: strict;
    overflow-wrap: normal;

    text-wrap: pretty;

    letter-spacing: -0.025em;
}


html[lang="ja"] .jp-resume-v2 p,
html[lang="ja"] .jp-resume-v2 li,
html[lang="ja"] .jp-resume-v2 dd,
html[lang="ja"] .jp-resume-v2 small,
html[lang="ja"] .jp-resume-v2 strong {
    line-break: strict;
}


/* =========================================================
   Hero
========================================================= */

html[lang="ja"] .jp-resume-v2 .resume-v2-hero h1 {
    max-width: 920px;

    font-size:
        clamp(2.9rem, 4.55vw, 4.65rem);

    line-height: 1.22;
}


html[lang="ja"] .jp-resume-v2 .resume-v2-hero-lead {
    max-width: 820px;

    font-size:
        clamp(1rem, 1.35vw, 1.14rem);

    line-height: 2;
}


html[lang="ja"] .jp-resume-v2 .resume-v2-hero-meta p,
html[lang="ja"] .jp-resume-v2 .resume-v2-hero-meta span {
    text-transform: none;

    letter-spacing: 0.1em;
}


/* =========================================================
   Snapshot
========================================================= */

html[lang="ja"] .jp-resume-v2 .resume-v2-snapshot-heading>span,
html[lang="ja"] .jp-resume-v2 .resume-v2-snapshot dt {
    text-transform: none;

    letter-spacing: 0.07em;
}


html[lang="ja"] .jp-resume-v2 .resume-v2-snapshot dd strong {
    line-height: 1.55;
}


html[lang="ja"] .jp-resume-v2 .resume-v2-snapshot dd span {
    line-height: 1.7;
}


/* =========================================================
   Main Headings
========================================================= */

html[lang="ja"] .jp-resume-v2 .resume-v2-two-column h2,
html[lang="ja"] .jp-resume-v2 .resume-v2-section-heading h2,
html[lang="ja"] .jp-resume-v2 .resume-v2-language-grid h2,
html[lang="ja"] .jp-resume-v2 .resume-v2-cta h2 {
    font-size:
        clamp(2.15rem, 3.45vw, 3.6rem);

    line-height: 1.35;
}


/* =========================================================
   Profile / Intro
========================================================= */

html[lang="ja"] .jp-resume-v2 .resume-v2-reading p {
    line-height: 2;
}


/* =========================================================
   Role
========================================================= */

html[lang="ja"] .jp-resume-v2 .resume-v2-role-main h3 {
    font-size:
        clamp(1.9rem, 2.8vw, 2.75rem);

    line-height: 1.4;
}


html[lang="ja"] .jp-resume-v2 .resume-v2-role-lead {
    line-height: 1.95;
}


html[lang="ja"] .jp-resume-v2 .resume-v2-responsibility-grid h4 {
    line-height: 1.5;
}


html[lang="ja"] .jp-resume-v2 .resume-v2-responsibility-grid p {
    line-height: 1.85;
}


/* =========================================================
   Impact
========================================================= */

html[lang="ja"] .jp-resume-v2 .resume-v2-impact-grid strong {
    line-height: 1.5;
}


html[lang="ja"] .jp-resume-v2 .resume-v2-impact-grid p {
    line-height: 1.85;
}


/* =========================================================
   Projects
========================================================= */

html[lang="ja"] .jp-resume-v2 .resume-v2-project-index p {
    line-height: 1.6;
}


html[lang="ja"] .jp-resume-v2 .resume-v2-project-list h3 {
    font-size:
        clamp(1.5rem, 2vw, 1.95rem);

    line-height: 1.5;
}


html[lang="ja"] .jp-resume-v2 .resume-v2-project-list article>div:last-child>p {
    line-height: 1.9;
}


/* =========================================================
   Skills
========================================================= */

html[lang="ja"] .jp-resume-v2 .resume-v2-skill-grid article>p {
    text-transform: none;

    letter-spacing: 0.07em;
}


html[lang="ja"] .jp-resume-v2 .resume-v2-skill-grid h3 {
    font-size:
        clamp(1.4rem, 1.85vw, 1.75rem);

    line-height: 1.5;
}


html[lang="ja"] .jp-resume-v2 .resume-v2-skill-grid li,
html[lang="ja"] .jp-resume-v2 .resume-v2-tools li {
    line-height: 1.7;
}


/* =========================================================
   Education
========================================================= */

html[lang="ja"] .jp-resume-v2 .resume-v2-education-type {
    text-transform: none;

    letter-spacing: 0.07em;
}


html[lang="ja"] .jp-resume-v2 .resume-v2-education-list h3 {
    font-size:
        clamp(1.55rem, 2.05vw, 2rem);

    line-height: 1.45;
}


html[lang="ja"] .jp-resume-v2 .resume-v2-education-list article>div:last-child>p:last-child {
    line-height: 1.9;
}


/* =========================================================
   Languages
========================================================= */

html[lang="ja"] .jp-resume-v2 .resume-v2-certifications p,
html[lang="ja"] .jp-resume-v2 .resume-v2-language-list p {
    line-height: 1.8;
}


html[lang="ja"] .jp-resume-v2 .resume-v2-language-list h3 {
    line-height: 1.45;
}


/* =========================================================
   CTA
========================================================= */

html[lang="ja"] .jp-resume-v2 .resume-v2-cta p {
    line-height: 1.9;
}


/* =========================================================
   Tablet
========================================================= */

@media (max-width: 980px) {

    html[lang="ja"] .jp-resume-v2 .resume-v2-hero-grid {
        gap: 4rem;
    }


    html[lang="ja"] .jp-resume-v2 .resume-v2-snapshot {
        max-width: 720px;
    }

}


/* =========================================================
   Mobile
========================================================= */

@media (max-width: 700px) {

    html[lang="ja"] .jp-resume-v2 .resume-v2-hero h1 {
        font-size:
            clamp(2.1rem, 8.6vw, 2.9rem);

        line-height: 1.42;
    }


    html[lang="ja"] .jp-resume-v2 .resume-v2-hero-lead {
        font-size: 0.98rem;

        line-height: 1.95;
    }


    html[lang="ja"] .jp-resume-v2 .resume-v2-two-column h2,
    html[lang="ja"] .jp-resume-v2 .resume-v2-section-heading h2,
    html[lang="ja"] .jp-resume-v2 .resume-v2-language-grid h2,
    html[lang="ja"] .jp-resume-v2 .resume-v2-cta h2 {
        font-size:
            clamp(1.85rem, 7.2vw, 2.45rem);

        line-height: 1.5;
    }


    html[lang="ja"] .jp-resume-v2 .resume-v2-role-main h3 {
        font-size:
            clamp(1.65rem, 6.5vw, 2.2rem);
    }


    html[lang="ja"] .jp-resume-v2 .resume-v2-nav-inner {
        overflow-x: auto;

        scrollbar-width: none;
    }


    html[lang="ja"] .jp-resume-v2 .resume-v2-nav-inner::-webkit-scrollbar {
        display: none;
    }


    html[lang="ja"] .jp-resume-v2 .resume-v2-nav-inner a {
        flex: 0 0 auto;

        white-space: nowrap;
    }

}


/* =========================================================
   Small Mobile
========================================================= */

@media (max-width: 420px) {

    html[lang="ja"] .jp-resume-v2 .resume-v2-hero h1 {
        font-size: 2rem;
    }


    html[lang="ja"] .jp-resume-v2 .resume-v2-snapshot dd strong {
        font-size: 0.94rem;
    }

}