.fenelon-americana-archive{
  background:#f7f1e5;
  color:#231f1a;
}

.americana-hero{
  position:relative;
  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;
  color:#fff8ee;
}

.americana-hero__inner{
  max-width:1200px;
  margin:0 auto;
  padding:clamp(4rem,8vw,7rem) 1.5rem;
}

.americana-hero__eyebrow{
  margin:0 0 .75rem;
  font-size:.95rem;
  letter-spacing:.16em;
  text-transform:uppercase;
  opacity:.92;
}

.americana-hero__title{
  margin:0;
  max-width:12ch;
  font-size:clamp(2.5rem,5vw,4.8rem);
  line-height:1.02;
  color:#fffdf8;
  text-wrap:balance;
}

.americana-hero__subhead{
  margin-top:1.35rem;
  max-width:900px;
  font-size:clamp(1rem,1.4vw,1.2rem);
  line-height:1.65;
}

.americana-hero__subhead p{
  margin:0;
}

.americana-hero__source-title{
  font-style:italic;
}

.fenelon-americana-archive__content{
  padding-top:3rem;
  padding-bottom:4rem;
}

.fenelon-americana-timeline{
  max-width:1200px;
  margin:0 auto;
}

.americana-section + .americana-section{
  margin-top:4rem;
}

.americana-section__title{
  margin:0 0 1.5rem;
  padding-bottom:.65rem;
  border-bottom:2px solid rgba(77,44,14,.18);
  font-size:clamp(1.8rem,2vw,2.4rem);
  line-height:1.15;
  color:#5d2d13;
}

.americana-section__entries{
  display:flex;
  flex-direction:column;
  gap:2rem;
}

.americana-entry{
  padding:1.5rem;
  border:1px solid rgba(77,44,14,.12);
  border-radius:14px;
  background:#fffdf8;
  box-shadow:0 10px 30px rgba(35,31,26,.05);
}

.americana-entry__heading{
  margin:0 0 1rem;
  font-size:1rem;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#8b4e28;
}

.americana-entry__inner{
  display:grid;
  grid-template-columns:minmax(180px,260px) minmax(0,1fr) minmax(220px,340px);
  gap:1.5rem;
  align-items:start;
}

.americana-entry--portrait-only .americana-entry__inner,
.americana-entry--document-only .americana-entry__inner,
.americana-entry--text-only .americana-entry__inner{
  grid-template-columns:minmax(0,1fr);
}

.americana-entry--portrait-only .americana-entry__media--portrait,
.americana-entry--document-only .americana-entry__media--document{
  max-width:320px;
}

.americana-entry__media img{
  display:block;
  width:100%;
  height:auto;
  border-radius:10px;
  border:1px solid rgba(77,44,14,.12);
  background:#f4ecdd;
}

.americana-entry__title{
  margin:0 0 .65rem;
  font-size:1.55rem;
  line-height:1.2;
  color:#2f1f12;
}

.americana-entry__subject,
.americana-entry__description,
.americana-entry__note,
.americana-entry__citation,
.americana-entry__source-link{
  margin:.75rem 0 0;
}

.americana-entry__description,
.americana-entry__note,
.americana-entry__citation,
.americana-entry__text{
  color:#463629;
}

.americana-entry__text p{
  margin:.9rem 0 0;
}

.americana-entry__source{
  margin-top:1rem;
  padding-top:1rem;
  border-top:1px solid rgba(77,44,14,.10);
  font-size:.97rem;
}

.americana-entry__source a{
  color:#7b2f16;
  text-decoration:underline;
  text-underline-offset:2px;
}

@media (max-width: 900px){
  .americana-hero__inner{
    padding:3.5rem 1.25rem;
  }

  .fenelon-americana-archive__content{
    padding-top:2rem;
  }

  .americana-entry__inner,
  .americana-entry--portrait-only .americana-entry__inner,
  .americana-entry--document-only .americana-entry__inner,
  .americana-entry--text-only .americana-entry__inner{
    grid-template-columns:1fr;
  }

  .americana-entry__media{
    max-width:100%;
  }
}