/* Branding reference: user-supplied Crossgates_Homepage_Preview(1).html. */
:root{--forest:#153f31;--green:#326a39;--lime:#dcebb5;--cream:#f8f7ef;--ink:#202c26;--muted:#526157;--line:#d9dfd3;--white:#fff}
body{background:var(--cream);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.6}
h1,h2,h3{line-height:1.13;letter-spacing:-.035em}
.site-header,body>header{background:var(--forest);color:white;border-bottom-color:#ffffff25}
.mobile-nav[open] .mobile-links{background:var(--forest)}
.home-hero{background:var(--forest)}
.home-hero::after{background:linear-gradient(90deg,rgba(8,34,24,.9) 0%,rgba(12,43,30,.65) 48%,rgba(12,43,30,.28) 100%)}
.home-intro h1{font-size:clamp(2.5rem,4.2vw,4.15rem);line-height:1.13;letter-spacing:-.035em}
.home-intro .eyebrow,.home-intro h1 span{color:var(--lime)}
.home-intro>p:not(.eyebrow){font-size:1.08rem;line-height:1.7;color:#e1e9e1}
.programme-link{color:var(--lime)}
.home-intro .lime{background:var(--lime);color:var(--forest)}
.home-intro .glass{border-color:#ffffff70;color:white;background:transparent}
.btn{border-radius:6px;font-weight:700}.primary,.btn-dark{background:var(--forest);color:white}
.home-passport{background:var(--cream);color:var(--ink);border-color:#ffffff80;border-radius:14px;box-shadow:0 22px 60px #00170d45}
.passport-heading{background:var(--cream);border-bottom-color:var(--line)}
.passport-heading h2{font-size:1.75rem}
.passport-heading .eyebrow{color:var(--green)}
.passport-content{background:var(--cream)}
.demo-label{border-color:#a9b89e;color:var(--muted)}
.passport-end{background:#e9eddf}.preview-fields dd{color:var(--forest)}
.principles{background:var(--cream);border-bottom-color:var(--line)}
.principles .wrap{color:var(--muted)}.principles strong{color:var(--forest)}.principles span+span{border-color:var(--line)}
.audience-section{background:white}.audience-options button{border-color:#aab8a3}.audience-options button[aria-pressed=true]{background:var(--forest);border-color:var(--forest);color:white}
.process-section{background:var(--cream)}.process-grid>a{border-top-color:var(--green)}
.field-section{background:white}.event-photo,.event-photo img{background:#e9eddf}.event-photo figcaption{background:var(--cream)}
.questions{background:var(--cream)}.contact-section{background:var(--lime)}.contact-form{border-color:var(--line);background:white}
.inner-intro{background:var(--cream)}
.story-section{background:white;color:var(--ink)}.story-section .eyebrow,.story-section .small{color:var(--muted)}
.story-controls button{color:var(--muted);border-top-color:var(--line)}.story-controls button span{color:var(--green)}
.story-controls button[aria-pressed=true]{border-color:var(--forest);color:var(--forest)}
.story-copy>p:not(.eyebrow){color:var(--muted)}.story-copy .buyer-question{border-left-color:var(--green)}
.story-navigation .primary{background:var(--forest);color:white}.story-evidence{background:var(--cream);border:1px solid var(--line)}
.passport-section{background:var(--cream)}
footer{background:#f0f1e8;color:var(--muted)}footer a{color:inherit}
.footer-main strong,footer .footer-grid strong{color:var(--ink)}
.footer-main p,.footer-details,footer .small,.image-credit{color:var(--muted)}
.footer-details,footer .fineprint{border-top-color:var(--line)}
.image-credit a{color:var(--green)}
.passport-head,.stage-passport-head,.dialog-top{background:var(--forest);color:white}
.passport-head p,.stage-passport-head p{color:#deeadf}
.selector[aria-pressed=true],.context-box,.next-box,.stiv,.journey-result,.review-example,.problem-bridge,.record-output,.stage-action,.sample-fallback{background:#e9eddf}
.verification-details,.evidence-trail,.journey-stage{background:var(--cream)}
.scope{background:var(--forest)}.closing{background:var(--lime)}
@media(max-width:850px){.home-intro h1{font-size:2.65rem}}
@media(max-width:680px){.home-intro h1{font-size:clamp(2.35rem,8vw,3.3rem)}.home-hero::after{background:linear-gradient(180deg,rgba(8,34,24,.82) 0%,rgba(8,34,24,.73) 43%,#153f31 90%)}}
/* Pale-lime logo bar requested from the highlighted headline colour. */
.site-header,body>header{background:var(--lime);color:var(--forest);border-bottom:1px solid #b7c797}
.site-header a,body>header a{color:var(--forest)}
.site-header .brand svg [fill="white"]{fill:var(--forest)}
.site-header .brand svg [fill="#6DA770"]{fill:var(--green)}
.site-header .login,.site-header .mobile-nav summary{border-color:#153f3160;color:var(--forest)}
.mobile-nav[open] .mobile-links{background:var(--lime);color:var(--forest);border-top-color:#153f3130}