/* ══════════════════════════════════════
   LATEST FROM INSTAGRAM (public homepage section)
   Grid: one large featured card (newest post) + two smaller cards.
══════════════════════════════════════ */
.ig-feed{
    display:grid;
    grid-template-columns:1.3fr 1fr;
    grid-template-rows:1fr 1fr;
    gap:1.2rem;
}

.ig-card{
    display:flex;flex-direction:column;
    border-radius:6px;overflow:hidden;
    border:1px solid var(--border);
    background:
            repeating-linear-gradient(0deg,transparent,transparent 28px,rgba(240,220,180,.012) 28px,rgba(240,220,180,.012) 29px),
            linear-gradient(135deg,rgba(30,18,8,.65),rgba(18,10,4,.88));
    color:var(--cream);text-decoration:none;
    transition:border-color .3s ease,box-shadow .3s ease,transform .3s cubic-bezier(.16,1,.3,1);
}
.ig-card:hover{
    border-color:rgba(212,115,42,.4);
    transform:translateY(-4px);
    box-shadow:0 16px 40px rgba(0,0,0,.35),0 0 24px rgba(212,115,42,.08);
}

.ig-card.featured{grid-column:1;grid-row:1/3}
.ig-card:not(.featured):nth-of-type(2){grid-column:2;grid-row:1}
.ig-card:not(.featured):nth-of-type(3){grid-column:2;grid-row:2}

.ig-card-image{
    position:relative;width:100%;aspect-ratio:1/1;overflow:hidden;
    background:rgba(0,0,0,.3);
}
.ig-card-image img{
    width:100%;height:100%;object-fit:cover;display:block;
    transition:transform .5s cubic-bezier(.16,1,.3,1);
}
.ig-card:hover .ig-card-image img{transform:scale(1.04)}

.ig-card-body{padding:1rem 1.1rem 1.2rem;display:flex;flex-direction:column;gap:.35rem}
.ig-card-account{
    font-family:'Bebas Neue',sans-serif;font-weight:400;letter-spacing:.03em;
    font-size:1rem;color:var(--ember-bright);
}
.ig-card-date{
    font-family:sans-serif;font-size:.72rem;letter-spacing:.03em;text-transform:uppercase;
    color:var(--cream-muted);
}
.ig-card-caption{
    font-family:sans-serif;font-size:.84rem;line-height:1.55;color:var(--cream-dim);
    display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;
}
.ig-card.featured .ig-card-caption{-webkit-line-clamp:4}

@media (max-width:760px){
    .ig-feed{grid-template-columns:1fr;grid-template-rows:none}
    .ig-card.featured{grid-column:1;grid-row:auto}
    .ig-card:not(.featured):nth-of-type(2),
    .ig-card:not(.featured):nth-of-type(3){grid-column:1;grid-row:auto}
}