/*
 * ICA Platform v0.21.5 — Home Showcase
 * Dedicated visual contract for the rotating 16:9 content gallery.
 */
/* Public-facing showcase header: no implementation details. */
.ica26-home .ica26-showcase-heading__aside{display:flex;max-width:520px;align-items:flex-end;justify-content:flex-end;flex-direction:column;gap:12px}
.ica26-home .ica26-showcase-heading__aside p{margin:0;color:#c0cee0;font-size:15px;line-height:1.65}
.ica26-home .ica26-showcase-heading__aside>a{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 15px;border:1px solid rgba(240,209,127,.34);border-radius:13px;background:rgba(240,209,127,.07);color:#f2d584;font-size:13px;font-weight:800;text-decoration:none}
.ica26-home .ica26-showcase-heading__aside>a:hover{background:rgba(240,209,127,.13)}
.ica26-home .ica26-showcase-heading__aside svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2}
.ica26-home .ica26-showcase-shell{padding:22px}

/* 3 rows x 4 columns on desktop. */
.ica26-home .ica26-showcase-gallery{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
  transition:opacity .2s ease,transform .2s ease;
}
.ica26-home .ica26-showcase-gallery.is-refreshing{
  opacity:.58;
  transform:translateY(2px);
}
.ica26-home .ica26-showcase-card{
  min-width:0;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.09);
  border-radius:20px;
  background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.035));
  box-shadow:0 14px 34px rgba(0,0,0,.18);
  transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease;
}
.ica26-home .ica26-showcase-card:hover{
  transform:translateY(-4px);
  border-color:rgba(240,209,127,.30);
  box-shadow:0 22px 42px rgba(0,0,0,.24);
}
.ica26-home .ica26-showcase-card__media{
  position:relative;
  aspect-ratio:16/9;
  overflow:hidden;
  margin:10px 10px 0;
  border-radius:15px;
  background:#07162f;
  box-shadow:0 10px 24px rgba(0,0,0,.24);
}
.ica26-home .ica26-showcase-card__media:after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  border:1px solid rgba(255,255,255,.08);
  border-radius:inherit;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}
.ica26-home .ica26-showcase-card__media img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  transition:transform .34s ease,filter .34s ease;
}
.ica26-home .ica26-showcase-card:hover .ica26-showcase-card__media img{
  transform:scale(1.025);
  filter:saturate(1.05);
}
.ica26-home .ica26-showcase-card__copy{
  min-height:108px;
  padding:15px 15px 17px;
}
.ica26-home .ica26-showcase-card__copy span{
  display:block;
  overflow:hidden;
  color:#f1d17d;
  font-size:10.5px;
  line-height:1.35;
  font-weight:850;
  letter-spacing:.08em;
  text-transform:uppercase;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.ica26-home .ica26-showcase-card__copy h3{
  display:-webkit-box;
  overflow:hidden;
  margin:8px 0 0;
  color:#fff;
  font-size:16px;
  line-height:1.38;
  font-weight:700;
  letter-spacing:-.015em;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
}

@media(max-width:1180px){
  .ica26-home .ica26-showcase-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:900px){
  .ica26-home .ica26-showcase-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
}
@media(max-width:620px){
  .ica26-home .ica26-showcase-shell{padding:16px 12px 18px}
  .ica26-home .ica26-showcase-heading__aside{align-items:flex-start}
  .ica26-home .ica26-showcase-heading__aside>a{width:100%;justify-content:center}
  .ica26-home .ica26-showcase-gallery{
    display:flex;
    gap:14px;
    margin-inline:-14px;
    padding:0 14px 8px;
    overflow-x:auto;
    scroll-snap-type:x mandatory;
    scroll-padding-inline:14px;
    scrollbar-width:none;
    overscroll-behavior-inline:contain;
  }
  .ica26-home .ica26-showcase-gallery::-webkit-scrollbar{display:none}
  .ica26-home .ica26-showcase-card{
    flex:0 0 min(82vw,340px);
    scroll-snap-align:start;
  }
  .ica26-home .ica26-showcase-card__copy{min-height:104px}
  .ica26-home .ica26-showcase-card__copy h3{font-size:16px}
  }
@media(prefers-reduced-motion:reduce){
  .ica26-home .ica26-showcase-gallery,
  .ica26-home .ica26-showcase-card,
  .ica26-home .ica26-showcase-card__media img{transition:none!important}
}
