/* About page — layout on top of the shared site.css components.
   Desktop: About.dc.html | Mobile (<860px): Mobile - About.dc.html */

.sep-about-owner { background: #0A0A0A; }
.sep-about-owner__inner { padding: 32px 20px; display: flex; flex-direction: column; align-items: center; gap: 20px; text-align: center; }
.sep-about-owner__photo { width: 220px; height: 255px; border: 1px solid #24262a; flex: 0 0 auto; }
.sep-about-owner__photo img { width: 100%; height: 100%; object-fit: cover; display: block; }
.sep-about-owner__photo-placeholder { display: flex; align-items: center; justify-content: center; height: 100%; padding: 16px; text-align: center; font: 400 12px/1.5 'Inter', sans-serif; color: #6d7176; }
.sep-about-owner__bio h2 { text-align: center; }
.sep-about-owner__bio .sep-rule { margin-left: auto; margin-right: auto; }
.sep-about-owner__bio-text { font: 400 15px/1.65 'Inter', sans-serif; color: #BFC3C7; }
.sep-about-owner__bio-text p { margin: 0; }

.sep-about-map { background: #0A0A0A; }
.sep-about-map .sep-wrap { padding: 32px 20px; }
.sep-about-map__frame { display: block; box-sizing: border-box; border: 2px solid #3b4046; width: 100%; height: 260px; }

.sep-cta-band .sep-cta-band__call { background: transparent; border-color: rgba(255,255,255,.5); }
.sep-cta-band .sep-cta-band__call-num { font-size: 19px; }

@media (min-width: 860px) {
  .sep-about-owner__inner { max-width: 1240px; margin: 0 auto; padding: clamp(36px,4vw,60px) 20px; flex-direction: row; align-items: center; gap: clamp(28px,3.5vw,48px); text-align: left; }
  .sep-about-owner__photo { width: 324px; height: 376px; flex: 0 0 324px; }
  .sep-about-owner__bio { flex: 1 1 420px; min-width: 280px; }
  .sep-about-owner__bio h2,
  .sep-about-owner__bio-text { text-align: left; }
  .sep-about-owner__bio .sep-rule { margin-left: 0; }

  .sep-about-map .sep-wrap { max-width: 1240px; margin: 0 auto; padding: clamp(36px,4vw,60px) 20px; }
  .sep-about-map__frame { height: 420px; }

  .sep-cta-band .sep-cta-band__call-num { font-size: 22px; }
}