@font-face{font-family:Outfit;src:url('/assets/fonts/Outfit-Variable.ttf') format('truetype');font-style:normal;font-weight:100 900;font-display:swap}
:root{--heading-font:Outfit,Helvetica,Arial,sans-serif;--orange-500:#f58220;--brain-blue:#004668;--brain-peach:#f7b482}
body{font-family:Helvetica,Arial,sans-serif}h1,h2{font-weight:700;letter-spacing:-.045em;line-height:1.08}h3{font-family:var(--heading-font);font-weight:600}h1 em,h2 em{font-style:normal;font-weight:inherit}.hero h1 em{font-style:normal}.approach-card h3,.article-card h3,.audience.highlight h3{font-weight:600}.hero h1{font-size:clamp(2.6rem,4.8vw,4.55rem);font-weight:800;letter-spacing:-.055em}.headline-visual{display:block}.headline-words{display:grid;line-height:1.14}.headline-word{grid-area:1/1;white-space:nowrap;opacity:0;visibility:hidden;transform:translateY(14px);transition:opacity .5s ease,transform .5s ease,visibility .5s}.headline-word.is-current{opacity:1;visibility:visible;transform:none}.headline-static{display:block;color:var(--accent-text);white-space:nowrap;margin-top:.03em}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.hero-motion-tools{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:22px}.scroll-cue{font-size:.82rem;display:inline-flex;align-items:center;gap:12px;min-height:44px}.scroll-cue>span{display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;width:36px;height:36px}.motion-on .scroll-cue>span{animation:scroll-nudge 2.8s ease-in-out 3}.motion-toggle{font:inherit;font-size:.76rem;min-height:44px;padding:4px 12px;background:transparent;color:var(--muted);border:1px solid var(--line);border-radius:100px;cursor:pointer}.motion-toggle[hidden]{display:none}.button:not(.secondary){position:relative;isolation:isolate;overflow:hidden;box-shadow:0 8px 25px -15px #dd741a99}.motion-on .hero .button:not(.secondary)::after{content:'';position:absolute;inset:-90% auto -90% -65%;width:35%;background:linear-gradient(90deg,transparent,#ffffff60,transparent);transform:rotate(24deg);pointer-events:none;animation:button-sheen 5.5s ease-in-out 3}.button:focus-visible{outline-offset:6px}
.reveal-ready{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1);transition-delay:var(--reveal-delay,0ms)}.reveal-ready.is-visible{opacity:1;transform:none}.motion-paused .reveal-ready{opacity:1;transform:none;transition:none}.motion-paused *, .motion-paused *::after{animation-play-state:paused!important}
.brain-section{background:#f8f5f4;overflow:clip}.brain-story{display:grid;grid-template-columns:1.15fr 1fr;gap:90px;align-items:start}.brain-sticky{position:sticky;top:135px;align-self:start}.brain-stage{border:1px solid #ddd6ce;border-radius:28px;position:relative;background:radial-gradient(ellipse at 50% 45%,#fff 0%,#fff8f0 65%,#f5e7d9 100%);perspective:1000px;padding:26px 24px 22px;overflow:hidden}.brain-kicker{display:flex;justify-content:space-between;align-items:center;font-size:.65rem;letter-spacing:.15em;color:#646363}.brain-kicker>span{font-size:1.5rem}.brain-model{width:100%;height:auto;overflow:visible;display:block;transform:rotateY(var(--brain-turn,-9deg)) rotateZ(var(--brain-tilt,-3deg));transform-origin:50% 50%;will-change:transform}.brain-piece{transform-box:fill-box;transform-origin:center;transition:opacity .6s ease}.brain-focus{transform:translate(calc(var(--brain-spread,0) * -14px),calc(var(--brain-spread,0) * -10px))}.brain-attention{transform:translate(calc(var(--brain-spread,0) * 18px),calc(var(--brain-spread,0) * -23px))}.brain-memory{transform:translate(0,calc(var(--brain-spread,0) * 25px))}.brain-stage[data-active="0"] .brain-attention,.brain-stage[data-active="0"] .brain-memory,.brain-stage[data-active="1"] .brain-focus,.brain-stage[data-active="1"] .brain-memory,.brain-stage[data-active="2"] .brain-focus,.brain-stage[data-active="2"] .brain-attention{opacity:.53}.brain-nodes circle{fill:white;stroke:#984009;stroke-width:4;opacity:0;transition:opacity .4s}.brain-stage[data-active="0"] .brain-nodes circle:nth-child(1),.brain-stage[data-active="1"] .brain-nodes circle:nth-child(2),.brain-stage[data-active="2"] .brain-nodes circle:nth-child(3){opacity:1}.brain-caption{display:flex;align-items:center;gap:14px;border-top:1px solid #ded6cc;padding-top:18px}.brain-counter{font-size:.7rem;color:var(--muted)}.brain-label{font:600 1.65rem var(--heading-font)}.brain-scroll{font-size:.58rem;letter-spacing:.08em;margin-left:auto;color:var(--muted)}.brain-note{font-size:.74rem;line-height:1.6;margin:16px 12px 0;color:var(--muted)}.brain-chapter{min-height:58vh;display:flex;flex-direction:column;justify-content:center;padding:38px 0;border-bottom:1px solid var(--line)}.brain-chapter:first-child{padding-top:30px}.brain-chapter:last-child{border:0}.brain-chapter h3{font-size:clamp(2rem,3.2vw,3rem);letter-spacing:-.04em;line-height:1.1;margin-bottom:24px}.brain-chapter p{color:var(--muted);max-width:430px}.brain-chapter .eyebrow{margin-bottom:20px}.skill-example{display:block;border-left:2px solid var(--orange);padding-left:20px;margin-top:16px;font-size:.64rem;letter-spacing:.1em;color:var(--accent-text)}.skill-example span{display:block;font-size:.85rem;letter-spacing:0;line-height:1.6;color:var(--muted);margin-top:9px}.brain-chapter.is-active .eyebrow{color:var(--brain-blue)}
@keyframes scroll-nudge{0%,100%{transform:translateY(0)}50%{transform:translateY(5px)}}@keyframes button-sheen{0%,65%{left:-65%}95%,100%{left:150%}}
@media(max-width:1100px){.brain-sticky{top:24px}.brain-story{gap:45px}.hero h1{font-size:clamp(2.5rem,4.6vw,4rem)}}
@media(max-width:800px){.hero h1{font-size:clamp(2.7rem,7.5vw,4.2rem)}.brain-story{grid-template-columns:1fr;gap:20px}.brain-sticky{top:8px;z-index:2;background:#f8f5f4;padding-bottom:10px}.brain-stage{max-width:600px;margin-inline:auto;padding:15px 18px 12px;border-radius:20px}.brain-model{height:235px}.brain-kicker{font-size:.58rem}.brain-caption{padding-top:10px}.brain-label{font-size:1.3rem}.brain-note{max-width:570px;margin:7px auto 0;font-size:.67rem}.brain-chapter{min-height:55vh;padding:32px 0}.brain-chapter p{max-width:600px}.brain-section .section-head{margin-bottom:25px}.brain-chapter h3 br{display:none}}
@media(max-width:520px){.hero h1{font-size:clamp(2.05rem,9.5vw,3rem)}.hero-motion-tools{justify-content:space-between;gap:8px}.brain-model{height:195px}.brain-scroll{font-size:.5rem}.brain-chapter{min-height:380px}.brain-chapter h3{font-size:2rem}.brain-section{padding-bottom:40px}}
@media(prefers-reduced-motion:reduce){.reveal-ready{opacity:1;transform:none}.brain-model{transform:none!important;will-change:auto}.brain-piece{transform:none!important}.headline-word{transition:none}.brain-sticky{position:relative;top:0}.brain-chapter{min-height:0;padding:32px 0}.brain-story{align-items:start}}
@media(min-width:801px){.brain-model{height:clamp(220px,calc(100svh - 340px),420px)}}
/* ReadON brand and solutions refinement, 29 September 2026. */
:root{--brand-navy:#004668;--brand-orange:#f58220}
.headline-words,#for-you .section-head h2{color:var(--brand-navy)}
.headline-static,#for-you .section-head h2 em{color:var(--brand-orange)}
.eyebrow,.audience .number,.article-label{color:var(--brand-navy)}
.dark-section .eyebrow{color:#a6d5eb}
.solutions-section h2,.solution-card h3{color:var(--brand-navy)}
.solution-card.approach-card{padding:0;overflow:hidden;background:#fff;display:flex;flex-direction:column;border:1px solid var(--line)}
.solution-card:nth-child(2){background:#fff}
.solution-copy{position:relative;padding:34px 34px 24px;flex:1}
.solution-copy .eyebrow{padding-right:55px;font-size:.66rem;letter-spacing:.09em;min-height:32px;display:flex;align-items:center;margin-bottom:12px}
.solution-number{position:absolute;right:28px;top:30px;width:42px;height:46px;background:var(--brand-orange);color:var(--brand-navy);clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);display:grid;place-items:center;font:700 1.15rem var(--heading-font)}
.solution-card h3{font-size:clamp(1.65rem,2.2vw,2.15rem);margin:0 0 18px;line-height:1.15;min-height:2.3em}
.solution-card p{font-size:1rem;line-height:1.65;margin-bottom:16px}
.solution-card ul{padding-left:20px;margin:0 0 20px;color:var(--muted);font-size:.93rem;line-height:1.7}.solution-card li{margin-bottom:7px}.solution-card li::marker{color:var(--brand-navy)}
.solution-image{height:310px;background:#f8f5f4;border-top:1px solid var(--line);overflow:hidden}.solution-image img{width:100%;height:100%;display:block}.assessment-image img{object-fit:contain;padding:8px}.therapy-image img{object-fit:cover;object-position:center;transform:scale(1.08)}
@media(max-width:800px){.solution-card h3{min-height:0}.solution-copy .eyebrow{min-height:35px}.solution-image{height:340px}}
@media(max-width:520px){.solution-copy{padding:26px 24px 20px}.solution-number{top:24px;right:20px}.solution-image{height:260px}.solution-card h3{font-size:1.9rem}}

/* Supplied brain artwork keeps its proportions within the existing motion stage. */
.brain-supplied{object-fit:contain;padding:18px 10px;mix-blend-mode:multiply}


/* Fixed, generously sized artwork and readable callouts. */
.brain-static .brain-stage{padding:22px 16px 12px;perspective:none}
.brain-callouts{display:block;width:100%;height:auto;max-height:none;mix-blend-mode:multiply}
.brain-leaders{stroke:#f58220;stroke-width:2}
.brain-points{fill:#f58220;stroke:#fff8f0;stroke-width:5}
.brain-tags rect{fill:#fffdf9;stroke:#f58220;stroke-width:1.5}
.brain-tags text{fill:#004668;font:600 22px var(--heading-font);text-anchor:middle}
.brain-static .brain-chapter{min-height:0;padding:30px 0}
.brain-static .brain-story{gap:60px}
@media(max-width:800px){.brain-static .brain-sticky{position:relative;top:0}.brain-static .brain-stage{max-width:560px}.brain-static .brain-story{gap:20px}}
.brain-static .brain-sticky{position:relative;top:0}

#about .section-head h2{color:var(--brand-orange)}
.journal-cover{display:block;width:100%;aspect-ratio:5/3;object-fit:cover;border-radius:16px;margin-bottom:24px}
.journal-hero{display:block;width:100%;height:auto;border-radius:18px;margin:22px 0 28px}
.journal-excerpt{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.journal-meta{font-size:.75rem;color:var(--muted)}
#blog-results{row-gap:48px}.prose a{text-decoration:underline;text-underline-offset:3px}

.research-feature h2,.community-section h2{color:var(--brand-navy)}.research-feature h2 em,.community-section h2 em{color:var(--brand-orange)}
.video-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 24px}.video-player{aspect-ratio:16/9;overflow:hidden;border-radius:18px;background:#004668}.video-poster{display:block;position:relative;width:100%;height:100%;border:0;padding:0;cursor:pointer;background:#004668}.video-poster img{display:block;width:100%;height:100%;object-fit:cover}.video-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:18px;background:#f58220;color:#004668;padding:13px 22px;font-size:26px;box-shadow:0 4px 20px #0003}.video-poster:hover .video-play{background:#fff}.video-poster:focus-visible{outline:3px solid #004668;outline-offset:-4px}.video-player iframe{width:100%;height:100%;border:0}.community-video h3{font-size:1.15rem;margin:18px 0 10px;color:#004668}.community-video .text-link{font-size:.8rem}
@media(max-width:900px){.video-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.video-gallery{grid-template-columns:1fr}}

/* Centered cognitive skills illustration with three aligned cards. */
.brain-static .brain-story{grid-template-columns:1fr;gap:40px}
.brain-static .brain-sticky{width:min(100%,620px);margin-inline:auto;padding:0}
.brain-static .brain-stage{max-width:none;margin:0}
.brain-static .brain-note{text-align:center}
.brain-static .brain-chapters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:stretch}
.brain-static .brain-chapter{background:var(--brand-orange);color:var(--brand-navy);border:0;border-radius:22px;padding:32px;justify-content:flex-start;min-height:0}
.brain-static .brain-chapter h3{font-size:clamp(1.65rem,2.5vw,2.35rem);color:var(--brand-navy);margin:0 0 22px}
.brain-static .brain-chapter .eyebrow,.brain-static .brain-chapter p,.brain-static .skill-example,.brain-static .skill-example span{color:var(--brand-navy)}
.brain-static .brain-chapter p{margin-bottom:24px;max-width:none}
.brain-static .skill-example{margin-top:auto;padding:18px 0 0;border-left:0;border-top:1px solid #00466855}
@media(max-width:800px){.brain-static .brain-chapters{grid-template-columns:1fr;gap:18px}.brain-static .brain-sticky{width:min(100%,540px)}.brain-static .brain-chapter{padding:28px}.brain-static .brain-chapter h3 br{display:none}.brain-static .brain-story{gap:28px}}
/* Softer skill cards echo the brain panel and improve reading comfort. */
.brain-static .brain-chapter{background:linear-gradient(145deg,#fffaf4,#f5e7d9);border:1px solid #ddd6ce}
.brain-static .skill-example{border-top-color:#f5822055}
/* Light orange differentiates skill cards from the cream illustration panel. */
.brain-static .brain-chapter{background:#ffd3ad;border-color:#f4bb8b}
/* Familiar YouTube-style play controls. */
.video-play{background:#ff0000;color:#fff;border-radius:14px;padding:10px 23px}
.video-poster:hover .video-play,.video-poster:focus-visible .video-play{background:#d90000;color:#fff}

.brand-navy,.cta-band h2{color:#004668}.parent-actions{flex-direction:column;align-items:flex-start}
/* Consistent brand headings and supporting orange cards across all pages. */
h1,h2,h3,h4,h5,h6,.faq-item summary{color:var(--brand-navy)}
:root{--peach:#ffd3ad}
.panel.orange,.cta-band{background:#ffd3ad;border-color:#f4bb8b}
.next-steps-section .three-col>div{background:#ffd3ad;border:1px solid #f4bb8b;border-radius:22px;padding:32px;color:var(--brand-navy)}
.next-steps-section .three-col>div p{color:var(--brand-navy);margin-bottom:0}
.next-steps-section>.wrap>.eyebrow{display:block;margin-bottom:24px}
@media(max-width:800px){.next-steps-section .three-col>div{padding:28px}}

/* Interior heading accents echo the homepage without changing its styling. */
.interior-orange{color:var(--brand-orange)}

/* One continuous right-to-left row; preserve the supplied logo colours. */
.client-strip{padding:34px 0 38px;background:#fbe7d4;border-block:1px solid #f4d9c2;overflow:hidden}
.client-strip-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.client-strip-heading h2{font-size:1.6rem;letter-spacing:-.025em;margin:0;color:#004668}
.client-motion{border:1px solid #00466855;border-radius:999px;padding:9px 18px;background:transparent;color:#004668;min-height:44px;cursor:pointer;font:inherit;font-size:.8rem}
.client-window{overflow:hidden}.client-track{display:flex;width:max-content;animation:client-scroll 65s linear infinite}.client-group{display:flex;align-items:center;gap:24px;list-style:none;padding:0 24px 0 0;margin:0;flex-shrink:0}.client-logo{display:flex;align-items:center;justify-content:center;flex:0 0 210px;width:210px;height:122px;padding:14px 18px;background:white;border-radius:14px}.client-logo img{display:block;width:100%;height:100%;object-fit:contain}.client-logo.logo-on-navy{background:#004668}
.client-strip:hover .client-track,.client-strip:focus-within .client-track,.client-strip.is-paused .client-track{animation-play-state:paused}
@keyframes client-scroll{to{transform:translateX(-50%)}}
@media(max-width:600px){.client-logo{flex-basis:170px;width:170px;height:110px}.client-group{gap:16px;padding-right:16px}.client-strip{padding:26px 0}.client-strip-heading h2{font-size:1.4rem}}
@media(prefers-reduced-motion:reduce){.client-track{animation:none}.client-window{overflow-x:auto}.client-group[aria-hidden]{display:none}.client-motion{display:none}}

/* Compact logo strip without visible controls. */
.client-strip{padding:20px 0}.client-logo{height:100px;padding:10px 18px}
@media(max-width:600px){.client-strip{padding:16px 0}.client-logo{height:90px}}