/* FINAL history layout: original user photos only; crop handled by CSS. */
.director-story .history-photo-card .history-photo-frame{
  height:245px;
  overflow:hidden;
  background:#e9eef2;
}
.director-story .history-photo-card .history-photo-frame img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}
.director-story .history-photo-card--building .history-photo-frame img{
  object-position:50% 50%;
}
.director-story .history-photo-card--center-banner .history-photo-frame img{
  transform:scale(1.34);
  transform-origin:50% 8%;
}
.director-story .history-photo-card--right-banner .history-photo-frame img{
  transform:scale(1.31);
  transform-origin:64% 8%;
}
.director-story .history-story{
  display:grid;
  grid-template-columns:.36fr .64fr;
  gap:54px;
  margin:48px 0 42px;
  padding-top:38px;
  border-top:1px solid rgba(255,255,255,.20);
}
.director-story .history-story-title .kicker{color:#91c8ec}
.director-story .history-story-title h3{
  margin:9px 0 0;
  color:#fff;
  font-size:30px;
  line-height:1.3;
  letter-spacing:-.045em;
}
.director-story .history-story-copy p{
  margin:0 0 17px;
  color:#d7e5ee;
  font-size:16px;
  line-height:1.85;
}
.director-story .history-story-copy p:last-child{margin-bottom:0}
.director-story .history-story-copy strong{color:#fff;font-weight:850}
.director-story .history-photo-title--change{margin-top:6px}
.director-story .history-change{
  grid-template-columns:1fr 1fr;
  align-items:stretch;
}
.director-story .history-photo-frame--compare{
  height:350px;
}
.director-story .history-photo-frame--compare img{
  object-fit:cover;
  object-position:50% 48%;
  transform:none;
}
.director-story .history-change .history-photo-card img{height:100%}
.director-story .history-legacy{
  margin:34px 0 0;
  padding:26px 30px;
  border:1px solid rgba(255,255,255,.17);
  border-radius:18px;
  background:rgba(255,255,255,.055);
}
.director-story .history-legacy p{
  margin:0;
  color:#d7e5ee;
  font-size:16px;
  line-height:1.8;
}
.director-story .history-legacy p+p{margin-top:6px}
.director-story .history-legacy strong{color:#fff;font-weight:850}

@media(max-width:980px){
  .director-story .history-story{grid-template-columns:1fr;gap:18px}
  .director-story .history-photo-frame--compare{height:320px}
}
@media(max-width:680px){
  .director-story .history-change{grid-template-columns:1fr}
  .director-story .history-photo-card .history-photo-frame{height:auto;aspect-ratio:4/3}
  .director-story .history-photo-card--center-banner .history-photo-frame img{transform:scale(1.28);transform-origin:50% 8%}
  .director-story .history-photo-card--right-banner .history-photo-frame img{transform:scale(1.24);transform-origin:64% 8%}
  .director-story .history-story{margin:39px 0 34px;padding-top:31px}
  .director-story .history-story-title h3{font-size:27px}
  .director-story .history-story-copy p{font-size:15px;line-height:1.8}
  .director-story .history-photo-frame--compare{height:auto;aspect-ratio:4/3}
  .director-story .history-legacy{padding:22px 20px;margin-top:28px}
  .director-story .history-legacy p{font-size:15px}
}