/* ===== Grid: 2 columns with 33px row/column gap ===== */
.crown-portfolio__grid{
  display:flex;
  flex-wrap:wrap;
  gap:33px;
}
.crown-portfolio__item{
  position:relative;
  flex:0 0 calc((100% - 33px)/2);
  max-width:calc((100% - 33px)/2);
  padding-bottom:15px;
  color:#000;
  background:#fff;
}

/* ===== Media (16:9) ===== */
.crown-portfolio__item .media-wrap{position:relative;width:100%;}
.crown-portfolio__item .image-bg img{
  display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;
}
.crown-portfolio__item .video-bg{display:none;position:absolute;inset:0;}
.crown-portfolio__item .video-bg iframe{position:absolute;inset:0;width:100%;height:100%;border:0;}

/* ===== Content: left aligned below image ===== */
.crown-portfolio__item .content{margin-top:12px;padding:0 10px;text-align:left;font-family: 'Baskervville';}
.crown-portfolio__item .title{margin:0 0 4px;}
.crown-portfolio__item .title a{color:inherit;text-decoration:none;}
.crown-portfolio__item .title a:hover{text-decoration:underline;}
.crown-portfolio__item .meta{margin:0;opacity:.8;}

/* ===== Full-card link ===== */
.crown-portfolio__item .card-link{position:absolute;inset:0;z-index:1;text-indent:-9999px}

/* ===== Filters ===== */
.crown-portfolio__filters{margin:0 0 22px;text-align:center;font-family: 'Baskervville';}
.crown-portfolio .filter-btn{
  appearance:none;background:none;border:none;cursor:pointer;
  margin:0 14px 6px;padding:6px 0;font-size:15px;font-weight:600;letter-spacing:.02em;
  text-transform:uppercase;color:#000;position:relative;outline-offset:2px;
}
.crown-portfolio .filter-btn::after{
  content:"";position:absolute;left:0;bottom:-4px;height:2px;width:0;background:#000;transition:width .25s ease;
}
.crown-portfolio .filter-btn:hover::after,
.crown-portfolio .filter-btn.active::after{width:100%;}
.crown-portfolio .filter-btn:focus-visible{outline:2px solid #000;outline-offset:3px;}

/* ===== Load more ===== */
.crown-portfolio__load{text-align:center;margin-top:24px;}
.btn.btn--loadmore{
  appearance:none;display:inline-block;cursor:pointer;
  padding:12px 20px;border:1px solid #000;background:#fff;color:#000;
  text-transform:uppercase;font-weight:600;letter-spacing:.03em;font-family: 'Baskervville';
}
.btn.btn--loadmore:hover{background:#000;color:#fff;}
.btn.btn--loadmore:disabled{opacity:.5;cursor:not-allowed;}
/* Hide the whole container when JS says no more */
.crown-portfolio__load.is-hidden{display:none;}

/* ===== Responsive ===== */
@media (max-width:640px){
  .crown-portfolio__item{flex:0 0 100%;max-width:100%;}
}