/* One continuous branded background, with quiet, opaque reading surfaces. */
body{position:relative;isolation:isolate;background:#153f31}
body::before{content:"";position:fixed;inset:-12px;z-index:-2;pointer-events:none;background:linear-gradient(115deg,rgba(10,43,31,.88),rgba(20,63,46,.72) 52%,rgba(12,45,33,.84)),url('img/business-meeting-background-v3.webp') center/cover no-repeat;filter:blur(3px)}
body::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:url('img/crossgates-watermark.svg') right -90px top 30vh / min(58vw,760px) auto no-repeat;opacity:.105}
main{background:transparent}
.section,.audience-section,.process-section,.field-section,.questions,.contact-section,.story-section,.passport-section,.inner-intro{background:transparent}
.section{padding:42px 0}
.home-hero{background:transparent;padding-bottom:36px}
.home-hero::before{filter:blur(2px);inset:-5px}
.home-hero::after{background:linear-gradient(180deg,rgba(10,37,27,.74) 0%,rgba(12,43,30,.65) 65%,#153f31 100%)}
.principles{background:#f8f7eff5}
.audience-layout,.field-grid,.questions-grid,.contact-layout,.story-stage,.passport-copy,.passport-annotation,.process-grid>a,.passport-shell{box-shadow:0 16px 45px #00170d30;border-color:#dce4d1}
.process-section .section-heading,.process-section .process-intro,.process-limit,.story-section>.wrap>.section-heading,.passport-section>.wrap>.section-heading{color:var(--cream)}
.process-section .section-heading .eyebrow,.story-section>.wrap>.section-heading .eyebrow,.passport-section>.wrap>.section-heading .eyebrow{color:var(--lime)}
.process-section .section-heading .small,.story-section>.wrap>.section-heading .small,.passport-section>.wrap>.section-heading .small{color:#e1e9dd}
.process-limit{border-top:1px solid #dcebb540;padding-top:20px}
.story-section .story-copy .eyebrow,.story-section .story-evidence .eyebrow{color:var(--green)}
.story-section .story-copy,.story-section .story-evidence{color:var(--ink)}
.story-controls button{background:var(--cream);color:var(--muted)}
.passport-section .document-label,.passport-section .scope-note{color:#edf2e5}
.passport-section .scope-note{border-color:#dcebb540}
.inner-intro>.wrap{background:var(--cream);border:1px solid var(--line);border-radius:14px;padding:32px;box-shadow:0 16px 45px #00170d30}
.page-guide main>.section>.wrap{background:var(--cream);border:1px solid var(--line);border-radius:14px;padding:32px;box-shadow:0 16px 45px #00170d30}
.page-explorer .intro{color:var(--cream)}.page-explorer .intro>p{color:#e1e9dd}.page-explorer .intro>.eyebrow{color:var(--lime)}
.page-explorer .selector{color:var(--ink)}
footer{background:#f8f7eff5;border-top:1px solid var(--line);margin-top:32px}
.home-passport{box-shadow:0 24px 65px #00150b50}
@media(max-width:760px){
 .section{padding:28px 0}.home-hero{padding-bottom:28px}
 body::before{background-position:center,42% center;filter:blur(2px)}
 body::after{background-position:right -80px top 40vh;background-size:88vw;opacity:.1}
 .inner-intro>.wrap,.page-guide main>.section>.wrap{padding:24px}
}
@media(max-width:540px){.inner-intro>.wrap,.page-guide main>.section>.wrap{padding:22px}.home-hero::after{background:linear-gradient(180deg,rgba(8,34,24,.8),rgba(8,34,24,.69) 60%,#153f31)}}
@media print{body{background:white}body::before,body::after{display:none}.section-heading,.process-limit,.page-explorer .intro,.page-explorer .intro>p{color:#202c26!important}}
/* Crossgates green logo bar, softly lit from above. */
.site-header,body>header{
 background-color:var(--forest);
 background-image:radial-gradient(ellipse at 28% -35%,#a1c89255 0%,#77ab7030 28%,transparent 65%),linear-gradient(112deg,#12392d 0%,#214f3b 44%,#153f31 76%,#10372b 100%);
 color:var(--cream);border-bottom:1px solid #a8c29455;box-shadow:0 3px 16px #00170d20
}
.site-header a,body>header a{color:var(--cream)}
.site-header .brand svg [fill="white"]{fill:#f8f7ef}
.site-header .brand svg [fill="#6DA770"]{fill:#8dbd83}
.site-header .login,.site-header .mobile-nav summary{color:var(--cream);border-color:#c9dcc180;background:#ffffff05}
.site-header .login:hover,.site-header .mobile-nav summary:hover{background:#ffffff10}
.mobile-nav[open] .mobile-links{background:linear-gradient(130deg,#214f3b,#153f31 75%);color:var(--cream);border-top:1px solid #a8c29455;box-shadow:0 14px 28px #00170d35}
/* A quieter green brand canvas below the photographic opening. */
body::before{inset:0;filter:none;background:radial-gradient(ellipse at 22% 12%,#38694b70 0%,transparent 57%),linear-gradient(135deg,#193f31,#153f31 52%,#10362b)}
body::after{background-position:right -80px top 29vh;background-size:min(62vw,800px);opacity:.14;filter:blur(1px)}
.home-hero::before{filter:blur(5px);inset:-12px}
@media(max-width:760px){body::before{filter:none;background-position:center}body::after{background-position:right -70px top 37vh;background-size:92vw;opacity:.13}.home-hero::before{filter:blur(4px)}}
@media print{body::before,body::after{display:none}}