.clarity .experience-band .experience{align-items:center;gap:80px;padding-top:90px;padding-bottom:95px}
.photo-stack{position:relative;width:360px;max-width:100%;height:265px;margin:36px 0 0 8px}
.photo-stack img{position:absolute;width:236px;height:158px;object-fit:cover;border:5px solid #f8f2f3;box-shadow:0 8px 20px #3b071b30}
.photo-stack .stack-back{left:0;top:0;transform:rotate(-6deg)}
.photo-stack .stack-front{left:105px;top:91px;transform:rotate(5deg)}
.experience-sketch{width:135px;color:#e5b8c1;margin:0 0 26px auto}
.experience-sketch svg{display:block;width:100%;height:auto}
.experience-about{display:inline-block;margin-top:14px;color:#fff;font-size:15px;text-underline-offset:6px}
.experience-b .photo-stack{height:280px;margin-left:0}
.experience-b .photo-stack img{width:200px;height:215px;transform:none;object-position:center 57%;border-width:4px}
.experience-b .photo-stack .stack-front{left:145px;top:57px}
.experience-b .experience-sketch{margin-left:0;width:145px}
.experience-b .bio{position:relative}
@media(max-width:900px){.clarity .experience-band .experience{gap:40px}.photo-stack{width:310px}.photo-stack img{width:210px;height:145px}.photo-stack .stack-front{left:82px}.experience-b .photo-stack img{width:180px}.experience-b .photo-stack .stack-front{left:112px}}
@media(max-width:700px){.clarity .experience-band .experience{grid-template-columns:1fr;gap:30px;padding-top:65px;padding-bottom:65px}.photo-stack{margin-top:30px}.experience-sketch{margin:0 0 20px;width:105px}.experience-b .experience-sketch{width:115px}}

/* Current direction: larger TNT and lab photographs with a light diagonal overlap. */
.clarity .experience-community .experience{grid-template-columns:.95fr 1.05fr;gap:70px;align-items:center}
.experience-community .photo-stack{width:480px;max-width:100%;height:auto;aspect-ratio:1.2;margin:15px 0 0}
.experience-community .photo-stack img{width:68%;height:auto;aspect-ratio:3/2;border:4px solid #f8f2f3;box-shadow:0 12px 28px #410a1926}
.experience-community .photo-stack .stack-back{left:0;top:2%;transform:rotate(-2deg);z-index:2}
.experience-community .photo-stack .stack-front{left:32%;top:44%;transform:rotate(2deg);object-position:55% center;z-index:1}
.experience-community .bio h2{margin:18px 0 28px}
.clarity .experience-community .bio strong{color:inherit;font-weight:600}
@media(max-width:1000px){.clarity .experience-community .experience{gap:40px}}
@media(max-width:800px){.clarity .experience-community .experience{grid-template-columns:1fr;gap:38px}.experience-community .experience-left{order:2}.experience-community .photo-stack{width:460px;margin:0 auto}}

/* Keep the stacked photographs within the mobile content column. */
.clarity .experience-community .experience>*{min-width:0}
@media(max-width:800px){.clarity .experience-community .experience{grid-template-columns:minmax(0,1fr)}.experience-community .photo-stack{width:min(440px,96%);max-width:96%}}