/* =========================================================
   DUDI BLOG — category alternative layout
   Selected only via Alternative Layout: dudi_blog
   Does not touch Stories.
   ========================================================= */

.dudi-blog-page{
  --blog-ink:#20201e;
  --blog-muted:#74716d;
  --blog-line:#d9ddde;
  --blog-soft:#f6f6f3;
  --blog-serif:"Newsreader",Georgia,serif;
  --blog-sans:"Inter",Arial,sans-serif;
  width:100%;
  color:var(--blog-ink);
  font-family:var(--blog-sans);
}

.dudi-blog-breadcrumbs{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px;
  padding:26px 0 0;
  color:#969997;
  font-size:9px;
  font-weight:600;
  letter-spacing:.14em;
  text-transform:uppercase;
}

.dudi-blog-breadcrumbs a{
  color:#747775;
  text-decoration:none;
}

.dudi-blog-breadcrumbs a:hover{color:#20201e}

.dudi-blog-hero{
  display:grid;
  grid-template-columns:.72fr 1.28fr;
  gap:clamp(42px,7vw,110px);
  align-items:end;
  padding:94px 0 66px;
  border-bottom:1px solid var(--blog-line);
}

.dudi-blog-eyebrow{
  font-size:9px;
  font-weight:600;
  line-height:1.45;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:#898d8d;
}

.dudi-blog-hero h1{
  margin:9px 0 0;
  font-family:var(--blog-serif);
  font-size:clamp(52px,6vw,88px);
  font-weight:400;
  line-height:.96;
  letter-spacing:-.035em;
}

.dudi-blog-hero__intro{
  max-width:720px;
  color:var(--blog-muted);
  font-size:15px;
  line-height:1.8;
}

.dudi-blog-hero__intro p{
  margin:0;
}

.dudi-blog-categories{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  border-bottom:1px solid var(--blog-line);
}

.dudi-blog-categories a{
  min-height:86px;
  padding:24px 26px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  border-right:1px solid var(--blog-line);
  color:#343532;
  font-size:10px;
  font-weight:600;
  letter-spacing:.14em;
  text-transform:uppercase;
  text-decoration:none;
  transition:background .2s ease;
}

.dudi-blog-categories a:first-child{
  border-left:1px solid var(--blog-line);
}

.dudi-blog-categories a:hover{
  background:#f8f8f5;
}

/* Featured 1 + 2 */
.dudi-blog-featured{
  display:grid;
  grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);
  gap:22px;
  padding:72px 0 92px;
}

.dudi-blog-featured__main,
.dudi-blog-secondary{
  color:inherit;
  text-decoration:none;
}

.dudi-blog-featured__main{
  display:grid;
  grid-template-rows:auto 1fr;
  border-bottom:1px solid var(--blog-line);
}

.dudi-blog-featured__image{
  aspect-ratio:16 / 10;
  overflow:hidden;
  background:#eee;
}

.dudi-blog-featured__copy{
  padding:28px 0 32px;
  max-width:720px;
}

.dudi-blog-featured__copy h2{
  margin:8px 0 12px;
  max-width:680px;
  font-family:var(--blog-serif);
  font-size:clamp(34px,3.6vw,52px);
  font-weight:400;
  line-height:1.03;
  letter-spacing:-.025em;
}

.dudi-blog-featured__copy p{
  margin:0 0 22px;
  max-width:650px;
  color:var(--blog-muted);
  font-size:13px;
  line-height:1.75;
}

.dudi-blog-featured__side{
  display:grid;
  grid-template-rows:1fr 1fr;
  gap:22px;
}

.dudi-blog-secondary{
  display:grid;
  grid-template-columns:42% minmax(0,1fr);
  min-height:0;
  border-bottom:1px solid var(--blog-line);
}

.dudi-blog-secondary__image{
  min-width:0;
  overflow:hidden;
  background:#eee;
}

.dudi-blog-secondary__copy{
  min-width:0;
  padding:18px 0 18px 22px;
  align-self:center;
}

.dudi-blog-secondary__copy h2{
  margin:7px 0 9px;
  font-family:var(--blog-serif);
  font-size:clamp(22px,2.1vw,30px);
  font-weight:400;
  line-height:1.08;
  letter-spacing:-.015em;
}

