/* Institutional layouts from approved Prototype 04 only.
Shared identity, navigation, footer and correspondence remain in site.css. */
.institution-page {
  width: min(1280px, calc(100% - 2 * clamp(1.25rem, 4vw, 4rem)));
  margin-inline: auto;
  font-size: 1.075rem;
  line-height: 1.7;
}

.institution-page h1, .institution-page h2, .institution-page h3 {
  text-wrap: wrap;
}

.institution-page .eyebrow {
  font-size: .75rem;
  line-height: 1.5;
  letter-spacing: .14em;
  margin: 0 0 1rem;
}

.institution-page h1, .institution-page h2, .institution-page h3 {
  font-weight:400
}

.institution-page em {
  font-weight:400
}

.institution-page .eyebrow {
  color:var(--gold)
}

.institution-page .short-gold-rule {
  height:1px;
  width:4.5rem;
  background:var(--gold)
}

.institution-page .subtle-link {
  display:inline-flex;
  align-items:center;
  gap:.7rem;
  color:var(--gold);
  text-decoration:none;
  border-bottom:1px solid #b58c49;
  padding-bottom:.3rem;
  font-size:1rem;
  min-height:43px;
}

.institution-page .subtle-link:hover {
  color:var(--ivory)
}

.institution-page .about-introduction {
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,.9fr);
  align-items:center;
  gap:clamp(3.5rem,7vw,8rem);
  padding:clamp(5.5rem,10vw,9.5rem) clamp(.3rem,2vw,2rem) clamp(6rem,9vw,9rem);
  border-bottom:1px solid #b58c4946;
}

.institution-page .about-introduction .eyebrow {
  margin:0 0 2rem
}

.institution-page .about-intro-title h1 {
  margin:0;
  font-size:clamp(3.5rem,6.2vw,6.5rem);
  line-height:1.05;
  letter-spacing:-.027em
}

.institution-page .about-intro-title h1 em {
  font-size:.77em
}

.institution-page .about-intro-title .short-gold-rule {
  margin:2.5rem 0
}

.institution-page .about-tagline {
  margin:0;
  font-size:clamp(1.4rem,2vw,1.9rem);
  line-height:1.4;
  color:#cbbda9;
}

.institution-page .about-intro-statement {
  padding:1.5rem 0 0;
  max-width:34rem
}

.institution-page .about-intro-statement .eyebrow {
  margin-bottom:1.5rem
}

.institution-page .about-lead {
  font-size:clamp(1.55rem,2.35vw,2.15rem);
  line-height:1.52;
  color:var(--ivory);
  margin:0 0 2.2rem
}

.institution-page .institution-statement {
  display:grid;
  grid-template-columns:minmax(180px,.7fr) minmax(0,1.3fr);
  gap:clamp(2.5rem,6vw,8rem);
  padding:clamp(5rem,8vw,7rem) clamp(.3rem,2vw,2rem);
  border-bottom:1px solid #b58c493c
}

.institution-page .institution-statement .institution-caption h2 {
  font-size:clamp(2.45rem,3.8vw,4.1rem);
  line-height:1.19;
  letter-spacing:-.022em;
  margin:1.7rem 0 0
}

.institution-page .statement-prose {
  max-width:67ch
}

.institution-page .statement-prose p {
  font-size:clamp(1.12rem, 1.45vw, 1.34rem);
  line-height:1.85;
  color:#e1dbd1;
  margin:0 0 1.65em
}

.institution-page .statement-prose p:last-child {
  margin-bottom:0
}

.institution-page .statement-prose p:first-child {
  font-size:clamp(1.22rem,1.65vw,1.46rem);
  line-height:1.64;
  color:var(--ivory)
}

.institution-page .vision-mission {
  padding:clamp(5rem,8vw,7rem) clamp(.3rem,2vw,2rem);
  border-bottom:1px solid #b58c493c
}

.institution-page .section-eyebrow h2 {
  font-size:clamp(2.7rem,4.1vw,4.5rem);
  line-height:1.2;
  margin:1.5rem 0 clamp(2.5rem,5vw,4rem)
}

