/* ==========================================================================
   The Building — the heading, the photo row, and the kept titles.
   ========================================================================== */

/* Heading and photo row are separate sections so either can be switched off,
   but their padding is split between them so the pair reads as one band. */
.section-heading{padding:84px 0 0}
.section-photos{padding:0 0 26px}

/* -------------------------------------------------------- the photo row -- */
/* Fixed 3:4 boxes with object-fit:cover, so nothing is ever stretched
   whatever proportions are uploaded. */

.about-photos{
  display:grid;gap:16px;
  grid-template-columns:repeat(3,1fr);
}
.about-photos figure{margin:0;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm)}
.about-photos img{width:100%;height:100%;aspect-ratio:3/4;object-fit:cover;display:block}

@media (max-width:900px){.about-photos{grid-template-columns:repeat(2,1fr)}}
@media (max-width:430px){.about-photos{grid-template-columns:1fr}}

/* ------------------------------------------------------- kept titles ----- */
/* These sections hold titles and nothing else. Shown as nine equal cards they
   read as unfinished feature boxes, so they are grouped instead: three stacked
   panels, each led by its own approved title (or the label "Location"), with
   the remaining titles as ruled rows beneath a divider. */

.about-band{padding:40px 0 64px}
.about-band h2{margin:0}

.title-index{display:grid;gap:16px}

/* One panel per group. Padding is roughly half the old cards' and the rows
   carry no minimum height, so nothing reads as an empty feature box. */
.title-index__group{
  background:var(--white);
  border:1px solid var(--line);
  border-radius:var(--radius);
  padding:20px 22px;
}

/* Head sits above its titles, separated by the divider from the mockup. */
.title-index__head{
  margin:0 0 4px;padding-bottom:12px;
  border-bottom:1px solid var(--line);
  font-family:var(--font-serif);font-weight:600;
  font-size:clamp(19px,1.55vw,22px);line-height:1.3;letter-spacing:-.014em;
  color:var(--blue-deep);
}

.title-index__list{list-style:none;margin:0;padding:0}

/* Ruled rows with a small Tulane-blue marker. The last row drops its rule so
   the panel does not end on a double line against its own border. */
.title-index__list li{
  position:relative;
  padding:11px 0 11px 20px;
  border-bottom:1px solid var(--line);
  font-family:var(--font-serif);font-weight:600;
  font-size:17.5px;line-height:1.35;
  color:var(--espresso);
}
.title-index__list li:last-child{border-bottom:0;padding-bottom:3px}
.title-index__list li::before{
  content:"";position:absolute;left:2px;top:1.16em;
  width:5px;height:5px;border-radius:50%;background:var(--blue);
}

@media (max-width:860px){
  .section-heading{padding:58px 0 0}
}
@media (max-width:760px){
  .title-index__group{padding:18px 20px}
}