/* Heimdall Studio v0.19.9
   About principles: universal vertical alignment.

   v0.19.8 vertically centered each card's complete content block.
   Because the text lengths differ, the headings consequently started
   at different heights. This version gives every card the same fixed
   top inset instead, while keeping the text naturally aligned below it.
*/

.about-principles-grid {
    align-items: stretch !important;
}

.about-principle-card {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;

    /* Identical whitespace above the title in every card. */
    padding:
        clamp(3.35rem, 4.4vw, 4.15rem)
        clamp(2rem, 2.8vw, 2.6rem)
        clamp(2.6rem, 3.5vw, 3.25rem) !important;

    min-height: clamp(230px, 17vw, 285px) !important;
}

.about-principle-card h3 {
    display: block !important;
    min-height: 0 !important;
    margin: 0 0 1rem !important;
}

.about-principle-card p {
    margin: 0 !important;
    line-height: 1.65 !important;
}

@media (max-width: 900px) {
    .about-principle-card {
        min-height: auto !important;
        padding: 2rem !important;
    }
}