@keyframes thAboutFadeInUp { from { opacity: 0;
    transform: translateY(30px); }
  to { opacity: 1;
    transform: translateY(0); } }

.th-about-2026 { background-color: #faf9f7; color: #182521; line-height: 1.5; font-family: "Quicksand", "Helvetica Neue", Helvetica, Arial, sans-serif; overflow-x: hidden; }

.th-about-2026 *, .th-about-2026 *::before, .th-about-2026 *::after { margin: 0; padding: 0; box-sizing: border-box; }

.th-about-2026 a { text-decoration: none; }

.th-about-2026 ul, .th-about-2026 ol { list-style: none; }

.th-about-2026 h1, .th-about-2026 h2, .th-about-2026 h3, .th-about-2026 h4, .th-about-2026 h5, .th-about-2026 h6 { color: #383f47; font-weight: 700; line-height: 1.2; }

.th-about-2026 p { font-weight: 500; }

.th-about-2026 img, .th-about-2026 svg { display: block; max-width: 100%; vertical-align: middle; }

.th-about-2026-skill-card, .th-about-2026-support-card, .th-about-2026-team-card { background-color: #ffffff; border: 1px solid #dde6dd; border-radius: 0.5rem; transition: transform 0.3s ease, box-shadow 0.3s ease; }

.th-about-2026-hero { padding: 2rem 1.5rem; }

.th-about-2026-hero-inner { max-width: 1280px; margin: 0 auto; }

.th-about-2026-hero-card { position: relative; overflow: hidden; border-radius: 1.5rem; background-image: linear-gradient(135deg, #5fcf80, #004c61); color: #ffffff; box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); }

.th-about-2026-hero-overlay { position: absolute; inset: 0; background-color: rgba(0, 0, 0, 0.2); }

.th-about-2026-hero-photo { position: absolute; inset: 0; }

.th-about-2026-hero-photo img { width: 100%; height: 100%; object-fit: cover; opacity: 0.30; }

.th-about-2026-hero-content { position: relative; padding: 6rem 2rem; animation: thAboutFadeInUp 0.6s ease-out forwards; }

@media (min-width: 1024px) { .th-about-2026-hero-content { padding: 8rem 2rem; } }

.th-about-2026-hero-text { max-width: 48rem; margin: 0 auto; text-align: center; }

.th-about-2026-hero-badge { display: inline-block; margin-bottom: 1.5rem; padding: 0.25rem 0.75rem; border-radius: 9999px; background-color: rgba(255, 255, 255, 0.2); border: 1px solid rgba(255, 255, 255, 0.3); color: #ffffff; font-size: 0.875rem; font-weight: 600; }

.th-about-2026-hero h1 { color: #ffffff; font-size: 2.25rem; margin-bottom: 1.5rem; line-height: 1.15; }

@media (min-width: 1024px) { .th-about-2026-hero h1 { font-size: 3rem; } }

.th-about-2026-hero p.th-about-2026-hero-subhead { font-size: 1.25rem; font-weight: 600; color: rgba(255, 255, 255, 0.9); margin-bottom: 2rem; line-height: 1.625; }

@media (min-width: 1024px) { .th-about-2026-hero p.th-about-2026-hero-subhead { font-size: 1.5rem; line-height: 2rem; } }

.th-about-2026-hero-lead { font-size: 1.125rem; font-weight: 500; color: rgba(255, 255, 255, 0.8); max-width: 42rem; margin: 0 auto; line-height: 1.625; }

@media (min-width: 768px) { .th-about-2026-hero-lead { font-size: 1.25rem; } }

.th-about-2026-section-head { text-align: center; margin-bottom: 4rem; }

.th-about-2026-section-head h2 { font-size: 1.5rem; color: #383f47; margin-bottom: 1.5rem; line-height: 1.15; }

@media (min-width: 1024px) { .th-about-2026-section-head h2 { font-size: 2.25rem; } }

.th-about-2026-section-head p { font-size: 1.125rem; color: #54766a; max-width: 48rem; margin: 0 auto; line-height: 1.625; }

@media (min-width: 768px) { .th-about-2026-section-head p { font-size: 1.25rem; } }

.th-about-2026-mission { padding: 5rem 1.5rem; background-image: linear-gradient(to bottom, #faf9f7, rgba(220, 249, 230, 0.3)); }

.th-about-2026-mission-inner { max-width: 1152px; margin: 0 auto; }

.th-about-2026-mission-card { max-width: 56rem; margin: 0 auto; background-color: rgba(255, 255, 255, 0.5); border: 1px solid #dde6dd; border-left: 4px solid #5fcf80; border-radius: 0.5rem; box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); padding: 2rem; }

.th-about-2026-mission-body { display: flex; flex-direction: column; align-items: flex-start; gap: 1.5rem; }

@media (min-width: 640px) { .th-about-2026-mission-body { flex-direction: row; } }

.th-about-2026-mission-icon { flex-shrink: 0; width: 4rem; height: 4rem; border-radius: 9999px; background-color: rgba(95, 207, 128, 0.1); display: flex; align-items: center; justify-content: center; }

.th-about-2026-mission-icon img { width: 2rem; height: 2rem; }

.th-about-2026-mission h3 { font-size: 1.25rem; color: #383f47; margin-bottom: 1rem; line-height: 1.2; }

@media (min-width: 1024px) { .th-about-2026-mission h3 { font-size: 1.5rem; } }

.th-about-2026-mission-text { font-size: 1rem; color: #54766a; line-height: 1.625; }

@media (min-width: 768px) { .th-about-2026-mission-text { font-size: 1.125rem; } }

.th-about-2026-skills { padding: 5rem 1.5rem; }

.th-about-2026-skills-inner { max-width: 1280px; margin: 0 auto; }

.th-about-2026-skills-grid { display: grid; grid-template-columns: 1fr; gap: 2rem; }

@media (min-width: 768px) { .th-about-2026-skills-grid { grid-template-columns: repeat(2, 1fr); } }

@media (min-width: 1024px) { .th-about-2026-skills-grid { grid-template-columns: repeat(4, 1fr); } }

.th-about-2026-skills-outro { margin-top: 4rem; text-align: center; max-width: 56rem; margin-left: auto; margin-right: auto; }

.th-about-2026-skills-outro p { font-size: 1.125rem; color: #54766a; line-height: 1.625; }

@media (min-width: 768px) { .th-about-2026-skills-outro p { font-size: 1.25rem; } }

.th-about-2026-skill-card { border-color: rgba(221, 230, 221, 0.5); padding: 2rem; text-align: center; }

.th-about-2026-skill-card:hover { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); }

.th-about-2026-skill-card-icon { width: 4rem; height: 4rem; margin: 0 auto 1.5rem; border-radius: 9999px; display: flex; align-items: center; justify-content: center; transition: transform 0.3s ease; }

.th-about-2026-skill-card-icon img { width: 2rem; height: 2rem; }

.th-about-2026-skill-card-icon.icon-1 { background-image: linear-gradient(135deg, #4267d7, rgba(66, 103, 215, 0.85)); }

.th-about-2026-skill-card-icon.icon-2 { background-image: linear-gradient(135deg, #6ce08f, rgba(108, 224, 143, 0.85)); }

.th-about-2026-skill-card-icon.icon-2 img { width: 2.5rem; height: 2.5rem; }

.th-about-2026-skill-card-icon.icon-3 { background-image: linear-gradient(135deg, #e06c8f, rgba(224, 108, 143, 0.85)); }

.th-about-2026-skill-card-icon.icon-4 { background-image: linear-gradient(135deg, #db70b6, rgba(219, 112, 182, 0.85)); }

.th-about-2026-skill-card h3 { font-size: 1.25rem; font-weight: 600; color: #383f47; margin-bottom: 1rem; line-height: 1.3; }

@media (min-width: 1024px) { .th-about-2026-skill-card h3 { font-size: 1.5rem; } }

.th-about-2026-skill-card p { color: #54766a; line-height: 1.625; }

.th-about-2026-skill-card p a { color: #004c61; font-weight: 600; text-decoration: underline; transition: color 0.2s ease; }

.th-about-2026-skill-card p a:hover { color: #5fcf80; }

.th-about-2026-stats { padding: 6rem 1.5rem; background-image: linear-gradient(to right, #5fcf80, #004c61); color: #ffffff; }

.th-about-2026-stats-inner { max-width: 1152px; margin: 0 auto; }

.th-about-2026-stats-grid { display: grid; grid-template-columns: 1fr; gap: 2rem; }

@media (min-width: 768px) { .th-about-2026-stats-grid { grid-template-columns: repeat(2, 1fr); } }

@media (min-width: 1024px) { .th-about-2026-stats-grid { grid-template-columns: repeat(4, 1fr); } }

.th-about-2026-stats-item { text-align: center; }

.th-about-2026-stats-value { font-size: 3rem; font-weight: 700; color: #ffffff; margin-bottom: 1rem; line-height: 1.1; }

@media (min-width: 1024px) { .th-about-2026-stats-value { font-size: 3.75rem; } }

.th-about-2026-stats-label { font-size: 1.25rem; font-weight: 600; color: rgba(255, 255, 255, 0.8); }

.th-about-2026-support { padding: 5rem 1.5rem; background-color: rgba(220, 249, 230, 0.2); }

.th-about-2026-support-inner { max-width: 1280px; margin: 0 auto; }

.th-about-2026-support-grid { display: grid; grid-template-columns: 1fr; gap: 2rem; }

@media (min-width: 768px) { .th-about-2026-support-grid { grid-template-columns: repeat(2, 1fr); } }

@media (min-width: 1024px) { .th-about-2026-support-grid { grid-template-columns: repeat(4, 1fr); } }

.th-about-2026-support-card { padding: 2rem; text-align: center; }

.th-about-2026-support-card:hover { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); }

.th-about-2026-support-card-icon { width: 4rem; height: 4rem; margin: 0 auto 1.5rem; border-radius: 9999px; display: flex; align-items: center; justify-content: center; }

.th-about-2026-support-card-icon img { width: 2rem; height: 2rem; }

.th-about-2026-support-card-icon.icon-1 { background-color: rgba(66, 103, 215, 0.1); }

.th-about-2026-support-card-icon.icon-2 { background-color: rgba(108, 224, 143, 0.1); }

.th-about-2026-support-card-icon.icon-3 { background-color: rgba(224, 108, 143, 0.1); }

.th-about-2026-support-card-icon.icon-4 { background-color: rgba(219, 112, 182, 0.1); }

.th-about-2026-support-card h3 { font-size: 1.25rem; font-weight: 600; color: #383f47; margin-bottom: 1rem; line-height: 1.3; }

@media (min-width: 1024px) { .th-about-2026-support-card h3 { font-size: 1.5rem; } }

.th-about-2026-support-card p { color: #54766a; line-height: 1.5; }

.th-about-2026-team { padding: 5rem 1.5rem; }

.th-about-2026-team-inner { max-width: 1280px; margin: 0 auto; }

.th-about-2026-team-grid { display: grid; grid-template-columns: 1fr; gap: 2rem; }

@media (min-width: 768px) { .th-about-2026-team-grid { grid-template-columns: repeat(2, 1fr); } }

@media (min-width: 1024px) { .th-about-2026-team-grid { grid-template-columns: repeat(3, 1fr); } }

.th-about-2026-team-card { position: relative; overflow: visible; padding: 2rem 1.5rem 1.5rem; }

.th-about-2026-team-card:hover { box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); }

.th-about-2026-team-card-photo { position: absolute; top: -1.5rem; right: -1.5rem; width: 5rem; height: 5rem; border-radius: 9999px; overflow: hidden; border: 4px solid #faf9f7; box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); z-index: 10; transition: transform 0.3s ease; transform-origin: top right; }

.th-about-2026-team-card-photo img { width: 100%; height: 100%; object-fit: cover; }

@media (hover: hover) { .th-about-2026-team-card-photo:hover { transform: scale(4); z-index: 20; } }

.th-about-2026-team-card-body { padding-right: 2rem; }

.th-about-2026-team-card-name { font-size: 1.25rem; font-weight: 600; color: #383f47; margin-bottom: 0.5rem; line-height: 1.3; }

@media (min-width: 1024px) { .th-about-2026-team-card-name { font-size: 1.5rem; } }

.th-about-2026-team-card-title { color: #004c61; font-weight: 500; margin-bottom: 0.25rem; }

.th-about-2026-team-card-meta { font-size: 0.875rem; color: #54766a; margin-bottom: 1rem; }

.th-about-2026-team-card-bio { font-size: 0.875rem; color: #54766a; line-height: 1.625; margin-bottom: 1rem; }

.th-about-2026-team-card-facts-label { font-size: 0.75rem; font-weight: 600; color: #182521; margin-bottom: 0.5rem; }

.th-about-2026-team-card-fact { font-size: 0.875rem; color: #54766a; line-height: 1.625; }

@media (prefers-reduced-motion: reduce) { .th-about-2026 *, .th-about-2026 *::before, .th-about-2026 *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; } }