/* Institutional layouts from approved Prototype 04 only.
Shared identity, navigation, footer and correspondence remain in site.css. */
.institution-page {
  width: min(1340px, calc(100% - 2 * var(--gutter)));
  margin-inline: auto;
  font-size: 1.125rem;
  line-height: 1.65;
}

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

.institution-page .eyebrow {
  font-size: .8125rem;
  line-height: 1.5;
  letter-spacing: .09em;
  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;
  padding-block: var(--section-space);
}

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

.institution-page .about-intro-title h1 {
  margin:0;
  font-size:var(--heading-1);
  line-height:1.1;
  letter-spacing:-.025em;
  font-weight: 400;
  text-wrap: balance;
}

.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:var(--reading-size);
  line-height:var(--reading-leading);
  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;
  padding-block: var(--section-space);
}

.institution-page .institution-statement .institution-caption h2 {
  font-size:var(--heading-2);
  line-height:1.18;
  letter-spacing:-.022em;
  margin:1.7rem 0 0;
  font-weight: 400;
  text-wrap: balance;
}

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

.institution-page .statement-prose p {
  font-size:var(--reading-size);
  line-height:var(--reading-leading);
  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:var(--reading-size);
  line-height:var(--reading-leading);
  color:var(--ivory)
}

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

.institution-page .section-eyebrow h2 {
  font-size:var(--heading-2);
  line-height:1.18;
  margin:1.5rem 0 clamp(2.5rem,5vw,4rem);
  font-weight: 400;
  text-wrap: balance;
}

.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:var(--reading-size);
  line-height:var(--reading-leading);
  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);
  padding-block: var(--section-space);
}

.institution-page .charter-invitation h2 {
  font-size:var(--heading-2);
  line-height:1.18;
  margin:.8rem 0 1.3rem;
  font-weight: 400;
  text-wrap: balance;
}

.institution-page .charter-invitation p:not(.eyebrow) {
  max-width:67ch;
  font-size:var(--reading-size);
  line-height:var(--reading-leading);
  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;
  padding-block: var(--section-space);
}

.institution-page .charter-hero h1 {
  font-size:var(--heading-1);
  line-height:1.1;
  letter-spacing:-.025em;
  margin:1.3rem 0 .7rem;
  font-weight: 400;
  text-wrap: balance;
}

.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:.09em;
  font-size:.8125rem;
  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);
  padding-block: var(--section-space);
}

.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:.8125rem;
  line-height:1.45;
  letter-spacing: .08em;
}

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

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

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

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

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

.institution-page .charter-article h2 {
  font-size:var(--heading-2);
  line-height:1.18;
  letter-spacing:-.018em;
  margin:0 0 2.2rem;
  font-weight: 400;
  text-wrap: balance;
}

.institution-page .charter-article h3 {
  font-size:var(--heading-3);
  line-height:1.18;
  color:var(--gold);
  margin:1.9rem 0 .55rem;
  font-weight: 400;
  text-wrap: balance;
}

.institution-page .charter-article p:not(.eyebrow) {
  font-size:var(--reading-size);
  line-height:var(--reading-leading);
  margin:0 0 1.65em;
  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:var(--reading-size);
  margin:0 0 .6rem
}

.institution-page .charter-ending p:last-child {
  font-size:var(--reading-size);
  letter-spacing:0;
  text-wrap:balance;
  margin:0
}

.institution-page .charter-ending .charter-commitment {
  white-space:nowrap;
}

@media(max-width:900px){
  .institution-page .about-introduction {
    gap:3rem;
  padding-block: var(--section-space);
}

  .institution-page .about-intro-title h1 {
    font-size:var(--heading-1);
  font-weight: 400;
  line-height: 1.1;
  text-wrap: balance;
  letter-spacing: -.025em;
}

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

}

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

  .institution-page .about-intro-title h1 {
    font-size:var(--heading-1);
  font-weight: 400;
  line-height: 1.1;
  text-wrap: balance;
  letter-spacing: -.025em;
}

  .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:var(--reading-size)
  }

  .institution-page .institution-statement {
    display:block;
    padding:4rem 0;
  padding-block: var(--section-space);
}

  .institution-page .institution-statement .institution-caption h2 {
    font-size:var(--heading-2);
    margin:1rem 0 2rem;
  font-weight: 400;
  line-height: 1.18;
  text-wrap: balance;
}

  .institution-page .statement-prose p {
    line-height:var(--reading-leading)
  }

  .institution-page .vision-mission {
    padding:4rem 0;
  padding-block: var(--section-space);
}

  .institution-page .section-eyebrow h2 {
    font-size:var(--heading-2);
    margin:1rem 0 2rem;
  font-weight: 400;
  line-height: 1.18;
  text-wrap: balance;
}

  .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;
  padding-block: var(--section-space);
}

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

  .institution-page .charter-hero {
    padding:4.5rem 0 3rem;
  padding-block: var(--section-space);
}

  .institution-page .charter-hero h1 {
    font-size:var(--heading-1);
  font-weight: 400;
  line-height: 1.1;
  text-wrap: balance;
  letter-spacing: -.025em;
}

  .institution-page .charter-reading-layout {
    display:block;
    padding:2rem 0 5rem;
  padding-block: var(--section-space);
}

  .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:.8125rem;
  letter-spacing: .08em;
}

  .institution-page .charter-article h2 {
    font-size:var(--heading-2);
  font-weight: 400;
  line-height: 1.18;
  text-wrap: balance;
}

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

  .institution-page .charter-ending p:last-child {
    font-size:var(--reading-size)
  }

}

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

}

.institution-page #work-heading {
  font-size:var(--heading-2);
  overflow-wrap:normal;
  font-weight: 400;
  line-height: 1.18;
  text-wrap: balance;
}

@media(max-width:680px){
  .institution-page #work-heading {
    font-size:var(--heading-2);
  font-weight: 400;
  line-height: 1.18;
  text-wrap: balance;
}

}

.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: var(--reading-size);
  }

}