/* ABOUT — photo layout */
.about-photo-layout { display: grid; grid-template-columns: 280px 1fr 1fr; gap: 48px; align-items: start; max-width: 1280px; }

.about-photo-col { display: flex; flex-direction: column; gap: 20px; }

.about-photo-placeholder {
  width: 100%;
  aspect-ratio: 3/4;
  background: var(--meridian);
  display: flex; flex-direction: column;
  align-items: center; justify-content: center;
  gap: 12px;
  border: 2px dashed rgba(200,185,154,0.3);
  position: relative;
  overflow: hidden;
}
.about-photo-placeholder svg { opacity: 0.3; }
.about-photo-placeholder-label {
  font-size: 10px; letter-spacing: 0.16em; text-transform: uppercase;
  color: rgba(200,185,154,0.5); text-align: center; line-height: 1.6;
  padding: 0 16px;
}
.about-photo-img {
  width: 100%;
  aspect-ratio: 3/4;
  object-fit: cover;
  object-position: center top;
  display: block;
}
.about-photo-caption {
  font-size: 12px; font-weight: 300; letter-spacing: 0.06em;
  color: var(--tod-low); text-align: center;
}

@media (max-width: 960px) {
  .about-photo-layout { grid-template-columns: 1fr; gap: 40px; }
  .about-photo-placeholder { aspect-ratio: 1/1; max-width: 240px; }
}