:root {
    --igp-ink: #16231f;
    --igp-muted: #66736d;
    --igp-soft: #f4f1ea;
    --igp-panel: #fffdf8;
    --igp-line: rgba(22, 35, 31, 0.11);
    --igp-orange: #ef6438;
    --igp-orange-dark: #c94c28;
    --igp-green: #142820;
}

.ig-blog {
    background: var(--igp-soft);
    color: var(--igp-ink);
    font-family: Inter, Sora, Poppins, system-ui, sans-serif;
    padding: clamp(42px, 7vw, 88px) 0 86px;
}

.ig-blog__hero, .ig-blog__chips, .ig-blog-featured, .ig-blog__section-head,
.ig-blog-grid, .ig-blog-cta {
    width: min(1128px, calc(100% - 32px));
    margin-inline: auto;
}

.ig-blog__hero { max-width: 820px; text-align: center; }
.ig-blog__eyebrow {
    margin: 0 0 10px; color: var(--igp-orange); font-size: 13px;
    font-weight: 850; text-transform: uppercase;
}
.ig-blog__hero h1 {
    margin: 0; color: var(--igp-ink); font-family: Sora, Inter, system-ui, sans-serif;
    font-size: clamp(42px, 7vw, 76px); font-weight: 700; line-height: 1.02;
}
.ig-blog__hero p {
    max-width: 680px; margin: 18px auto 0; color: var(--igp-muted);
    font-size: clamp(16px, 2vw, 19px); line-height: 1.7;
}

.ig-blog__chips {
    display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin-top: 28px;
}
.ig-blog__chips button {
    display: inline-flex; align-items: center; justify-content: center; min-height: 40px;
    padding: 0 16px; border: 1px solid var(--igp-line); border-radius: 999px;
    background: #fff; color: var(--igp-ink); cursor: pointer; font: 750 14px inherit;
}
.ig-blog__chips button:hover, .ig-blog__chips button:focus, .ig-blog__chips button.is-active {
    border-color: var(--igp-orange); background: var(--igp-orange); color: #fff;
}

.ig-blog-featured {
    display: grid; grid-template-columns: minmax(280px, .95fr) minmax(320px, 1fr);
    gap: clamp(24px, 5vw, 54px); align-items: center; margin-top: 42px;
    padding: clamp(18px, 3vw, 26px); border: 1px solid var(--igp-line);
    border-radius: 8px; background: var(--igp-panel); box-shadow: 0 18px 50px rgba(22,35,31,.1);
}
.ig-blog-featured__image, .ig-blog-card__image {
    display: block; overflow: hidden; border-radius: 8px; background: #ebe7dc;
    color: var(--igp-muted); text-decoration: none;
}
.ig-blog-featured__image img, .ig-blog-card__image img {
    display: block; width: 100%; height: 100%; object-fit: cover; transition: transform 220ms ease;
}
.ig-blog-featured__image { aspect-ratio: 1.25; }
.ig-blog-card__image { aspect-ratio: 1.32; }
.ig-blog-featured:hover img, .ig-blog-card:hover img { transform: scale(1.035); }

.ig-blog-featured__content h2, .ig-blog__section-head h2, .ig-blog-cta h2 {
    margin: 0; color: var(--igp-ink); font-family: Sora, Inter, system-ui, sans-serif;
}
.ig-blog-featured__content h2 { max-width: 640px; margin-top: 8px; font-size: clamp(30px,4vw,48px); line-height: 1.08; }
.ig-blog-featured__content h2 a, .ig-blog-card h3 a { color: inherit; text-decoration: none; }
.ig-blog-featured__content p, .ig-blog-card p, .ig-blog__section-head p { color: var(--igp-muted); line-height: 1.7; }
.ig-blog-featured__content p { margin: 16px 0 22px; font-size: 16px; }
.ig-blog-card__meta { color: var(--igp-orange); font-size: 13px; font-weight: 850; }

.ig-blog__button, .ig-blog-card__link {
    display: inline-flex; align-items: center; justify-content: center; min-height: 44px;
    border-radius: 999px; font-weight: 850; text-decoration: none;
}
.ig-blog__button { padding: 0 22px; background: var(--igp-green); color: #fff; }
.ig-blog__button:hover, .ig-blog__button:focus { background: var(--igp-orange); color: #fff; }

.ig-blog__section-head {
    display: flex; align-items: end; justify-content: space-between; gap: 24px;
    margin-top: 54px; margin-bottom: 18px;
}
.ig-blog__section-head h2 { font-size: clamp(28px,4vw,42px); line-height: 1.1; }
.ig-blog__section-head p { max-width: 390px; margin: 0; }
.ig-blog-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 22px; }
.ig-blog-card {
    overflow: hidden; border: 1px solid var(--igp-line); border-radius: 8px;
    background: var(--igp-panel); box-shadow: 0 14px 40px rgba(22,35,31,.07);
    transition: transform 160ms ease, box-shadow 160ms ease;
}
.ig-blog-card:hover { transform: translateY(-3px); box-shadow: 0 20px 54px rgba(22,35,31,.12); }
.ig-blog-card[hidden], .ig-blog-featured[hidden] { display: none !important; }
.ig-blog-card__body { padding: 18px; }
.ig-blog-card h3 {
    margin: 8px 0 10px; color: var(--igp-ink); font-family: Sora,Inter,system-ui,sans-serif;
    font-size: 20px; line-height: 1.18;
}
.ig-blog-card p { margin: 0 0 16px; font-size: 14px; }
.ig-blog-card__link { min-height: auto; color: var(--igp-orange); }
.ig-blog-card__link:hover, .ig-blog-card__link:focus { color: var(--igp-orange-dark); }

.ig-blog-cta {
    display: flex; align-items: center; justify-content: space-between; gap: clamp(28px,8vw,120px);
    margin-top: 64px; padding: clamp(28px,4vw,46px) clamp(24px,5vw,48px); background: var(--igp-orange);
}
.ig-blog-cta__copy { min-width: 0; }
.ig-blog-cta__copy span {
    display: block; margin-bottom: 8px; color: rgba(255,255,255,.88);
    font-family: Dosis,Sora,Inter,system-ui,sans-serif; font-size: clamp(24px,3vw,34px); font-weight: 300;
}
.ig-blog-cta h2 { color: #fff; font-size: clamp(28px,4vw,42px); font-weight: 500; line-height: 1.12; }
.ig-blog-cta .ig-blog__button {
    flex: 0 0 auto; min-width: clamp(180px,20vw,250px); min-height: 70px;
    border-radius: 3px; background: #fff; color: var(--igp-orange);
}
.ig-blog-cta .ig-blog__button:hover, .ig-blog-cta .ig-blog__button:focus { background: var(--igp-green); color: #fff; }

@media (max-width: 1120px) { .ig-blog-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 767px) {
    .ig-blog { padding: 38px 0 58px; }
    .ig-blog-featured { grid-template-columns: 1fr; padding: 14px; }
    .ig-blog__section-head, .ig-blog-cta { display: grid; align-items: start; }
    .ig-blog-grid { grid-template-columns: 1fr; gap: 16px; }
    .ig-blog__hero, .ig-blog__chips, .ig-blog-featured, .ig-blog__section-head,
    .ig-blog-grid, .ig-blog-cta { width: calc(100% - 24px); }
    .ig-blog__chips { justify-content: flex-start; }
    .ig-blog-card__body { padding: 16px; }
}