/*
Theme Name: TwentyTwentyFive Child
Template: twentytwentyfive
*/

/* ---------- TYPOGRAPHY ---------- */
body {
    line-height: 1.65;
    color: #111;
}

h1 { font-size: clamp(42px,6vw,64px); }
h2 { margin-top:4rem; margin-bottom:1.5rem; }
h3 { font-size:1.4rem; line-height:1.25; }
p { max-width:65ch; }

/* ---------- GRID ---------- */
.idam-grid {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 2.5rem;
    margin-top: 3rem;
    align-items: stretch;
}

@media (max-width:800px){
    .idam-grid { grid-template-columns:1fr; }
}

/* ---------- DIRECTION CARDS ---------- */
.wp-block-column.direction-card {
    display: flex;
    flex-direction: column;
    background:#fff;
    border-radius:14px;
    overflow:hidden;
    box-shadow:0 6px 18px rgba(0,0,0,.08);
    transition: transform .25s ease, box-shadow .25s ease;
}

/* hover lift */
.wp-block-column.direction-card:hover {
    transform: translateY(-6px);
    box-shadow:0 18px 38px rgba(0,0,0,.18);
}

/* images */
.direction-card img {
    width:100%;
    height:260px;
    object-fit:cover;
    display:block;
    filter:grayscale(100%);
    transition: filter .4s ease, transform .4s ease;
    border-bottom:1px solid rgba(0,0,0,.06);
}

.direction-card:hover img {
    filter:grayscale(0%);
    transform: scale(1.015);
}

@media (max-width:700px){
    .direction-card img { height:240px; }
}

/* text spacing */
.direction-card > *:not(figure){
    padding:1rem 1.4rem;
}

.direction-card h4 {
    margin-top:1.2rem;
    margin-bottom:.5rem;
}

.direction-card p {
    margin:0 0 1.4rem 0;
    opacity:.75;
    font-size:.95rem;
}

/* equal heights inside row */
.wp-block-columns {
    align-items: stretch;
}