@layer page {
.pg-get-involved .join-wrap { max-width: calc(1160px + 2 * var(--gutter)); }
.pg-get-involved .join-head { padding-bottom: clamp(40px, 6vw, 72px); }
.pg-get-involved .join-head h1 { font-size: clamp(3.5rem, 8vw, 6.5rem); line-height: 1; }
.pg-get-involved .join-main { padding-block: clamp(40px, 6vw, 72px) clamp(24px, 4vw, 48px); }
@media screen {
.pg-get-involved #main { display: flex; flex-direction: column; }
.pg-get-involved .join-main { flex: 1; }
}
.pg-get-involved .join-card { display: grid; grid-template-columns: minmax(0, 1fr); overflow: hidden; }
.pg-get-involved .join-photo { position: relative; aspect-ratio: 2 / 1; margin: 0; border-bottom: 1px solid var(--ink); }
.pg-get-involved .join-photo img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 12%; }
.pg-get-involved .join-form { min-width: 0; padding: clamp(24px, 4vw, 48px); }
.pg-get-involved .join-form .intake-form { max-width: none; margin-top: 0; padding: 0; border: 0; border-radius: 0; background: transparent; }
.pg-get-involved .join-form .intake-submit { width: 100%; }
.pg-get-involved .intake-done:not([hidden]) { grid-template-columns: minmax(0, 1fr); justify-items: center; margin-inline: auto; text-align: center; }
.pg-get-involved .intake-done .btn-row { justify-content: center; }
@media (min-width: 1200px) {
.pg-get-involved .join-card { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); }
.pg-get-involved .join-photo { aspect-ratio: auto; min-height: 100%; border-bottom: 0; border-right: 1px solid var(--ink); }
.pg-get-involved .join-photo img { object-position: 80% 50%; }
}
@media (max-width: 767px) {
.pg-get-involved .join-photo { aspect-ratio: 4 / 3; }
.pg-get-involved .join-photo img { object-position: 50% 16%; }
}
@media (max-width: 767px) {
.pg-get-involved .join-head { padding-block: 32px; }
.pg-get-involved .join-head h1 { font-size: 2.75rem; }
.pg-get-involved .join-main { padding-block: 24px 16px; }
.pg-get-involved .join-form { padding: 24px 16px 32px; }
}
@media print {
.pg-get-involved .join-card { display: block; }
.pg-get-involved .join-photo { display: none; }
}
}