.institution-page .institution-columns {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:clamp(2rem,5vw,6rem)
}

.institution-page .institution-columns section+section {
  border-left:1px solid #b58c4958;
  padding-left:clamp(2rem,5vw,5rem)
}

.institution-page .institution-columns section .eyebrow {
  margin-bottom:1.4rem
}

.institution-page .institution-columns p:not(.eyebrow) {
  font-size:clamp(1.12rem, 1.45vw, 1.34rem);
  line-height:1.8;
  color:#e1dbd1;
  margin:0
}

.institution-page .charter-invitation {
  display:flex;
  justify-content:space-between;
  gap:3rem;
  align-items:center;
  padding:clamp(5rem,8vw,8rem) clamp(.3rem,2vw,2rem) clamp(6rem,10vw,9rem)
}

.institution-page .charter-invitation h2 {
  font-size:clamp(2.7rem,4vw,4.4rem);
  line-height:1.2;
  margin:.8rem 0 1.3rem
}

.institution-page .charter-invitation p:not(.eyebrow) {
  max-width:50ch;
  font-size:1.2rem;
  line-height:1.7;
  color:#d9d4c9;
  margin:0
}

.institution-page .charter-invitation a {
  flex:0 0 auto
}

.institution-page .charter-hero {
  padding:clamp(5rem,9vw,8rem) clamp(.3rem,2vw,2rem) clamp(4.5rem,7vw,6rem);
  border-bottom:1px solid #b58c4955
}

.institution-page .charter-hero h1 {
  font-size:clamp(3.6rem,6.3vw,6.3rem);
  line-height:1.06;
  letter-spacing:-.025em;
  margin:1.3rem 0 .7rem
}

.institution-page .charter-subtitle {
  font-size:clamp(1.75rem,2.4vw,2.25rem);
  font-style:italic;
  color:#ded1bd;
  margin:0
}

.institution-page .charter-hero .short-gold-rule {
  margin:2.2rem 0 1.5rem
}

.institution-page .charter-status {
  color:#d4bb89;
  text-transform:uppercase;
  letter-spacing:.1em;
  font-size:.82rem;
  margin:0 0 1.5rem
}

.institution-page .charter-reading-layout {
  display:grid;
  grid-template-columns:minmax(185px,250px) minmax(0,780px);
  justify-content:space-between;
  gap:clamp(2rem,5vw,6rem);
  padding:clamp(4rem,7vw,6rem) 0 clamp(6rem,10vw,9rem)
}

.institution-page .charter-toc {
  position:sticky;
  top:2rem;
  align-self:start
}

.institution-page .charter-toc .eyebrow {
  margin-bottom:1.5rem
}

.institution-page .charter-toc a {
  display:flex;
  gap:.9rem;
  align-items:baseline;
  text-decoration:none;
  color:#d9d4c9;
  padding:.6rem 0;
  font-size:.95rem;
  line-height:1.45
}

.institution-page .charter-toc a span {
  color:var(--gold);
  font-size:.72rem
}

.institution-page .charter-toc a:hover {
  color:var(--gold)
}

.institution-page .charter-article {
  scroll-margin-top:2rem;
  padding:0 0 clamp(4rem,7vw,6rem)
}

.institution-page .charter-article+.charter-article {
  border-top:1px solid #b58c4952;
  padding-top:clamp(3.5rem,5vw,5rem)
}

.institution-page .charter-article .eyebrow {
  margin:0 0 1rem
}

.institution-page .charter-article h2 {
  font-size:clamp(2.05rem,3vw,2.95rem);
  line-height:1.25;
  letter-spacing:-.018em;
  margin:0 0 2.2rem
}

.institution-page .charter-article h3 {
  font-size:1.55rem;
  line-height:1.7;
  color:var(--gold);
  margin:1.9rem 0 .55rem
}

.institution-page .charter-article p:not(.eyebrow) {
  font-size:clamp(1.12rem, 1.45vw, 1.34rem);
  line-height:1.83;
  margin:0 0 1.6em;
  color:#e1dbd1
}

.institution-page .charter-article p:last-child {
  margin-bottom:0
}

