/* ---- ink-photos: clearer, larger student photos (unfaded originals from the live build; the fade is a light CSS mask) ---- */
.side img,.side-m img{filter:saturate(.96) sepia(.05)}
.side img{object-fit:cover}
.side.l img{object-position:0% 18%}
.side.r img{object-position:100% 18%}
.side.l{-webkit-mask-image:linear-gradient(to right,#000 0%,#000 50%,rgba(0,0,0,.55) 74%,rgba(0,0,0,.14) 90%,transparent 100%),linear-gradient(to bottom,transparent 0%,#000 9%,#000 76%,transparent 100%);mask-image:linear-gradient(to right,#000 0%,#000 50%,rgba(0,0,0,.55) 74%,rgba(0,0,0,.14) 90%,transparent 100%),linear-gradient(to bottom,transparent 0%,#000 9%,#000 76%,transparent 100%);-webkit-mask-composite:source-in;mask-composite:intersect}
.side.r{-webkit-mask-image:linear-gradient(to left,#000 0%,#000 50%,rgba(0,0,0,.55) 74%,rgba(0,0,0,.14) 90%,transparent 100%),linear-gradient(to bottom,transparent 0%,#000 9%,#000 76%,transparent 100%);mask-image:linear-gradient(to left,#000 0%,#000 50%,rgba(0,0,0,.55) 74%,rgba(0,0,0,.14) 90%,transparent 100%),linear-gradient(to bottom,transparent 0%,#000 9%,#000 76%,transparent 100%);-webkit-mask-composite:source-in;mask-composite:intersect}
/* phone / tablet band: the 3-student photo, lighter fade */
.side-m img{object-fit:cover;object-position:50% 30%}
.side-m{-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 14%,#000 86%,transparent 100%),linear-gradient(to bottom,transparent 0%,#000 22%,#000 72%,transparent 100%);mask-image:linear-gradient(to right,transparent 0%,#000 14%,#000 86%,transparent 100%),linear-gradient(to bottom,transparent 0%,#000 22%,#000 72%,transparent 100%);-webkit-mask-composite:source-in;mask-composite:intersect}
/* desktop only: the same group photo closes the final CTA card, melting up into its beige */
.final-photo{display:none}
.js-side:not(.side-band) .final-in{padding-bottom:0}
.js-side:not(.side-band) .final-photo{display:block;width:calc(100% + 48px);margin:6px -24px 0;height:300px;pointer-events:none;
 -webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 46%),linear-gradient(to right,transparent 0%,#000 22%,#000 78%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0%,#000 46%),linear-gradient(to right,transparent 0%,#000 22%,#000 78%,transparent 100%);-webkit-mask-composite:source-in;mask-composite:intersect}
.final-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 34%;filter:saturate(.96) sepia(.05)}