/* PalmSeth - About page refresh (scoped to body.page-about), brand green #007749 */
.page-about .about-hero {
 background: linear-gradient(135deg, #003d25 0%, #007749 60%, #27ae60 130%);
 color: #ffffff;
 min-height: 56vh;
 display: flex;
 align-items: center;
 position: relative;
 overflow: hidden;
}
.page-about .about-hero::after {
 content: '';
 position: absolute;
 width: 50rem;
 height: 50rem;
 right: -16rem;
 top: -18rem;
 border-radius: 50%;
 background: radial-gradient(circle, rgba(243, 156, 18, 0.25) 0%, rgba(243, 156, 18, 0) 70%);
 pointer-events: none;
}
.page-about .about-hero .hero-container {
 position: relative;
 z-index: 1;
}
.page-about .about-hero .hero-title {
 font-family: var(--font-secondary);
 font-size: 5.4rem;
 font-weight: 700;
 line-height: 1.1;
 margin-bottom: 2rem;
 color: #ffffff;
}
.page-about .about-hero .hero-tagline {
 display: inline-block;
 font-size: 1.7rem;
 font-weight: 600;
 padding: 0.7rem 1.8rem;
 border-radius: 999px;
 background: rgba(255, 255, 255, 0.14);
 border: 1px solid rgba(255, 255, 255, 0.22);
}
.page-about .section {
 padding: 9rem 0;
}
.page-about .section-header {
 text-align: center;
 margin-bottom: 4.5rem;
}
.page-about .section-title {
 font-family: var(--font-secondary);
 font-size: 3.6rem;
 font-weight: 700;
 margin-bottom: 1.2rem;
 color: #003d25;
}
.page-about .section-line {
 background: linear-gradient(90deg, #007749, #f39c12);
 height: 4px;
 width: 6rem;
 margin: 0 auto;
 border-radius: 4px;
}
.page-about .about-intro {
 background: linear-gradient(180deg, #f5faf7 0%, #ffffff 100%);
}
.page-about .intro-lead {
 font-size: 2rem;
 line-height: 1.75;
 color: var(--color-text);
 text-align: center;
 max-width: 92rem;
 margin: 0 auto;
 position: relative;
 padding: 0 2rem;
}
.page-about .mission-vision {
 background: #ffffff;
}
.page-about .mission-card,
.page-about .vision-card {
 border-radius: 24px;
 padding: 4rem 3.6rem;
 border: 1px solid rgba(0, 119, 73, 0.12);
 box-shadow: 0 14px 40px rgba(0, 40, 25, 0.08);
 transition: transform 0.35s ease, box-shadow 0.35s ease;
 position: relative;
 overflow: hidden;
}
.page-about .mission-card {
 background: linear-gradient(135deg, #e6f5ee 0%, #ffffff 100%);
}
.page-about .vision-card {
 background: linear-gradient(135deg, #fff6e6 0%, #ffffff 100%);
}
.page-about .mission-card:hover,
.page-about .vision-card:hover {
 transform: translateY(-6px);
 box-shadow: 0 22px 48px rgba(0, 40, 25, 0.14);
}
.page-about .mission-icon,
.page-about .vision-icon {
 width: 7rem;
 height: 7rem;
 border-radius: 20px;
 display: flex;
 align-items: center;
 justify-content: center;
 margin-bottom: 2rem;
 font-size: 2.8rem;
}
.page-about .mission-icon {
 background: #007749;
 color: #ffffff;
}
.page-about .vision-icon {
 background: #f39c12;
 color: #ffffff;
}
.page-about .mission-card h2,
.page-about .vision-card h2 {
 font-family: var(--font-secondary);
 font-size: 2.6rem;
 font-weight: 700;
 margin-bottom: 1.2rem;
 color: #003d25;
}
.page-about .mission-card p,
.page-about .vision-card p {
 font-size: 1.7rem;
 line-height: 1.7;
 color: var(--color-text-light);
}
.page-about .values-section {
 background: #f5faf7;
}
.page-about .values-grid {
 display: grid;
 grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
 gap: 2.4rem;
}
.page-about .value-card {
 background: #ffffff;
 border-radius: 20px;
 padding: 3.2rem 2.4rem;
 text-align: center;
 border: 1px solid rgba(0, 119, 73, 0.10);
 box-shadow: 0 10px 30px rgba(0, 40, 25, 0.06);
 transition: transform 0.35s ease, box-shadow 0.35s ease;
}
.page-about .value-card:hover {
 transform: translateY(-8px);
 box-shadow: 0 24px 48px rgba(0, 60, 35, 0.14);
}
.page-about .value-icon {
 width: 6.4rem;
 height: 6.4rem;
 margin: 0 auto 2rem;
 border-radius: 50%;
 display: flex;
 align-items: center;
 justify-content: center;
 background: linear-gradient(135deg, #e6f5ee 0%, #d2eee0 100%);
 color: #007749;
 font-size: 2.4rem;
}
.page-about .value-card h3 {
 font-family: var(--font-secondary);
 font-size: 2rem;
 font-weight: 700;
 margin-bottom: 1rem;
 color: #003d25;
}
.page-about .value-card p {
 font-size: 1.5rem;
 line-height: 1.6;
 color: var(--color-text-light);
}
.page-about .timeline-section {
 background: #ffffff;
}
.page-about .timeline {
 position: relative;
 max-width: 86rem;
 margin: 0 auto;
 padding-left: 3rem;
}
.page-about .timeline::before {
 content: '';
 position: absolute;
 left: 0.9rem;
 top: 0.5rem;
 bottom: 0.5rem;
 width: 3px;
 background: linear-gradient(180deg, #007749, #f39c12);
 border-radius: 3px;
}
.page-about .timeline-item {
 position: relative;
 margin-bottom: 3rem;
}
.page-about .timeline-item::before {
 content: '';
 position: absolute;
 left: -2.7rem;
 top: 0.9rem;
 width: 1.6rem;
 height: 1.6rem;
 border-radius: 50%;
 background: #ffffff;
 border: 3px solid #007749;
 box-shadow: 0 0 0 4px rgba(0, 119, 73, 0.12);
}
.page-about .timeline-content {
 background: #ffffff;
 border-radius: 18px;
 padding: 2.4rem 2.6rem;
 border: 1px solid rgba(0, 119, 73, 0.10);
 box-shadow: 0 10px 28px rgba(0, 40, 25, 0.06);
 transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.page-about .timeline-content:hover {
 transform: translateX(6px);
 box-shadow: 0 16px 36px rgba(0, 40, 25, 0.12);
}
.page-about .timeline-content h3 {
 font-family: var(--font-secondary);
 font-size: 1.9rem;
 font-weight: 700;
 margin-bottom: 0.6rem;
 color: #003d25;
}
.page-about .timeline-content p {
 font-size: 1.5rem;
 line-height: 1.6;
 color: var(--color-text-light);
}
.page-about .team-section {
 background: #f5faf7;
}
.page-about .team-grid {
 display: grid;
 grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
 gap: 2.6rem;
}
.page-about .team-member {
 background: #ffffff;
 border-radius: 22px;
 overflow: hidden;
 border: 1px solid rgba(0, 119, 73, 0.10);
 box-shadow: 0 12px 32px rgba(0, 40, 25, 0.07);
 transition: transform 0.35s ease, box-shadow 0.35s ease;
 text-align: center;
}
.page-about .team-member:hover {
 transform: translateY(-8px);
 box-shadow: 0 24px 48px rgba(0, 60, 35, 0.14);
}
.page-about .member-photo img {
 width: 100%;
 height: 26rem;
 object-fit: cover;
 display: block;
 transition: transform 0.5s ease;
}
.page-about .team-member:hover .member-photo img {
 transform: scale(1.05);
}
.page-about .member-info {
 padding: 2.4rem 2.2rem 2.6rem;
}
.page-about .member-info h3 {
 font-family: var(--font-secondary);
 font-size: 2rem;
 font-weight: 700;
 margin-bottom: 0.4rem;
 color: #003d25;
}
.page-about .member-role {
 font-size: 1.4rem;
 font-weight: 600;
 color: #007749;
 margin-bottom: 1.2rem;
}
.page-about .member-bio {
 font-size: 1.5rem;
 line-height: 1.6;
 color: var(--color-text-light);
 margin-bottom: 1.8rem;
}
.page-about .member-social {
 display: flex;
 justify-content: center;
 gap: 1rem;
}
.page-about .member-social a {
 width: 3.6rem;
 height: 3.6rem;
 border-radius: 50%;
 display: inline-flex;
 align-items: center;
 justify-content: center;
 background: #e6f5ee;
 color: #007749;
 transition: background-color 0.3s ease, color 0.3s ease;
}
.page-about .member-social a:hover {
 background: #007749;
 color: #ffffff;
}
.page-about .partners-section {
 background: #ffffff;
}
.page-about .partners-grid {
 display: grid;
 grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
 gap: 2rem;
 align-items: center;
}
.page-about .partner-logo {
 background: #ffffff;
 border-radius: 18px;
 padding: 2.4rem 2rem;
 border: 1px solid rgba(0, 119, 73, 0.10);
 box-shadow: 0 8px 22px rgba(0, 40, 25, 0.05);
 display: flex;
 align-items: center;
 justify-content: center;
 transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.page-about .partner-logo:hover {
 transform: translateY(-4px);
 box-shadow: 0 16px 34px rgba(0, 40, 25, 0.1);
}
.page-about .partner-logo img {
 max-height: 6rem;
 width: auto;
 object-fit: contain;
 filter: grayscale(20%);
}
.page-about .newsletter-mini-section {
 background: #ffffff;
 padding: 6rem 0;
}
.page-about .newsletter-mini-content {
 background: linear-gradient(135deg, #e6f5ee 0%, #d2eee0 100%);
 border-radius: 24px;
 padding: 4rem 4.4rem;
 border: 1px solid rgba(0, 119, 73, 0.12);
}
.page-about .newsletter-mini-submit {
 background: #007749;
 color: #ffffff;
 border-radius: 12px;
 transition: background-color 0.3s ease, transform 0.3s ease;
}
.page-about .newsletter-mini-submit:hover {
 background: #005a35;
 transform: translateY(-2px);
}
.page-about .cta {
 background: linear-gradient(135deg, #003d25 0%, #007749 100%);
 color: #ffffff;
 padding: 9rem 0;
}
.page-about .cta .cta-title,
.page-about .cta .cta-text {
 color: #ffffff;
}
.page-about .cta .cta-text {
 opacity: 0.9;
}
.page-about .cta .btn-primary {
 background: #f39c12;
 border-color: #f39c12;
 color: #1d1d1d;
}
@media (max-width: 767px) {
 .page-about .about-hero .hero-title {
 font-size: 4rem;
 }
 .page-about .about-hero {
 min-height: auto;
 padding: 10rem 0 6rem;
 }
 .page-about .section {
 padding: 6rem 0;
 }
 .page-about .mission-card,
 .page-about .vision-card {
 padding: 3rem 2.4rem;
 }
 .page-about .newsletter-mini-content {
 padding: 2.8rem 2.2rem;
 }
}