@import url("prague-pivot.css");

/* Portraits share the faculty assets; the circle is a presentation crop only. */
.approach-practitioners { padding-block:76px 68px; background:#f8f5ef; }
.approach-practitioners-heading { max-width:760px; margin:0 auto 55px; text-align:center; }
.approach-practitioners-heading h2 { margin-top:20px; font:400 clamp(29px,3vw,42px)/1.25 var(--serif); letter-spacing:-.65px; color:var(--brown); }
.approach-portraits { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:6%; list-style:none; margin:0; padding:0; }
.approach-portraits li { min-width:0; text-align:center; }
.approach-portraits a { display:block; color:var(--brown); text-decoration:none; }
.approach-portrait { display:block; width:min(100%,290px); aspect-ratio:1; margin-inline:auto; overflow:hidden; border-radius:50%; background:#ded7cc; }
.approach-portrait img { width:100%; height:100%; object-fit:cover; object-position:center 18%; transition:transform 650ms cubic-bezier(.22,.61,.36,1); }
.approach-portrait-stem { display:block; width:1px; height:42px; margin:14px auto 22px; background:#a99882; transition:background-color 300ms; }
.approach-portraits h3 { font:400 clamp(24px,2.3vw,31px)/1.25 var(--serif); letter-spacing:-.4px; margin:0 0 11px; }
.approach-portraits p { max-width:255px; margin-inline:auto; font:17px/1.6 var(--sans); color:#65594f; }
.approach-portraits a:hover h3 { color:var(--red); text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:6px; }
.approach-portraits a:hover .approach-portrait img,.approach-portraits a:focus-visible .approach-portrait img { transform:scale(1.035); }
.approach-portraits a:hover .approach-portrait-stem { background:var(--red); }
.approach-portraits a:focus-visible { outline:2px solid var(--red); outline-offset:8px; }
.approach-faculty-link { text-align:center; margin-top:43px; }
@media(max-width:1100px) {
  .approach-practitioners { padding-block:60px; }
  .approach-portraits { gap:4%; }
  .approach-portraits p { font-size:16px; }
}
@media(max-width:680px) {
  .approach-practitioners { padding-block:46px; }
  .approach-practitioners-heading { margin-bottom:36px; }
  .approach-portraits { grid-template-columns:1fr; gap:39px; }
  .approach-portrait { width:min(100%,260px); }
  .approach-portrait-stem { height:30px; margin-block:12px 17px; }
  .approach-portraits h3 { font-size:29px; }
  .approach-portraits p { font-size:17px; max-width:290px; }
  .approach-faculty-link { margin-top:35px; }
}
@media(prefers-reduced-motion:reduce) {
  .approach-portrait img,.approach-portrait-stem { transition:none; }
  .approach-portraits a:hover .approach-portrait img,.approach-portraits a:focus-visible .approach-portrait img { transform:none; }
}
@media print {
  .approach-practitioners { padding-block:25px; background:#fff; }
  .approach-portraits { grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
  .approach-portraits li { break-inside:avoid; }
  .approach-portrait { max-width:150px; }
  .approach-portraits h3 { font-size:21px; }
  .approach-portraits p { font-size:14px; }
  .approach-faculty-link { display:none; }
}