:root{--font-header2: "crumb", sans-serif;--font-body2: "lato", sans-serif;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.8rem;--space-xl: 4rem}*{margin:0;padding:0;box-sizing:border-box;font-size:16px}html,body{height:100%}body{font-family:var(--font-body2);font-size:1.8em;font-weight:300}h1,h2,h3{font-family:var(--font-header2);text-transform:uppercase}h1{font-size:8rem;font-weight:900;letter-spacing:2px;text-align:center;margin:var(--space-sm);line-height:1}h2{font-size:4rem}h3{font-size:2.8rem;letter-spacing:.08em}h4{font-size:1.5rem;margin-bottom:var(--space-sm)}a{text-decoration:none;color:#1789fc}a:visited{color:1789FC}a:hover{text-decoration:underline}li{list-style:none}.visible-link{color:#1789fc;font-size:inherit;text-decoration:underline}.visible-link:hover{color:#1789fc}.main-content{max-width:80%;margin:0 auto;padding:var(--space-md) var(--space-lg);text-align:center}.main-content section{margin-bottom:var(--space-lg)}.main-content h1{font-size:12rem;margin:0}.hero-h1{padding:var(--space-md)}.main-content h2{font-size:3rem;padding:var(--space-md) 0}.main-content h3{margin-bottom:var(--space-xs)}.main-content p{font-size:1.4em;margin:0 auto var(--space-sm);line-height:1.6;max-width:60ch}.description{margin:var(--space-lg) auto}.description p{margin-bottom:var(--space-lg)}.home-hero{display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-lg)}.reunion-details{padding:var(--space-lg) 0}iframe{width:100%;height:925px;margin-top:var(--space-lg)}.faq-container,.volunteer-roles{display:flex;flex-direction:column;gap:var(--space-lg);margin-bottom:var(--space-lg)}.volunteer-cta p{font-size:1.4rem;margin-bottom:var(--space-md)}.detail-card,.role-card{border:1px solid #ccc;border-radius:12px;padding:var(--space-lg);text-align:left;background-color:#fafafa;width:100%;max-width:700px;margin:0 auto;box-shadow:0 2px 6px #0000000d}.role-card h3{margin-bottom:var(--space-xs)}.detail-card h3{font-size:2em;margin-bottom:var(--space-md)}.detail-card p,.detail-card a,.role-card p{margin:0;margin-bottom:var(--space-md);line-height:1.5;font-size:1.1rem;max-width:100%}.cost-table{width:80%;margin:0 auto;margin-top:var(--space-lg);margin-bottom:var(--space-lg);border-collapse:collapse}.cost-table td{padding:var(--space-sm) 0;border-bottom:1px solid #ddd}.cost-table td:last-child{text-align:right;white-space:nowrap}.cost-table .total-row td{font-weight:700;border-top:2px solid #333;border-bottom:none;padding-top:var(--space-md)}.primary-container{max-width:800px;margin:0 auto;padding:var(--space-md) var(--space-lg);text-align:center}@media (max-width: 768px){.main-content{max-width:90%;padding:var(--space-md)}.main-content h1{font-size:5.4rem}.hero-h1{font-size:5.4rem;line-height:1;padding:0;margin-top:var(--space-lg)}.main-content h2{font-size:2.2rem}.main-content h3{font-size:3em}.main-content p{max-width:95%;padding:var(--space-sm) 0}.main-content section{margin-bottom:var(--space-md)}.home-hero{padding:var(--space-lg) 0 0}.home-hero h1{font-size:5.5em}.description{margin:var(--space-sm) auto}.volunteer{font-size:4em}.reunion-details{padding:var(--space-md) 0;margin:var(--space-lg) 0}.cost-table{width:90%}iframe{height:1050px;margin-top:0}}.split-char{font-size:9em;font-family:var(--font-hearder);color:#fff}@media (max-width: 768px){.split-char{font-size:4.6em}h1{font-size:4rem}}.card-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;padding:2rem;max-width:1200px;margin:0 auto}.card{background-color:#fff;border-radius:16px;overflow:hidden;box-shadow:0 10px 20px #00000029;display:flex;flex-direction:column;transition:transform .2s ease,box-shadow .2s ease;height:fit-content}.card:hover{transform:translateY(-4px);box-shadow:0 14px 24px #0000001a}.card-image{width:100%;height:450px;object-fit:cover}.card-content{padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.card-header{display:flex;flex-direction:column;gap:.25rem;font-family:Obviously,sans-serif;text-align:center}.card-header h3{font-size:1.6rem;font-weight:700}.pronouns{font-size:.95rem;font-style:italic;color:#777;font-family:var(--font-header)}.card-info{font-size:1rem;color:#333;line-height:1.6}.card-info p{margin:.5rem 0}@media (max-width: 768px){.card-image-wrapper{padding-top:var(--space-lg);display:flex;justify-content:center}.card-image{width:250px;height:300px;object-fit:cover;margin:0 auto;border-radius:16px}.card-header h3{font-size:1.8rem;letter-spacing:1.2px}.card-info p{margin:.2em 0;font-size:.9em}}.navbar{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md) var(--space-lg);position:sticky;top:0;z-index:1000;background-color:#fff;box-shadow:0 2px 4px #0000000d}.navbar-burger{display:none;font-size:2rem;cursor:pointer;color:#000}.hamburger{display:flex;font-size:.8em}.mobile-menu{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:#000;color:#fff;z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;opacity:0;transform:translate(100%);pointer-events:none;transition:opacity .6s ease,transform .6s ease}.mobile-menu.open{opacity:1;transform:translateY(0);pointer-events:auto}.mobile-menu ul{list-style:none;padding:0;margin:0}.mobile-menu li{margin:1rem 0}.mobile-menu a{color:#fff;text-decoration:none;font-size:1.8rem}.mobile-menu a:hover{text-decoration:underline}.close-btn{position:absolute;top:1.5rem;right:2rem;font-size:3rem;background:none;border:none;color:#fff;cursor:pointer}.navbar-left a{color:#000;text-decoration:none;font-size:1.6em}.navbar-right a{font-size:1.2em;text-decoration:underline}.navbar-right{display:flex;gap:var(--space-lg)}.navbar-right a{color:#000;text-decoration:none;padding:.25rem .5rem}.navbar-right a:hover{text-decoration:underline}@media (max-width: 768px){.navbar{padding:var(--space-md)}.navbar-left a{font-size:1.4em}.navbar-right{display:none}.navbar-burger{display:block;cursor:pointer}.main-content{max-width:95%}}.footer{text-align:center;background-color:#000;color:#fff;padding:var(--space-md)}.footer-info{display:grid;grid-template-columns:repeat(3,1fr);text-align:center;margin-top:var(--space-md)}.footer a{color:#fff}@media (max-width: 768px){.footer h1{margin-bottom:var(--space-md)}.footer h3{font-size:1.5rem}.footer-info{gap:var(--space-md);display:flex;flex-direction:column-reverse;margin-top:0}.footer-info div{padding:var(--space-sm)}.instagram-icon{margin-top:var(--space-md)}}.button,.contact-form button{display:inline-block;text-decoration:none;font-weight:600;text-transform:uppercase;font-family:var(--font-header2);letter-spacing:1.5px;border-radius:100px;border:1px solid black;width:fit-content;background-color:#000;color:#fff;cursor:pointer;text-align:center;transition:all .2s ease;box-shadow:0 4px 6px #0006;margin:var(--space-md) var(--space-lg)}.button{font-size:1.6rem;padding:var(--space-md) var(--space-lg)}.contact-form button{font-size:1.6rem;padding:var(--space-sm) var(--space-lg)}.button:visited,.contact-form button:visited{color:#fff}.button:hover,.contact-form button:hover{background-color:#fff;color:#000;text-decoration:none;border:1px solid black}.button-container{display:flex;justify-content:center}@font-face{font-family:Crumb;src:url(/assets/TAYCrumbRegular-ziNV12d_.woff) format("woff");font-weight:400;font-style:normal}.contact-form{background:#fff;border-radius:16px;padding:var(--space-lg);box-shadow:0 10px 20px #0000000f;display:flex;flex-direction:column;gap:var(--space-md);margin-bottom:var(--space-lg)}.form-row{display:flex;flex-direction:column;gap:var(--space-md)}.form-field{display:flex;flex-direction:column;gap:var(--space-xs);text-align:left}.form-field label,.contact-form input,.contact-form textarea{font-family:var(--font-header);letter-spacing:.05em}.form-field label{font-size:1.2rem;color:#333;margin-bottom:var(--space-sm)}.contact-form input,.contact-form textarea{font-family:var(--font-header);font-size:1rem;padding:.8rem;border-radius:10px;border:1px solid #ddd;background:#fafafa;transition:border-color .2s ease,background .2s ease}.contact-form textarea{min-height:140px;resize:vertical}.success-message,.error-message{margin-top:var(--space-sm);font-size:.95rem;text-align:center}.success-message{color:green}.error-message{color:red}@media (max-width: 768px){.contact,.contact-form{padding:var(--space-md)}.contact{font-size:4.8em}}
