.coll-bnr-with-media{position:relative;}
.coll-bnr-with-media .coll-bnr-meta{position:absolute;left:50%;transform:translateX(-50%);bottom:0;max-width:348px;padding:24px 12px;width:100%;margin:0 auto;color:var(--white);text-align:center;}
.coll-bnr-with-media .coll-bnr-meta h1{color:var(--white);}
.coll-bnr-with-media .coll-bnr-desc{max-height:0;overflow:hidden;will-change:max-height;transition:all .3s ease-in-out;}
.coll-bnr-with-media .coll-desc-read a.active-read .read-more,.coll-bnr-with-media .coll-desc-read a:not(.active-read) .read-less{display:none;}
.coll-bnr-with-media .coll-desc-read{padding-top:12px;}
.coll-bnr-with-media .coll-bnr-desc-inr{padding-top:24px;}
.coll-bnr-with-media .coll-desc-read a{text-decoration:underline;}

.coll-bnr-without-media .coll-bnr-meta{max-width:351px;}
.coll-bnr-without-media .coll-bnr-desc{padding-top:24px;}
.coll-bnr-desc:not(.active-read) .coll-long-desc,.coll-bnr-desc.active-read .coll-short-desc{display:none;}
.coll-short-desc p, .coll-bnr-without-media .coll-desc-read.read_more{display:ruby;}
.coll-bnr-without-media .coll-desc-read{text-decoration:underline;}
.coll-bnr-without-media .coll-desc-read.read_less{padding-top:24px;display:block;}

@media(min-width:992px){
  .section-collection-banner:not(:has(.coll-bnr-media)){padding:24px;}
  .coll-bnr-media{height:500px;}
}
@media(max-width:991px){
  .section-collection-banner:not(:has(.coll-bnr-media)){padding:24px 12px 16px;}
  .coll-bnr-media{height:255px;}
}