@import url("programs-training.css");

/* Faculty conclusion: inset campus photograph and an offset reading panel. */
.faculty-context { padding-block:82px 78px; background:linear-gradient(#fff 0 24%,#e9e2d7 24% 100%); }
.faculty-context-grid { display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); align-items:start; }
.faculty-context-grid > * { min-width:0; }
.faculty-context-image { grid-column:1/7; grid-row:1; margin:0; }
.faculty-context-image img { width:100%; aspect-ratio:1.2; object-fit:cover; object-position:48% center; }
.faculty-context-image figcaption { max-width:82%; padding-top:17px; font:13px/1.65 var(--sans); color:#65574d; }
.faculty-context-image figcaption span { padding-inline:4px; }
.faculty-context-copy { grid-column:6/-1; grid-row:1; margin-top:94px; padding:48px 48px 38px; position:relative; background:#f9f5ed; border-top:3px solid var(--gold); }
.faculty-context-copy h2 { max-width:470px; }
.faculty-context-statement { margin-top:27px; font:20px/1.7 var(--serif); color:#514a45; }
.faculty-departments { display:grid; grid-template-columns:1fr; list-style:none; margin:31px 0 0; padding:0; }
.faculty-departments li { position:relative; display:flex; align-items:baseline; gap:18px; padding-block:15px; font:19px/1.4 var(--serif); color:var(--brown); }
.faculty-departments li::before { content:""; position:absolute; inset:0 0 auto; height:1px; background:#cbbba8; transform:scaleX(1); transform-origin:left; transition:transform 800ms cubic-bezier(.22,.61,.36,1); }
.faculty-departments li:nth-child(2)::before { transition-delay:110ms; }
.faculty-departments li:nth-child(3)::before { transition-delay:220ms; }
.faculty-departments li > span { flex:0 0 20px; color:var(--red); font:italic 14px/1.5 var(--serif); }
.faculty-context-grid.scroll-reveal[data-reveal="pending"] .faculty-departments li::before { transform:scaleX(0); }

@media(max-width:1100px) {
  .faculty-context-copy { padding:36px 32px 26px; margin-top:72px; }
  .faculty-context-statement { font-size:19px; }
  .faculty-context-image img { aspect-ratio:1; }
}
@media(max-width:800px) {
  .faculty-context { padding-block:45px 48px; background:linear-gradient(#fff 0 20%,#e9e2d7 20% 100%); }
  .faculty-context-grid { grid-template-columns:minmax(0,1fr); }
  .faculty-context-image { grid-column:1; grid-row:1; }
  .faculty-context-image img { aspect-ratio:1.5; object-position:center; }
  .faculty-context-image figcaption { max-width:none; padding-block:13px 21px; }
  .faculty-context-copy { grid-column:1; grid-row:2; margin:0; padding:35px 32px 24px; }
  .faculty-context-copy h2 br { display:none; }
}
@media(max-width:560px) {
  .faculty-context { padding-block:25px 32px; }
  .faculty-context-copy { padding:29px 24px 20px; }
  .faculty-context-statement { margin-top:23px; font-size:18px; line-height:1.7; }
  .faculty-departments { margin-top:26px; }
  .faculty-departments li { font-size:18px; gap:13px; }
  .faculty-context-image figcaption { font-size:12px; }
}
@media(prefers-reduced-motion:reduce) {
  .faculty-departments li::before { transition:none; }
}
@media print {
  .faculty-context { padding-block:25px; background:#fff; break-inside:avoid; }
  .faculty-context-grid { display:block; }
  .faculty-context-image { display:none; }
  .faculty-context-copy { margin:0; padding:20px 0; background:#fff; }
  .faculty-context-statement,.faculty-departments li { color:#000; }
  .faculty-departments li::before { transform:none; transition:none; }
}