/* Megaphone PHX — Layout Grid (replaces Cargo column-set/column-unit) */

/* 12-column grid */
.row {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  margin: 0 0 -0.5px;
  border: 0.5px solid var(--agedBlack);
}

.row > [class*="col-"] {
  padding: 2rem;
  border: 0.5px solid var(--agedBlack);
  position: relative;
}

/* Column spans */
.col-1  { grid-column: span 1; }
.col-2  { grid-column: span 2; }
.col-3  { grid-column: span 3; }
.col-4  { grid-column: span 4; }
.col-5  { grid-column: span 5; }
.col-6  { grid-column: span 6; }
.col-7  { grid-column: span 7; }
.col-8  { grid-column: span 8; }
.col-9  { grid-column: span 9; }
.col-10 { grid-column: span 10; }
.col-11 { grid-column: span 11; }
.col-12 { grid-column: span 12; }

/* Auto columns (equal width, no explicit span) */
.col { grid-column: span 1; }

/* Page-level layout */
.page-wrap {
  max-width: 100%;
  padding: 3rem 3rem 0;
  margin: 0 auto;
}

/* Utility: offset inherited padding */
.inset {
  margin: -2rem;
}

/* Utility: flex column container */
.drop-in {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  border-top: 1px solid var(--agedBlack);
  padding: .5rem 2rem;
}

/* Reversed (dark background) */
.reverse {
  background-color: var(--agedBlack);
  color: #e8e8e8;
  overflow: hidden;
}

.reverse .row {
  border-color: rgba(255, 255, 255, 0.0625);
}

.reverse .row > [class*="col-"] {
  border-color: rgba(255, 255, 255, 0.0625);
}

.reverse a:hover {
  color: var(--tangerine);
  text-decoration: none;
  cursor: pointer;
}

/* Index gallery container */
.indexGallery {
  margin: 0;
  border: 1px solid var(--agedBlack);
}