@import url("berkeley-tower.css");

body.amali-residences-business-bay {
  --berkeley-gold: #bda578;
  --berkeley-paper: #f5f2eb;
}

body.amali-residences-business-bay .typ-hero-overlay {
  background: linear-gradient(90deg,rgba(8,16,20,.88),rgba(8,16,20,.46) 52%,rgba(8,16,20,.08) 80%),linear-gradient(0deg,rgba(8,16,20,.72),transparent 58%);
}

body.amali-residences-business-bay .amali-gallery { padding:clamp(4.5rem,8vw,7rem) 0; background:#0b171e; color:#fff; }
body.amali-residences-business-bay .amali-gallery .typ-h2 { color:#fff; }
body.amali-residences-business-bay .amali-gallery .typ-prose { color:rgba(255,255,255,.72); }
body.amali-residences-business-bay .amali-gallery .gallery-grid {
  display:flex;
  gap:1.25rem;
  margin-top:2rem;
  overflow-x:auto;
  scroll-snap-type:x mandatory;
  scroll-behavior:smooth;
  scrollbar-width:none;
  overscroll-behavior-inline:contain;
}
body.amali-residences-business-bay .amali-gallery .gallery-grid::-webkit-scrollbar { display:none; }
body.amali-residences-business-bay .amali-gallery .gallery-item { flex:0 0 min(78vw,980px); scroll-snap-align:center; }
body.amali-residences-business-bay .amali-gallery .gallery-item-button { aspect-ratio:16/9; }
body.amali-residences-business-bay .amali-gallery .gallery-item-button { border-radius:0; border-color:rgba(255,255,255,.14); }
body.amali-residences-business-bay .amali-gallery .gallery-item-caption,
body.amali-residences-business-bay .amali-gallery .gallery-lightbox-close,
body.amali-residences-business-bay .amali-gallery .gallery-lightbox-nav { color:#fff; }
body.amali-residences-business-bay .amali-gallery .gallery-filter { color:rgba(255,255,255,.72); border-color:rgba(255,255,255,.2); }
body.amali-residences-business-bay .amali-gallery .gallery-filter.is-active,
body.amali-residences-business-bay .amali-gallery .gallery-filter:hover { color:#111; background:var(--berkeley-gold); border-color:var(--berkeley-gold); }
body.amali-residences-business-bay .amali-gallery-toolbar { display:flex; align-items:center; justify-content:space-between; gap:1.5rem; margin-top:1.75rem; }
body.amali-residences-business-bay .amali-gallery-controls { display:flex; align-items:center; gap:.65rem; }
body.amali-residences-business-bay .amali-slider-button { width:48px; height:48px; border:1px solid rgba(255,255,255,.3); border-radius:999px; background:transparent; color:#fff; font-size:1.15rem; cursor:pointer; transition:.2s ease; }
body.amali-residences-business-bay .amali-slider-button:hover { background:var(--berkeley-gold); border-color:var(--berkeley-gold); color:#111; }
body.amali-residences-business-bay .amali-gallery-progress { min-width:5rem; color:rgba(255,255,255,.72); font:600 .78rem/1 "DM Sans",sans-serif; letter-spacing:.14em; text-align:center; }
body.amali-residences-business-bay .amali-gallery-track { height:2px; margin-top:1.4rem; background:rgba(255,255,255,.14); overflow:hidden; }
body.amali-residences-business-bay .amali-gallery-track span { display:block; width:11.111%; height:100%; background:var(--berkeley-gold); transform:translateX(0); transition:transform .35s ease; }

@media (max-width:760px) {
  body.amali-residences-business-bay .amali-gallery .gallery-item { flex-basis:88vw; }
  body.amali-residences-business-bay .amali-gallery .gallery-item-button { aspect-ratio:4/3; }
  body.amali-residences-business-bay .amali-gallery-toolbar { align-items:flex-end; }
  body.amali-residences-business-bay .amali-gallery .gallery-filters { max-width:230px; }
  body.amali-residences-business-bay.jbv-editorial .typ-hero-inner,
  body.amali-residences-business-bay.jbv-editorial .typ-inner { box-sizing:border-box; width:calc(100% - 32px); max-width:1180px; }
  body.amali-residences-business-bay.jbv-editorial .typ-display { max-width:100%; font-size:clamp(2.45rem,11.5vw,3.25rem); line-height:1; }
}