:root { --button-foreground: #ffffff; --eyebrow-foreground: #17212b; color-scheme: light; font-family: Arial, sans-serif; color: #17212b; background: #f6f2e9; line-height: 1.6; }
* { box-sizing: border-box; }
body { margin: 0; }
a { color: inherit; }
a:focus-visible, button:focus-visible { outline: 3px solid #17212b; outline-offset: 3px; }
.site-header, main > section, footer { max-width: 76rem; margin: 2rem auto; padding: 2.5rem clamp(1.25rem, 5vw, 4.5rem); }
.site-header { align-items: center; background: #ffffff; border-radius: 1rem; box-shadow: 0 .75rem 2rem #17212b12; display: flex; flex-wrap: wrap; gap: 1rem; justify-content: space-between; margin-top: 1rem; padding-block: 1rem; }
.brand { align-items: center; display: flex; font-weight: 800; gap: .65rem; max-width: 28rem; text-decoration: none; }
.brand-logo { display: block; flex: 0 0 auto; height: 2.25rem; object-fit: contain; width: 2.25rem; }
nav { display: flex; flex-wrap: wrap; gap: 1rem; }
nav a { text-decoration: none; }
.menu-button { display: none; }
.hero { align-items: center; background: color-mix(in srgb, var(--brand) 16%, #ffffff); border-radius: 2rem; display: grid; gap: clamp(1.5rem, 5vw, 5rem); grid-template-columns: minmax(0, 1.15fr) minmax(18rem, .85fr); min-height: 30rem; }
.hero-image, .program-image, .section-image { display: block; object-fit: cover; width: 100%; }
.hero-image { aspect-ratio: 3 / 2; border-radius: 1.5rem; box-shadow: 1rem 1rem 0 color-mix(in srgb, var(--brand) 28%, transparent); min-height: 16rem; }
.program-image { aspect-ratio: 3 / 2; }
.section-image { aspect-ratio: 3 / 2; border-radius: 1.5rem; }
h1 { font-size: clamp(2.5rem, 5.5vw, 4.5rem); line-height: 1.04; margin: 0; max-width: 13ch; }
h2 { font-size: clamp(1.9rem, 4vw, 3.25rem); line-height: 1.12; margin: 0; max-width: 19ch; }
h3 { font-size: 1.25rem; margin: 1.25rem 0 .5rem; }
.eyebrow { color: var(--eyebrow-foreground); font-weight: 800; letter-spacing: .1em; margin: 0 0 .75rem; text-transform: uppercase; }
.button { background: var(--brand); color: var(--button-foreground); display: inline-block; font-weight: 800; padding: .8rem 1.1rem; text-decoration: none; width: fit-content; }
.editorial-block { align-items: center; background: #ffffff; border-radius: 1.75rem; box-shadow: 0 1rem 2.5rem #17212b0d; column-gap: clamp(2rem, 6vw, 6rem); display: grid; grid-template-columns: minmax(0, .9fr) minmax(20rem, 1.1fr); }
.editorial-block > :not(.section-image) { grid-column: 1; }
.editorial-block > .section-image { grid-column: 2; grid-row: 1 / span 3; }
.story-block { background: color-mix(in srgb, var(--brand) 10%, #ffffff); grid-template-columns: minmax(20rem, 1.1fr) minmax(0, .9fr); }
.story-block > :not(.section-image) { grid-column: 2; }
.story-block > .section-image { grid-column: 1; }
#programs { padding-inline: clamp(1.25rem, 5vw, 4.5rem); }
.card-grid { display: grid; gap: 1.25rem; grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: 2rem; }
.program-card { background: color-mix(in srgb, var(--brand) 8%, #ffffff); border-radius: 1.25rem; box-shadow: 0 .75rem 1.5rem #17212b0d; overflow: hidden; padding: 0 1.25rem 1.25rem; transition: box-shadow .2s ease, transform .2s ease; }
.program-card:hover { box-shadow: 0 1.25rem 2.25rem #17212b1f; transform: translateY(-.35rem); }
.impact-panel, #get-involved { background: color-mix(in srgb, var(--brand) 14%, #ffffff); border-radius: 1.75rem; }
.impact-panel { display: grid; gap: 1.25rem clamp(2rem, 6vw, 6rem); grid-template-columns: minmax(0, .8fr) minmax(20rem, 1.2fr); }
.impact-panel .impact-list { grid-column: 2; grid-row: 1 / span 2; }
.impact-list { display: grid; gap: .75rem; list-style: none; margin: 0; padding: 0; }
.impact-list li { background: #ffffff; border-radius: .85rem; box-shadow: 0 .25rem .75rem #17212b0d; font-weight: 800; padding: 1rem 1.25rem; }
#field-notes { background: #17212b; border-radius: 1.75rem; color: #ffffff; }
#field-notes .eyebrow { color: #ffffff; }
blockquote { border-left: .35rem solid var(--brand); margin: 2rem 0 0; max-width: 46rem; padding-left: 1.25rem; }
blockquote p { font-size: 1.25rem; }
cite { font-style: normal; font-weight: 800; }
.ways-to-help { display: grid; gap: .75rem; list-style: none; padding: 0; }
.ways-to-help li { border-bottom: 2px solid var(--brand); font-weight: 800; padding-bottom: .5rem; }
footer { background: #17212b; color: #ffffff; max-width: none; padding-block: 2rem; }
footer > * { display: block; max-width: 76rem; margin: .6rem auto; }
footer a:focus-visible { outline-color: #ffffff; }
@media (max-width: 44rem) { .site-header, main > section { border-radius: 1.25rem; margin-block: 1rem; padding: 1.5rem 1.25rem; } .menu-button { display: block; } nav { display: none; width: 100%; } nav[data-open="true"] { display: grid; } .hero, .editorial-block, .story-block, .impact-panel { grid-template-columns: 1fr; } .editorial-block > :not(.section-image), .story-block > :not(.section-image), .editorial-block > .section-image, .story-block > .section-image, .impact-panel .impact-list { grid-column: auto; grid-row: auto; } .card-grid { grid-template-columns: 1fr; } .hero-image { box-shadow: .65rem .65rem 0 color-mix(in srgb, var(--brand) 28%, transparent); } }

.image-led-page { background: #14110c; color: #fff; font-family: Arial, sans-serif; }
.image-led-page > *, .image-led-page main > section { margin: 0; max-width: none; padding: 0; }
.image-led-header { align-items: center; backdrop-filter: blur(1rem); background: #14110ce6; display: flex; gap: 1.25rem; justify-content: space-between; padding: 1rem clamp(1.25rem, 4vw, 4rem); position: sticky; top: 0; z-index: 2; }
.image-led-brand { align-items: center; color: #fff; display: flex; font-size: .75rem; font-weight: 800; gap: .65rem; letter-spacing: .08em; text-decoration: none; }
.image-led-header nav { display: flex; gap: 1.25rem; }
.image-led-header nav a { color: #fff; font-size: .875rem; text-decoration: none; }
.image-led-button { background: var(--brand); border-radius: 999px; color: var(--button-foreground); display: inline-block; font-weight: 800; padding: .7rem 1rem; text-decoration: none; }
.image-led-hero, .image-led-scene, .image-led-program { align-items: end; display: grid; min-height: min(52rem, 88svh); overflow: hidden; position: relative; }
.image-led-hero-image, .image-led-scene-image, .image-led-program > img { height: 100%; inset: 0; object-fit: cover; position: absolute; width: 100%; }
.image-led-hero-image, .image-led-scene-image, .image-led-program > img { filter: brightness(.88); }
.image-led-caption { background: #14110cf2; border-radius: 1rem; box-shadow: 0 .5rem 2rem #0008; color: #fff; margin: clamp(1.25rem, 5vw, 5rem); max-width: 29rem; padding: clamp(1.25rem, 3vw, 2rem); position: relative; }
.image-led-caption > p, .image-led-purpose > div > p, .image-led-programs header > p, .image-led-contact > div > p { color: var(--brand); font-size: .7rem; font-weight: 800; letter-spacing: .14em; margin: 0 0 .75rem; }
.image-led-caption h1, .image-led-caption h2, .image-led-purpose h2, .image-led-programs h2 { letter-spacing: -.055em; line-height: .96; margin: 0 0 1rem; }
.image-led-caption h1 { font-size: clamp(3rem, 7vw, 6.5rem); }
.image-led-caption h2, .image-led-programs h2 { font-size: clamp(2rem, 4vw, 4rem); }
.image-led-caption p:not(:first-child) { color: #fff; }
.image-led-purpose { background: #f5f1e8; color: #241c11; padding: clamp(5rem, 12vw, 11rem) clamp(1.25rem, 16vw, 18rem) !important; text-align: center; }
.image-led-purpose > div { margin: auto; max-width: 46rem; }
.image-led-programs { background: #f5f1e8; color: #241c11; padding-top: clamp(4rem, 8vw, 8rem) !important; }
.image-led-programs > header { margin: auto; max-width: 48rem; padding: 0 clamp(1.25rem, 7vw, 7rem) clamp(3rem, 7vw, 7rem); text-align: center; }
.image-led-program:nth-of-type(even) .image-led-caption { margin-left: auto; }
.image-led-insight { color: inherit; margin-top: 1rem; text-align: left; }
.image-led-insight summary { cursor: pointer; font-weight: 800; }
.image-led-insight li { margin-block: .5rem; }
.image-led-insight blockquote { border-left: .2rem solid var(--brand); margin: 1rem 0; padding-left: 1rem; }
.image-led-contact { align-items: center; display: flex; gap: 2rem; justify-content: space-between; padding: clamp(3rem, 8vw, 8rem) clamp(1.25rem, 7vw, 7rem) !important; }
.image-led-page footer { background: #0d0b08; color: #fff; display: flex; flex-wrap: wrap; gap: .75rem 2rem; justify-content: space-between; padding: 1.5rem clamp(1.25rem, 4vw, 4rem); }
.image-led-page footer > * { margin: 0; max-width: none; }
.image-led-page a:focus-visible { outline: .2rem solid #fff; outline-offset: .2rem; }
@media (prefers-reduced-motion: no-preference) { .image-led-program > img { transition: transform .6s ease; } .image-led-program:hover > img { transform: scale(1.02); } }
@media (max-width: 44rem) { .image-led-header { flex-wrap: wrap; } .image-led-header nav { order: 3; overflow-x: auto; width: 100%; } .image-led-header > .image-led-button { margin-left: auto; } .image-led-hero, .image-led-scene, .image-led-program { min-height: 34rem; } .image-led-caption { margin: 1.25rem; } .image-led-contact { align-items: flex-start; flex-direction: column; } }

.elevate-her-page { background: #000; color: #f5f5f7; font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Helvetica Neue", Arial, sans-serif; line-height: 1.45; }
.elevate-her-page > *, .elevate-her-page main > section { margin: 0; max-width: none; padding: 0; }
.elevate-her-page h1, .elevate-her-page h2, .elevate-her-page h3 { letter-spacing: -.075em; line-height: .96; }
.elevate-her-page a:focus-visible, .elevate-her-page summary:focus-visible { outline: .2rem solid currentColor; outline-offset: .25rem; }
.elevate-her-header { align-items: center; backdrop-filter: blur(1rem); background: #0b080bd9; display: flex; gap: 1.25rem; justify-content: space-between; padding: 1rem clamp(1.25rem, 5vw, 5rem); position: sticky; top: 0; z-index: 3; }
.elevate-her-brand { align-items: center; display: flex; font-size: .75rem; font-weight: 700; gap: .65rem; letter-spacing: .02em; max-width: 22rem; text-decoration: none; }
.elevate-her-header nav { display: flex; gap: 1.35rem; }
.elevate-her-header nav a { font-size: .875rem; text-decoration: none; }
.elevate-her-button { background: #f5f5f7; border-radius: 999px; color: #111; display: inline-block; font-size: .875rem; font-weight: 700; padding: .8rem 1.15rem; text-decoration: none; width: fit-content; }
.elevate-her-hero { align-items: end; background: radial-gradient(circle at 79% 19%, #4b173b 0, #190d19 34%, #000 72%); display: grid; grid-template-columns: minmax(0, .95fr) minmax(22rem, 1.05fr); min-height: min(48rem, calc(100svh - 4rem)); overflow: hidden; padding: 0 clamp(1.25rem, 6vw, 7rem); position: relative; }
.elevate-her-hero-copy { padding: clamp(6rem, 12vw, 9rem) 0 clamp(4rem, 9vw, 7rem); position: relative; z-index: 1; }
.elevate-her-hero-copy > p:first-child, .elevate-her-purpose > div > p, .elevate-her-programs header > p, .elevate-her-note > div > p, .elevate-her-story > div > p, .elevate-her-contact p { color: #e58abf; font-size: .72rem; font-weight: 800; letter-spacing: .13em; margin: 0 0 1rem; }
.elevate-her-hero h1 { font-size: clamp(4.2rem, 7vw, 8rem); margin: 0; max-width: 9ch; }
.elevate-her-hero-copy > p:not(:first-child) { color: #c9c5ca; font-size: clamp(1rem, 1.35vw, 1.25rem); margin: 1.5rem 0 2rem; max-width: 24rem; }
.elevate-her-hero-visual { align-self: end; height: clamp(31rem, 50vw, 43rem); justify-self: end; max-width: 40rem; overflow: hidden; position: relative; width: 100%; }
.elevate-her-hero-visual::after { background: linear-gradient(90deg, #000 0%, transparent 25%), linear-gradient(0deg, #000 0%, transparent 22%); content: ''; inset: 0; position: absolute; }
.elevate-her-hero-image { height: 100%; object-fit: cover; width: 100%; }
.elevate-her-hero-visual i { background: linear-gradient(135deg, #f49bd0, var(--brand)); border-radius: 50%; height: clamp(7rem, 13vw, 12rem); position: absolute; right: -3rem; top: 24%; width: clamp(7rem, 13vw, 12rem); }
.elevate-her-purpose { background: #f5f5f7; color: #111; padding: clamp(5rem, 12vw, 11rem) clamp(1.25rem, 12vw, 13rem) !important; text-align: center; }
.elevate-her-purpose > div { margin: auto; max-width: 62rem; }
.elevate-her-purpose h2 { font-size: clamp(2.9rem, 6.2vw, 7rem); margin: 0; }
.elevate-her-page details { margin-top: 1.5rem; }
.elevate-her-page summary { cursor: pointer; font-size: .9rem; font-weight: 700; }
.elevate-her-page details p { line-height: 1.6; }
.elevate-her-purpose details { color: #6e6e73; margin-inline: auto; max-width: 42rem; text-align: left; }
.elevate-her-programs { background: #f5f5f7; color: #111; padding: 0 clamp(1.25rem, 5vw, 5rem) clamp(1.25rem, 5vw, 5rem) !important; }
.elevate-her-programs > header { padding: 0 0 clamp(2rem, 5vw, 4rem); text-align: center; }
.elevate-her-programs h2 { font-size: clamp(2.8rem, 5vw, 5.5rem); margin: 0; }
.elevate-her-programs > div { display: grid; gap: 1.25rem; grid-template-columns: 1.1fr .9fr; }
.elevate-her-program { background: #fff; border-radius: 2rem; display: grid; grid-template-columns: 1fr; min-height: 22rem; overflow: hidden; }
.elevate-her-program:first-child { grid-row: span 2; min-height: 44rem; }
.elevate-her-program img { height: 100%; min-height: 16rem; object-fit: cover; order: 2; width: 100%; }
.elevate-her-program:first-child img { min-height: 29rem; }
.elevate-her-program > div { order: 1; padding: clamp(1.5rem, 3vw, 2.5rem); }
.elevate-her-program h3 { font-size: clamp(1.8rem, 3vw, 3.8rem); margin: 0; max-width: 10ch; }
.elevate-her-program details { color: #6e6e73; }
.elevate-her-note { align-items: stretch; background: #0f0d0f; display: grid; grid-template-columns: 1fr 1fr; overflow: hidden; }
.elevate-her-note-visual { min-height: 34rem; }
.elevate-her-note-image { height: 100%; object-fit: cover; width: 100%; }
.elevate-her-note > div:last-child { align-self: center; padding: clamp(3rem, 8vw, 8rem); }
.elevate-her-note h2, .elevate-her-contact h2 { font-size: clamp(2.8rem, 5vw, 5.5rem); margin: 0; max-width: 8ch; }
.elevate-her-note details { color: #d2ccd1; max-width: 34rem; }
.elevate-her-note blockquote { border-left: .2rem solid var(--brand); margin: 1.5rem 0; padding-left: 1rem; }
.elevate-her-note cite { color: #e58abf; font-size: .85rem; font-style: normal; font-weight: 700; }
.elevate-her-note ul, .elevate-her-contact ul { padding-left: 1.15rem; }
.elevate-her-story { align-items: center; background: #000; display: grid; grid-template-columns: .9fr 1.1fr; min-height: 35rem; }
.elevate-her-story > div { padding: clamp(3rem, 7vw, 7rem); }
.elevate-her-story h2 { font-size: clamp(2.7rem, 5vw, 5.5rem); margin: 0; max-width: 10ch; }
.elevate-her-story-image { height: 100%; min-height: 30rem; object-fit: cover; width: 100%; }
.elevate-her-contact { align-items: center; background: linear-gradient(135deg, #7f164e, var(--brand)); display: flex; gap: 3rem; justify-content: space-between; padding: clamp(4rem, 8vw, 8rem) clamp(1.25rem, 7vw, 7rem) !important; }
.elevate-her-contact p { color: #ffd8ea; }
.elevate-her-contact h2 { max-width: 12ch; }
.elevate-her-contact details { color: #f9ddea; max-width: 38rem; }
.elevate-her-page footer { background: #000; color: #f5f5f7; display: flex; flex-wrap: wrap; gap: .75rem 2rem; justify-content: space-between; padding: 1.5rem clamp(1.25rem, 5vw, 5rem); }
.elevate-her-page footer > * { margin: 0; max-width: none; }
@media (prefers-reduced-motion: no-preference) { .elevate-her-hero-image { animation: elevate-her-reveal 1.2s cubic-bezier(.16, 1, .3, 1) both; } .elevate-her-hero-visual i { animation: elevate-her-float 8s ease-in-out infinite; } .elevate-her-program img { transition: transform .8s cubic-bezier(.16, 1, .3, 1); } .elevate-her-program:hover img { transform: scale(1.045); } }
@keyframes elevate-her-reveal { from { opacity: 0; transform: scale(1.06); } to { opacity: 1; transform: scale(1); } }
@keyframes elevate-her-float { 0%, 100% { transform: translate3d(0, 0, 0); } 50% { transform: translate3d(-1.2rem, 1rem, 0); } }
@media (prefers-reduced-motion: reduce) { .elevate-her-page *, .elevate-her-page *::before, .elevate-her-page *::after { animation-duration: .01ms !important; scroll-behavior: auto !important; transition-duration: .01ms !important; } }
@media (max-width: 44rem) { .elevate-her-header { flex-wrap: wrap; } .elevate-her-header nav { order: 3; overflow-x: auto; width: 100%; } .elevate-her-header-action { margin-left: auto; } .elevate-her-hero, .elevate-her-note, .elevate-her-story, .elevate-her-programs > div { grid-template-columns: 1fr; } .elevate-her-hero { padding: 0; } .elevate-her-hero-copy { padding: 7rem 1.25rem 3rem; } .elevate-her-hero-visual { height: 30rem; max-width: none; } .elevate-her-hero-visual::after { background: linear-gradient(0deg, #000 0%, transparent 26%); } .elevate-her-program:first-child { grid-row: auto; min-height: 22rem; } .elevate-her-program:first-child img { min-height: 16rem; } .elevate-her-note-visual { min-height: 23rem; } .elevate-her-note > div:last-child, .elevate-her-story > div { padding: 3rem 1.25rem; } .elevate-her-story-image { min-height: 23rem; } .elevate-her-contact { align-items: flex-start; flex-direction: column; } }

.clean-water-page { background: #e9f4f7; color: #143845; font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif; line-height: 1.45; }
.clean-water-page > *, .clean-water-page main > section { margin: 0; max-width: none; padding: 0; }
.clean-water-page h1, .clean-water-page h2, .clean-water-page h3 { letter-spacing: -.07em; line-height: .95; }
.clean-water-page a:focus-visible, .clean-water-page summary:focus-visible { outline: .2rem solid #143845; outline-offset: .25rem; }
.clean-water-header { align-items: center; backdrop-filter: blur(1rem); background: #e9f4f7d9; display: flex; gap: 1.25rem; justify-content: space-between; padding: 1rem clamp(1.25rem, 5vw, 5rem); position: sticky; top: 0; z-index: 3; }
.clean-water-brand { align-items: center; display: flex; font-size: .75rem; font-weight: 800; gap: .65rem; letter-spacing: .02em; max-width: 24rem; text-decoration: none; }
.clean-water-header nav { display: flex; gap: 1.35rem; }
.clean-water-header nav a { font-size: .875rem; text-decoration: none; }
.clean-water-button { background: #143845; border-radius: 999px; color: #fff; display: inline-block; font-size: .875rem; font-weight: 700; padding: .8rem 1.15rem; text-decoration: none; width: fit-content; }
.clean-water-hero { align-items: stretch; background: #dceff4; display: grid; grid-template-columns: minmax(0, .95fr) minmax(22rem, 1.05fr); min-height: min(47rem, calc(100svh - 4rem)); overflow: hidden; padding: 0 clamp(1.25rem, 7vw, 8rem); position: relative; }
.clean-water-hero-copy { align-self: center; padding: 5rem 0; position: relative; z-index: 1; }
.clean-water-hero-copy > p:first-child, .clean-water-purpose > div > p, .clean-water-programs header > p, .clean-water-note > div > p, .clean-water-story > div > p, .clean-water-contact p { color: #1579b8; font-size: .72rem; font-weight: 800; letter-spacing: .13em; margin: 0 0 1rem; }
.clean-water-hero h1 { font-size: clamp(4rem, 7vw, 8rem); margin: 0; max-width: 8ch; }
.clean-water-hero-copy > p:not(:first-child) { font-size: clamp(1rem, 1.35vw, 1.25rem); margin: 1.5rem 0 2rem; max-width: 25rem; }
.clean-water-hero-visual { align-self: end; height: clamp(31rem, 47vw, 42rem); justify-self: end; max-width: 39rem; position: relative; width: 100%; }
.clean-water-hero-visual i { background: #1579b8; border-radius: 50%; height: 44rem; position: absolute; right: -15rem; top: 2rem; width: 44rem; }
.clean-water-hero-image { border-radius: 15rem 15rem 0 0; height: 100%; object-fit: cover; position: relative; width: 100%; z-index: 1; }
.clean-water-purpose { background: #f8fdff; padding: clamp(5rem, 12vw, 11rem) clamp(1.25rem, 12vw, 13rem) !important; text-align: center; }
.clean-water-purpose > div { margin: auto; max-width: 62rem; }
.clean-water-purpose h2 { font-size: clamp(2.9rem, 6vw, 6.8rem); margin: 0; }
.clean-water-page details { margin-top: 1.5rem; }
.clean-water-page summary { cursor: pointer; font-size: .9rem; font-weight: 700; }
.clean-water-page details p { line-height: 1.6; }
.clean-water-purpose details { color: #466773; margin-inline: auto; max-width: 42rem; text-align: left; }
.clean-water-programs { background: #e9f4f7; padding: clamp(4rem, 8vw, 7rem) clamp(1.25rem, 5vw, 5rem) !important; }
.clean-water-programs > header { padding-bottom: clamp(2rem, 5vw, 4rem); }
.clean-water-programs h2 { font-size: clamp(2.8rem, 5vw, 5.5rem); margin: 0; max-width: 8ch; }
.clean-water-programs > div { display: grid; gap: 1.25rem; grid-template-columns: 1.2fr .8fr; }
.clean-water-program { background: #f8fdff; border-radius: 1.75rem; display: grid; grid-template-columns: 1fr 1fr; min-height: 20rem; overflow: hidden; }
.clean-water-program:first-child { grid-row: span 2; grid-template-columns: 1fr; min-height: 41.25rem; }
.clean-water-program img { height: 100%; object-fit: cover; width: 100%; }
.clean-water-program:first-child img { min-height: 27rem; }
.clean-water-program > div { padding: clamp(1.5rem, 3vw, 2.5rem); }
.clean-water-program h3 { font-size: clamp(1.7rem, 3vw, 3.3rem); margin: 0; max-width: 9ch; }
.clean-water-program details { color: #466773; }
.clean-water-note { background: #143845; color: #fff; display: grid; grid-template-columns: 1fr 1fr; }
.clean-water-note > div:first-child { min-height: 34rem; }
.clean-water-note-image { height: 100%; object-fit: cover; width: 100%; }
.clean-water-note > div:last-child { align-self: center; padding: clamp(3rem, 8vw, 8rem); }
.clean-water-note h2, .clean-water-contact h2 { font-size: clamp(2.8rem, 5vw, 5.5rem); margin: 0; max-width: 9ch; }
.clean-water-note details { color: #d8edf3; max-width: 34rem; }
.clean-water-note blockquote { border-left: .2rem solid #64b7dc; margin: 1.5rem 0; padding-left: 1rem; }
.clean-water-note cite { color: #8fd2ed; font-size: .85rem; font-style: normal; font-weight: 700; }
.clean-water-note ul, .clean-water-contact ul { padding-left: 1.15rem; }
.clean-water-story { align-items: center; background: #f8fdff; display: grid; grid-template-columns: .9fr 1.1fr; min-height: 35rem; }
.clean-water-story > div { padding: clamp(3rem, 7vw, 7rem); }
.clean-water-story h2 { font-size: clamp(2.7rem, 5vw, 5.5rem); margin: 0; max-width: 10ch; }
.clean-water-story-image { height: 100%; min-height: 30rem; object-fit: cover; width: 100%; }
.clean-water-contact { align-items: center; background: #1579b8; color: #fff; display: flex; gap: 3rem; justify-content: space-between; padding: clamp(4rem, 8vw, 8rem) clamp(1.25rem, 7vw, 7rem) !important; }
.clean-water-contact p { color: #d9f2fb; }
.clean-water-contact details { color: #e8f8fe; max-width: 38rem; }
.clean-water-contact .clean-water-button { background: #f8fdff; color: #143845; }
.clean-water-page footer { background: #143845; color: #fff; display: flex; flex-wrap: wrap; gap: .75rem 2rem; justify-content: space-between; padding: 1.5rem clamp(1.25rem, 5vw, 5rem); }
.clean-water-page footer > * { margin: 0; max-width: none; }
@media (prefers-reduced-motion: no-preference) { .clean-water-hero-image { animation: clean-water-reveal .9s cubic-bezier(.16, 1, .3, 1) both; } .clean-water-program img { transition: transform .7s cubic-bezier(.16, 1, .3, 1); } .clean-water-program:hover img { transform: scale(1.045); } }
@keyframes clean-water-reveal { from { opacity: 0; transform: translateY(1.5rem) scale(.98); } to { opacity: 1; transform: translateY(0) scale(1); } }
@media (prefers-reduced-motion: reduce) { .clean-water-page *, .clean-water-page *::before, .clean-water-page *::after { animation-duration: .01ms !important; scroll-behavior: auto !important; transition-duration: .01ms !important; } }
@media (max-width: 44rem) { .clean-water-header { flex-wrap: wrap; } .clean-water-header nav { order: 3; overflow-x: auto; width: 100%; } .clean-water-header-action { margin-left: auto; } .clean-water-hero, .clean-water-note, .clean-water-story, .clean-water-programs > div, .clean-water-program { grid-template-columns: 1fr; } .clean-water-hero { padding: 0; } .clean-water-hero-copy { padding: 7rem 1.25rem 3rem; } .clean-water-hero-visual { height: 30rem; max-width: none; } .clean-water-hero-visual i { height: 32rem; right: -9rem; width: 32rem; } .clean-water-program:first-child { grid-row: auto; min-height: 22rem; } .clean-water-program:first-child img { min-height: 16rem; } .clean-water-note > div:first-child { min-height: 23rem; } .clean-water-note > div:last-child, .clean-water-story > div { padding: 3rem 1.25rem; } .clean-water-story-image { min-height: 23rem; } .clean-water-contact { align-items: flex-start; flex-direction: column; } }

.green-white-green-page { background: #173d2a; color: #f1f6ed; font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif; line-height: 1.45; }
.green-white-green-page > *, .green-white-green-page main > section { margin: 0; max-width: none; padding: 0; }
.green-white-green-page h1, .green-white-green-page h2, .green-white-green-page h3 { letter-spacing: -.075em; line-height: .94; }
.green-white-green-page a:focus-visible, .green-white-green-page summary:focus-visible { outline: .2rem solid #eaf5e8; outline-offset: .25rem; }
.green-white-green-header { align-items: center; backdrop-filter: blur(1rem); background: #173d2ae6; display: flex; gap: 1.25rem; justify-content: space-between; padding: 1rem clamp(1.25rem, 5vw, 5rem); position: sticky; top: 0; z-index: 3; }
.green-white-green-brand { align-items: center; display: flex; font-size: .75rem; font-weight: 800; gap: .65rem; letter-spacing: .02em; max-width: 24rem; text-decoration: none; }
.green-white-green-header nav { display: flex; gap: 1.35rem; }
.green-white-green-header nav a { font-size: .875rem; text-decoration: none; }
.green-white-green-button { background: #eaf5e8; border-radius: 999px; color: #173d2a; display: inline-block; font-size: .875rem; font-weight: 800; padding: .8rem 1.15rem; text-decoration: none; width: fit-content; }
.green-white-green-hero { align-items: end; display: grid; min-height: min(48rem, calc(100svh - 4rem)); overflow: hidden; position: relative; }
.green-white-green-hero-image { filter: brightness(.64) saturate(.8); height: 100%; inset: 0; object-fit: cover; position: absolute; width: 100%; }
.green-white-green-hero::after { background: linear-gradient(90deg, #173d2a 0%, #173d2ad9 38%, transparent 76%); content: ''; inset: 0; position: absolute; }
.green-white-green-hero i { background: #138a45; border-radius: 80% 0 80% 0; height: 24rem; position: absolute; right: 26%; top: 8%; transform: rotate(-25deg); width: 12rem; z-index: 1; }
.green-white-green-hero-copy { padding: clamp(5rem, 9vw, 8rem) clamp(1.25rem, 7vw, 8rem); position: relative; z-index: 2; }
.green-white-green-hero-copy > p:first-child, .green-white-green-purpose > div > p, .green-white-green-programs header > p, .green-white-green-note > div > p, .green-white-green-story > div > p, .green-white-green-contact p { color: #9dd5a6; font-size: .72rem; font-weight: 800; letter-spacing: .13em; margin: 0 0 1rem; }
.green-white-green-hero h1 { font-size: clamp(4rem, 7vw, 8rem); margin: 0; max-width: 9ch; }
.green-white-green-hero-copy > p:not(:first-child) { color: #d4ead4; font-size: clamp(1rem, 1.35vw, 1.25rem); margin: 1.5rem 0 2rem; max-width: 26rem; }
.green-white-green-purpose { background: #eef6ec; color: #173d2a; padding: clamp(5rem, 12vw, 11rem) clamp(1.25rem, 12vw, 13rem) !important; text-align: center; }
.green-white-green-purpose > div { margin: auto; max-width: 62rem; }
.green-white-green-purpose h2 { font-size: clamp(2.9rem, 6vw, 6.8rem); margin: 0; }
.green-white-green-page details { margin-top: 1.5rem; }
.green-white-green-page summary { cursor: pointer; font-size: .9rem; font-weight: 700; }
.green-white-green-page details p { line-height: 1.6; }
.green-white-green-purpose details { color: #476a52; margin-inline: auto; max-width: 42rem; text-align: left; }
.green-white-green-programs { background: #eef6ec; color: #173d2a; padding: clamp(4rem, 8vw, 7rem) clamp(1.25rem, 5vw, 5rem) !important; }
.green-white-green-programs > header { padding-bottom: clamp(2rem, 5vw, 4rem); }
.green-white-green-programs h2 { font-size: clamp(2.8rem, 5vw, 5.5rem); margin: 0; max-width: 9ch; }
.green-white-green-programs > div { display: grid; gap: 1.25rem; grid-template-columns: .85fr 1.15fr; }
.green-white-green-program { background: #d7ead8; border-radius: 1.75rem; display: grid; grid-template-columns: .9fr 1.1fr; min-height: 20rem; overflow: hidden; }
.green-white-green-program:first-child { grid-row: span 2; grid-template-columns: 1fr; min-height: 41.25rem; }
.green-white-green-program img { height: 100%; object-fit: cover; width: 100%; }
.green-white-green-program:first-child img { min-height: 27rem; }
.green-white-green-program > div { padding: clamp(1.5rem, 3vw, 2.5rem); }
.green-white-green-program h3 { font-size: clamp(1.7rem, 3vw, 3.3rem); margin: 0; max-width: 9ch; }
.green-white-green-program details { color: #476a52; }
.green-white-green-note { background: #245737; display: grid; grid-template-columns: 1fr 1fr; }
.green-white-green-note > div:first-child { min-height: 34rem; }
.green-white-green-note-image { height: 100%; object-fit: cover; width: 100%; }
.green-white-green-note > div:last-child { align-self: center; padding: clamp(3rem, 8vw, 8rem); }
.green-white-green-note h2, .green-white-green-contact h2 { font-size: clamp(2.8rem, 5vw, 5.5rem); margin: 0; max-width: 9ch; }
.green-white-green-note details { color: #d6ead7; max-width: 34rem; }
.green-white-green-note blockquote { border-left: .2rem solid #9dd5a6; margin: 1.5rem 0; padding-left: 1rem; }
.green-white-green-note cite { color: #9dd5a6; font-size: .85rem; font-style: normal; font-weight: 700; }
.green-white-green-note ul, .green-white-green-contact ul { padding-left: 1.15rem; }
.green-white-green-story { align-items: center; background: #173d2a; display: grid; grid-template-columns: .9fr 1.1fr; min-height: 35rem; }
.green-white-green-story > div { padding: clamp(3rem, 7vw, 7rem); }
.green-white-green-story h2 { font-size: clamp(2.7rem, 5vw, 5.5rem); margin: 0; max-width: 10ch; }
.green-white-green-story-image { height: 100%; min-height: 30rem; object-fit: cover; width: 100%; }
.green-white-green-contact { align-items: center; background: #138a45; display: flex; gap: 3rem; justify-content: space-between; padding: clamp(4rem, 8vw, 8rem) clamp(1.25rem, 7vw, 7rem) !important; }
.green-white-green-contact p { color: #d8f0db; }
.green-white-green-contact details { color: #e7f8e9; max-width: 38rem; }
.green-white-green-page footer { background: #10291c; display: flex; flex-wrap: wrap; gap: .75rem 2rem; justify-content: space-between; padding: 1.5rem clamp(1.25rem, 5vw, 5rem); }
.green-white-green-page footer > * { margin: 0; max-width: none; }
@media (prefers-reduced-motion: no-preference) { .green-white-green-hero-image { animation: green-white-green-reveal .9s cubic-bezier(.16, 1, .3, 1) both; } .green-white-green-program img { transition: transform .7s cubic-bezier(.16, 1, .3, 1); } .green-white-green-program:hover img { transform: scale(1.045); } }
@keyframes green-white-green-reveal { from { opacity: 0; transform: scale(1.05); } to { opacity: 1; transform: scale(1); } }
@media (prefers-reduced-motion: reduce) { .green-white-green-page *, .green-white-green-page *::before, .green-white-green-page *::after { animation-duration: .01ms !important; scroll-behavior: auto !important; transition-duration: .01ms !important; } }
@media (max-width: 44rem) { .green-white-green-header { flex-wrap: wrap; } .green-white-green-header nav { order: 3; overflow-x: auto; width: 100%; } .green-white-green-header-action { margin-left: auto; } .green-white-green-note, .green-white-green-story, .green-white-green-programs > div, .green-white-green-program { grid-template-columns: 1fr; } .green-white-green-hero i { right: -5rem; top: 7rem; } .green-white-green-hero::after { background: linear-gradient(0deg, #173d2a 0%, #173d2ad9 35%, transparent 90%); } .green-white-green-hero-copy { padding: 10rem 1.25rem 3rem; } .green-white-green-program:first-child { grid-row: auto; min-height: 22rem; } .green-white-green-program:first-child img { min-height: 16rem; } .green-white-green-note > div:first-child { min-height: 23rem; } .green-white-green-note > div:last-child, .green-white-green-story > div { padding: 3rem 1.25rem; } .green-white-green-story-image { min-height: 23rem; } .green-white-green-contact { align-items: flex-start; flex-direction: column; } }

.empowerment-tomorrow-page { background: #eeebfb; color: #292142; }
.empowerment-tomorrow-page .clean-water-header { background: #eeebfbd9; }
.empowerment-tomorrow-page .clean-water-button { background: #6c4cb3; color: #fff; }
.empowerment-tomorrow-page .clean-water-hero { background: #e2ddf8; }
.empowerment-tomorrow-page .clean-water-hero-copy > p:first-child, .empowerment-tomorrow-page .clean-water-purpose > div > p, .empowerment-tomorrow-page .clean-water-programs header > p, .empowerment-tomorrow-page .clean-water-note > div > p, .empowerment-tomorrow-page .clean-water-story > div > p, .empowerment-tomorrow-page .clean-water-contact p { color: #6c4cb3; }
.empowerment-tomorrow-page .clean-water-hero-visual i { background: #6c4cb3; border-radius: 2rem; height: 24rem; right: -5rem; top: 5rem; transform: rotate(11deg); width: 24rem; }
.empowerment-tomorrow-page .clean-water-hero-image { border-radius: 2rem 0 0 0; }
.empowerment-tomorrow-page .clean-water-purpose, .empowerment-tomorrow-page .clean-water-story { background: #f8f7ff; }
.empowerment-tomorrow-page .clean-water-programs { background: #eeebfb; }
.empowerment-tomorrow-page .clean-water-program { background: #fff; border-radius: 2rem; }
.empowerment-tomorrow-page .clean-water-program details, .empowerment-tomorrow-page .clean-water-purpose details { color: #675f7b; }
.empowerment-tomorrow-page .clean-water-note { background: #332651; }
.empowerment-tomorrow-page .clean-water-note blockquote { border-color: #b8a4ef; }
.empowerment-tomorrow-page .clean-water-note cite { color: #d5c8fb; }
.empowerment-tomorrow-page .clean-water-contact { background: #6c4cb3; }
.empowerment-tomorrow-page .clean-water-contact .clean-water-button { background: #f8f7ff; color: #292142; }
.empowerment-tomorrow-page footer { background: #292142; }

.empowerment-tomorrow-page { background: #eeebfb; color: #292142; font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif; }
.empowerment-tomorrow-page header, .empowerment-tomorrow-page main > section, .empowerment-tomorrow-page footer { margin: 0; max-width: none; }
.empowerment-tomorrow-page header { align-items: center; background: #eeebfb; display: flex; gap: 1rem; justify-content: space-between; padding: 1rem clamp(1.25rem, 5vw, 5rem); position: sticky; top: 0; z-index: 2; }
.empowerment-tomorrow-page header a { color: inherit; font-size: .8rem; font-weight: 800; text-decoration: none; }
.empowerment-tomorrow-page header > a:first-child { align-items: center; display: flex; gap: .6rem; max-width: 20rem; }
.empowerment-tomorrow-page header nav { display: flex; gap: 1.25rem; }
.empowerment-tomorrow-page header > a:last-child, .tomorrow-hero a, .tomorrow-contact > a { align-items: center; background: #6c4cb3; border-radius: 999px; color: #fff; display: inline-flex; font-family: inherit; font-size: .875rem; font-weight: 800; justify-content: center; letter-spacing: -.01em; line-height: 1; padding: .75rem 1rem; text-decoration: none; }
.tomorrow-hero { background: #ded7f4; display: grid; grid-template-columns: 1fr .9fr .45fr; min-height: 45rem; overflow: hidden; }
.tomorrow-hero > div { align-self: center; display: flex; flex-direction: column; padding: clamp(3rem, 7vw, 7rem); }
.tomorrow-hero p:first-child { color: #6c4cb3; font-size: .75rem; font-weight: 800; letter-spacing: .12em; }
.tomorrow-hero h1, .tomorrow-purpose h2, .tomorrow-note h2, .tomorrow-story h2, .tomorrow-contact h2 { font-size: clamp(3rem, 6vw, 7rem); letter-spacing: -.08em; line-height: .9; margin: 0; }
.tomorrow-hero h1 { font-size: clamp(3.25rem, 5.3vw, 6.2rem); max-width: 8ch; }
.tomorrow-hero > div > p:not(:first-child) { line-height: 1.5; margin: 1.5rem 0 2rem; max-width: 21rem; }
.tomorrow-hero > div > p:not(:first-child), .tomorrow-story h2 { display: none; }
.tomorrow-hero > div > a { margin-top: 2rem; }
.tomorrow-hero-image { height: 100%; object-fit: cover; width: 100%; }
.tomorrow-hero aside { align-items: end; background: #6c4cb3; color: #fff; display: flex; font-size: clamp(1.5rem, 3vw, 3rem); font-weight: 800; letter-spacing: -.06em; line-height: .9; padding: 2rem; }
.tomorrow-purpose { background: #292142; color: #fff; padding: clamp(4rem, 9vw, 8rem) clamp(1.25rem, 12vw, 13rem); }
.tomorrow-purpose details, .tomorrow-note details, .tomorrow-contact details { margin-top: 1.5rem; max-width: 43rem; }
.empowerment-tomorrow-page summary { cursor: pointer; font-weight: 800; }
.empowerment-tomorrow-page details p { line-height: 1.6; }
.tomorrow-programs { background: #f8f7ff; display: grid; gap: 1.25rem; grid-template-columns: 1.2fr .8fr; padding: clamp(1.25rem, 5vw, 5rem); }
.tomorrow-programs article { background: #fff; border-radius: 1.5rem; overflow: hidden; padding-bottom: 1.5rem; }
.tomorrow-programs article:last-child { grid-column: span 2; }
.tomorrow-programs img { aspect-ratio: 1.4; display: block; object-fit: cover; width: 100%; }
.tomorrow-programs h3, .tomorrow-programs details { margin: 1.25rem 1.5rem 0; }
.tomorrow-programs h3 { font-size: 1.8rem; letter-spacing: -.05em; }
.tomorrow-note { background: #6c4cb3; color: #fff; display: grid; grid-template-columns: 1fr 1fr; }
.tomorrow-note-image, .tomorrow-story-image { height: 100%; min-height: 30rem; object-fit: cover; width: 100%; }
.tomorrow-note > div { align-self: center; padding: clamp(3rem, 7vw, 7rem); }
.tomorrow-note blockquote { border-left: .2rem solid #d9d0ff; margin: 1.5rem 0; padding-left: 1rem; }
.tomorrow-story { background: #eeebfb; display: grid; grid-template-columns: 1fr; }
.tomorrow-story h2 { align-self: center; padding: clamp(3rem, 7vw, 7rem); }
.tomorrow-contact { align-items: center; background: #292142; color: #fff; display: grid; gap: 2rem; grid-template-columns: 1fr auto; padding: clamp(2.5rem, 5vw, 4.5rem) clamp(1.25rem, 7vw, 7rem); }
.tomorrow-contact h2 { font-size: clamp(2.5rem, 4vw, 4.5rem); }
.tomorrow-contact details { color: #d9d0ff; }
.empowerment-tomorrow-page footer { align-items: center; background: #201a36; color: #fff; display: flex; gap: .75rem 1.5rem; justify-content: space-between; overflow-wrap: anywhere; padding: 1.25rem clamp(1.25rem, 5vw, 5rem); }
.empowerment-tomorrow-page footer a { color: inherit; }
@media (prefers-reduced-motion: no-preference) { .tomorrow-hero > div { animation: tomorrow-copy-in .75s cubic-bezier(.16, 1, .3, 1) both; } .tomorrow-hero-image { animation: tomorrow-image-in 1s cubic-bezier(.16, 1, .3, 1) both; } .tomorrow-hero aside { animation: tomorrow-tile-in .85s cubic-bezier(.16, 1, .3, 1) both; } .tomorrow-programs article { transition: transform .45s cubic-bezier(.16, 1, .3, 1); } .tomorrow-programs article:hover { transform: translateY(-.65rem); } .tomorrow-programs img, .tomorrow-note-image, .tomorrow-story-image { transition: transform .8s cubic-bezier(.16, 1, .3, 1); } .tomorrow-programs article:hover img, .tomorrow-note:hover img, .tomorrow-story:hover img { transform: scale(1.045); } }
@keyframes tomorrow-copy-in { from { opacity: 0; transform: translateY(2rem); } to { opacity: 1; transform: translateY(0); } }
@keyframes tomorrow-image-in { from { clip-path: inset(0 100% 0 0); } to { clip-path: inset(0); } }
@keyframes tomorrow-tile-in { from { opacity: 0; transform: translateY(3rem) rotate(8deg); } to { opacity: 1; transform: translateY(0) rotate(0); } }
@media (prefers-reduced-motion: reduce) { .empowerment-tomorrow-page *, .empowerment-tomorrow-page *::before, .empowerment-tomorrow-page *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; } }
@media (max-width: 44rem) { .empowerment-tomorrow-page header { flex-wrap: wrap; } .empowerment-tomorrow-page header nav { order: 3; overflow-x: auto; width: 100%; } .tomorrow-hero, .tomorrow-note, .tomorrow-story, .tomorrow-programs, .tomorrow-contact { grid-template-columns: 1fr; } .tomorrow-hero aside { min-height: 10rem; } .tomorrow-programs article:last-child { grid-column: auto; } .empowerment-tomorrow-page footer { align-items: flex-start; flex-direction: column; font-size: .82rem; line-height: 1.5; } }

.open-doors-page { background: #f5f0e8; color: #372d29; font-family: Georgia, "Times New Roman", serif; }
.open-doors-page > *, .open-doors-page main > section { margin: 0; max-width: none; }
.open-doors-page header { align-items: center; background: #f5f0e8e8; backdrop-filter: blur(1rem); display: flex; gap: 1.25rem; justify-content: space-between; padding: 1rem clamp(1.25rem, 5vw, 5rem); position: sticky; top: 0; z-index: 2; }
.open-doors-page a { color: inherit; }
.open-doors-brand { align-items: center; display: flex; font-family: Arial, sans-serif; font-size: .76rem; font-weight: 800; gap: .65rem; letter-spacing: .03em; max-width: 22rem; text-decoration: none; }
.open-doors-page nav { display: flex; font-family: Arial, sans-serif; gap: 1.25rem; }
.open-doors-page nav a { font-size: .86rem; font-weight: 700; text-decoration: none; }
.open-doors-button { align-items: center; background: #805c3d; border-radius: 999px; color: #fdfaf5 !important; display: inline-flex; font-family: Arial, sans-serif; font-size: .875rem; font-weight: 800; justify-content: center; letter-spacing: -.01em; line-height: 1; padding: .82rem 1.15rem; text-decoration: none; }
.open-doors-hero { display: grid; grid-template-columns: minmax(0, .9fr) minmax(22rem, 1.1fr); min-height: min(47rem, calc(100svh - 4rem)); overflow: hidden; }
.open-doors-hero > div { align-self: center; padding: clamp(3rem, 8vw, 8rem); }
.open-doors-hero p { color: #805c3d; font-family: Arial, sans-serif; font-size: .74rem; font-weight: 800; letter-spacing: .14em; margin: 0 0 1rem; }
.open-doors-hero h1, .open-doors-purpose h2, .open-doors-note h2, .open-doors-story h2, .open-doors-contact h2 { font-size: clamp(3.4rem, 6vw, 7rem); font-weight: 500; letter-spacing: -.07em; line-height: .91; margin: 0; }
.open-doors-hero h1 { font-size: clamp(3.3rem, 4.7vw, 4.75rem); max-width: 11ch; }
.open-doors-hero .open-doors-button { margin-top: 2rem; }
.open-doors-hero figure { margin: 0; overflow: hidden; position: relative; }
.open-doors-hero-image { height: 100%; object-fit: cover; width: 100%; }
.open-doors-hero figcaption { background: #d5b89a; bottom: 0; color: #372d29; font-family: Arial, sans-serif; font-size: clamp(1.25rem, 2.5vw, 2.4rem); font-weight: 800; left: 0; padding: 1.25rem 1.5rem; position: absolute; }
.open-doors-purpose { padding: clamp(4rem, 9vw, 9rem) clamp(1.25rem, 18vw, 18rem); text-align: center; }
.open-doors-purpose h2 { margin-inline: auto; max-width: 8ch; }
.open-doors-page details { font-family: Arial, sans-serif; line-height: 1.65; }
.open-doors-page summary { cursor: pointer; font-weight: 800; }
.open-doors-purpose details { margin: 2rem auto 0; max-width: 40rem; text-align: left; }
.open-doors-programs { padding: clamp(1.25rem, 5vw, 5rem); }
.open-doors-programs header { margin-bottom: clamp(2rem, 5vw, 5rem); max-width: 34rem; }
.open-doors-programs h2 { font-size: clamp(2.4rem, 5vw, 5.5rem); font-weight: 500; letter-spacing: -.06em; line-height: .94; margin: 0; }
.open-doors-program { align-items: stretch; border-top: 1px solid #372d2930; display: grid; gap: clamp(1.5rem, 5vw, 5rem); grid-template-columns: minmax(12rem, .72fr) minmax(0, 1.28fr); padding: 1.25rem 0; }
.open-doors-program:last-child { border-bottom: 1px solid #372d2930; }
.open-doors-program img { aspect-ratio: 1.45; border-radius: 1rem; height: 100%; object-fit: cover; width: 100%; }
.open-doors-program > div { align-self: center; max-width: 35rem; }
.open-doors-program h3 { font-size: clamp(1.8rem, 3vw, 3.5rem); font-weight: 500; letter-spacing: -.055em; line-height: .96; margin: 0; }
.open-doors-program details { margin-top: 1rem; }
.open-doors-note { background: #e6d7c8; display: grid; grid-template-columns: 1fr 1fr; margin-top: clamp(4rem, 9vw, 9rem) !important; }
.open-doors-note-image { height: 100%; min-height: 32rem; object-fit: cover; width: 100%; }
.open-doors-note > div { align-self: center; padding: clamp(3rem, 8vw, 8rem); }
.open-doors-note details { margin-top: 1.5rem; }
.open-doors-note blockquote { border-left: .2rem solid #805c3d; font-family: Georgia, "Times New Roman", serif; margin: 1.5rem 0; padding-left: 1rem; }
.open-doors-story { padding: clamp(4rem, 9vw, 9rem) clamp(1.25rem, 10vw, 10rem) !important; }
.open-doors-story > div { margin-bottom: clamp(2rem, 5vw, 5rem); max-width: 45rem; }
.open-doors-story-image { aspect-ratio: 2.1; border-radius: 1rem; display: block; object-fit: cover; width: 100%; }
.open-doors-contact { align-items: center; border-top: 1px solid #372d2930; display: flex; gap: 2rem; justify-content: space-between; padding: clamp(3rem, 7vw, 7rem) clamp(1.25rem, 10vw, 10rem) !important; }
.open-doors-contact h2 { font-size: clamp(2.6rem, 5vw, 5.5rem); max-width: 9ch; }
.open-doors-contact details { margin-top: 1.25rem; max-width: 42rem; }
.open-doors-page footer { border-top: 1px solid #372d2930; display: flex; font-family: Arial, sans-serif; font-size: .78rem; font-weight: 700; gap: 1rem; justify-content: space-between; letter-spacing: .02em; padding: 1.25rem clamp(1.25rem, 5vw, 5rem); }
@media (prefers-reduced-motion: no-preference) { .open-doors-hero > div { animation: open-doors-copy-in .75s cubic-bezier(.16, 1, .3, 1) both; } .open-doors-hero figure { animation: open-doors-image-in .9s cubic-bezier(.16, 1, .3, 1) both; } .open-doors-button, .open-doors-program img { transition: transform .35s cubic-bezier(.16, 1, .3, 1); } .open-doors-button:hover { transform: translateY(-.18rem); } .open-doors-button:active { transform: scale(.98); } .open-doors-program:hover img { transform: scale(1.025); } }
@keyframes open-doors-copy-in { from { opacity: 0; transform: translateY(1.5rem); } to { opacity: 1; transform: translateY(0); } }
@keyframes open-doors-image-in { from { clip-path: inset(0 0 100% 0); } to { clip-path: inset(0); } }
@media (prefers-reduced-motion: reduce) { .open-doors-page *, .open-doors-page *::before, .open-doors-page *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; } }
@media (max-width: 44rem) { .open-doors-page header { flex-wrap: wrap; } .open-doors-page nav { order: 3; overflow-x: auto; width: 100%; } .open-doors-hero, .open-doors-note, .open-doors-program { grid-template-columns: 1fr; } .open-doors-hero { min-height: 0; } .open-doors-hero > div { padding: 4rem 1.5rem 3rem; } .open-doors-hero figure { min-height: 26rem; } .open-doors-program img { max-height: 20rem; } .open-doors-note-image { min-height: 23rem; } .open-doors-contact, .open-doors-page footer { align-items: flex-start; flex-direction: column; } }

.skills-page { background: #f3f3ee; color: #1e2522; font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif; }
.skills-page > *, .skills-page main > section { margin: 0; max-width: none; }
.skills-page header { align-items: center; background: #f3f3eee8; backdrop-filter: blur(1rem); display: flex; gap: 1.25rem; justify-content: space-between; padding: 1rem clamp(1.25rem, 5vw, 5rem); position: sticky; top: 0; z-index: 2; }
.skills-page a { color: inherit; }
.skills-brand { align-items: center; display: flex; font-size: .75rem; font-weight: 800; gap: .65rem; letter-spacing: .02em; max-width: 22rem; text-decoration: none; }
.skills-page nav { display: flex; gap: 1.25rem; }
.skills-page nav a { font-size: .86rem; font-weight: 700; text-decoration: none; }
.skills-button { align-items: center; background: #dc6b24; border-radius: .75rem; color: #1e2522 !important; display: inline-flex; font-size: .875rem; font-weight: 800; justify-content: center; letter-spacing: -.01em; line-height: 1; padding: .82rem 1.15rem; text-decoration: none; }
.skills-hero { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(22rem, .95fr); min-height: min(47rem, calc(100svh - 4rem)); overflow: hidden; }
.skills-hero > div { align-self: center; padding: clamp(3rem, 8vw, 8rem); }
.skills-hero p { color: #c2551c; font-size: .74rem; font-weight: 800; letter-spacing: .14em; margin: 0 0 1rem; }
.skills-hero h1, .skills-purpose h2, .skills-note h2, .skills-story h2, .skills-contact h2 { font-size: clamp(3.3rem, 5.3vw, 6.3rem); letter-spacing: -.08em; line-height: .9; margin: 0; }
.skills-hero h1 { font-size: clamp(3rem, 4.5vw, 5rem); max-width: 11ch; }
.skills-hero .skills-button { margin-top: 2rem; }
.skills-hero figure { background: #dc6b24; margin: 0; overflow: hidden; position: relative; }
.skills-hero-image { height: calc(100% - clamp(5rem, 10vw, 9rem)); object-fit: cover; width: 100%; }
.skills-hero figcaption { bottom: clamp(1.25rem, 3vw, 3rem); color: #1e2522; font-size: clamp(2rem, 4vw, 4.75rem); font-weight: 800; letter-spacing: -.07em; line-height: .9; padding: 0 clamp(1.25rem, 3vw, 3rem); position: absolute; }
.skills-purpose { align-items: stretch; background: repeating-linear-gradient(90deg, transparent 0 3rem, #1e25220c 3rem 3.1rem), #e4e5dc; display: grid; grid-template-columns: 1fr 1fr; }
.skills-purpose-image { height: 100%; min-height: 34rem; object-fit: cover; width: 100%; }
.skills-purpose > div { align-self: center; padding: clamp(3rem, 8vw, 8rem); }
.skills-page details { line-height: 1.65; }
.skills-page summary { cursor: pointer; font-size: .9rem; font-weight: 800; }
.skills-purpose details, .skills-note details, .skills-contact details { margin-top: 1.5rem; max-width: 38rem; }
.skills-programs { padding: clamp(4rem, 9vw, 9rem) clamp(1.25rem, 5vw, 5rem); }
.skills-programs header { margin-bottom: clamp(2rem, 5vw, 5rem); }
.skills-programs header h2 { font-size: clamp(3rem, 6vw, 7rem); letter-spacing: -.085em; line-height: .88; margin: 0; max-width: 7ch; }
.skills-programs > div { display: grid; gap: 1.25rem; grid-template-columns: 1.5fr .75fr .75fr; }
.skills-program { background: #dce5df; border-radius: 1rem; min-height: 24rem; overflow: hidden; position: relative; }
.skills-program-1 { grid-column: span 2; }
.skills-program-2 { background: #dc6b24; }
.skills-program-3 { grid-column: span 3; display: grid; grid-template-columns: 1fr 1fr; }
.skills-program img { height: 100%; inset: 0; object-fit: cover; position: absolute; transition: transform .7s cubic-bezier(.16, 1, .3, 1); width: 100%; }
.skills-program::after { background: linear-gradient(0deg, #1e2522cc 0%, transparent 68%); content: ''; inset: 0; pointer-events: none; position: absolute; }
.skills-program > div { bottom: 0; color: #f6f4ed; left: 0; padding: clamp(1.25rem, 3vw, 2.5rem); position: absolute; right: 0; z-index: 1; }
.skills-program h3 { font-size: clamp(1.6rem, 3vw, 3.5rem); letter-spacing: -.06em; line-height: .93; margin: 0; }
.skills-program details { margin-top: .85rem; }
.skills-program summary { color: inherit; }
.skills-note { align-items: stretch; background: #1e2522; color: #f3f3ee; display: grid; grid-template-columns: 1fr 1fr; margin-top: clamp(4rem, 9vw, 9rem) !important; }
.skills-note > div { align-self: center; padding: clamp(3rem, 8vw, 8rem); }
.skills-note-image { height: 100%; min-height: 33rem; object-fit: cover; width: 100%; }
.skills-note blockquote { border-left: .2rem solid #dc6b24; margin: 1.5rem 0; padding-left: 1rem; }
.skills-story { background: #dc6b24; padding: clamp(4rem, 10vw, 10rem) clamp(1.25rem, 16vw, 16rem) !important; }
.skills-story h2 { color: #1e2522; font-size: clamp(3rem, 6vw, 7rem); margin: 0; text-align: center; }
.skills-contact { align-items: center; display: flex; gap: 2rem; justify-content: space-between; padding: clamp(4rem, 8vw, 8rem) clamp(1.25rem, 10vw, 10rem) !important; }
.skills-contact h2 { max-width: 8ch; }
.skills-page footer { background: #1e2522; color: #f3f3ee; display: flex; font-size: .78rem; font-weight: 700; gap: 1rem; justify-content: space-between; letter-spacing: .02em; padding: 1.25rem clamp(1.25rem, 5vw, 5rem); }
.skills-page footer a { color: inherit; }
@media (prefers-reduced-motion: no-preference) { .skills-hero > div { animation: skills-copy-in .75s cubic-bezier(.16, 1, .3, 1) both; } .skills-hero figure { animation: skills-image-in .9s cubic-bezier(.16, 1, .3, 1) both; } .skills-button { transition: transform .35s cubic-bezier(.16, 1, .3, 1); } .skills-button:hover { transform: translateY(-.18rem); } .skills-button:active { transform: scale(.98); } .skills-program:hover img { transform: scale(1.05); } }
@keyframes skills-copy-in { from { opacity: 0; transform: translateY(1.5rem); } to { opacity: 1; transform: translateY(0); } }
@keyframes skills-image-in { from { clip-path: inset(0 0 100% 0); } to { clip-path: inset(0); } }
@keyframes skills-section-in { from { opacity: 0; transform: translateY(2rem); } to { opacity: 1; transform: translateY(0); } }
@supports (animation-timeline: view()) { @media (prefers-reduced-motion: no-preference) { .skills-purpose > *, .skills-program, .skills-note > *, .skills-story h2, .skills-contact > * { animation: skills-section-in both; animation-range: entry 10% cover 35%; animation-timeline: view(); } .skills-program:nth-child(2), .skills-note-image { animation-range: entry 18% cover 43%; } } }
@media (prefers-reduced-motion: reduce) { .skills-page *, .skills-page *::before, .skills-page *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; } }
@media (max-width: 44rem) { .skills-page header { flex-wrap: wrap; } .skills-page nav { order: 3; overflow-x: auto; width: 100%; } .skills-hero, .skills-purpose, .skills-note, .skills-programs > div, .skills-program-3 { grid-template-columns: 1fr; } .skills-hero { min-height: 0; } .skills-hero > div { padding: 4rem 1.5rem 3rem; } .skills-hero figure { min-height: 26rem; } .skills-hero-image { height: calc(100% - 5rem); } .skills-purpose-image, .skills-note-image { min-height: 23rem; } .skills-program-1, .skills-program-3 { grid-column: auto; } .skills-program { min-height: 23rem; } .skills-contact, .skills-page footer { align-items: flex-start; flex-direction: column; } }

.childhood-page { background: #fff8ef; color: #302836; font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif; }
.childhood-page > *, .childhood-page main > section { margin: 0; max-width: none; }
.childhood-page header { align-items: center; background: #fff8efe8; backdrop-filter: blur(1rem); display: flex; gap: 1.25rem; justify-content: space-between; padding: 1rem clamp(1.25rem, 5vw, 5rem); position: sticky; top: 0; z-index: 2; }
.childhood-page a { color: inherit; }
.childhood-brand { align-items: center; display: flex; font-size: .75rem; font-weight: 800; gap: .65rem; letter-spacing: .02em; max-width: 22rem; text-decoration: none; }
.childhood-page nav { display: flex; gap: 1.25rem; }.childhood-page nav a { font-size: .86rem; font-weight: 700; text-decoration: none; }
.childhood-button { align-items: center; background: #e34d66; border-radius: 999px; color: #fff8ef !important; display: inline-flex; font-size: .875rem; font-weight: 800; justify-content: center; line-height: 1; padding: .82rem 1.15rem; text-decoration: none; }
.childhood-hero { display: grid; grid-template-columns: minmax(0, .9fr) minmax(22rem, 1.1fr); min-height: min(47rem, calc(100svh - 4rem)); overflow: hidden; }.childhood-hero > div { align-self: center; padding: clamp(3rem, 8vw, 8rem); }.childhood-hero p { color: #e34d66; font-size: .74rem; font-weight: 800; letter-spacing: .14em; margin: 0 0 1rem; }.childhood-hero h1, .childhood-purpose h2, .childhood-note h2, .childhood-story h2, .childhood-contact h2 { font-size: clamp(3.2rem, 5vw, 6rem); letter-spacing: -.08em; line-height: .9; margin: 0; }.childhood-hero h1 { max-width: 9ch; }.childhood-hero .childhood-button { margin-top: 2rem; }.childhood-hero figure { background: #e9b957; margin: 0; overflow: hidden; position: relative; }.childhood-hero-image { height: 100%; object-fit: cover; width: 100%; }.childhood-hero figcaption { background: #302836; bottom: 0; color: #fff8ef; font-size: clamp(1.8rem, 3vw, 3.5rem); font-weight: 800; letter-spacing: -.06em; padding: 1rem 1.5rem; position: absolute; right: 0; }
.childhood-page details { line-height: 1.65; }.childhood-page summary { cursor: pointer; font-size: .9rem; font-weight: 800; }.childhood-purpose { background: #f3c9d1; display: grid; grid-template-columns: 1fr 1fr; }.childhood-purpose > div, .childhood-note > div { align-self: center; padding: clamp(3rem, 8vw, 8rem); }.childhood-purpose-image, .childhood-note-image { height: 100%; min-height: 31rem; object-fit: cover; width: 100%; }.childhood-purpose details, .childhood-note details, .childhood-contact details { margin-top: 1.5rem; max-width: 39rem; }
.childhood-programs { padding: clamp(4rem, 9vw, 9rem) clamp(1.25rem, 5vw, 5rem); }.childhood-programs header { margin-bottom: clamp(2rem, 5vw, 5rem); }.childhood-programs header h2 { font-size: clamp(3rem, 6vw, 7rem); letter-spacing: -.085em; line-height: .88; margin: 0; max-width: 7ch; }.childhood-programs > div { display: grid; gap: 1.25rem; grid-template-columns: 1fr 1fr; }.childhood-program { border-radius: 1.5rem; min-height: 27rem; overflow: hidden; position: relative; }.childhood-program-1 { grid-row: span 2; }.childhood-program-2 { margin-top: 3rem; }.childhood-program-3 { margin-bottom: 3rem; }.childhood-program img { height: 100%; inset: 0; object-fit: cover; position: absolute; transition: transform .7s cubic-bezier(.16, 1, .3, 1); width: 100%; }.childhood-program::after { background: linear-gradient(0deg, #302836cc, transparent 68%); content: ''; inset: 0; position: absolute; }.childhood-program > div { bottom: 0; color: #fff8ef; left: 0; padding: 1.5rem; position: absolute; right: 0; z-index: 1; }.childhood-program h3 { font-size: clamp(1.7rem, 3vw, 3.4rem); letter-spacing: -.06em; line-height: .93; margin: 0; }.childhood-program details { margin-top: .85rem; }.childhood-program summary { color: inherit; }
.childhood-note { background: #302836; color: #fff8ef; display: grid; grid-template-columns: 1fr 1fr; }.childhood-note blockquote { border-left: .2rem solid #e9b957; margin: 1.5rem 0; padding-left: 1rem; }.childhood-story { background: #e9b957; padding: clamp(4rem, 10vw, 10rem) clamp(1.25rem, 16vw, 16rem) !important; }.childhood-story h2 { color: #302836; font-size: clamp(3rem, 6vw, 7rem); text-align: center; }.childhood-contact { align-items: center; display: flex; gap: 2rem; justify-content: space-between; padding: clamp(4rem, 8vw, 8rem) clamp(1.25rem, 10vw, 10rem) !important; }.childhood-contact h2 { max-width: 8ch; }.childhood-page footer { background: #302836; color: #fff8ef; display: flex; font-size: .78rem; font-weight: 700; gap: 1rem; justify-content: space-between; padding: 1.25rem clamp(1.25rem, 5vw, 5rem); }
@media (prefers-reduced-motion: no-preference) { .childhood-hero > div { animation: childhood-copy-in .75s cubic-bezier(.16, 1, .3, 1) both; }.childhood-hero figure { animation: childhood-image-in .9s cubic-bezier(.16, 1, .3, 1) both; }.childhood-button { transition: transform .35s cubic-bezier(.16, 1, .3, 1); }.childhood-button:hover { transform: translateY(-.18rem); }.childhood-program:hover img { transform: scale(1.05); } }@keyframes childhood-copy-in { from { opacity: 0; transform: translateY(1.5rem); } to { opacity: 1; transform: translateY(0); } }@keyframes childhood-image-in { from { clip-path: inset(0 0 100% 0); } to { clip-path: inset(0); } }@keyframes childhood-section-in { from { opacity: 0; transform: translateY(2rem); } to { opacity: 1; transform: translateY(0); } }@supports (animation-timeline: view()) { @media (prefers-reduced-motion: no-preference) { .childhood-purpose > *, .childhood-program, .childhood-note > *, .childhood-story h2, .childhood-contact > * { animation: childhood-section-in both; animation-range: entry 10% cover 35%; animation-timeline: view(); } } }@media (prefers-reduced-motion: reduce) { .childhood-page *, .childhood-page *::before, .childhood-page *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; } }@media (max-width: 44rem) { .childhood-page header { flex-wrap: wrap; }.childhood-page nav { order: 3; overflow-x: auto; width: 100%; }.childhood-hero, .childhood-purpose, .childhood-note, .childhood-programs > div { grid-template-columns: 1fr; }.childhood-hero { min-height: 0; }.childhood-hero > div { padding: 4rem 1.5rem 3rem; }.childhood-hero figure { min-height: 26rem; }.childhood-purpose-image, .childhood-note-image { min-height: 23rem; }.childhood-program-1 { grid-row: auto; }.childhood-program-2, .childhood-program-3 { margin-block: 0; }.childhood-contact, .childhood-page footer { align-items: flex-start; flex-direction: column; } }

.smile-page { background: #fffbed; color: #263036; font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif; }.smile-page > *, .smile-page main > section { margin: 0; max-width: none; }.smile-page header { align-items: center; background: #fffbedeb; backdrop-filter: blur(1rem); display: flex; gap: 1.25rem; justify-content: space-between; padding: 1rem clamp(1.25rem, 5vw, 5rem); position: sticky; top: 0; z-index: 2; }.smile-page a { color: inherit; }.smile-brand { align-items: center; display: flex; font-size: .75rem; font-weight: 800; gap: .65rem; max-width: 22rem; text-decoration: none; }.smile-page nav { display: flex; gap: 1.25rem; }.smile-page nav a { font-size: .86rem; font-weight: 700; text-decoration: none; }.smile-button { align-items: center; background: #ec9b21; border-radius: 999px; color: #263036 !important; display: inline-flex; font-size: .875rem; font-weight: 800; justify-content: center; line-height: 1; padding: .82rem 1.15rem; text-decoration: none; }
.smile-hero { display: grid; grid-template-columns: 1fr 1fr; min-height: min(47rem, calc(100svh - 4rem)); }.smile-hero > div { align-self: center; padding: clamp(3rem, 8vw, 8rem); }.smile-hero p { color: #bf7511; font-size: .74rem; font-weight: 800; letter-spacing: .14em; margin: 0 0 1rem; }.smile-hero h1, .smile-purpose h2, .smile-note h2, .smile-story h2, .smile-contact h2 { font-size: clamp(3.3rem, 5.5vw, 6.5rem); letter-spacing: -.08em; line-height: .9; margin: 0; }.smile-hero h1 { max-width: 7ch; }.smile-hero .smile-button { margin-top: 2rem; }.smile-hero figure { background: #ec9b21; margin: 0; overflow: hidden; position: relative; }.smile-hero-image { height: calc(100% - 7rem); object-fit: cover; width: 100%; }.smile-hero figcaption { bottom: 1.25rem; font-size: clamp(1.75rem, 3vw, 3.3rem); font-weight: 800; letter-spacing: -.06em; padding: 0 1.5rem; position: absolute; }
.smile-page details { line-height: 1.65; }.smile-page summary { cursor: pointer; font-size: .9rem; font-weight: 800; }.smile-purpose { display: grid; grid-template-columns: 1fr 1fr; padding: clamp(4rem, 9vw, 9rem) clamp(1.25rem, 8vw, 8rem) !important; }.smile-purpose h2 { align-self: end; max-width: 7ch; }.smile-purpose details { grid-column: 1; margin-top: 1.5rem; max-width: 34rem; }.smile-purpose-image { border-radius: 1.5rem; grid-column: 2; grid-row: 1 / span 2; height: 100%; min-height: 26rem; object-fit: cover; width: 100%; }.smile-programs { background: #f6e7c9; padding: clamp(4rem, 9vw, 9rem) clamp(1.25rem, 5vw, 5rem); }.smile-programs header { margin-bottom: 3rem; }.smile-programs header h2 { font-size: clamp(3rem, 6vw, 7rem); letter-spacing: -.085em; line-height: .88; margin: 0; max-width: 7ch; }.smile-programs > div { display: grid; gap: 1.25rem; grid-template-columns: 1fr 1fr; }.smile-program { border-radius: 1.5rem; min-height: 26rem; overflow: hidden; position: relative; }.smile-program-1 { grid-column: span 2; }.smile-program img { height: 100%; inset: 0; object-fit: cover; position: absolute; transition: transform .7s cubic-bezier(.16,1,.3,1); width: 100%; }.smile-program::after { background: linear-gradient(0deg, #263036d9, transparent 66%); content: ''; inset: 0; position: absolute; }.smile-program > div { bottom: 0; color: #fffbed; left: 0; padding: 1.5rem; position: absolute; right: 0; z-index: 1; }.smile-program h3 { font-size: clamp(1.6rem, 3vw, 3.4rem); letter-spacing: -.06em; line-height: .93; margin: 0; }.smile-program details { margin-top: .85rem; }.smile-program summary { color: inherit; }.smile-note { display: grid; grid-template-columns: 1fr 1fr; }.smile-note > div { align-self: center; padding: clamp(3rem, 8vw, 8rem); }.smile-note-image { height: 100%; min-height: 31rem; object-fit: cover; width: 100%; }.smile-note blockquote { border-left: .2rem solid #ec9b21; margin: 1.5rem 0; padding-left: 1rem; }.smile-story { background: #263036; color: #fffbed; padding: clamp(4rem, 10vw, 10rem) clamp(1.25rem, 16vw, 16rem) !important; }.smile-story h2 { font-size: clamp(3rem, 6vw, 7rem); text-align: center; }.smile-contact { align-items: center; display: flex; gap: 2rem; justify-content: space-between; padding: clamp(4rem, 8vw, 8rem) clamp(1.25rem, 10vw, 10rem) !important; }.smile-contact h2 { max-width: 8ch; }.smile-contact details { margin-top: 1.5rem; max-width: 40rem; }.smile-page footer { background: #263036; color: #fffbed; display: flex; font-size: .78rem; font-weight: 700; gap: 1rem; justify-content: space-between; padding: 1.25rem clamp(1.25rem, 5vw, 5rem); }
@media (prefers-reduced-motion: no-preference) { .smile-hero > div { animation: smile-copy-in .75s cubic-bezier(.16,1,.3,1) both; }.smile-hero figure { animation: smile-image-in .9s cubic-bezier(.16,1,.3,1) both; }.smile-button { transition: transform .35s cubic-bezier(.16,1,.3,1); }.smile-button:hover { transform: translateY(-.18rem); }.smile-program:hover img { transform: scale(1.05); } }@keyframes smile-copy-in { from { opacity: 0; transform: translateY(1.5rem); } to { opacity: 1; transform: translateY(0); } }@keyframes smile-image-in { from { clip-path: inset(0 0 100% 0); } to { clip-path: inset(0); } }@keyframes smile-section-in { from { opacity: 0; transform: translateY(2rem); } to { opacity: 1; transform: translateY(0); } }@supports (animation-timeline: view()) { @media (prefers-reduced-motion: no-preference) { .smile-purpose > *, .smile-program, .smile-note > *, .smile-story h2, .smile-contact > * { animation: smile-section-in both; animation-range: entry 10% cover 35%; animation-timeline: view(); } } }@media (prefers-reduced-motion: reduce) { .smile-page *, .smile-page *::before, .smile-page *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; } }@media (max-width: 44rem) { .smile-page header { flex-wrap: wrap; }.smile-page nav { order: 3; overflow-x: auto; width: 100%; }.smile-hero, .smile-purpose, .smile-programs > div, .smile-note { grid-template-columns: 1fr; }.smile-hero { min-height: 0; }.smile-hero > div { padding: 4rem 1.5rem 3rem; }.smile-hero figure { min-height: 26rem; }.smile-purpose-image { grid-column: 1; grid-row: auto; margin-top: 2rem; }.smile-program-1 { grid-column: auto; }.smile-contact, .smile-page footer { align-items: flex-start; flex-direction: column; } }

.voices-page { background: #edf2f7; color: #172b45; font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif; }.voices-page > *, .voices-page main > section { margin: 0; max-width: none; }.voices-page header { align-items: center; background: #edf2f7e8; backdrop-filter: blur(1rem); display: flex; gap: 1.25rem; justify-content: space-between; padding: 1rem clamp(1.25rem, 5vw, 5rem); position: sticky; top: 0; z-index: 2; }.voices-page a { color: inherit; }.voices-brand { align-items: center; display: flex; font-size: .72rem; font-weight: 800; gap: .65rem; letter-spacing: .02em; max-width: 25rem; text-decoration: none; }.voices-page nav { display: flex; gap: 1.25rem; }.voices-page nav a { font-size: .86rem; font-weight: 700; text-decoration: none; }.voices-button { align-items: center; background: #325d9d; border-radius: .6rem; color: #edf2f7 !important; display: inline-flex; font-size: .875rem; font-weight: 800; justify-content: center; line-height: 1; padding: .82rem 1.15rem; text-decoration: none; }
.voices-hero { background: #172b45; color: #edf2f7; display: grid; grid-template-columns: 1fr 1fr; min-height: min(47rem, calc(100svh - 4rem)); overflow: hidden; }.voices-hero > div { align-self: center; padding: clamp(3rem, 8vw, 8rem); }.voices-hero p { color: #9fbbe1; font-size: .74rem; font-weight: 800; letter-spacing: .14em; margin: 0 0 1rem; }.voices-hero h1, .voices-purpose h2, .voices-note h2, .voices-story h2, .voices-contact h2 { font-size: clamp(3.2rem, 5.4vw, 6.5rem); letter-spacing: -.08em; line-height: .9; margin: 0; }.voices-hero h1 { max-width: 8ch; }.voices-hero .voices-button { background: #edf2f7; color: #172b45 !important; margin-top: 2rem; }.voices-hero-image { height: 100%; object-fit: cover; width: 100%; }.voices-page details { line-height: 1.65; }.voices-page summary { cursor: pointer; font-size: .9rem; font-weight: 800; }.voices-purpose { display: grid; grid-template-columns: 1fr 1fr; }.voices-purpose > div, .voices-note > div { align-self: center; padding: clamp(3rem, 8vw, 8rem); }.voices-purpose-image, .voices-note-image { height: 100%; min-height: 31rem; object-fit: cover; width: 100%; }.voices-purpose details, .voices-note details, .voices-contact details { margin-top: 1.5rem; max-width: 39rem; }.voices-programs { padding: clamp(4rem, 9vw, 9rem) clamp(1.25rem, 8vw, 8rem); }.voices-programs header { margin-bottom: 3rem; max-width: 42rem; }.voices-programs header h2 { font-size: clamp(3rem, 6vw, 7rem); letter-spacing: -.085em; line-height: .88; margin: 0; }.voices-program { align-items: stretch; border-top: 1px solid #172b4530; display: grid; gap: clamp(1.5rem, 5vw, 5rem); grid-template-columns: minmax(13rem,.7fr) minmax(0,1.3fr); padding: 1.25rem 0; }.voices-program:last-child { border-bottom: 1px solid #172b4530; }.voices-program img { aspect-ratio: 1.4; border-radius: .75rem; height: 100%; object-fit: cover; width: 100%; }.voices-program > div { align-self: center; max-width: 37rem; }.voices-program h3 { font-size: clamp(1.8rem,3.2vw,3.5rem); letter-spacing: -.06em; line-height: .93; margin: 0; }.voices-program details { margin-top: 1rem; }.voices-note { background: #d8e4f1; display: grid; grid-template-columns: 1fr 1fr; }.voices-note blockquote { border-left: .2rem solid #325d9d; margin: 1.5rem 0; padding-left: 1rem; }.voices-story { background: #325d9d; color: #edf2f7; padding: clamp(4rem,10vw,10rem) clamp(1.25rem,16vw,16rem) !important; }.voices-story h2 { font-size: clamp(3rem,6vw,7rem); text-align: center; }.voices-contact { align-items: center; display: flex; gap: 2rem; justify-content: space-between; padding: clamp(4rem,8vw,8rem) clamp(1.25rem,10vw,10rem) !important; }.voices-contact h2 { max-width: 8ch; }.voices-page footer { background: #172b45; color: #edf2f7; display: flex; font-size: .76rem; font-weight: 700; gap: 1rem; justify-content: space-between; padding: 1.25rem clamp(1.25rem,5vw,5rem); }
@media (prefers-reduced-motion: no-preference) { .voices-hero > div { animation: voices-copy-in .75s cubic-bezier(.16,1,.3,1) both; }.voices-hero-image { animation: voices-image-in .9s cubic-bezier(.16,1,.3,1) both; }.voices-button { transition: transform .35s cubic-bezier(.16,1,.3,1); }.voices-button:hover { transform: translateY(-.18rem); }.voices-program img { transition: transform .7s cubic-bezier(.16,1,.3,1); }.voices-program:hover img { transform: scale(1.025); } }@keyframes voices-copy-in { from { opacity: 0; transform: translateY(1.5rem); } to { opacity: 1; transform: translateY(0); } }@keyframes voices-image-in { from { clip-path: inset(0 100% 0 0); } to { clip-path: inset(0); } }@keyframes voices-section-in { from { opacity: 0; transform: translateY(2rem); } to { opacity: 1; transform: translateY(0); } }@supports (animation-timeline: view()) { @media (prefers-reduced-motion: no-preference) { .voices-purpose > *, .voices-program, .voices-note > *, .voices-story h2, .voices-contact > * { animation: voices-section-in both; animation-range: entry 10% cover 35%; animation-timeline: view(); } } }@media (prefers-reduced-motion: reduce) { .voices-page *, .voices-page *::before, .voices-page *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; } }@media (max-width: 44rem) { .voices-page header { flex-wrap: wrap; }.voices-page nav { order: 3; overflow-x: auto; width: 100%; }.voices-hero, .voices-purpose, .voices-note, .voices-program { grid-template-columns: 1fr; }.voices-hero { min-height: 0; }.voices-hero > div { padding: 4rem 1.5rem 3rem; }.voices-hero-image { min-height: 26rem; }.voices-purpose-image, .voices-note-image { min-height: 23rem; }.voices-contact, .voices-page footer { align-items: flex-start; flex-direction: column; } }