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

/* MA conclusion: a continuous dark reading field opening onto the library. */
.ma-vision { position:relative; isolation:isolate; overflow:hidden; background:var(--deep); color:#f4eee4; }
.ma-vision-image { position:absolute; inset:0 0 0 39%; z-index:-2; }
.ma-vision-image img { width:100%; height:100%; object-fit:cover; object-position:59% center; }
.ma-vision::after { content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg,var(--deep) 0%,var(--deep) 35%,rgba(45,36,32,.94) 44%,rgba(45,36,32,.78) 52%,rgba(45,36,32,.27) 70%,rgba(45,36,32,.06) 100%); }
.ma-vision-content { display:flex; align-items:center; min-height:600px; padding-block:76px; }
.ma-vision-copy { width:52%; max-width:610px; }
.ma-vision-copy .eyebrow { color:var(--gold); padding-top:23px; margin-bottom:29px; position:relative; }
.ma-vision-copy .eyebrow::before { content:""; position:absolute; width:62px; height:2px; top:0; left:0; background:var(--gold); }
.ma-vision-statement { font:400 clamp(29px,2.6vw,38px)/1.42 var(--serif); letter-spacing:-.5px; }
.ma-vision-statement span { color:#e4c7a0; font-style:italic; }

@media(max-width:1100px) {
  .ma-vision-content { min-height:560px; padding-block:62px; }
  .ma-vision-copy { width:59%; }
  .ma-vision::after { background:linear-gradient(90deg,var(--deep) 0%,var(--deep) 36%,rgba(45,36,32,.94) 46%,rgba(45,36,32,.75) 59%,rgba(45,36,32,.08) 100%); }
}
@media(max-width:800px) {
  .ma-vision-image { position:relative; inset:auto; z-index:auto; aspect-ratio:1.75; }
  .ma-vision-image img { object-position:center; }
  .ma-vision::after { display:none; }
  .ma-vision-content { min-height:0; padding-block:44px 50px; }
  .ma-vision-copy { width:100%; max-width:660px; }
  .ma-vision-statement { font-size:32px; }
  .ma-vision-copy .eyebrow { margin-bottom:23px; }
}
@media(max-width:560px) {
  .ma-vision-image { aspect-ratio:1.4; }
  .ma-vision-content { padding-block:34px 39px; }
  .ma-vision-statement { font-size:27px; letter-spacing:-.2px; line-height:1.48; }
}
@media print {
  .ma-vision { background:#fff; color:#000; break-inside:avoid; }
  .ma-vision-image,.ma-vision::after { display:none; }
  .ma-vision-content { min-height:0; padding-block:25px; }
  .ma-vision-copy { width:100%; max-width:none; }
  .ma-vision-copy .eyebrow,.ma-vision-statement span { color:#000; }
}