.dudi-blog-secondary__copy p{
  margin:0;
  color:var(--blog-muted);
  font-size:12px;
  line-height:1.62;
}

.dudi-blog-featured img,
.dudi-blog-card img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  filter:saturate(.92) contrast(.99);
  transition:transform .48s ease;
}

.dudi-blog-featured__main:hover img,
.dudi-blog-secondary:hover img,
.dudi-blog-card:hover img{
  transform:scale(1.015);
}

.dudi-blog-read{
  display:inline-flex;
  align-items:center;
  gap:13px;
  font-size:10px;
  font-weight:600;
  letter-spacing:.14em;
  text-transform:uppercase;
}

.dudi-blog-read__box{
  width:36px;
  height:36px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:#222;
  color:#fff;
  font-size:15px;
}

/* More articles */
.dudi-blog-more{
  padding:0 0 110px;
}

.dudi-blog-more__head{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:30px;
  padding:0 0 30px;
  border-bottom:1px solid var(--blog-line);
}

.dudi-blog-more__head h2{
  margin:0;
  font-family:var(--blog-serif);
  font-size:clamp(30px,3.1vw,44px);
  font-weight:400;
  line-height:1.05;
}

.dudi-blog-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  column-gap:22px;
  row-gap:58px;
  padding-top:30px;
}

.dudi-blog-card{
  min-width:0;
}

.dudi-blog-card__image{
  display:block;
  aspect-ratio:16 / 11;
  overflow:hidden;
  background:#eee;
}

.dudi-blog-card__copy{
  padding-top:18px;
}

.dudi-blog-card h2{
  margin:7px 0 10px;
  font-family:var(--blog-serif);
  font-size:27px;
  font-weight:400;
  line-height:1.08;
  letter-spacing:-.015em;
}

.dudi-blog-card h2 a{
  color:inherit;
  text-decoration:none;
}

.dudi-blog-card p{
  margin:0 0 15px;
  color:var(--blog-muted);
  font-size:12px;
  line-height:1.68;
}

.dudi-blog-card__link{
  display:inline-flex;
  align-items:center;
  gap:7px;
  color:#5f625f;
  font-size:9px;
  font-weight:600;
  letter-spacing:.14em;
  text-transform:uppercase;
  text-decoration:none;
}

.dudi-blog-pagination{
  padding:0 0 100px;
}

.dudi-blog-empty{
  padding:70px 0 110px;
  color:var(--blog-muted);
}

/* Child category: calmer, direct grid */
.dudi-blog-page--category .dudi-blog-hero{
  padding-bottom:54px;
}

.dudi-blog-page--category .dudi-blog-more{
  padding-top:54px;
}

@media(max-width:1000px){
  .dudi-blog-featured{
    grid-template-columns:1fr;
  }

  .dudi-blog-featured__side{
    grid-template-columns:1fr 1fr;
    grid-template-rows:none;
  }

  .dudi-blog-secondary{
    grid-template-columns:1fr;
  }

  .dudi-blog-secondary__image{
    aspect-ratio:16 / 10;
  }

  .dudi-blog-secondary__copy{
    padding:20px 0 0;
  }

  .dudi-blog-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:760px){
  .dudi-blog-breadcrumbs{
    padding-top:18px;
  }

  .dudi-blog-hero{
    grid-template-columns:1fr;
    gap:22px;
    padding:64px 0 44px;
  }

  .dudi-blog-hero h1{
    font-size:52px;
  }

  .dudi-blog-categories{
    grid-template-columns:1fr;
  }

  .dudi-blog-categories a{
    min-height:62px;
    border-right:1px solid var(--blog-line);
    border-left:1px solid var(--blog-line);
    border-bottom:1px solid var(--blog-line);
  }

  .dudi-blog-categories a:first-child{
    border-top:0;
  }

  .dudi-blog-featured{
    padding:48px 0 68px;
  }

  .dudi-blog-featured__side{
    grid-template-columns:1fr;
  }

  .dudi-blog-grid{
    grid-template-columns:1fr;
    row-gap:44px;
  }

  .dudi-blog-more__head{
    display:block;
  }

  .dudi-blog-more__head h2{
    margin-top:7px;
  }
}