:root{--blue:#0079c8;--navy:#112d51;--ink:#183454;--muted:#56677d;--line:#d9e4ed}h3{margin:0;font-weight:500;letter-spacing:-.035em}p{line-height:1.65}summary,[tabindex]{outline-offset:6px}summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #efb74c}section[id]{scroll-margin-top:24px}
.wrap{width:min(1200px,calc(100% - 96px));margin-inline:auto}.button{display:inline-flex;align-items:center;justify-content:center;gap:25px;min-height:52px;padding:15px 24px;border:0;border-radius:3px;font-size:13px;font-weight:bold;transition:background .18s,transform .18s}.button:hover{transform:translateY(-2px)}.primary{background:var(--blue);color:white}.primary:hover{background:#0066aa}.section-intro h2,.section-heading h2,.motivation h2,.roadmap h2{font-size:40px;line-height:1.16}.enhanced{display:none}html.has-js .enhanced{display:flex}.motivation{display:grid;grid-template-columns:1fr 1fr;gap:90px;padding-block:80px}.motivation h2{margin-top:20px;font-size:44px}.motivation h2 span{color:var(--blue)}.motivation-copy>p:not(.eyebrow){font-size:13px;color:var(--muted);margin-top:20px;max-width:365px}.motivation-list{list-style:none;padding:0;margin-top:25px}.motivation-list li{font-size:12px;display:flex;align-items:center;gap:13px;margin-bottom:15px;line-height:1.4}.motivation-list li>span{font-size:21px;color:var(--blue);width:22px}.motivation-copy>p.planned-note{font-size:10px;color:#718094;border-top:1px solid var(--line);padding-top:17px}.progress-card{background:#f4f8fc;border:1px solid #e0eaf3;border-radius:6px;padding:28px 32px;align-self:center;position:relative;overflow:hidden}.progress-top{display:flex;justify-content:space-between;gap:8px;align-items:center;flex-wrap:wrap}.level{font-size:9px;color:#58728d}.progress-card h3{font-size:25px;margin-top:24px;line-height:1.2}.points{display:flex;align-items:baseline;gap:10px;margin-top:25px}.points strong{font-size:54px;font-weight:500;letter-spacing:-.06em}.points>span:not(.reward-star){font-size:10px;color:var(--muted)}.points .reward-star{font-size:46px;color:#e5ad4a;margin-left:auto}.progress-track{height:7px;border-radius:4px;background:#dfE9f2;overflow:hidden;margin-top:9px}.progress-track>span{display:block;width:80%;background:var(--blue);height:100%;transition:width .4s}.progress-message{font-size:10px;color:var(--muted);margin-top:10px}.badge-row{display:flex;gap:7px;margin-top:24px;flex-wrap:wrap}.badge{display:inline-flex;align-items:center;gap:6px;font-size:8px;color:#805c1f;background:#fff3d7;border:1px solid #eedbb2;border-radius:3px;padding:8px}.badge b{font-size:16px;font-weight:normal}.badge.locked{filter:grayscale(1);opacity:.6}.reward-actions{gap:8px;margin-top:25px}.reward-actions>.button{font-size:11px;gap:16px;flex:1;padding-inline:12px}.reset-button{width:47px;min-height:47px;flex-shrink:0;font-size:24px;border:1px solid #ccdce8;color:var(--blue);background:white;border-radius:3px}.reward-footnote{font-size:8px;color:#788b9c;margin-top:12px}.faq{padding-block:10px 55px}.faq details{border-top:1px solid var(--line)}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;list-style:none;min-height:65px;padding:19px 0;display:flex;align-items:center;justify-content:space-between;gap:22px;font-size:13px}.faq summary::-webkit-details-marker{display:none}.faq summary span{font-size:24px;font-weight:normal;color:var(--blue)}.faq details[open] summary span{transform:rotate(45deg)}.faq details p{font-size:12px;color:var(--muted);max-width:850px;padding-bottom:22px}@media(min-width:1600px){.wrap{width:1240px}}@media(max-width:1050px){.wrap{width:calc(100% - 64px)}.motivation{gap:45px}.motivation h2{font-size:37px}.progress-card{padding:26px}}@media(max-width:760px){.wrap{width:calc(100% - 40px)}.motivation{grid-template-columns:1fr;gap:28px;padding-block:40px}.motivation h2{font-size:36px}.motivation-copy>p:not(.eyebrow){max-width:none;font-size:13px}.progress-card{padding:23px;max-width:500px;width:100%;justify-self:center}.progress-card h3{font-size:24px}.reward-actions>.button{font-size:10px}.faq{padding-block:7px 32px}.faq summary{font-size:12px;min-height:64px}.faq details p{font-size:12px}}@media(prefers-reduced-motion:reduce){.button:hover{transform:none}}
:root{font-family:Arial,Helvetica,sans-serif;color:#143558;font-synthesis:none;scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0;background:#f3f8ff}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #efb74c;outline-offset:6px}h1,h2,p{margin:0}.creative-hero{position:relative;isolation:isolate;min-height:100svh;background:#0757a8;color:white;overflow:hidden}.hero-background{position:absolute;z-index:-3;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%}.hero-shade{position:absolute;z-index:-2;inset:0;background:linear-gradient(90deg,#002e6680 0%,#003d6f17 44%,transparent 67%),linear-gradient(0deg,#002d6d8c,transparent 28%,transparent 86%,#0032604d)}.creative-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:27px 4.5vw;position:relative;z-index:2}.creative-brand{font-size:30px;font-weight:bold;letter-spacing:-.06em;line-height:1}.creative-brand>span{color:#8edaff}.creative-brand small{display:block;font-size:9px;letter-spacing:.04em;font-weight:normal;margin-top:7px;color:#e3f1ff}.creative-switch{display:flex;gap:5px;background:#ffffff10;border:1px solid #ffffff45;border-radius:30px;padding:5px;backdrop-filter:blur(14px)}.creative-switch button{min-height:44px;background:transparent;border:0;color:#fff;border-radius:23px;padding:10px 18px;font-size:11px;white-space:nowrap}.creative-switch button[aria-pressed=true]{background:white;color:#005aab}.return-link{font-size:11px;min-height:44px;display:flex;align-items:center;white-space:nowrap}.hero-copy{padding:clamp(35px,6vh,85px) 4.5vw 120px;max-width:790px}.eyebrow{font-size:10px;letter-spacing:.2em;font-weight:bold}.hero-copy .eyebrow{color:#d9f0ff}.hero-copy h1{font-size:clamp(42px,4.7vw,76px);font-weight:500;line-height:1.045;letter-spacing:-.055em;margin-top:25px;text-shadow:0 2px 20px #003c8020}.hero-copy h1 span{color:#e1f2ff}.hero-subtitle{font-size:17px;line-height:1.55;margin-top:28px;color:#eff8ff}.creative-cta{display:inline-flex;gap:30px;align-items:center;background:#fff;color:#0058a8;padding:17px 23px;min-height:52px;border-radius:4px;margin-top:27px;font-size:12px;font-weight:bold}.hero-footer{position:absolute;bottom:25px;left:4.5vw;right:4.5vw;display:flex;justify-content:space-between;gap:20px;font-size:9px;letter-spacing:.03em;color:#e0efff}.team-section{max-width:1240px;margin:auto;padding:68px 48px 48px;text-align:center}.team-heading .eyebrow{color:#0079c8}.team-heading h2{font-size:45px;letter-spacing:-.045em;font-weight:500;margin-top:18px}.team-heading>p:last-child{font-size:14px;color:#657d96;margin-top:16px}.avatar-list{display:grid;grid-template-columns:repeat(6,1fr);gap:24px;margin-top:42px}.avatar-button{display:flex;flex-direction:column;align-items:center;gap:15px;border:0;background:transparent;color:#476680;font-size:12px;min-width:0;padding:6px}.avatar{display:block;width:min(132px,100%);aspect-ratio:1;border-radius:50%;background-image:url('./assets/creative-round-01/role-avatars-board.png');background-size:300% 200%;outline:1px solid #c9dcec;outline-offset:5px;box-shadow:0 8px 30px #1c568915;transition:transform .2s,outline-color .2s}.avatar-director{background-position:0 0}.avatar-methodist{background-position:50% 0}.avatar-teacher{background-position:100% 0}.avatar-educator{background-position:0 100%}.avatar-parent{background-position:50% 100%}.avatar-child{background-position:100% 100%}.avatar-button:hover .avatar{transform:translateY(-4px)}.avatar-button[aria-selected=true]{color:#006bb8;font-weight:bold}.avatar-button[aria-selected=true] .avatar{outline:3px solid #0079c8}.role-line{margin-top:34px;font-size:20px;line-height:1.45;min-height:58px;color:#175181}.concept-note{max-width:760px;margin:25px auto 0;padding-top:24px;border-top:1px solid #d7e4f0;color:#708498;font-size:10px;line-height:1.7}.creative-hero[data-direction=realism] .hero-shade{background:linear-gradient(90deg,#00397b99 0%,#004f9b25 48%,transparent 75%),linear-gradient(0deg,#002d6d99,transparent 35%)}
@media(max-width:1000px){.creative-header{padding:22px 28px;gap:18px}.return-link{display:none}.hero-copy{padding-left:28px;max-width:600px}.hero-copy h1{font-size:55px}.hero-background{object-position:56% 50%}.hero-footer{left:28px;right:28px}.avatar-list{gap:18px}.team-section{padding-inline:30px}.avatar-button{font-size:10px}}
@media(max-width:680px){.creative-header{padding:22px 20px;flex-wrap:wrap;align-items:start}.creative-brand{font-size:27px}.creative-switch{order:2;width:100%;justify-content:center;margin-top:9px}.creative-switch button{flex:1;padding-inline:10px;font-size:10px}.hero-copy{padding:26px 20px 315px;max-width:none}.hero-copy h1{font-size:clamp(34px,8.8vw,49px);line-height:1.09;max-width:420px;margin-top:20px}.hero-copy .eyebrow{font-size:8px;letter-spacing:.14em}.hero-subtitle{font-size:13px;margin-top:19px}.creative-cta{padding:15px 18px;font-size:10px;min-height:48px;gap:20px;margin-top:21px}.hero-background{object-position:64% 50%}.hero-shade{background:linear-gradient(180deg,#00489cbb 0%,#00489cb5 47%,#00489c15 75%,#00326dc4 100%)}.creative-hero[data-direction=realism] .hero-shade{background:linear-gradient(180deg,#003d89c7 0%,#003d89bb 45%,#003d8915 76%,#00326dc4 100%)}.hero-footer{left:20px;right:20px;bottom:21px;flex-direction:column;gap:7px;font-size:8px}.team-section{padding:42px 22px 32px}.team-heading h2{font-size:33px;line-height:1.14}.team-heading .eyebrow{font-size:8px}.team-heading>p:last-child{font-size:12px}.avatar-list{grid-template-columns:repeat(3,1fr);gap:22px 14px;margin-top:30px}.avatar{width:min(115px,100%)}.avatar-button{gap:12px;font-size:10px}.role-line{font-size:16px;margin-top:24px}.concept-note{font-size:9px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*{transition:none!important}.avatar-button:hover .avatar{transform:none}}

/* Home-page integration: photo-guided portraits, role stories and the learning path. */
.future-note{border-top:1px solid #d9e4ed;padding-block:35px 60px}.future-note .eyebrow{color:#0079c8}.future-note h2{font-size:32px;margin-top:18px}.future-note>p:last-child{font-size:13px;color:#657d96;max-width:680px;margin-top:15px}.site-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-block:30px;border-top:1px solid #d9e4ed;font-size:9px;color:#657d96}.site-footer .creative-brand{font-size:28px;color:#005ba8}
.skip-link{position:fixed;z-index:10;top:10px;left:10px;padding:15px;background:white;color:#005aa4;transform:translateY(-160%)}.skip-link:focus{transform:none}
.creative-header nav{display:flex;gap:30px;font-size:11px}.creative-header nav a{min-height:44px;display:flex;align-items:center}.creative-header nav a:hover{text-decoration:underline;text-underline-offset:6px}.school-name{font-size:10px}.creative-hero{min-height:max(760px,100svh)}.avatar-director{background-image:url('./assets/creative-round-02/avatar-director-v2.png');background-size:100%;background-position:center}.avatar-methodist{background-image:url('./assets/creative-round-04/avatar-methodist-v4-softened-nose.png');background-size:100%;background-position:center}.team-section{padding-block:76px 72px}.avatar-list{grid-template-columns:repeat(6,minmax(0,1fr))}.role-panel{margin-top:45px;background:#edf5fd;border:1px solid #d9e8f5;border-radius:12px;padding:34px 40px;display:grid;grid-template-columns:1fr 1fr;gap:48px;min-height:245px;text-align:left}.role-panel .eyebrow{color:#0079c8}.role-panel h3{font-size:32px;line-height:1.15;margin-top:17px}.role-panel p:not(.eyebrow){font-size:14px;line-height:1.7;color:#496780}.role-panel ul{list-style:none;padding:0;margin:17px 0 0;display:grid;gap:9px;font-size:12px;color:#315f82}.role-panel li:before{content:'↗';color:#0079c8;margin-right:10px}.path-section{background:#eaf3fc;padding-block:72px}.path-section .team-heading{text-align:center}.path-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:38px}.path-grid article{background:white;border:1px solid #d9e7f3;border-radius:12px;padding:28px}.path-icon{display:block;font-size:42px;color:#0079c8;margin-bottom:22px}.step{font-size:8px;letter-spacing:.14em;color:#6a839a}.path-grid h3{font-size:21px;margin-top:13px}.path-grid p{font-size:13px;line-height:1.7;color:#657d96;margin-top:14px}.path-tag{display:block;font-size:10px;color:#0079c8;border-top:1px solid #e5eef6;margin-top:27px;padding-top:20px}.access-note{text-align:center;color:#557996;font-size:12px;line-height:1.8;margin-top:28px}
@media(max-width:1000px){.school-name{display:none}.creative-header nav{gap:20px}.role-panel{gap:28px;padding:28px;min-height:275px}.role-panel h3{font-size:28px}.path-grid article{padding:22px}.path-grid h3{font-size:19px}}
@media(min-width:681px) and (max-width:1000px) and (max-aspect-ratio:1/1){.creative-hero{min-height:0}.hero-copy{padding-bottom:calc(56.3vw + 40px)}.hero-background{inset:auto 0 0;height:56.3vw;object-position:center}.hero-shade{background:linear-gradient(180deg,#004ca7 0%,#004ca7 52%,#004ca700 73%,#00326d60 100%)}}
@media(max-width:680px){.creative-hero{min-height:0}.creative-header{flex-wrap:nowrap}.creative-header nav{font-size:10px}.creative-header nav a{display:none}.creative-header nav a:first-child{display:flex;max-width:105px;line-height:1.5;text-align:right;min-height:32px}.hero-copy{padding:24px 22px 355px}.hero-background{inset:auto 0 0;width:100%;height:360px;object-fit:cover;object-position:72% 50%}.hero-shade{background:linear-gradient(180deg,#004ca7 0%,#004ca7 51%,#004ca700 72%,#00326d80 100%)}.team-section{padding-block:45px}.avatar-list{grid-template-columns:repeat(3,minmax(0,1fr))}.role-panel{grid-template-columns:1fr;gap:22px;min-height:355px;margin-top:32px;padding:25px}.role-panel h3{font-size:28px}.role-panel .eyebrow{font-size:8px}.role-panel p:not(.eyebrow){font-size:12px}.role-panel ul{font-size:11px}.path-section{padding-block:45px}.path-grid{grid-template-columns:1fr;gap:14px;margin-top:28px}.path-grid article{padding:25px;display:grid;grid-template-columns:50px 1fr;column-gap:17px}.path-icon{grid-column:1;grid-row:1/5;margin:0}.step,.path-grid h3,.path-grid p,.path-tag{grid-column:2}.path-grid h3{font-size:21px}.path-grid p{font-size:12px}.path-tag{margin-top:18px;padding-top:14px}.access-note{font-size:10px}}