/* Real snapshots: intentionally informal, using untouched in-house photographs. */
.education-photo-list{
  gap:clamp(16px,2vw,28px);
  border:0;
  overflow:visible;
  align-items:start;
}
.education-photo-list article{
  position:relative;
  min-height:0;
  padding:10px 10px 30px;
  border:1px solid rgba(83,66,54,.24);
  background:#fbf7ef;
  box-shadow:0 12px 30px rgba(55,44,35,.08);
  transform-origin:50% 18%;
}
.education-photo-list article:nth-child(1){margin-top:22px;transform:rotate(-1.25deg)}
.education-photo-list article:nth-child(2){transform:rotate(.65deg)}
.education-photo-list article:nth-child(3){margin-top:34px;transform:rotate(-.55deg)}
.education-photo-list article:nth-child(4){margin-top:8px;transform:rotate(1.1deg)}
.education-photo-list article::before{
  content:"";
  position:absolute;
  z-index:2;
  top:-8px;
  left:50%;
  width:52px;
  height:17px;
  background:rgba(219,199,166,.62);
  transform:translateX(-50%) rotate(-2deg);
  box-shadow:0 1px 2px rgba(55,44,35,.08);
}
.education-snapshot{
  position:relative;
  width:100%;
  aspect-ratio:5/3;
  margin:0 0 24px;
  overflow:hidden;
  background:#e8e0d5;
}
.education-snapshot img{
  position:absolute;
  display:block;
  max-width:none;
  height:auto;
  filter:none;
}
.education-snapshot.crop-foundation img{width:123%;left:-2.9%;top:-62%}
.education-snapshot.crop-technique img{width:121.3%;left:-2.3%;top:-62.5%}
.education-snapshot.crop-consulting img{width:123%;left:-2.5%;top:-66%}
.education-snapshot.crop-humanity img{width:123%;left:-3.1%;top:-41%}
.education-photo-list article>span,
.education-photo-list article>h3,
.education-photo-list article>p{display:block;margin-left:12px;margin-right:12px}
.education-photo-list article>h3{margin-top:17px}

@media(max-width:1180px) and (min-width:821px){
  .education-photo-list article:nth-child(3){margin-top:20px}
  .education-photo-list article:nth-child(4){margin-top:0}
}
@media(max-width:820px){
  .education-photo-list{gap:30px}
  .education-photo-list article,
  .education-photo-list article:nth-child(n){margin-top:0;padding:9px 9px 27px;transform:rotate(0)}
  .education-photo-list article:nth-child(odd){transform:rotate(-.55deg)}
  .education-photo-list article:nth-child(even){transform:rotate(.55deg)}
  .education-snapshot{margin-bottom:21px}
  .education-photo-list article>span,
  .education-photo-list article>h3,
  .education-photo-list article>p{margin-left:14px;margin-right:14px}
}

/* PEOPLE: a staff album, not a row of formal profile cards. */
.people-grid{gap:clamp(18px,2.2vw,34px);align-items:start;overflow:visible}
.people-grid figure{
  position:relative;
  padding:8px 8px 22px;
  border:1px solid rgba(83,66,54,.18);
  background:#fdf9f1;
  box-shadow:0 10px 24px rgba(55,44,35,.07);
}
.people-grid figure:nth-child(1){margin-top:28px;transform:rotate(-1.2deg)}
.people-grid figure:nth-child(2){transform:rotate(.85deg)}
.people-grid figure:nth-child(3){margin-top:42px;transform:rotate(-.7deg)}
.people-grid figure:nth-child(4){margin-top:13px;transform:rotate(1.1deg)}
.people-grid img{filter:none}
.people-grid figcaption{padding:16px 8px 0}

/* ENVIRONMENT: the polished salon and the unpolished team, together. */
.environment-album{
  position:relative;
  min-height:680px;
  max-height:none;
  overflow:visible;
}
.environment-album figure{position:absolute;margin:0;overflow:hidden}
.environment-salon-photo{top:0;left:0;width:86%;height:76%;box-shadow:0 18px 42px rgba(55,44,35,.12)}
.environment-album .environment-salon-photo img{width:100%;height:100%;min-height:0;object-fit:cover;filter:saturate(.78) contrast(.96)}
.environment-team-photo{
  right:0;
  bottom:0;
  z-index:2;
  width:74%;
  aspect-ratio:5/3;
  padding:8px;
  border:1px solid rgba(83,66,54,.2);
  background:#fbf7ef;
  box-shadow:0 18px 42px rgba(55,44,35,.16);
  transform:rotate(1.3deg);
}
.environment-team-photo::before{
  content:"";
  position:absolute;
  z-index:3;
  top:-5px;
  left:50%;
  width:58px;
  height:17px;
  background:rgba(219,199,166,.72);
  transform:translateX(-50%) rotate(-3deg);
}
.environment-album .environment-team-photo img{position:absolute;width:123%;height:auto;min-height:0;max-width:none;left:-3.1%;top:-41%;filter:none}

@media(max-width:820px){
  .people-grid{gap:28px 14px}
  .people-grid figure:nth-child(n){margin-top:0}
  .people-grid figure:nth-child(odd){transform:rotate(-.7deg)}
  .people-grid figure:nth-child(even){margin-top:22px;transform:rotate(.7deg)}
  .people-grid figure{padding:6px 6px 16px}
  .people-grid figcaption{padding:12px 5px 0}
  .environment-album{order:2;min-height:520px}
  .environment-salon-photo{width:92%;height:69%}
  .environment-team-photo{width:83%;bottom:3px;padding:6px}
}

@media(max-width:420px){
  .environment-album{min-height:450px}
}