/**
 * Narhval — Pagina dell'autore
 */

.narhval-autore {
    padding:
        clamp(60px, 8vw, 120px)
        clamp(20px, 6vw, 108px)
        clamp(100px, 12vw, 180px);

    color: #f2f0e8;
    background: #020202;
}

.narhval-autore a {
    color: inherit;
    text-decoration: none;
}


/* Foto + nome e bio */

.narhval-autore__intro {
    display: grid;
    grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
    align-items: start;
    gap: clamp(40px, 7vw, 110px);

    max-width: 1180px;
    margin: 0 auto;
}

.narhval-autore__intro--no-photo {
    grid-template-columns: minmax(0, 1fr);
    max-width: 760px;
}

.narhval-autore .narhval-autore__photo {
    margin: 0;

    transform: rotate(-1.2deg);
}

/*
 * La foto non viene ingrandita oltre misura: quelle piccole
 * restano nitide (al massimo un po' più grandi del vero).
 */
.narhval-autore__photo img {
    display: block;

    width: auto;
    min-width: min(300px, 100%);
    max-width: min(440px, 100%);
    height: auto;
}

.narhval-autore .narhval-autore__name {
    margin: 0 0 clamp(26px, 3vw, 40px);

    font-family: "Cormorant Garamond", serif;
    font-size: clamp(52px, 6.4vw, 96px);
    font-style: italic;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0;
    text-transform: none;

    color: #f2f0e8;
}

.narhval-autore__bio p {
    max-width: 620px;
    margin: 0 0 1.1em;

    font-family: "Libre Baskerville", serif;
    font-size: clamp(16px, 1.2vw, 18px);
    font-weight: 400;
    line-height: 1.75;
    letter-spacing: 0;

    color: rgba(242, 240, 232, 0.82);
}


/* I libri */

.narhval-autore__books {
    max-width: 1180px;
    margin: clamp(100px, 12vw, 180px) auto 0;

    text-align: center;
}

.narhval-autore .narhval-autore__books-title {
    margin: 0 0 clamp(48px, 6vw, 80px);

    font-family: "Cormorant Garamond", serif;
    font-size: clamp(28px, 2.8vw, 40px);
    font-style: italic;
    font-weight: 400;
    letter-spacing: 0;
    text-transform: none;

    color: #f2f0e8;
}

.narhval-autore__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: clamp(48px, 6vw, 96px);

    margin: 0;
    padding: 0;

    list-style: none;
}

.narhval-autore__book {
    width: min(320px, 100%);
    margin: 0;
}

.narhval-autore__cover {
    display: block;

    margin-bottom: 22px;
}

.narhval-autore__cover img {
    display: block;

    width: 100%;
    height: auto;

    transition: transform 900ms cubic-bezier(0.22, 1, 0.36, 1);
}

.narhval-autore__cover:hover img,
.narhval-autore__cover:focus-visible img {
    transform: translateY(-6px);
}

.narhval-autore__collana {
    margin: 0 0 8px;

    font-family: "Cormorant Garamond", serif;
    font-size: 19px;
    font-style: italic;

    color: rgba(242, 240, 232, 0.55);
}

.narhval-autore .narhval-autore__book-title {
    margin: 0 0 10px;

    font-family: "Libre Baskerville", serif;
    font-size: clamp(19px, 1.6vw, 22px);
    font-weight: 400;
    line-height: 1.3;
    letter-spacing: 0;
    text-transform: none;

    color: #f2f0e8;
}

.narhval-autore__price {
    margin: 0;

    font-family: "Libre Baskerville", serif;
    font-size: 15px;

    color: rgba(242, 240, 232, 0.7);
}

.narhval-autore__price .amount,
.narhval-autore__price bdi {
    color: inherit !important;
}


/* Mobile */

@media screen and (max-width: 767px) {

    .narhval-autore__intro {
        grid-template-columns: minmax(0, 1fr);
    }

    .narhval-autore__photo img {
        max-width: min(440px, 80%);
    }
}


@media (prefers-reduced-motion: reduce) {

    .narhval-autore__cover img {
        transition: none;
    }
}