/* A quiet colour story, with a consistent dark frame around every page. */
body{background:#e1ece3;--muted:#53645a;--line:#233d3229;--coral:#a54734}
.site-header{background:#162820f7;color:#e6eee0;border-color:#bdd0bd25;isolation:isolate}
.site-header .brand,footer .brand{background:transparent}
/* The approved dark wordmark has a near-black matte. Screen and contrast
   remove that matte in the browser without altering its artwork. */
.site-header .brand img,footer .brand img{mix-blend-mode:screen;filter:contrast(1.22)}
.site-header nav a:hover,.site-header a[aria-current=page]{color:#d4f58f}
.site-header .header-cta{background:#d3fc6c;color:#1b2b1d;border-color:#d3fc6c}
.site-header .header-cta:hover{background:#e3ffa1;color:#1b2b1d}
.mobile-menu nav{background:#1b3027;color:#e4eddf;border-color:#bdd0bd35;box-shadow:0 18px 30px #06140d33}
.site-header :focus-visible,footer :focus-visible{outline-color:#d3fc6c}
.pill.dark{background:#203e35;color:#f0f5e9}
.pill.dark:hover{background:#31594b}
.hero .pill.dark{background:#d3fc6c;color:#1f2817}
.hero .pill.dark:hover{background:#e1ff97}
body[data-page=index]{background:radial-gradient(ellipse at 0% 55%,#c7dfd1,transparent 60%),radial-gradient(ellipse at 100% 70%,#ddd7ee,transparent 55%),#e1ece3}
.home-path-grid>a{border-color:#36594a40}
.visual-paths>a>span{color:#426653}
.home-path-grid h2 em{color:#80547e}
.home-play-band{box-shadow:0 18px 50px #243b3612}
.green-invitation .pill.dark{background:#14251d;color:#f4f8ed}
body[data-page=services]{background:#dce9de}
body[data-page=services] .intro{padding-bottom:65px}
.service-list article>span{color:#44654d}
.service-list h3{color:#244b3b}
.service-list article:first-child h3{color:#9b4736}
.service-list article:last-child h3{color:#6d4e80}
body[data-page=services] .method{padding-top:65px;border-top:1px solid #28463529}
.method-grid article:nth-child(2){border-color:#ae755e80}
.method-grid article:nth-child(3){border-color:#8577ac80}
.method-grid article:nth-child(4){border-color:#498b9d80}
.principle{background:#c9dfc9;border:0;border-radius:10px;padding:34px}
.principle em{color:#496937}
body[data-page=services] .faq{padding-top:45px}
body[data-page=work]{background:radial-gradient(ellipse at 90% 0,#d9d1e8,transparent 65%),#e9e4ef;--muted:#635c70;--line:#5541642d;--coral:#80507c}
body[data-page=work] .eyebrow{color:#695371}
body[data-page=work] .page-next .pill{background:#544066}
body[data-page=about]{background:radial-gradient(ellipse at 85% 15%,#c4dedb,transparent 65%),#e1eced;--muted:#536970;--coral:#a14b3a}
body[data-page=about] .about-contact{padding:55px 6%;background:#cbdedc;border-radius:10px;margin-bottom:65px}
body[data-page=contact]{background:radial-gradient(ellipse at 0% 10%,#d1e4e8,transparent 60%),#dfe7f0;--muted:#506578;--coral:#99503f}
.journey-panel{background:#cddce8;border-color:#54738d35;box-shadow:0 20px 65px #294c6810}
.journey-panel input:not([type=checkbox]),.journey-panel textarea,.journey-panel select{background:#f0f5f8;border-color:#6e899a60}
.journey-panel textarea:focus,.journey-panel input:focus{outline-color:#496f8e}
.journey-progress{border-color:#54738d35}
.journey-progress>span{color:#586e80}
.journey-progress>span[aria-current=step]{color:#7d4132}
.idea-prompts button,.outcome-options label{background:#e5edf5;border-color:#54738d45}
.journey-panel #idea-summary{background:#eef3f8;border-color:#54738d35}
.journey-panel .pill.dark{background:#253f5a}
.journey-promise,.journey-privacy{color:#526a78}
.journey-panel #idea-status{color:#345e49}
.contact-status strong{color:#233b50}
footer.wrap{width:100%;max-width:none;margin:0;padding:38px 6%;background:#162820;color:#bfceba;border-top:1px solid #bdd0bd20;isolation:isolate}
footer a:hover{color:#d3fc6c}
body:has(.play-centre) footer{color:#bfceba}
body:has(.play-centre) footer .brand{background:transparent;padding:0;border-radius:0}
@media(max-width:800px){.principle{padding:28px}body[data-page=services] .intro{padding-bottom:45px}body[data-page=services] .method{padding-top:45px}body[data-page=about] .about-contact{padding:35px 6%;margin-bottom:45px}}
@media(max-width:480px){footer.wrap{padding-block:30px}.principle{padding:25px}.site-header .header-cta{font-weight:700}}