/* ==========================================================================
   Bird Conservation Nepal — projects
   --------------------------------------------------------------------------
   Only what differs from the shared listing in bcn-page.css.

   The card frame is the shared one in bcn-page.css; this file only carries the
   line clamps that keep a 137-character project name from setting the height
   of a whole row.

   Plain CSS, no build step.
   ========================================================================== */

/* Project titles run long — one is 137 characters — so they are clamped rather
   than allowed to set the height of the whole row. */
.entry__names { display: block; }

.entry__name {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.entry__text {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}


/* ==========================================================================
   SINGLE PROJECT
   ========================================================================== */

/* Project names are long — the Black-necked Crane one runs to 137 characters,
   and several others pass 90. A display-size headline is the wrong instrument
   for a name that length: at the shared 18ch measure it became an eight-line
   tower before the reader saw anything else. The detail view therefore carries
   page-head--long, which is defined once in bcn-page.css. */

/* Extra project photographs, when there are any on disk. */
.gallery {
    max-width: var(--measure);
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 0.9rem;
    margin: 2.25rem 0 0;
    padding-top: 1.75rem;
    border-top: 1px solid var(--rule);
}

.gallery a {
    display: block;
    aspect-ratio: 4 / 3;
    overflow: hidden;
    border-radius: 2px;
    background: var(--rule);
}

.gallery img {
    width: 100%; height: 100%;
    object-fit: cover;
    transition: transform 0.4s cubic-bezier(.2,.7,.3,1);
}

.gallery a:hover img { transform: scale(1.05); }