/* Pali Hero Grid v1.1.0 - mosaic hero layout */
:root{
  --pali-hero-green:#034f4f;
  --pali-hero-green-dark:#023B3B;
  --pali-hero-white:#ffffff;
  --pali-hero-gold:#FFC000;
  --pali-hero-shadow:0 14px 30px rgba(0,0,0,.18);
}
.pali-feature-grid,
.pali-feature-grid *{box-sizing:border-box}
.pali-feature-grid{
  width:100%;
  max-width:none;
  margin:0;
  padding:12px 8px;
  background:var(--pali-hero-green);
  border-top:4px solid var(--pali-hero-gold);
  border-bottom:4px solid var(--pali-hero-gold);
  font-family:'Sarabun',sans-serif;
}
.pali-feature-grid-inner{
  width:100%;
  max-width:1760px;
  height:600px;
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  grid-template-rows:repeat(2,minmax(0,1fr));
  gap:14px;
  align-items:stretch;
}
.pali-feature-heading{display:none!important}
.pali-feature-card{
  position:relative;
  display:block!important;
  min-height:0!important;
  background:#153737!important;
  border:0!important;
  border-radius:0!important;
  overflow:hidden!important;
  box-shadow:var(--pali-hero-shadow)!important;
  height:100%;
}
.pali-feature-card:nth-child(1){grid-column:1 / span 2;grid-row:1 / span 2;}
.pali-feature-card:nth-child(2){grid-column:3 / span 2;grid-row:1 / span 1;}
.pali-feature-card:nth-child(3){grid-column:3 / span 1;grid-row:2 / span 1;}
.pali-feature-card:nth-child(4){grid-column:4 / span 1;grid-row:2 / span 1;}
.pali-feature-image{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  overflow:hidden!important;
  background:#d5d5d5!important;
}
.pali-feature-image::before{
  content:'';
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(0,0,0,.10) 0%, rgba(0,0,0,.18) 35%, rgba(0,0,0,.62) 100%);
  z-index:1;
}
.pali-feature-image img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  transition:transform .35s ease;
}
.pali-feature-card:hover .pali-feature-image img{transform:scale(1.03)}
.pali-feature-placeholder{
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg,#0c5756,#023B3B);
  color:#fff;
  font-weight:700;
  z-index:0;
}
.pali-feature-card .pali-feature-meta,
.pali-feature-card .pali-feature-excerpt,
.pali-feature-card .pali-feature-link{display:none!important}
.pali-feature-body,
.pali-feature-body.pali-title-only{
  position:absolute!important;
  left:0; right:0; bottom:0;
  z-index:2;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-end!important;
  min-height:0!important;
  padding:18px 20px 18px!important;
  background:linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.08) 15%, rgba(0,0,0,.55) 100%)!important;
}
.pali-feature-title{
  margin:0!important;
  font-size:1.7rem!important;
  line-height:1.25!important;
  min-height:0!important;
  display:-webkit-box!important;
  -webkit-line-clamp:3!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
  text-shadow:0 2px 10px rgba(0,0,0,.35);
}
.pali-feature-title a,
.pali-feature-title a:visited{
  color:#fff!important;
  font-weight:700!important;
  text-decoration:none!important;
}
.pali-feature-title a:hover{
  color:#fff!important;
  text-decoration:none!important;
}
/* card-specific typography */
.pali-feature-card:nth-child(2) .pali-feature-title{font-size:1.35rem!important;line-height:1.28!important;-webkit-line-clamp:3!important}
.pali-feature-card:nth-child(3) .pali-feature-title,
.pali-feature-card:nth-child(4) .pali-feature-title{font-size:1.12rem!important;line-height:1.32!important;-webkit-line-clamp:3!important}
.pali-hero-static-fallback{font-family:'Sarabun',sans-serif}

@media(max-width:1600px){
  .pali-feature-grid-inner{max-width:1650px;height:580px;gap:12px}
  .pali-feature-title{font-size:1.55rem!important}
}
@media(max-width:1366px){
  .pali-feature-grid{padding:12px}
  .pali-feature-grid-inner{
    max-width:1280px;
    height:auto;
    grid-template-columns:repeat(2,minmax(0,1fr));
    grid-template-rows:repeat(3,minmax(220px,auto));
    gap:14px;
  }
  .pali-feature-card:nth-child(1){grid-column:1 / span 2;grid-row:1 / span 1;}
  .pali-feature-card:nth-child(2){grid-column:1 / span 1;grid-row:2 / span 1;}
  .pali-feature-card:nth-child(3){grid-column:2 / span 1;grid-row:2 / span 1;}
  .pali-feature-card:nth-child(4){grid-column:1 / span 2;grid-row:3 / span 1;}
  .pali-feature-card{min-height:280px!important}
  .pali-feature-title{font-size:1.35rem!important}
  .pali-feature-card:nth-child(2) .pali-feature-title,
  .pali-feature-card:nth-child(3) .pali-feature-title,
  .pali-feature-card:nth-child(4) .pali-feature-title{font-size:1.18rem!important}
}
@media(max-width:768px){
  .pali-feature-grid{padding:10px}
  .pali-feature-grid-inner{
    grid-template-columns:1fr;
    grid-template-rows:none;
    height:auto;
    gap:12px;
    max-width:100%;
  }
  .pali-feature-card,
  .pali-feature-card:nth-child(1),
  .pali-feature-card:nth-child(2),
  .pali-feature-card:nth-child(3),
  .pali-feature-card:nth-child(4){
    grid-column:auto!important;
    grid-row:auto!important;
    min-height:230px!important;
  }
  .pali-feature-body,
  .pali-feature-body.pali-title-only{padding:14px 14px 15px!important}
  .pali-feature-title,
  .pali-feature-card:nth-child(1) .pali-feature-title,
  .pali-feature-card:nth-child(2) .pali-feature-title,
  .pali-feature-card:nth-child(3) .pali-feature-title,
  .pali-feature-card:nth-child(4) .pali-feature-title{
    font-size:1.05rem!important;
    line-height:1.35!important;
    -webkit-line-clamp:3!important;
  }
}