/* ==========================================================================
   Interpretive Somatics — FACULTY PAGE
   Isolated, Faculty-only styles. Loaded only on faculty.html, after style.css.

   Compositional identity: QUIET COLLECTIVE. Quieter and more direct than
   Home/About/Program — one consistent editorial system carries all six
   practitioners, read as a collective rather than a hierarchy. The
   biographies and portraits stay the primary content throughout; every
   entry shares one uniform portrait/name relationship, never resized,
   staggered, or alternated between left and right.
   ========================================================================== */

.faculty-movement{ position:relative; }

/* -------------------------------------------------------------------------
   OPENING — editorial, asymmetric, not a centered marketing hero
   ------------------------------------------------------------------------- */
.faculty-hero{
  padding-top: clamp(8rem, 15vw, 10.5rem);
  padding-bottom: clamp(3rem, 6vw, 4.5rem);
}
.faculty-hero__headline{
  font-family: var(--serif);
  font-optical-sizing: auto;
  font-weight: 400;
  font-size: clamp(2.6rem, 5.8vw, 4.6rem);
  line-height: 1.05;
  letter-spacing: -.01em;
  color: var(--ink);
  max-width: 14ch;
  margin: 0;
}
.faculty-hero__copy{
  margin-top: clamp(2.5rem, 6vw, 4rem);
}
.faculty-hero__copy p{
  font-size: clamp(1.05rem, 1.3vw, 1.2rem);
  line-height: 1.75;
  color: var(--ink-soft);
}
.faculty-hero__copy p:first-child{
  max-width: 54ch;
  margin-left: clamp(0px, 16vw, 170px);
}
.faculty-hero__copy p:last-child{
  max-width: 48ch;
  margin-top: clamp(1.8rem, 4vw, 2.75rem);
  margin-left: clamp(0px, 9vw, 100px);
}
.faculty-hero__accent{
  display: none;
}

/* -------------------------------------------------------------------------
   FACULTY LIST — one consistent system, restrained per-entry rhythm
   ------------------------------------------------------------------------- */
.faculty-list{
  padding-block: clamp(1.5rem, 3vw, 2.5rem) clamp(2rem, 4vw, 3rem);
}
.faculty-entry{
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.6rem;
  padding-block: clamp(3.25rem, 6.5vw, 5rem);
  border-top: 1px solid var(--line);
  align-items: start;
}
.faculty-entry:last-child{ border-bottom: 1px solid var(--line); }

.faculty-entry__portrait{
  width: 100%;
  aspect-ratio: 4/5;
  background: var(--bone-deep);
  border: 1px solid var(--line-soft);
  border-radius: 2px;
  overflow: hidden;
}
.faculty-entry__portrait img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 30%;
  display: block;
}
.faculty-entry__portrait--sherri img{ object-position: 62% 32%; }
.faculty-entry__portrait--mike img{ object-position: 50% 0%; }

.faculty-entry__name{
  font-family: var(--serif);
  font-weight: 460;
  font-size: clamp(1.6rem, 2.6vw, 2.1rem);
  line-height: 1.15;
  letter-spacing: -.01em;
  color: var(--ink);
  margin: 0;
}
.faculty-entry__credential{
  font-family: var(--sans);
  font-size: .78rem;
  letter-spacing: .1em;
  text-transform: uppercase;
  font-weight: 600;
  color: var(--gold-deep);
  margin-top: .6rem;
}
.faculty-entry__bio{
  margin-top: 1.5rem;
  max-width: 62ch;
}
.faculty-entry__bio p{
  font-size: clamp(1rem, 1.15vw, 1.08rem);
  line-height: 1.75;
  color: var(--ink-soft);
}
.faculty-entry__bio p + p{ margin-top: 1.2rem; }

@media(min-width: 761px){
  /* OPENING — closer heading/first-paragraph relationship; the second
     paragraph is pulled right and further down to read as a distinct
     secondary reflection rather than "paragraph two." */
  .faculty-hero__copy{
    margin-top: clamp(1.5rem, 3vw, 2rem);
  }
  .faculty-hero__copy p:first-child{
    max-width: 46ch;
    margin-left: 0;
  }
  .faculty-hero__accent{
    display: block;
    width: 40px;
    height: 1px;
    background: var(--gold);
    margin-top: clamp(3rem, 6vw, 4.5rem);
    margin-left: clamp(120px, 22vw, 260px);
  }
  .faculty-hero__copy p:last-child{
    max-width: 42ch;
    margin-top: 1rem;
    margin-left: clamp(120px, 22vw, 260px);
  }

  /* FACULTY LIST — one consistent portrait/name relationship across all
     six entries; no per-entry offset. */
  .faculty-entry{
    grid-template-columns: clamp(200px, 22vw, 250px) 1fr;
    gap: clamp(2.25rem, 4.5vw, 3.5rem);
    padding-block: clamp(2.85rem, 5.75vw, 4.4rem);
  }
}

/* -------------------------------------------------------------------------
   CLOSE — quiet editorial closing movement, no card/border
   ------------------------------------------------------------------------- */
.faculty-close{
  padding-block: clamp(5rem, 10vw, 7.5rem);
  text-align: center;
}
.faculty-close__statement{
  font-family: var(--serif);
  font-weight: 420;
  font-size: clamp(1.8rem, 3.4vw, 2.6rem);
  line-height: 1.3;
  color: var(--ink);
  max-width: 30ch;
  margin-inline: auto;
}
.faculty-close__action{ margin-top: clamp(1.8rem, 3.5vw, 2.4rem); }
.faculty-close__action .hero-actions{ justify-content: center; }

/* -------------------------------------------------------------------------
   Responsive recomposition — mobile stacks cleanly, no forced desktop
   asymmetry, credential lines stay readable
   ------------------------------------------------------------------------- */
@media(max-width: 760px){
  .faculty-hero__copy p:first-child{
    max-width: none;
    margin-left: 0;
  }
  .faculty-hero__accent{
    display: block;
    width: 32px;
    height: 1px;
    background: var(--gold);
    margin-top: 1.5rem;
    margin-left: 28px;
  }
  .faculty-hero__copy p:last-child{
    max-width: none;
    margin-top: 1.25rem;
    margin-left: 28px;
  }

  .faculty-entry__portrait{ max-width: 164px; }
  .faculty-entry__credential{ letter-spacing: .07em; }

  .faculty-close__statement{ max-width: none; }
}