.organizer {
  color: #7c887f;
  font-size: 11px;
  line-height: 1.45;
  margin: 1px 0 0 21px;
}

.legal-links {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
}

.privacy-page p strong {
  color: var(--ink);
}

.about-body { background: #fffdf7; }

.about-nav { height: 86px; display: flex; align-items: center; justify-content: space-between; }

.about-back { color: var(--ink); font-size: 13px; font-weight: 700; text-decoration: none; }
.about-back span, .about-email span { color: var(--coral); font-size: 18px; margin-left: 4px; }

.about-hero { display: grid; grid-template-columns: 1.08fr .92fr; gap: 64px; align-items: center; padding: 36px 0 92px; }
.about-hero-copy h1, .about-section-heading h2, .about-contact h2 { font-family: "Noto Sans SC", sans-serif; letter-spacing: -2.3px; }
.about-hero-copy h1 { font-size: clamp(46px, 5.2vw, 68px); line-height: 1.06; margin: 0; }
.about-hero-copy h1 em { color: #366b59; font-style: normal; position: relative; z-index: 0; }
.about-hero-copy h1 em::after { background: var(--lemon); bottom: 5px; content: ""; height: 13px; left: -4px; position: absolute; right: -6px; transform: rotate(-1.8deg); z-index: -1; }
.about-hero-copy > p:not(.eyebrow) { color: var(--muted); font-size: 17px; line-height: 1.75; margin: 22px 0 27px; max-width: 560px; }
.about-promises { display: flex; flex-wrap: wrap; gap: 8px; }
.about-promises span { background: #eff5ef; border-radius: 999px; color: #376152; font-size: 12px; font-weight: 700; padding: 8px 11px; }

.about-hero-art { background: #dceee3; border-radius: 46% 40% 46% 38%; height: 365px; overflow: hidden; position: relative; }
.about-sun { background: var(--lemon); border-radius: 50%; height: 92px; position: absolute; right: 60px; top: 48px; width: 92px; }
.about-cloud { background: #fffdf7; border-radius: 999px; height: 20px; position: absolute; width: 74px; }
.about-cloud::before, .about-cloud::after { background: #fffdf7; border-radius: 50%; content: ""; position: absolute; }
.about-cloud::before { height: 31px; left: 12px; top: -14px; width: 31px; }
.about-cloud::after { height: 24px; left: 37px; top: -9px; width: 24px; }
.about-cloud-one { left: 55px; top: 84px; transform: scale(.72); }
.about-cloud-two { right: 46px; top: 158px; transform: scale(.54); }
.about-hill { border-radius: 50% 50% 0 0; bottom: -58px; position: absolute; }
.about-hill-one { background: #91cf9c; height: 205px; left: -23%; transform: rotate(6deg); width: 126%; }
.about-hill-two { background: #4c8d69; bottom: -83px; height: 168px; right: -31%; transform: rotate(-7deg); width: 108%; }
.about-kite { background: var(--coral); border-radius: 22px 22px 5px 22px; bottom: 83px; color: #fffdf7; font-size: 32px; font-weight: 900; height: 67px; left: 38%; line-height: 63px; position: absolute; text-align: center; transform: rotate(-19deg); width: 67px; z-index: 2; }
.about-spark { color: #fffdf7; font-size: 28px; font-weight: 900; position: absolute; z-index: 2; }
.about-spark-one { bottom: 76px; left: 58%; }.about-spark-two { bottom: 106px; left: 25%; }
.about-sticker { background: #fffdf7; border-radius: 17px; box-shadow: 0 9px 18px #27533d1e; font-family: "Noto Sans SC", sans-serif; font-size: 12px; font-weight: 900; line-height: 1.3; padding: 10px 13px; position: absolute; text-align: center; z-index: 3; }
.about-sticker-one { bottom: 32px; left: 7%; transform: rotate(-9deg); }.about-sticker-two { background: var(--lemon); right: 7%; top: 29px; transform: rotate(9deg); }

.about-content { border-top: 1px solid var(--line); padding: 82px 0 86px; }
.about-section-heading { margin-bottom: 38px; }.about-section-heading h2 { font-size: clamp(31px, 3.7vw, 46px); line-height: 1.14; margin: 0; }
.about-principles { display: grid; gap: 14px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.about-principle { align-items: flex-start; background: #fff; border: 1px solid #e8e6dc; border-radius: 20px; display: flex; gap: 17px; min-height: 216px; padding: 25px; }
.about-principle:hover { box-shadow: 0 12px 28px #274f3a12; transform: translateY(-2px); transition: .2s ease; }
.about-number { align-items: center; background: #eff5ef; border-radius: 50%; color: #376152; display: inline-flex; flex: 0 0 36px; font-size: 11px; font-weight: 800; height: 36px; justify-content: center; }
.about-principle h3 { font-family: "Noto Sans SC", sans-serif; font-size: 20px; letter-spacing: -.4px; margin: 5px 0 8px; }.about-principle p { color: var(--muted); font-size: 14px; line-height: 1.65; margin: 0; }
.about-principle.curate .about-number { background: #fff3d8; color: #8a6625; }.about-principle.refresh .about-number { background: #fdeae5; color: #ad5b4b; }.about-principle.images .about-number { background: #eee8fa; color: #6c5792; }

.about-contact { align-items: center; background: var(--lemon); border-radius: 26px; display: flex; gap: 38px; justify-content: space-between; margin-bottom: 92px; padding: 42px 48px; }.about-contact > div { max-width: 650px; }.about-contact h2 { font-size: 31px; margin: 0 0 9px; }.about-contact p:not(.eyebrow) { color: #615b2f; font-size: 14px; line-height: 1.65; margin: 0; }.about-email { align-items: center; background: var(--ink); border-radius: 999px; color: #fff; display: inline-flex; flex: 0 0 auto; font-size: 14px; font-weight: 700; gap: 4px; padding: 13px 17px; text-decoration: none; }.about-email:hover { background: #28594f; }.about-email span { color: var(--lemon); }
.about-footer { margin-top: 0; }

/* Homepage: a polished editorial playground around the existing activity tools. */
.home-page { background: radial-gradient(circle at 94% 8%, #fff0ba 0, #fff0ba00 23%), radial-gradient(circle at 7% 35%, #e7f4ea 0, #e7f4ea00 25%), var(--cream); }
.home-page .nav { height: 98px; position: relative; z-index: 2; }
.home-page .nav-links { gap: 24px; margin-right: 24px; }
.home-page .nav-links a { font-size: 13px; font-weight: 600; transition: color .2s ease; }
.home-page .nav-links a:hover { color: var(--ink); }
.home-page .saved-button { background: #fffdf7cc; border-color: #cbd7ce; box-shadow: 0 4px 12px #254b3710; font-weight: 700; transition: transform .2s ease, box-shadow .2s ease; }
.home-page .saved-button:hover { box-shadow: 0 8px 18px #254b3720; transform: translateY(-1px); }

.home-page .hero { gap: 60px; min-height: 475px; padding: 44px 0 86px; position: relative; }
.home-page .hero-copy { position: relative; z-index: 1; }
.home-page .hero-copy::before { color: #efb643; content: "✦"; font-size: 21px; left: -30px; position: absolute; top: 8px; transform: rotate(12deg); }
.home-page .hero h1 { font-size: clamp(48px, 4.65vw, 63px); line-height: 1.12; max-width: 670px; }
.home-page .intro { font-size: 17px; line-height: 1.75; max-width: 530px; }
.home-page .hero-cta { box-shadow: 0 8px 0 #112e2930, 0 12px 26px #193d3620; padding: 13px 19px; }
.home-page .update-note { background: #fffdf7b8; border: 1px solid #e5e5da; border-radius: 999px; margin-top: 31px; padding: 7px 12px; width: fit-content; }
.home-page .hero-art { border: 9px solid #fffdf7; border-radius: 43% 48% 37% 47%; box-shadow: 0 23px 42px #28523a20; height: 360px; transform: rotate(1.4deg); }
.home-page .hero-art::before { background: #fffdf7d9; border-radius: 50%; content: ""; height: 22px; left: 34px; position: absolute; top: 31px; width: 22px; z-index: 3; }
.home-page .hero-art::after { background: #fa8066; border-radius: 50%; bottom: 22px; content: ""; height: 14px; position: absolute; right: 29px; width: 14px; z-index: 3; }
.home-page .sticker { box-shadow: 0 9px 18px #2c573222; }

.home-page .filter-area { background: #fffefa; border: 1px solid #e8e8dd; border-radius: 30px; box-shadow: 0 18px 42px #2d573212; margin-bottom: 80px; padding: 48px 38px 45px; }
.home-page .section-heading { align-items: center; }.home-page .section-heading h2 { font-size: clamp(30px, 3.5vw, 39px); }
.home-page .section-heading .eyebrow { color: #5d8777; }
.home-page .result-count { background: #eff5ef; border-radius: 999px; color: #477467; font-size: 12px; font-weight: 700; padding: 7px 11px; }
.home-page .filters { border-bottom: 1px dashed #dbdfd7; margin: 29px 0 25px; padding-bottom: 23px; }
.home-page .select-wrap select { background-color: #fff; border-radius: 12px; font-weight: 600; min-height: 42px; }
.home-page .chips { gap: 8px; }.home-page .chip { border-radius: 999px; font-weight: 600; padding: 9px 14px; transition: background .2s ease, border-color .2s ease, color .2s ease, transform .2s ease; }.home-page .chip:hover { border-color: #aac3b4; color: var(--ink); transform: translateY(-1px); }
.home-page .cards { gap: 20px; }.home-page .event-card { border-radius: 19px; box-shadow: 0 4px 0 #193d3605; }.home-page .event-card:hover { box-shadow: 0 16px 29px #23453717; transform: translateY(-5px); }.home-page .card-image { height: 166px; }.home-page .tag { box-shadow: 0 3px 10px #21433014; }.home-page .heart { box-shadow: 0 3px 10px #21433014; }.home-page .card-content { padding: 17px 17px 19px; }

.home-page .how { padding: 0 0 90px; }.home-page .how > .eyebrow { color: #5d8777; }.home-page .how-grid { gap: 15px; margin-top: 31px; }.home-page .how-grid article { background: #fff; border: 1px solid #e9e7dd; border-radius: 18px; min-height: 177px; padding: 22px; }.home-page .how-grid article:nth-child(2) { background: #fff7d8; border-color: #f4e5a9; }.home-page .how-grid article:nth-child(3) { background: #edf7ef; border-color: #d3e9d8; }.home-page .how-grid h3 { margin-top: 8px; }.home-page .how-grid p { font-size: 13px; }.home-page .how-grid article:nth-child(2) b { color: #a77a26; }.home-page .how-grid article:nth-child(3) b { color: #427d5a; }
.home-page footer { box-shadow: inset 0 1px #ffffff12; }

/* Homepage v2: bright editorial blue, a real hero illustration, and calmer tools. */
.home-page { background: #f5f7fb; color: #17243f; }
.home-page main { overflow: hidden; }
.home-page .nav { height: 94px; }
.home-page .brand { color: #17243f; font-size: 20px; letter-spacing: -.7px; }
.home-page .brand span:first-child { color: #ff6f61; }
.home-page .nav-links { gap: 25px; margin-right: 22px; }
.home-page .nav-links a { color: #5d6780; font-size: 13px; font-weight: 700; }
.home-page .nav-links a:hover { color: #265ae8; }
.home-page .saved-button { background: #fff; border-color: #d8dfea; box-shadow: 0 5px 17px #203e7412; color: #17243f; }
.home-page .saved-button b { background: #ffd760; }

.home-page .hero { align-items: stretch; gap: 44px; grid-template-columns: .92fr 1.08fr; min-height: 492px; padding: 26px 0 82px; }
.home-page .hero-copy { align-self: center; padding: 35px 0 30px 7px; }
.home-page .hero-copy::before { color: #ff8b75; content: "✦"; font-size: 25px; left: -24px; top: 18px; }
.home-page .hero .eyebrow { color: #3d6dd7; font-size: 11px; }
.home-page .hero h1 { color: #17243f; font-family: "DM Sans", "Noto Sans SC", sans-serif; font-size: clamp(46px, 4.45vw, 64px); font-weight: 700; letter-spacing: -2.9px; line-height: 1.04; max-width: 608px; }
.home-page .hero h1 em { color: #235ce8; }
.home-page .hero h1 em:after { background: #ffc955; bottom: 1px; height: 9px; opacity: .62; transform: rotate(-.8deg); }
.home-page .intro { color: #53617a; font-size: 16px; line-height: 1.75; max-width: 515px; }
.home-page .hero-cta { background: #235ce8; border-radius: 13px; box-shadow: 0 8px 0 #1744bb, 0 15px 30px #2c5bc638; font-size: 14px; padding: 14px 19px; }
.home-page .hero-cta:hover { background: #174ed9; }
.home-page .hero-cta span { color: #ffd760; }
.home-page .update-note { background: transparent; border: 0; color: #60708b; font-size: 12px; margin-top: 33px; padding: 0; }
.home-page .pulse { background: #49b879; box-shadow: 0 0 0 4px #d7f3e2; }
.home-page .hero-art { background: #acd9ff url("assets/home-hero-family-v1.jpg") center/cover no-repeat; border: 0; border-radius: 31px; box-shadow: 0 24px 52px #2054b42b; height: 405px; margin: 8px 0 0; overflow: hidden; transform: none; }
.home-page .hero-art::before { background: #fff; height: 11px; left: -1px; top: 39px; width: 11px; }
.home-page .hero-art::after { background: #ff7462; bottom: -2px; height: 19px; right: 35px; width: 19px; }
.home-page .hero-art > * { display: none; }

.home-page .filter-area { background: #fff; border: 1px solid #e4e9f1; border-radius: 27px; box-shadow: 0 18px 45px #203e7410; margin-bottom: 82px; padding: 46px 39px 43px; }
.home-page .section-heading .eyebrow, .home-page .how > .eyebrow { color: #3d6dd7; }
.home-page .section-heading h2 { color: #17243f; font-family: "DM Sans", "Noto Sans SC", sans-serif; font-size: clamp(30px, 3.5vw, 39px); font-weight: 700; letter-spacing: -1.4px; }
.home-page .result-count { background: #edf3ff; color: #3d64be; }
.home-page .filters { border-bottom-color: #e7ebf3; }
.home-page .select-wrap label { color: #6b7790; }
.home-page .select-wrap select { border-color: #dbe2ed; color: #26344d; }
.home-page .chip { background: #fafbfe; border-color: #e1e6ef; color: #526079; }
.home-page .chip:hover { border-color: #99b2ee; color: #235ce8; }
.home-page .chip.active { background: #235ce8; border-color: #235ce8; color: #fff; }
.home-page .event-card { border-color: #e1e6ee; box-shadow: 0 5px 0 #203e7404; }
.home-page .event-card:hover { box-shadow: 0 18px 33px #203e741b; }
.home-page .tag, .home-page .heart { box-shadow: 0 3px 12px #203e7415; }
.home-page .card-content h3 { color: #1e2c46; font-family: "DM Sans", "Noto Sans SC", sans-serif; letter-spacing: -.35px; }
.home-page .source-link { color: #235ce8; }
.home-page .source-link span { color: #ff7462; }

.home-page .how { padding: 0 0 92px; }
.home-page .how h2 { color: #17243f; font-family: "DM Sans", "Noto Sans SC", sans-serif; font-size: clamp(30px, 3.5vw, 39px); font-weight: 700; letter-spacing: -1.4px; }
.home-page .how-grid article { border: 1px solid #e1e6ee; box-shadow: 0 8px 21px #203e7409; }
.home-page .how-grid article:nth-child(1) { background: #fff; }
.home-page .how-grid article:nth-child(2) { background: #fff7dc; border-color: #f6dfa0; }
.home-page .how-grid article:nth-child(3) { background: #e8f6ff; border-color: #c8e7fb; }
.home-page .how-grid h3 { color: #24334e; font-family: "DM Sans", "Noto Sans SC", sans-serif; letter-spacing: -.35px; }
.home-page .how-grid article:nth-child(1) b { color: #235ce8; }
.home-page .how-grid article:nth-child(2) b { color: #d28a12; }
.home-page .how-grid article:nth-child(3) b { color: #3277b5; }
.home-page footer { background: #17243f; }

/* Homepage v3: keep the story, copy, and illustration in one shared stage. */
.home-page .hero { background: #acd9ff url("assets/home-hero-family-v1.jpg") center/cover no-repeat; border-radius: 32px; display: block; isolation: isolate; margin-top: 11px; min-height: 475px; padding: 63px 68px; position: relative; }
.home-page .hero::after { background: linear-gradient(90deg, #f7fbff 0%, #f7fbfff5 34%, #f7fbffaf 49%, #f7fbff00 70%); border-radius: inherit; content: ""; inset: 0; pointer-events: none; position: absolute; z-index: 0; }
.home-page .hero-copy { max-width: 548px; padding: 4px 0; }
.home-page .hero-art { display: none; }
.home-page .hero h1 { max-width: 548px; }
.home-page .intro { max-width: 490px; }

/* Supporting pages share the homepage's blue editorial system. */
.site-page { background: #f5f7fb; color: #17243f; }
.site-page .brand { color: #17243f; }
.site-page .brand span:first-child { color: #ff6f61; }
.site-nav, .about-nav { align-items: center; display: flex; height: 94px; justify-content: space-between; }
.site-nav > div { display: flex; gap: 24px; }
.site-nav a:not(.brand), .about-back { color: #5d6780; font-size: 13px; font-weight: 700; text-decoration: none; }
.site-nav a:not(.brand):hover, .about-back:hover { color: #235ce8; }
.about-body { background: #f5f7fb; }
.about-body .about-nav { height: 94px; }
.about-back { color: #5d6780; }
.about-back span, .about-email span { color: #ff7462; }
.about-hero { background: #acd9ff url("assets/home-hero-family-v1.jpg") center/cover no-repeat; border-radius: 32px; display: block; isolation: isolate; min-height: 470px; padding: 66px 68px; position: relative; }
.about-hero::after { background: linear-gradient(90deg, #f7fbff 0%, #f7fbfff5 34%, #f7fbffae 50%, #f7fbff00 71%); border-radius: inherit; content: ""; inset: 0; pointer-events: none; position: absolute; z-index: 0; }
.about-hero-copy { max-width: 548px; position: relative; z-index: 1; }
.about-hero-copy h1, .about-section-heading h2, .about-contact h2 { color: #17243f; font-family: "DM Sans", "Noto Sans SC", sans-serif; font-weight: 700; letter-spacing: -2.2px; }
.about-hero-copy h1 em { color: #235ce8; }
.about-hero-copy h1 em::after { background: #ffc955; bottom: 1px; height: 9px; opacity: .62; }
.about-hero-copy > p:not(.eyebrow) { color: #53617a; max-width: 492px; }
.about-hero-copy .eyebrow, .about-section-heading .eyebrow, .about-contact .eyebrow { color: #3d6dd7; }
.about-promises span { background: #edf3ff; color: #3d64be; }
.about-hero-art { display: none; }
.about-content { border-top: 0; padding: 82px 0; }
.about-section-heading h2 { font-size: clamp(31px, 3.7vw, 46px); }
.about-principle { background: #fff; border-color: #e1e6ee; box-shadow: 0 7px 19px #203e7408; }
.about-principle:hover { box-shadow: 0 15px 29px #203e7418; }
.about-number { background: #edf3ff; color: #3d64be; }
.about-principle h3 { color: #24334e; font-family: "DM Sans", "Noto Sans SC", sans-serif; }
.about-principle p { color: #5b6880; }
.about-principle.curate .about-number { background: #fff7dc; color: #c58010; }
.about-principle.refresh .about-number { background: #ffece8; color: #d66552; }
.about-principle.images .about-number { background: #ecebff; color: #6257b3; }
.about-contact { background: #235ce8; box-shadow: 0 18px 38px #235ce82c; }
.about-contact h2 { color: #fff; }
.about-contact p:not(.eyebrow) { color: #dfe8ff; }
.about-contact .eyebrow { color: #ffd760; }
.about-email { background: #fff; color: #235ce8; }
.about-email:hover { background: #edf3ff; }
.about-footer, .site-page footer { background: #17243f; }

.legal-body main { min-height: calc(100vh - 94px); }
.legal-page { background: #fff; border: 1px solid #e1e6ee; border-radius: 28px; box-shadow: 0 18px 45px #203e7410; margin-bottom: 74px; margin-top: 9px; max-width: 860px; padding: 58px 68px 61px; }
.legal-page .eyebrow { color: #3d6dd7; }
.legal-page h1, .legal-page h2 { color: #17243f; font-family: "DM Sans", "Noto Sans SC", sans-serif; font-weight: 700; }
.legal-page h1 { font-size: clamp(40px, 5vw, 56px); letter-spacing: -2.3px; line-height: 1.05; margin-bottom: 19px; }
.legal-page h2 { border-top: 1px solid #e8ecf3; font-size: 21px; letter-spacing: -.5px; margin-top: 37px; padding-top: 31px; }
.legal-page p { color: #53617a; font-size: 15px; line-height: 1.78; max-width: 700px; }
.legal-page p strong { color: #263550; }
.legal-page a { color: #235ce8; font-weight: 700; }
.legal-page .privacy-actions { margin: 25px 0 9px; }
.legal-page .privacy-allow { background: #235ce8; border-radius: 11px; }
.legal-page .privacy-decline { background: #edf3ff; border-radius: 11px; color: #36589c; }
.legal-page .privacy-status { color: #3865be; }
.legal-page .legal-links { border-top: 1px solid #e8ecf3; margin-top: 39px; padding-top: 25px; }
.site-page footer { padding: 31px 0; }
.site-page footer .brand { color: #fff; }
.site-page footer .brand span:first-child { color: #ff7462; }
.site-page footer p { color: #b7c4dd; }

/* A single visual skeleton for About, Privacy, and Terms. */
.site-page .site-nav { border-bottom: 1px solid #e2e7f0; }
.site-page .site-nav a[aria-current="page"] { color: #235ce8; }
.support-hero { margin-top: 29px; }
.about-content { background: #fff; border: 1px solid #e1e6ee; border-radius: 28px; box-shadow: 0 18px 45px #203e7410; margin-top: 34px; padding: 56px 48px 58px; }
.about-contact { margin-bottom: 74px; }
.legal-page { padding: 0 68px 61px; }
.legal-heading { background: linear-gradient(135deg, #e7f3ff 0%, #f6faff 66%, #f7ebff 100%); border-bottom: 1px solid #dce7f7; border-radius: 27px 27px 0 0; margin: 0 -68px 37px; padding: 54px 68px 43px; position: relative; overflow: hidden; }
.legal-heading::after { color: #ff7a69; content: "✦"; font-size: 85px; line-height: 1; opacity: .72; position: absolute; right: 50px; top: 27px; transform: rotate(13deg); }
.legal-heading .eyebrow { color: #3d6dd7; position: relative; z-index: 1; }
.legal-heading h1 { margin: 0 0 15px; max-width: 600px; position: relative; z-index: 1; }
.legal-heading p { color: #53617a; margin: 0; max-width: 640px; position: relative; z-index: 1; }
.legal-page > h2:first-of-type { margin-top: 0; }

/* Keep the card reading rhythm aligned, even when copy differs. */
.home-page .description { min-height: 42px; max-height: 42px; }
.home-page .description[hidden] { display: -webkit-box; visibility: hidden; }
.home-page .description.is-expanded { max-height: none; overflow: visible; }
.home-page .description-toggle { min-height: 19px; }
.home-page .description-toggle[hidden] { display: block; pointer-events: none; visibility: hidden; }
.home-page .details { margin-top: 13px; }
.home-page .source-link { margin-top: auto; padding-top: 18px; }
.mobile-quick-filters { display: none; }

/* Align the brand mark and name by their visual centers, not text baselines. */
.brand { align-items: center; display: inline-flex; gap: 6px; line-height: 1.1; }
.brand span { margin-right: 0; vertical-align: baseline; }
.brand span:first-child { display: inline-flex; line-height: 1; }
.home-page .hero-cta { padding-right: 41px; position: relative; }.home-page .hero-cta .cta-click-icon { align-items: center; color: #ffd760; display: inline-flex; height: 18px; justify-content: center; margin: 1px 0 0; position: absolute; right: 19px; top: 50%; transform: translateY(-50%); width: 18px; }.home-page .hero-cta .cta-click-icon svg { fill: none; height: 18px; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.8; width: 18px; }.home-page .hero-cta .cta-click-icon svg path:first-child { fill: currentColor; stroke-width: 1.4; }

@media (max-width: 760px) {
  .legal-links {
    margin-top: 12px;
  }

  .about-nav { height: 72px; }.about-nav .brand { font-size: 16px; }.about-back { font-size: 12px; }
  .about-hero { display: flex; flex-direction: column; gap: 30px; padding: 27px 0 60px; }.about-hero-copy h1 { font-size: 47px; }.about-hero-copy > p:not(.eyebrow) { font-size: 16px; }.about-hero-art { border-radius: 35px; height: 270px; width: 100%; }.about-sun { right: 40px; top: 32px; }.about-kite { bottom: 60px; left: 39%; }.about-spark-one { bottom: 53px; }.about-spark-two { bottom: 86px; }
  .about-content { padding: 60px 0; }.about-section-heading { margin-bottom: 28px; }.about-section-heading h2 { font-size: 32px; }.about-principles { grid-template-columns: 1fr; }.about-principle { min-height: 0; padding: 22px; }
  .about-contact { align-items: flex-start; display: flex; flex-direction: column; gap: 23px; margin-bottom: 60px; padding: 31px 25px; }.about-contact h2 { font-size: 28px; }.about-email { max-width: 100%; overflow-wrap: anywhere; }
  .home-page .nav { height: 78px; }.home-page .hero { gap: 28px; padding: 25px 0 62px; }.home-page .hero-copy::before { display: none; }.home-page .hero h1 { font-size: 43px; }.home-page .intro { font-size: 16px; }.home-page .hero-art { border-width: 6px; border-radius: 34px; height: 264px; transform: none; }.home-page .filter-area { border-radius: 22px; margin-bottom: 58px; padding: 30px 18px; }.home-page .section-heading h2 { font-size: 30px; }.home-page .result-count { display: inline-flex; margin-top: 12px; }.home-page .filters { margin-top: 24px; }.home-page .cards { gap: 15px; }.home-page .card-image { height: 178px; }.home-page .how { padding-bottom: 60px; }.home-page .how-grid { gap: 12px; margin-top: 24px; }.home-page .how-grid article { min-height: 0; padding: 20px; }
  .home-page .hero { background-position: 66% center; border-radius: 25px; min-height: 610px; padding: 43px 25px; }.home-page .hero::after { background: linear-gradient(180deg, #f7fbfffa 0%, #f7fbffed 48%, #f7fbff55 74%, #f7fbff00 100%); }.home-page .hero-copy { max-width: 100%; }
  .site-nav, .about-nav, .about-body .about-nav { height: 78px; }.site-nav .brand { font-size: 16px; }.site-nav > div { gap: 15px; }.site-nav a:not(.brand) { font-size: 12px; }.about-hero { background-position: 66% center; border-radius: 25px; min-height: 580px; padding: 43px 25px; }.about-hero::after { background: linear-gradient(180deg, #f7fbfffa 0%, #f7fbffed 48%, #f7fbff55 74%, #f7fbff00 100%); }.about-hero-copy { max-width: 100%; }.about-hero-copy h1 { font-size: 45px; }.legal-page { border-radius: 22px; margin-bottom: 56px; margin-top: 0; padding: 37px 24px 42px; }.legal-page h1 { font-size: 39px; }.legal-page h2 { margin-top: 31px; padding-top: 26px; }.legal-page p { font-size: 15px; }.site-page footer .wrap { display: block; }
  .support-hero { margin-top: 19px; }.about-content { border-radius: 22px; margin-top: 22px; padding: 37px 24px 42px; }.about-contact { margin-bottom: 56px; }.legal-heading { border-radius: 21px 21px 0 0; margin: 0 -24px 30px; padding: 39px 24px 34px; }.legal-heading::after { font-size: 58px; right: 22px; top: 21px; }.legal-heading h1 { max-width: 280px; }
  .home-page .description { min-height: 0; max-height: 59px; }.home-page .description[hidden] { min-height: 59px; }.home-page .description.is-expanded { max-height: none; }.home-page .source-link { padding-top: 18px; }
  /* Mobile is for getting to activities quickly, not reading a desktop landing page. */
  .home-page .nav { height: 68px; }.home-page .nav .brand { font-size: 15px; max-width: calc(100% - 72px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.home-page .nav .brand > span:last-child { font-size: 15px; }.home-page .nav .brand > span:first-child { font-size: 22px; }.home-page #savedLabel { display: none; }.home-page .saved-button { align-items: center; border-radius: 14px; display: inline-flex; height: 43px; justify-content: center; padding: 0 10px; width: 57px; }.home-page .saved-button b { margin-left: 3px; }
  .home-page .hero { background-position: 72% center; min-height: 337px; padding: 34px 20px; }.home-page .hero::after { background: linear-gradient(90deg, #f7fbfff8 0%, #f7fbffe7 53%, #f7fbff2b 100%); }.home-page .hero-copy { padding: 0; }.home-page .hero h1 { font-size: 27px; letter-spacing: -1.25px; line-height: 1.13; max-width: 325px; }.home-page .hero h1 br { display: none; }.home-page .intro, .home-page .update-note { display: none; }.home-page .hero-cta { box-shadow: 0 5px 0 #1744bb, 0 11px 20px #2c5bc62b; margin-top: 21px; padding: 11px 37px 11px 15px; position: relative; }.home-page .hero-cta .cta-click-icon { position: absolute; right: 15px; top: 50%; transform: translateY(-50%); }
  .home-page .filter-area { background: transparent; border: 0; border-radius: 0; box-shadow: none; margin-bottom: 46px; padding: 24px 0 0; }.home-page .section-heading { display: none; }.mobile-quick-filters { display: grid; gap: 8px; grid-template-columns: 1.25fr 1fr 1fr; margin: 0 0 18px; }.mobile-quick-filters button { background: #fff; border: 1px solid #dce4f0; border-radius: 13px; color: #33445f; cursor: pointer; font: 700 13px/1 "DM Sans", sans-serif; min-height: 45px; padding: 0 10px; white-space: nowrap; }.mobile-quick-filters button.active { background: #235ce8; border-color: #235ce8; color: #fff; }.mobile-quick-filters button:last-child { color: #235ce8; }.mobile-quick-filters button:last-child span { font-size: 16px; margin-left: 4px; vertical-align: -1px; }
  .home-page .filters { background: #fff; border: 1px solid #e1e6ee; border-radius: 18px; display: none; margin: 0 0 18px; padding: 17px; }.home-page .filters.is-open { display: grid; gap: 12px; grid-template-columns: 1fr 1fr; }.home-page .filters .select-wrap { min-width: 0; }.home-page .filters .select-wrap select { min-width: 0; width: 100%; }.home-page .filters .chips { display: flex; flex-wrap: nowrap; grid-column: 1 / -1; margin: 3px -17px -17px; overflow-x: auto; padding: 12px 17px 17px; scrollbar-width: none; }.home-page .filters .chips::-webkit-scrollbar { display: none; }.home-page .filters .chip { flex: 0 0 auto; }
}