/* Sattva Ekatra — additions on top of the precompiled Tailwind build. */

.brand-logo { height: 2.5rem; }
@media (min-width: 640px)  { .brand-logo { height: 2.75rem; } }
@media (min-width: 1024px) { .brand-logo { height: 3.25rem; } }

.eyebrow {
  margin-bottom: .5rem;
  font-size: 12.5px;
  font-weight: 600;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: rgb(227 153 29);
}
.section-head .eyebrow { margin-top: 0; font-size: 12.5px; color: rgb(227 153 29); }

/* Amenity category tabs + icon tiles */
.tab-link .amen-count {
  display: inline-grid;
  place-items: center;
  min-width: 1.4rem;
  height: 1.4rem;
  margin-left: .35rem;
  padding: 0 .3rem;
  border-radius: 999px;
  background: rgba(227, 153, 29, .18);
  color: rgb(179 115 10);
  font-size: 11.5px;
  font-weight: 700;
}
.tab-link.active .amen-count, .tab-link:hover .amen-count { background: rgb(227 153 29); color: rgb(10 39 64); }

.amen-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .75rem;
}
.amen-grid.hidden { display: none; }
@media (min-width: 480px)  { .amen-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (min-width: 768px)  { .amen-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1rem; } }
@media (min-width: 1024px) { .amen-grid { grid-template-columns: repeat(5, minmax(0, 1fr)); } }

.amen-tile {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: .7rem;
  padding: 1.35rem .75rem 1.1rem;
  border: 1px solid #eee;
  border-radius: .75rem;
  background: #fff;
  text-align: center;
  box-shadow: 0 4px 14px rgba(10, 39, 64, .08);
  transition: transform .3s cubic-bezier(.4, 0, .2, 1), box-shadow .3s, border-color .3s;
}
.amen-tile:hover {
  transform: translateY(-4px);
  border-color: rgba(227, 153, 29, .6);
  box-shadow: 0 14px 28px rgba(10, 39, 64, .16);
}
.amen-tile img {
  width: 56px;
  height: 56px;
  padding: 10px;
  border-radius: 999px;
  background: rgba(227, 153, 29, .12);
  box-sizing: content-box;
}
.amen-tile figcaption { font-size: 14px; font-weight: 600; line-height: 1.3; color: rgb(10 39 64); }

/* Images that come in portrait / small sizes */
.overview-img { max-height: 520px; }
.eoi-img      { max-height: 460px; }
.dev-img      { max-height: 440px; }
@media (max-width: 767px) { .eoi-img, .dev-img { max-height: 300px; } }

/* Channel-partner logo: full colour on a white chip so it reads on the navy header */
.logo-chip {
  display: inline-flex;
  align-items: center;
  padding: .3rem .6rem;
  border-radius: .5rem;
  background: #fff;
  box-shadow: 0 2px 10px rgba(0, 0, 0, .18);
}
.logo-chip .brand-logo { height: 2.1rem; }
@media (min-width: 640px)  { .logo-chip .brand-logo { height: 2.4rem; } }
@media (min-width: 1024px) { .logo-chip .brand-logo { height: 2.75rem; } }


/* Footer credit line */
.footer-credit {
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px solid rgba(255, 255, 255, .1);
  text-align: center;
  font-size: 12.5px;
  color: #bbb;
}