.institution-page .charter-article:first-child p:not(.eyebrow):first-of-type {
  color:var(--ivory)
}

.institution-page .charter-ending {
  border-top:1px solid #b58c495c;
  padding:3rem 0 0;
  text-align:center;
  color:var(--gold)
}

.institution-page .charter-ending p:first-child {
  font-size:1.4rem;
  margin:0 0 .6rem
}

.institution-page .charter-ending p:last-child {
  font-size:.95rem;
  letter-spacing:.06em;
  margin:0
}

@media(max-width:900px){
  .institution-page .about-introduction {
    gap:3rem
  }

  .institution-page .about-intro-title h1 {
    font-size:clamp(3.25rem,6vw,4.6rem)
  }

  .institution-page .charter-reading-layout {
    grid-template-columns:175px minmax(0,1fr);
    gap:2rem
  }

}

@media(max-width:680px){
  .institution-page .about-introduction {
    grid-template-columns:1fr;
    gap:3rem;
    padding:4.5rem 0 4rem
  }

  .institution-page .about-intro-title h1 {
    font-size:clamp(3.1rem,12vw,4.3rem)
  }

  .institution-page .about-intro-title .short-gold-rule {
    margin:1.6rem 0
  }

  .institution-page .about-intro-statement {
    padding:0
  }

  .institution-page .about-intro-statement .eyebrow {
    margin-bottom:1rem
  }

  .institution-page .about-lead {
    font-size:1.55rem
  }

  .institution-page .institution-statement {
    display:block;
    padding:4rem 0
  }

  .institution-page .institution-statement .institution-caption h2 {
    font-size:2.9rem;
    margin:1rem 0 2rem
  }

  .institution-page .statement-prose p {
    line-height:1.8
  }

  .institution-page .vision-mission {
    padding:4rem 0
  }

  .institution-page .section-eyebrow h2 {
    font-size:3rem;
    margin:1rem 0 2rem
  }

  .institution-page .institution-columns {
    grid-template-columns:1fr;
    gap:2.5rem
  }

  .institution-page .institution-columns section+section {
    padding:2.5rem 0 0;
    border-left:0;
    border-top:1px solid #b58c4955
  }

  .institution-page .charter-invitation {
    display:block;
    padding:4.5rem 0 5rem
  }

  .institution-page .charter-invitation a {
    margin-top:1.5rem
  }

  .institution-page .charter-hero {
    padding:4.5rem 0 3rem
  }

  .institution-page .charter-hero h1 {
    font-size:3.3rem
  }

  .institution-page .charter-reading-layout {
    display:block;
    padding:2rem 0 5rem
  }

  .institution-page .charter-toc {
    position:static;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:.15rem 1rem;
    border-bottom:1px solid #b58c4952;
    padding-bottom:2rem;
    margin-bottom:4rem
  }

  .institution-page .charter-toc .eyebrow {
    grid-column:1/-1;
    margin-bottom:.7rem
  }

  .institution-page .charter-toc a {
    font-size:.84rem
  }

  .institution-page .charter-article h2 {
    font-size:2.2rem
  }

  .institution-page .charter-article p:not(.eyebrow) {
    line-height:1.8
  }

  .institution-page .charter-ending p:last-child {
    font-size:.85rem
  }

}

@media(max-width:375px){
  .institution-page .charter-toc {
    grid-template-columns:1fr
  }

}

.institution-page #work-heading {
  font-size:clamp(2rem,3vw,3.15rem);
  overflow-wrap:normal
}

@media(max-width:680px){
  .institution-page #work-heading {
    font-size:clamp(2rem,7vw,2.65rem)
  }

}

.institution-page #work-heading .sacred-art-tm {
  font-size:.42em;
  vertical-align:super;
  line-height:0;
  letter-spacing:0
}

.institution-page .statement-prose .sacred-art-tm {
  font-size:.58em;
  vertical-align:super;
  line-height:0;
  letter-spacing:0
}

@media (max-width: 680px) {
  .institution-page .statement-prose p,
  .institution-page .institution-columns p:not(.eyebrow),
  .institution-page .charter-article p:not(.eyebrow) {
    font-size: 1.16rem;
  }

}