:root {--bg-color: #ffffff;--text-color: #000000;--accent-color: #0055aa;--font-size: 1rem;--high-contrast-bg: #000000;--high-contrast-text: #ffffff;}body {margin: 0;font-family: Arial, sans-serif;background-color: var(--bg-color);color: var(--text-color);font-size: var(--font-size);line-height: 1.6;}body.high-contrast {--bg-color: var(--high-contrast-bg);--text-color: var(--high-contrast-text);}.skip-link {position: absolute;top: -40px;left: 0;background: #000000;color: #ffffff;padding: 0.5rem 1rem;z-index: 100;text-decoration: none;}.skip-link:focus {top: 0;outline: 2px solid var(--accent-color);}.accessibility-tools {display: flex;gap: 0.5rem;align-items: center;}#fontSize {padding: 0.3rem;font-size: var(--font-size);background-color: #555555;color: #ffffff;border: none;}#contrastToggle {width: 35px;height: 35px;font-size: 1.2rem;padding: 0;background-color: transparent;border: 1px solid var(--text-color);color: var(--text-color);cursor: pointer;display: inline-flex;align-items: center;justify-content: center;}.site-header {position: sticky;top: 0;background-color: #000000;color: #ffffff;z-index: 1000;border-bottom: 1px solid #333;}.header-container {display: flex;align-items: center;justify-content: space-between;padding: 1rem;}.menu-toggle {font-size: 2rem;background: none;border: none;color: #ffffff;cursor: pointer;outline: none;}.menu-toggle:focus {outline: 2px solid var(--accent-color);}.logo-wrapper {flex-grow: 1;text-align: left;}.logo {max-height: 50px;}.main-nav {position: absolute;top: 100%;left: 0;transform: translateX(-100%);transition: transform 0.3s ease;width: 150px;background-color: rgba(17, 17, 17, 0.8);padding: 1rem 0;z-index: 1001;}.main-nav.open {transform: translateX(0);}.main-nav {display: block;}.nav-links {list-style: none;margin: 0;padding: 1rem;}.nav-links li {margin-bottom: 1rem;}.nav-links a {color: #ffffff;text-decoration: none;font-size: 1.2rem;}.nav-links a:hover, .nav-links a:focus {text-decoration: underline;outline: none;}.nav-links a:focus {outline: 2px solid var(--accent-color);}.container {max-width: 1200px;margin: 0 auto;padding: 0 1rem;}main {margin: 0;padding: 0;}.hero {padding: 0;margin: 0;}.hero .container {padding: 2rem;background-color: #000000;color: #ffffff;background-image: url("https://studioofhope.org/images/1hand-min.webp");background-size: cover;background-repeat: no-repeat;background-position: center;min-height: 70vh;}body.high-contrast .hero {color: var(--high-contrast-text);}.mission-content {display: flex;flex-wrap: wrap;gap: 2rem;}.mission-text, .mission-image {flex: 1 1 45%;}.mission-image img {max-width: 100%;height: auto;border: 2px solid var(--text-color);}.newsletter-form {display: flex;flex-wrap: wrap;gap: 1rem;width: 80%;}.newsletter-form input {flex: 1 1 auto;padding: 0.5rem;font-size: var(--font-size-base);}.contact-grid {display: flex;flex-wrap: wrap;gap: 2rem;}.contact-info, .contact-form-container {flex: 1 1 45%;}.contact-form .form-group {margin-bottom: 1rem;}.contact-form label {display: block;margin-bottom: 0.5rem;}.contact-form input, .contact-form textarea {width: 80%;padding: 0.5rem;font-size: var(--font-size-base);}h1, h2, h3, h4, h5, h6 {}.hero h1, .mission h2, .newsletter h2, .contact h2 {font-size: 2rem;margin-bottom: 1rem;}.cta-button, .cta-button-secondary {background-color: var(--accent-color);color: #fff;border: none;padding: 1rem;font-size: 1rem;cursor: pointer;text-decoration: none;display: inline-block;}.cta-button:hover, .cta-button-secondary:hover {background-color: #003377;}.cta-button:focus, .cta-button-secondary:focus {outline: 2px solid var(--text-color);}.site-footer {background-color: var(--bg-color);color: var(--text-color);padding: 2rem;border-top: 2px solid var(--text-color);}.footer-content {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}.footer-content nav img {max-width: 200px;}@media (min-width: 769px) {.mission-content, .contact-grid, .footer-content {flex-direction: row;align-items: flex-start;}.newsletter-form, .contact-form input, .contact-form textarea {width: auto;}.cta-button, .cta-button-secondary, #contrastToggle {width: auto;font-size: 1rem;}.side-nav {display: none;}main {margin-left: 0; pad0ding-top: 0;}} .form-section {adding: 1rem; border-bottom: 1px solid #ccc;}label {display: block; margin-top: 0.5rem;}input, textarea { width: 100%; padding: 0.5rem; margin-top: 0.25rem; font-size: 1rem;} button {margin-top: 1rem; padding: 0.5rem 1rem; .honeypot { display: none;}