/* Page-specific rules; common interior layout is in components.css. */
.about-main .about-facts { grid-column:1/-1; }
.about-main .join-list { list-style:none; padding:0; }
.about-main .join-list li, .about-main .contact-panel { padding:24px; border-radius:22px; background:var(--card); box-shadow:var(--shadow); }
.about-main .join-section { display:block; }
.about-main .join-section .about-section-head { max-width:40em; margin-bottom:28px; }
.about-main .contact-section { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:40px; }
@media(max-width:1100px) { .about-main .join-list { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:700px) { .about-main .contact-section,.about-main .join-list { grid-template-columns:minmax(0,1fr); gap:24px; } }

/* Preserve faces when portrait photographs fill the hero landscape frames. */
.about-main .about-photo-main { object-position:50% 30%; }
.about-main .about-photo-small.two { object-position:50% 8%; }