/* Keyframes */

@keyframes appearFromTop {
    from {
        opacity: 0;
        transform: translateY(-20%);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Header */

.header__logo {
    position: absolute;
    inset: 0 0 auto;
    z-index: 100;
    margin: 3rem 3rem 1.6rem;
}

.header__logo svg {
    width: 33rem;
}

.header.is-sticky {
    color: var(--color-black);
}

.header.is-dark.is-sticky {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
}

.header.is-sticky .header__logo {
    position: fixed;
    animation: appearFromTop 0.4s ease-in-out;
}

.header.is-dark.is-sticky .header__logo {
    position: static;
}

.header__navigation {
    position: fixed;
    inset: auto 0 0;
    z-index: 100;
    padding: 3.2rem 1.6rem calc(3.2rem - 0.3rem);
    color: var(--color-black);
    background: var(--color-cream);
}

.header__navigation__list {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 1.6rem 2rem;
}

/* Moodboard */

.moodboard {
    grid-template-columns: repeat(12, 1fr);
    row-gap: 2.4rem;
}

.moodboard__element--form:nth-child(1) { grid-area: 1 / 1 / 2 / 13; }
.moodboard__element--picture:nth-child(2) { grid-area: 2 / 1 / 3 / 9; }
.moodboard__element--picture:nth-child(3) { grid-area: 3 / 5 / 6 / 13; }
.moodboard__element--picture:nth-child(4) { grid-area: 5 / 1 / 8 / 9; }
.moodboard__element--picture:nth-child(5) { grid-area: 8 / 1 / 11 / 8; }
.moodboard__element--picture:nth-child(6) { grid-area: 10 / 7 / 13 / 13; }
.moodboard__element--picture:nth-child(6):lang(en-GB) { grid-area: 9 / 7 / 13 / 13; }
.moodboard__element--writing:nth-child(7) { grid-area: 11 / 1 / 13 / 9; }
.moodboard__element--writing:nth-child(7):lang(en-GB) { grid-area: 11 / 2 / 13 / 10; }
.moodboard__element--picture:nth-child(8) { grid-area: 13 / 5 / 14 / 13; }
.moodboard__element--writing:nth-child(9) { grid-area: 14 / 5 / 15 / 13; }
.moodboard__element--picture:nth-child(10) { grid-area: 15 / 1 / 16 / 11; }
.moodboard__element--picture:nth-child(11) { grid-area: 17 / 1 / 21 / 8; }
.moodboard__element--picture:nth-child(12) { grid-area: 16 / 6 / 19 / 13; }
.moodboard__element--writing:nth-child(13) { grid-area: 21 / 1 / 22 / 13; }
.moodboard__element--picture:nth-child(14) { grid-area: 22 / 1 / 33 / 13; }
.moodboard__element--picture:nth-child(15) { grid-area: 32 / 4 / 41 / 13; }
.moodboard__element--writing:nth-child(16) { grid-area: 41 / 1 / 42 / 13; }
.moodboard__element--writing:nth-child(16):lang(en-GB) { grid-area: 41 / 2 / 42 / 13; }
.moodboard__element--picture:nth-child(17) { grid-area: 42 / 1 / 46 / 10; }
.moodboard__element--picture:nth-child(18) { grid-area: 45 / 3 / 50 / 13; }
.moodboard__element--writing:nth-child(19) { grid-area: 50 / 1 / 51 / 13; }
.moodboard__element--writing:nth-child(19):lang(en-GB) { grid-area: 50 / 2 / 51 / 13; }
.moodboard__element--picture:nth-child(20) { grid-area: 51 / 2 / 52 / 12; }
.moodboard__element--writing:nth-child(21) { grid-area: 52 / 2 / 53 / 12; }
.moodboard__element--picture:nth-child(22) { grid-area: 53 / 4 / 62 / 13; }
.moodboard__element--picture:nth-child(23) { grid-area: 56 / 1 / 61 / 7; }
.moodboard__element--writing:nth-child(24) { grid-area: 62 / 1 / 63 / 13; }
.moodboard__element--writing:nth-child(24):lang(en-GB) { grid-area: 62 / 2 / 63 / 13; }
.moodboard__element--picture:nth-child(25) { grid-area: 63 / 1 / 64 / 12; }
.moodboard__element--picture:nth-child(26) { grid-area: 64 / 1 / 74 / 11; }
.moodboard__element--picture:nth-child(27) { grid-area: 70 / 3 / 80 / 13; }
.moodboard__element--picture:nth-child(28) { grid-area: 81 / 1 / 82 / 11; }
.moodboard__element--writing:nth-child(29) { grid-area: 80 / 1 / 81 / 13; }
.moodboard__element--picture:nth-child(30) { grid-area: 82 / 2 / 83 / 9; }
.moodboard__element--writing:nth-child(31) { grid-area: 83 / 1 / 84 / 13; }
.moodboard__element--writing:nth-child(31):lang(en-GB) { grid-area: 83 / 2 / 84 / 13; }
.moodboard__element--picture:nth-child(32) { grid-area: 84 / 3 / 93 / 13; }
.moodboard__element--picture:nth-child(33) { grid-area: 88 / 1 / 95 / 11; }
.moodboard__element--writing:nth-child(34) { grid-area: 95 / 1 / 96 / 13; }
.moodboard__element--writing:nth-child(34):lang(en-GB) { grid-area: 95 / 1 / 96 / 12; }
.moodboard__element--picture:nth-child(35) { grid-area: 96 / 2 / 97 / 12; }
.moodboard__element--picture:nth-child(36) { grid-area: 97 / 5 / 104 / 13; }
.moodboard__element--picture:nth-child(37) { grid-area: 102 / 1 / 109 / 9; }
.moodboard__element--writing:nth-child(38) { grid-area: 109 / 1 / 110 / 13; }
.moodboard__element--picture:nth-child(39) { grid-area: 110 / 4 / 115 / 13; }
.moodboard__element--picture:nth-child(40) { grid-area: 114 / 1 / 121 / 9; }
.moodboard__element--picture:nth-child(41) { grid-area: 118 / 5 / 127 / 13; }
.moodboard__element--picture:nth-child(42) { grid-area: 126 / 1 / 133 / 13; }

.moodboard__element--writing:nth-child(13),
.moodboard__element--picture:nth-child(14),
.moodboard__element--picture:nth-child(18),
.moodboard__element--writing:nth-child(29),
.moodboard__element--writing:nth-child(38) {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.moodboard__element--picture:nth-child(18) {
    align-items: end;
}

.moodboard__element--writing:nth-child(13),
.moodboard__element--writing:nth-child(16),
.moodboard__element--writing:nth-child(19),
.moodboard__element--writing:nth-child(24),
.moodboard__element--writing:nth-child(29),
.moodboard__element--writing:nth-child(31),
.moodboard__element--writing:nth-child(34),
.moodboard__element--writing:nth-child(38) {
    padding-inline: 1.6rem;
}

/* CGU */

.cgu {
    margin-top: 13rem;
}

.cgu h1 {
    padding-bottom: 5rem;
}

/* Newsletter */

.newsletter {
    margin-block-end: 2.4rem;
    padding-inline: 2.4rem;
}

/* Podcast */

.podcast__subtitle {
    padding-top: 1.8rem;
}

.podcast__quote {
    padding: 0.7rem 0.5rem 0;
    font-family: 'Baskerville', serif;
    font-size: clamp(2rem, 1.8786rem + 0.5178vw, 2.5rem);
    font-style: italic;
    line-height: 1em;
    text-align: center;
}