@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@400;700;900&family=Noto+Sans+JP:wght@400;500;700;900&family=Montserrat:wght@500;700;900&display=swap');

body {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    background-color: #FDFBF7;
    color: #333333;
    font-family: 'Noto Sans JP', sans-serif;
    word-break: normal;
}

.font-ryumin {
    font-family: 'Noto Serif JP', serif;
    letter-spacing: 0.08em;
}

.font-en {
    font-family: 'Montserrat', sans-serif;
    letter-spacing: 0.15em;
}

.keep-phrase {
    display: inline-block;
}

.image-section {
    opacity: 0;
    transform: translateY(30px);
    transition:
        opacity 1s cubic-bezier(0.22, 1, 0.36, 1),
        transform 1s cubic-bezier(0.22, 1, 0.36, 1);
}

.image-section.reveal-active {
    opacity: 1;
    transform: translateY(0);
}