:root{--joy-cyan:#0eb8cd;--joy-teal:#176e83}
.site-header{height:164px}.brand{line-height:0;flex-shrink:0}.brand-logo{display:block;width:136px;height:136px;object-fit:contain;background:#fff}.site-header nav{margin-left:auto}footer .brand-logo{width:108px;height:108px}.hero{padding-top:20px}h1 em,h2 em,.community-heading h3 em{color:var(--joy-teal)}.hero-visual.real-photo{border-radius:100px 8px 8px 8px;background:#1b3e53}.hero-visual.real-photo>img{border-radius:100px 8px 8px 8px;object-position:50% 34%}.real-photo:after{content:'';position:absolute;inset:0;border-radius:inherit;background:linear-gradient(180deg,#0a273847,transparent 28%,transparent 63%,#092639c9);pointer-events:none}.real-photo .art-top,.real-photo .art-bottom{z-index:1}.real-photo .art-top{color:white;text-shadow:0 1px 10px #18384875;left:61px;top:27px}.real-photo .art-bottom>span:first-child{font-size:29px}.real-photo .art-star{color:#bcebf1}.real-photo .sample-badge{z-index:2;bottom:auto;top:54px;left:-31px;border:1px solid #a9dee5;padding:15px 18px;transform:rotate(-5deg)}.real-photo .sample-badge strong{color:#195770}.photo-button{display:block;width:100%;padding:0;border:0;background:#e2eaef;position:relative;overflow:hidden;border-radius:8px;cursor:zoom-in;text-align:left}.photo-button img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.photo-button:hover img{transform:scale(1.015)}.photo-button:focus-visible{outline:3px solid #2382a2;outline-offset:5px}.photo-expand{position:absolute;bottom:14px;right:14px;width:33px;height:33px;display:grid;place-items:center;border-radius:50%;background:#fafcf9ef;color:#194a64;font-size:20px;line-height:1;box-shadow:0 2px 14px #0e2d4020;pointer-events:none}.kids-card{grid-template-columns:1.55fr 1fr;align-items:center;gap:35px}.kids-aside.kids-photo{padding:0;border:0;display:block;min-width:0}.kids-photo .photo-button{height:305px;max-width:360px;margin-left:auto}.kids-photo img{object-position:50% 50%}.kids-card p.kids-guidance{font-size:12px;margin:20px 0 0;max-width:360px;color:#597182}.community-gallery{margin-top:76px;padding-top:40px;border-top:1px solid #d9e4e8}.community-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:28px}.community-heading .eyebrow{font-size:10px;letter-spacing:1.6px;margin-bottom:12px}.community-heading h3{font-size:37px;line-height:1.18;margin:0;letter-spacing:-1px}.community-heading h3 em{font-weight:400}.community-heading>p{font-size:13px;line-height:1.9;color:#5f798a;margin-bottom:0}.community-gallery figure{margin:0}.community-group .photo-button{aspect-ratio:2.4}.community-group .photo-button img{object-position:50% 43%}.community-group figcaption{font-size:13px;line-height:1.7;color:#5e7989;padding:13px 0 23px}.milestone-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.milestone-grid .photo-button{aspect-ratio:3/4}.milestone-grid .photo-button img{object-position:50% 50%}.milestone-grid figcaption{font-family:Georgia,serif;font-size:22px;line-height:1.4;padding-top:16px}.milestone-grid figcaption>span{display:block;font-family:Arial,sans-serif;font-size:9px;letter-spacing:1.35px;color:#6c8696;margin-bottom:7px}.gallery-hint{font-size:11px;color:#6d8493;margin:22px 0 0}#photo-dialog{width:min(850px,calc(100vw - 28px));max-height:94dvh;background:#f8faf9;padding:18px;border:0;overflow:auto}#photo-dialog::backdrop{background:#092437cf;backdrop-filter:blur(5px)}#photo-dialog figure{margin:0}#photo-full{display:block;max-height:77dvh;width:100%;height:auto;object-fit:contain;background:#e7eef0;border-radius:4px}#photo-caption{text-align:center;font-family:Georgia,serif;font-size:20px;padding:16px 18px 1px;color:#284b61}.photo-close{position:absolute;right:27px;top:27px;width:40px;height:40px;display:grid;place-items:center;background:#fffdfaf2;border:1px solid #d8e4ea;border-radius:50%;font-size:27px;color:#143d5a;z-index:2;box-shadow:0 2px 18px #0c2c401a;cursor:pointer}
@media(max-width:1100px){.brand-logo{width:124px;height:124px}.site-header{height:149px}.community-heading h3{font-size:33px}.milestone-grid{gap:17px}.milestone-grid figcaption{font-size:20px}.kids-photo .photo-button{height:300px}}
@media(max-width:800px){.site-header{height:141px}.brand-logo{width:113px;height:113px}.site-header nav{gap:20px}.site-header nav>a:not(.button){font-size:12px}.real-photo .sample-badge{top:44px;padding:12px 14px;left:-18px}.real-photo .art-top{font-size:8px;left:44px;right:18px;top:23px}.real-photo .art-bottom>span:first-child{font-size:24px}.kids-card{grid-template-columns:1.2fr 1fr;gap:25px}.kids-photo .photo-button{height:300px}.community-gallery{margin-top:56px;padding-top:33px}.community-heading{gap:25px;display:block}.community-heading h3{font-size:34px}.community-heading>p{font-size:13px;margin-top:15px}.community-heading>p br{display:none}.community-group .photo-button{aspect-ratio:2.1}.milestone-grid{gap:14px}.milestone-grid figcaption{font-size:18px}.milestone-grid figcaption>span{font-size:8px;letter-spacing:1px}footer .brand-logo{width:100px;height:100px}}
@media(max-width:540px){.site-header{height:152px;padding-top:10px;padding-bottom:32px;align-items:center;gap:14px}.brand-logo{width:106px;height:106px}.site-header nav{padding-top:0;gap:16px}.site-header nav>a:not(.button){bottom:5px}.site-header nav>a:nth-child(2){left:83px}.site-header .button-small{padding:10px 12px;font-size:11px;gap:10px}.hero{padding-top:24px}.hero-visual.real-photo,.hero-visual.real-photo>img{border-top-left-radius:75px}.hero-visual.real-photo{height:auto;aspect-ratio:3/4;margin-left:10px;min-height:400px}.hero-visual.real-photo>img{position:absolute;inset:0;object-position:50% 35%}.real-photo .art-top{font-size:8px;left:58px;top:23px;letter-spacing:.8px}.real-photo .sample-badge{top:53px;left:-10px;padding:14px 16px}.real-photo .sample-badge strong{font-size:29px}.real-photo .sample-badge span{font-size:7px}.real-photo .art-bottom{bottom:21px;left:24px;right:23px}.real-photo .art-bottom>span:first-child{font-size:25px}.kids-card{grid-template-columns:1fr;gap:24px;padding:24px}.kids-photo .photo-button{height:auto;aspect-ratio:4/5;max-width:none;width:100%}.kids-photo img{position:absolute;inset:0;object-position:50% 52%}.kids-card p.kids-guidance{font-size:12px}.community-gallery{margin-top:48px;padding-top:29px}.community-heading{margin-bottom:22px}.community-heading h3{font-size:33px;max-width:320px;line-height:1.17}.community-heading .eyebrow{font-size:9px;letter-spacing:1.45px}.community-heading>p{font-size:13px;line-height:1.8;max-width:325px}.community-group .photo-button{aspect-ratio:1.65}.community-group .photo-button img{object-position:50% 43%}.community-group figcaption{font-size:12px;padding-bottom:21px}.milestone-grid{display:grid;grid-template-columns:1fr;gap:28px}.milestone-grid .photo-button{aspect-ratio:4/5}.milestone-grid .photo-button img{object-position:50% 48%}.milestone-grid figcaption{font-size:22px;padding-top:13px}.milestone-grid figcaption>span{font-size:9px}.photo-expand{width:35px;height:35px;bottom:12px;right:12px}.gallery-hint{font-size:11px;margin-top:22px}footer .brand-logo{width:96px;height:96px}footer{gap:20px;flex-wrap:nowrap}footer>span{font-size:10px;text-align:right}#photo-dialog{padding:10px;max-height:94dvh}#photo-full{max-height:78dvh}#photo-caption{font-size:17px;padding:13px 8px 4px}.photo-close{width:37px;height:37px;right:18px;top:18px}}
.mobile-gallery-hint{display:none}
@media(max-width:540px){.milestone-grid{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:86%;gap:16px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;padding:5px 3px 13px;scrollbar-width:thin;scrollbar-color:#9ab9c5 #e5eef0}.milestone-grid figure{scroll-snap-align:start;min-width:0}.mobile-gallery-hint{display:inline}}
@media(prefers-reduced-motion:reduce){.photo-button img{transition:none}.photo-button:hover img{transform:none}}