/* ============================================================
   01. DESIGN SETTINGS
   Edit these variables to change the website's main colours.
   ============================================================ */

:root {
  --black:#090908;
  --charcoal:#151512;
  --ivory:#f5f1ea;
  --paper:#ded5ca;
  --gold:#c47452;
  --gold-deep:#8f4e38;
  --muted:#716a62;
  --line:rgba(22,20,16,.18)
}

/* ============================================================
   20. CLARITY-LED HOMEPAGE
   ============================================================ */

.clarityHero{min-height:calc(100vh - 86px);position:relative;display:flex;align-items:center;background:url('guy-stage.jpg') 62% 34%/cover no-repeat;color:#fff;overflow:hidden}
.clarityShade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,4,4,.98) 0%,rgba(4,4,4,.87) 46%,rgba(4,4,4,.18) 75%),linear-gradient(0deg,rgba(4,4,4,.72),transparent 45%)}
.clarityCopy{position:relative;z-index:2;width:min(920px,72vw);margin-left:7vw;padding:70px 0 98px}
.clarityCopy h1{margin:0 0 30px;font-size:clamp(60px,7.5vw,112px);line-height:.88;letter-spacing:-.067em}
.heroLead{max-width:720px;margin:0;color:#ddd8cf;font-size:19px;line-height:1.65}
.heroDefinition{position:absolute;z-index:2;right:3vw;bottom:34px;max-width:330px;padding-left:18px;border-left:2px solid var(--gold);display:grid;gap:7px}
.heroDefinition b{color:var(--gold);font-size:9px;letter-spacing:.16em;text-transform:uppercase}
.heroDefinition span{color:#ded9d0;font:italic 14px/1.45 Georgia,serif}
.heroFacts{max-width:940px;display:grid;grid-template-columns:repeat(4,1fr);gap:0;list-style:none;margin:52px 0 0;padding:22px 0 0;border-top:1px solid rgba(205,187,125,.38)}
.heroFacts li{display:grid;gap:7px;padding:0 22px;border-right:1px solid rgba(205,187,125,.28)}
.heroFacts li:first-child{padding-left:0}.heroFacts li:last-child{border-right:0}
.heroFacts strong{color:var(--gold);font-size:11px;letter-spacing:.1em;text-transform:uppercase}
.heroFacts span{color:#c8c2b8;font-size:12px;line-height:1.4}
.plainPromise{padding:140px 7vw;text-align:center}
.plainPromise .eyeline,.learningSection .eyeline,.fitSection .eyeline{color:var(--gold-deep)}
.plainPromise h2{max-width:1140px;margin:42px auto 35px;font-size:clamp(48px,6vw,86px);line-height:1;letter-spacing:-.055em}
.plainPromise>p:last-child{max-width:760px;margin:auto;color:#625d55;font-size:18px;line-height:1.7}
.learningSection{padding:140px 7vw;background:var(--paper)}
.learningIntro{max-width:850px}
.learningIntro h2,.resultsHeading h2,.fitSection h2,.experienceCopy h2,.aboutCopy h2{margin:38px 0 65px;font-size:clamp(49px,5.7vw,82px);line-height:.95;letter-spacing:-.055em}
.skillGrid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #a9a08f}
.skillGrid article{min-height:285px;padding:28px 26px;border-right:1px solid #a9a08f}
.skillGrid article:first-child{padding-left:0}.skillGrid article:last-child{border-right:0}
.skillGrid span{font-size:9px;color:var(--gold-deep)}
.skillGrid h3{margin:78px 0 15px;font-size:30px;letter-spacing:-.04em}
.skillGrid p{color:#696257;font-size:14px;line-height:1.6}
.resultsSection{padding:140px 7vw;background:var(--black);color:var(--ivory);display:grid;grid-template-columns:.9fr 1.1fr;gap:8vw}
.resultsHeading{position:sticky;top:40px;align-self:start}.resultsHeading .eyeline{color:var(--gold)}.resultsHeading h2{margin-bottom:0}.resultsHeading h2 em{color:#d8c98f}
.resultList article{padding:34px 0;border-top:1px solid #3a3832}.resultList b{color:var(--gold);font-size:9px;letter-spacing:.18em}.resultList h3{margin:20px 0 0;font:italic 29px/1.25 Georgia,serif}
.experienceSection{display:grid;grid-template-columns:1fr 1fr;min-height:760px;background:#151512;color:var(--ivory)}
.experienceImage{position:relative}.experienceImage img{width:100%;height:100%;object-fit:cover;filter:saturate(.72) contrast(1.04)}
.imageCaption{position:absolute;left:28px;right:28px;bottom:24px;margin:0;padding:14px 16px;background:rgba(9,9,8,.82);color:#d5d0c6;font-size:11px;line-height:1.5;border-left:2px solid var(--gold)}
.experienceCopy{padding:9vw 7vw}.experienceCopy>.eyeline{color:var(--gold)}.experienceCopy h2{margin-bottom:32px}.experienceCopy>p{color:#b8b3aa;line-height:1.7}
.experienceCopy ul{list-style:none;padding:0;margin:38px 0;border-top:1px solid #3b3934}.experienceCopy li{padding:17px 0;border-bottom:1px solid #3b3934;font-size:13px}.experienceCopy li span{margin-right:18px;color:var(--gold);font-size:8px}.formatNote{padding-left:17px;border-left:2px solid var(--gold)}
.agendaSection{padding:140px 7vw;background:var(--ivory);display:grid;grid-template-columns:.82fr 1.18fr;gap:9vw}
.agendaIntro{position:sticky;top:40px;align-self:start}.agendaIntro .eyeline{color:var(--gold-deep)}
.agendaIntro h2{margin:38px 0 28px;font-size:clamp(48px,5.4vw,78px);line-height:.96;letter-spacing:-.055em}
.agendaIntro>p:last-child{max-width:540px;color:#625d55;font-size:16px;line-height:1.7}
.agendaList{list-style:none;margin:0;padding:0;border-top:1px solid #aaa397}
.agendaList li{display:grid;grid-template-columns:54px 1fr;gap:24px;padding:29px 0;border-bottom:1px solid #aaa397}
.agendaList>li>span{padding-top:5px;color:var(--gold-deep);font-size:10px;letter-spacing:.14em}
.agendaList h3{margin:0 0 10px;font-size:25px;letter-spacing:-.035em}
.agendaList p{margin:0;max-width:660px;color:#625d55;font-size:14px;line-height:1.65}
.programmeSection{padding:140px 7vw;background:var(--paper);display:grid;grid-template-columns:.9fr 1.1fr;gap:8vw}.programmeLead{position:sticky;top:40px;align-self:start}.programmeLead .eyeline{color:var(--gold-deep)}.programmeLead h2{margin:38px 0 30px;font-size:clamp(49px,5.7vw,82px);line-height:.95;letter-spacing:-.055em}.programmeLead>p:last-child{max-width:560px;color:#625d55;font-size:16px;line-height:1.7}.programmeDetails article{display:grid;grid-template-columns:72px 1fr;gap:20px;padding:30px 0;border-top:1px solid #aaa397}.programmeDetails article>strong{color:var(--gold-deep);font:italic 30px Georgia,serif}.programmeDetails h3{margin:0 0 10px;font-size:23px;letter-spacing:-.03em}.programmeDetails article p{margin:0;color:#625d55;font-size:14px;line-height:1.65}.programmeClose{margin:42px 0 0;padding-left:22px;border-left:2px solid var(--gold-deep);font:22px/1.45 Georgia,serif}
.fitSection{padding:140px 7vw}.fitSection h2{max-width:1050px;margin-bottom:40px}
.aboutSection{display:grid;grid-template-columns:1.15fr .85fr;background:#d4c084}.aboutPortrait{min-height:610px;overflow:hidden}.aboutPortrait img{width:100%;height:100%;object-fit:cover}.aboutCopy{padding:8vw 7vw;display:flex;flex-direction:column;justify-content:center}.aboutCopy h2{margin-bottom:12px}.aboutCopy h3{font:italic 20px/1.4 Georgia,serif}.aboutCopy>p:not(.eyeline){color:#4e4634;font-size:14px;line-height:1.7}.aboutCopy blockquote{margin:34px 0 0;padding-top:28px;border-top:1px solid rgba(30,25,12,.25);font:italic 24px/1.4 Georgia,serif}
.simpleQuestions{background:var(--ivory)}
.directCta{min-height:660px;display:flex;align-items:center;padding:100px 7vw;background:linear-gradient(90deg,rgba(6,6,5,.97),rgba(6,6,5,.55)),url('guy-stage.jpg') center/cover;color:#fff}.directCta>div{max-width:900px}.directCta .eyeline{color:var(--gold)}.directCta h2{margin:42px 0 28px;font-size:clamp(62px,8.2vw,120px);line-height:.84;letter-spacing:-.07em}.directCta h2 em{color:#d8c98f}.directCta p{max-width:680px;color:#ccc7bd;font-size:17px;line-height:1.7}.directCta .goldButton{margin-top:22px}
.ctaRow{display:flex;align-items:center;gap:34px;flex-wrap:wrap}.responsePromise{display:grid;gap:4px!important;margin:22px 0 0!important;padding-left:18px;border-left:1px solid rgba(205,187,125,.55);font-size:12px!important;line-height:1.45!important}.responsePromise strong{color:var(--gold);font-size:10px;letter-spacing:.11em;text-transform:uppercase}.responsePromise span{max-width:330px}

@media(max-width:900px){.clarityCopy{width:auto;margin:0;padding:90px 22px 205px}.clarityHero{align-items:flex-end;background-position:62% center}.clarityShade{background:linear-gradient(0deg,rgba(4,4,4,.98) 0%,rgba(4,4,4,.75) 70%,rgba(4,4,4,.2) 100%)}.heroDefinition{left:22px;right:22px;bottom:28px}.heroFacts{grid-template-columns:1fr 1fr;gap:20px 0}.heroFacts li:nth-child(2){border-right:0}.skillGrid{grid-template-columns:1fr 1fr}.skillGrid article:nth-child(2){border-right:0}.skillGrid article{border-bottom:1px solid #a9a08f}.resultsSection,.experienceSection,.agendaSection,.programmeSection,.aboutSection{grid-template-columns:1fr}.resultsHeading,.agendaIntro,.programmeLead{position:static}.experienceImage{height:560px}.aboutPortrait{min-height:480px}.simpleQuestions{grid-template-columns:1fr}}
@media(max-width:560px){.clarityCopy h1{font-size:clamp(53px,16vw,76px)}.heroLead{font-size:16px}.clarityCopy .heroButtons{gap:20px}.heroFacts{margin-top:38px}.heroFacts li{padding:0 13px}.heroFacts span{font-size:11px}.plainPromise,.learningSection,.resultsSection,.agendaSection,.programmeSection,.fitSection,.simpleQuestions{padding:95px 22px}.skillGrid{grid-template-columns:1fr}.skillGrid article,.skillGrid article:first-child{min-height:0;padding:26px 0;border-right:0}.skillGrid h3{margin:35px 0 12px}.experienceImage{height:420px}.experienceCopy,.aboutCopy{padding:85px 22px}.agendaList li{grid-template-columns:38px 1fr;gap:15px}.programmeDetails article{grid-template-columns:55px 1fr}.aboutPortrait{min-height:360px}.directCta{padding:90px 22px}.directCta p{font-size:15px}.ctaRow{align-items:flex-start;gap:16px}.responsePromise{width:100%}}

/* ============================================================
   21. THEME CONTROL, SAMPLE EXPERIENCE & CONVERSATION LAB
   ============================================================ */

.headerActions{display:flex;align-items:center;gap:15px}.themeToggle{width:39px;height:39px;display:grid;place-items:center;border:1px solid rgba(205,187,125,.5);border-radius:50%;background:transparent;color:var(--gold);font-size:17px;cursor:pointer;transition:background .2s,color .2s,transform .2s}.themeToggle:hover{background:var(--gold);color:var(--black);transform:rotate(12deg)}
.trySection{padding:140px 7vw;background:#d9cdaF}.tryIntro{max-width:900px}.tryIntro .eyeline{color:#75632f}.tryIntro h2{max-width:980px;margin:38px 0 28px;font-size:clamp(50px,6vw,86px);line-height:.96;letter-spacing:-.055em}.tryIntro>p:last-child{max-width:660px;color:#514a3d;font-size:17px;line-height:1.7}.tryCards{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:65px}.tryCards article{min-height:380px;padding:42px;border:1px solid rgba(32,29,22,.22);background:rgba(245,240,230,.68);display:flex;flex-direction:column;align-items:flex-start}.tryCards article>span{color:#75632f;font-size:10px;letter-spacing:.14em}.tryCards h3{max-width:500px;margin:70px 0 17px;font-size:clamp(28px,3vw,42px);line-height:1.02;letter-spacing:-.045em}.tryCards p{max-width:560px;margin:0 0 28px;color:#5e574b;font-size:14px;line-height:1.7}.tryCards .outlineButton,.tryCards .goldButton{margin-top:auto}.tryCards small{margin-top:16px;color:#6a6358;font-size:10px}.tryCardFeatured{background:var(--black)!important;color:var(--ivory)}.tryCardFeatured p,.tryCardFeatured small{color:#bbb5aa}.tryCardFeatured>span{color:var(--gold)!important}.outlineButton{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;min-height:52px;padding:0 20px;border:1px solid currentColor;background:transparent;color:inherit;font:700 11px/1 Arial,sans-serif;letter-spacing:.02em;cursor:pointer;transition:background .2s,color .2s}.outlineButton:hover{background:var(--black);color:var(--ivory)}

.labHero{min-height:600px;padding:125px 7vw 100px;display:flex;align-items:center;background:linear-gradient(90deg,rgba(8,8,7,.98),rgba(8,8,7,.72)),url('guy-stage.jpg') center 35%/cover;color:#fff}.labHero>div{max-width:1000px}.labHero h1{margin:28px 0;font-size:clamp(62px,8vw,118px);line-height:.87;letter-spacing:-.07em}.labHero h1 em{color:#d5c17d}.labHero>div>p:not(.overline){max-width:740px;color:#d2cec5;font-size:18px;line-height:1.7}.labPrivacy{display:flex;gap:13px;align-items:center;margin-top:35px;padding-left:17px;border-left:2px solid var(--gold);font-size:11px}.labPrivacy strong{color:var(--gold);text-transform:uppercase;letter-spacing:.1em}.labPrivacy span{color:#c8c2b8}
.labWorkspace{padding:130px 7vw;background:var(--ivory);display:grid;grid-template-columns:.78fr 1.22fr;gap:9vw}.labGuide{align-self:start;position:sticky;top:40px}.labGuide .eyeline{color:var(--gold-deep)}.labGuide h2{margin:35px 0 25px;font-size:clamp(45px,5vw,70px);line-height:.96;letter-spacing:-.055em}.labGuide>p{max-width:520px;color:#625d55;line-height:1.7}.labGuide ol{list-style:none;margin:35px 0;padding:0;border-top:1px solid #aaa397}.labGuide li{padding:17px 0;border-bottom:1px solid #aaa397;font-size:13px}.labGuide li span{display:inline-block;width:38px;color:var(--gold-deep);font-size:9px}.sampleScenario{padding:0;border:0;border-bottom:1px solid currentColor;background:transparent;color:#4e493f;font:700 11px Arial,sans-serif;cursor:pointer}.scenarioForm{padding:42px;background:var(--paper);border:1px solid #b7ae9e;display:flex;flex-direction:column}.scenarioForm label{margin:24px 0 9px;font-size:11px;font-weight:700;letter-spacing:.04em}.scenarioForm label:first-child{margin-top:0}.scenarioForm select,.scenarioForm textarea{width:100%;padding:16px;border:1px solid #aaa397;border-radius:0;background:var(--ivory);color:#191815;font:14px/1.55 Arial,sans-serif}.scenarioForm textarea{resize:vertical}.scenarioForm select:focus,.scenarioForm textarea:focus{outline:2px solid var(--gold-deep);outline-offset:2px}.characterCount{text-align:right;margin-top:5px;color:#777066;font-size:9px}.scenarioForm .goldButton{margin-top:30px;border:0}.formNote{margin:15px 0 0;color:#746e64;font-size:10px;line-height:1.5}
.labResult{padding:130px 7vw;background:var(--black);color:var(--ivory)}.labResult[hidden]{display:none}.labResult .eyeline{color:var(--gold)}.labResult .resultHeading h2{margin:38px 0 60px;font-size:clamp(50px,6vw,88px);line-height:.95;letter-spacing:-.06em}.labResult .resultHeading h2 em{color:#d5c17d}.resultGrid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #3e3b34}.resultGrid article{min-height:275px;padding:33px 35px 38px 0;border-bottom:1px solid #3e3b34}.resultGrid article:nth-child(odd){border-right:1px solid #3e3b34}.resultGrid article:nth-child(even){padding-left:35px}.resultGrid article>span{color:var(--gold);font-size:9px}.resultGrid h3{margin:38px 0 16px;font-size:25px;letter-spacing:-.035em}.resultGrid p,.resultGrid li{color:#bbb5aa;font-size:14px;line-height:1.7}.resultGrid ul{margin:0;padding-left:19px}.resultQuestion blockquote{margin:34px 0 16px;color:#ede4cf;font:italic 25px/1.4 Georgia,serif}.resultActions{display:flex;gap:14px;flex-wrap:wrap;margin-top:42px}.resultActions .outlineButton{color:var(--ivory)}.resultActions .outlineButton:hover{background:var(--ivory);color:var(--black)}.labPrinciple{padding:130px 7vw;background:#d4c084}.labPrinciple h2{max-width:1050px;margin:38px 0 28px;font-size:clamp(49px,6vw,86px);line-height:.96;letter-spacing:-.055em}.labPrinciple>p:last-child{max-width:720px;color:#4e4634;font-size:17px;line-height:1.7}

html[data-theme="light"] .siteHeader{background:#faf7f2;color:#191715;border-bottom-color:#d9d1c4}html[data-theme="light"] .siteBrand span,html[data-theme="light"] .siteHeader nav a{color:#292620}html[data-theme="light"] .menuButton i{background:#292620}html[data-theme="light"] .resultsSection{background:#e7ded0;color:#191715}html[data-theme="light"] .resultList article{border-color:#b7ad9d}html[data-theme="light"] .experienceSection{background:#f3eee5;color:#191715}html[data-theme="light"] .experienceCopy>p{color:#625d55}html[data-theme="light"] .experienceCopy ul,html[data-theme="light"] .experienceCopy li{border-color:#b7ad9d}html[data-theme="light"] footer{background:#ded4c4;color:#322f29}html[data-theme="light"] .legalLinks{color:#655f55}html[data-theme="light"] .tryCardFeatured{background:#eee7dc!important;color:#191715}html[data-theme="light"] .tryCardFeatured p,html[data-theme="light"] .tryCardFeatured small{color:#625d55}html[data-theme="light"] .labResult{background:#e8dfd2;color:#191715}html[data-theme="light"] .labResult .resultHeading h2 em,html[data-theme="light"] .resultQuestion blockquote{color:#8c7639}html[data-theme="light"] .resultGrid,html[data-theme="light"] .resultGrid article{border-color:#b6ab99}html[data-theme="light"] .resultGrid p,html[data-theme="light"] .resultGrid li{color:#5f594f}html[data-theme="light"] .resultActions .outlineButton{color:#191715}html[data-theme="light"] .resultActions .outlineButton:hover{background:#191715;color:#f5f0e6}
html[data-theme="dark"] .plainPromise,html[data-theme="dark"] .agendaSection,html[data-theme="dark"] .fitSection,html[data-theme="dark"] .simpleQuestions,html[data-theme="dark"] .labWorkspace{background:#11110f;color:var(--ivory)}html[data-theme="dark"] .learningSection,html[data-theme="dark"] .programmeSection{background:#191814;color:var(--ivory)}html[data-theme="dark"] .plainPromise>p:last-child,html[data-theme="dark"] .agendaIntro>p:last-child,html[data-theme="dark"] .agendaList p,html[data-theme="dark"] .programmeLead>p:last-child,html[data-theme="dark"] .programmeDetails article p,html[data-theme="dark"] .labGuide>p{color:#bdb6aa}html[data-theme="dark"] .skillGrid,html[data-theme="dark"] .skillGrid article,html[data-theme="dark"] .agendaList,html[data-theme="dark"] .agendaList li,html[data-theme="dark"] .programmeDetails article,html[data-theme="dark"] .labGuide ol,html[data-theme="dark"] .labGuide li{border-color:#49463e}html[data-theme="dark"] .trySection{background:#24221d;color:var(--ivory)}html[data-theme="dark"] .tryIntro>p:last-child{color:#bdb6aa}html[data-theme="dark"] .tryCards article{background:#181713;border-color:#514d43;color:var(--ivory)}html[data-theme="dark"] .tryCards p{color:#bbb5aa}html[data-theme="dark"] .scenarioForm{background:#1c1b17;border-color:#4d493f}html[data-theme="dark"] .scenarioForm select,html[data-theme="dark"] .scenarioForm textarea{background:#11110f;border-color:#565146;color:var(--ivory)}html[data-theme="dark"] .formNote,html[data-theme="dark"] .characterCount{color:#aaa397}html[data-theme="dark"] .sampleScenario{color:#d1c9bb}

@media(max-width:1050px){.siteHeader nav{gap:18px}.siteHeader nav a{font-size:9px}.headerActions{gap:8px}.themeToggle{width:35px;height:35px}}
@media(max-width:900px){.headerActions{margin-left:auto}.headerActions .headerCta{display:none}.themeToggle{margin-right:58px}.tryCards,.labWorkspace{grid-template-columns:1fr}.labGuide{position:static}.resultGrid{grid-template-columns:1fr}.resultGrid article,.resultGrid article:nth-child(even),.resultGrid article:nth-child(odd){padding:30px 0;border-right:0}.labHero{padding-top:115px}.tryCards article{min-height:330px}}
@media(max-width:560px){.themeToggle{width:34px;height:34px;margin-right:50px}.trySection,.labWorkspace,.labResult,.labPrinciple{padding:90px 22px}.tryCards{margin-top:42px}.tryCards article{min-height:0;padding:30px 24px}.tryCards h3{margin-top:45px}.labHero{min-height:650px;padding:115px 22px 80px}.labHero h1{font-size:clamp(55px,16vw,76px)}.labPrivacy{align-items:flex-start;flex-direction:column}.scenarioForm{padding:27px 20px}.resultActions{align-items:stretch;flex-direction:column}.resultActions a,.resultActions button{width:100%}}

/* ============================================================
   02. GLOBAL RESET & TYPOGRAPHY
   ============================================================ */

* {
  box-sizing:border-box
}

html {
  scroll-behavior:smooth
}

body {
  margin:0;
  background:var(--ivory);
  color:#151412;
  font-family:Arial,Helvetica,sans-serif
}

body.menuOpen {
  overflow:hidden
}

.srOnly {
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0
}

.skipLink {
  position:fixed;
  z-index:100;
  top:12px;
  left:12px;
  padding:12px 16px;
  background:var(--gold);
  color:var(--black);
  font-weight:700;
  transform:translateY(-150%)
}

.skipLink:focus {
  transform:translateY(0)
}

:focus-visible {
  outline:2px solid var(--gold);
  outline-offset:4px
}

a {
  text-decoration:none;
  color:inherit
}

em {
  font-family:Georgia,serif;
  font-weight:400;
  color:var(--gold-deep)
}

.eyeline,.overline {
  font-size:10px;
  font-weight:700;
  letter-spacing:.22em;
  text-transform:uppercase
}

/* ============================================================
   03. HEADER & NAVIGATION
   ============================================================ */

.siteHeader {
  height:86px;
  padding:0 4.5vw;
  display:flex;
  align-items:center;
  justify-content:space-between;
  background:var(--black);
  color:var(--ivory);
  border-bottom:1px solid rgba(205,187,125,.25);
  position:relative;
  z-index:20
}

.siteBrand,.footerBrand {
  display:flex;
  align-items:center;
  gap:13px;
  font-size:11px;
  font-weight:700;
  letter-spacing:.22em
}

.siteBrand img {
  width:36px;
  height:36px;
  object-fit:contain
}

.siteHeader nav {
  display:flex;
  gap:36px;
  font-size:12px;
  color:#cbc6bc
}

.menuButton {
  display:none
}

.siteHeader nav a:hover {
  color:var(--gold)
}

.headerCta {
  color:#d4c184;
  font-size:11px;
  font-weight:700;
  letter-spacing:.09em;
  text-transform:uppercase;
  border-bottom:1px solid;
  padding:9px 0
}

/* ============================================================
   04. HERO SECTION
   Main background image: /guy-stage.jpg
   ============================================================ */

.cinemaHero {
  min-height:calc(100vh - 86px);
  position:relative;
  background:url('guy-stage.jpg') center 34%/cover no-repeat;
  color:white;
  display:flex;
  align-items:center;
  overflow:hidden
}

.heroShade {
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(4,4,4,.98) 0%,rgba(4,4,4,.82) 38%,rgba(4,4,4,.12) 69%,rgba(4,4,4,.38) 100%),linear-gradient(0deg,rgba(4,4,4,.65),transparent 45%)
}

.cinemaCopy {
  position:relative;
  z-index:2;
  width:min(810px,68vw);
  margin-left:7vw;
  padding:80px 0
}

.overline {
  color:var(--gold);
  margin:0 0 32px
}

.cinemaHero h1 {
  font-size:clamp(58px,6.7vw,106px);
  line-height:.91;
  letter-spacing:-.065em;
  margin:0 0 32px
}

.cinemaHero h1 em {
  color:#d7c78f
}

.cinemaCopy>p:not(.overline) {
  max-width:630px;
  color:#d2cec6;
  font-size:18px;
  line-height:1.65
}

.heroButtons {
  display:flex;
  align-items:center;
  gap:30px;
  margin-top:38px
}

.goldButton {
  display:inline-flex;
  gap:50px;
  justify-content:space-between;
  background:var(--gold);
  color:var(--black);
  padding:18px 22px;
  font-size:12px;
  font-weight:800;
  letter-spacing:.03em;
  transition:.25s
}

.goldButton:hover {
  background:#e0d19f;
  transform:translateY(-2px)
}

.quietLink {
  font-size:12px;
  border-bottom:1px solid rgba(255,255,255,.55);
  padding:9px 0
}

.cinemaHero aside {
  position:absolute;
  z-index:2;
  right:3vw;
  bottom:34px;
  display:grid;
  grid-template-columns:auto auto;
  gap:8px 12px;
  font-size:8px;
  letter-spacing:.15em;
  color:#ddd7ca
}

.cinemaHero aside b {
  color:var(--gold);
  font-weight:400
}

/* ============================================================
   05. INTRODUCTION / CORE BELIEF
   ============================================================ */

.belief {
  padding:150px max(6vw,25px) 130px;
  text-align:center
}

.belief .eyeline {
  color:var(--gold-deep)
}

.belief h2 {
  font-size:clamp(48px,6.3vw,88px);
  line-height:1.02;
  letter-spacing:-.055em;
  margin:45px auto;
  max-width:1100px
}

.belief h2 span {
  color:#8c877e
}

.beliefBody {
  max-width:700px;
  margin:auto;
  font:italic 22px/1.6 Georgia,serif;
  color:#5d5952
}

.beliefRule {
  max-width:980px;
  margin:85px auto 0;
  display:grid;
  grid-template-columns:auto 1fr auto;
  gap:25px;
  align-items:center;
  font-size:10px;
  letter-spacing:.14em;
  text-transform:uppercase
}

.beliefRule i {
  height:1px;
  background:#b8af9f
}

/* ============================================================
   06. EDITORIAL IMAGE FEATURE
   ============================================================ */

.editorialImage {
  margin:0 3vw;
  background:#e8e3dc;
  position:relative;
  height:min(71vw,760px);
  overflow:hidden
}

.editorialImage img {
  width:100%;
  height:100%;
  object-fit:cover
}

.imageCaption {
  position:absolute;
  left:30px;
  bottom:28px;
  background:rgba(9,9,8,.92);
  color:white;
  padding:20px 24px;
  display:flex;
  gap:30px;
  align-items:center;
  max-width:590px
}

.imageCaption b {
  font-size:12px;
  letter-spacing:.18em;
  color:var(--gold)
}

.imageCaption span {
  font:italic 15px Georgia,serif;
  color:#d2cec6
}

/* ============================================================
   07. TRANSFORMATION: BEFORE & AFTER
   ============================================================ */

.transformation {
  padding:150px 7vw;
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  gap:8vw
}

.sectionLead {
  position:sticky;
  top:40px;
  align-self:start
}

.sectionLead h2,.frameworkIntro h2,.forTeams h2,.questions h2 {
  font-size:clamp(49px,5.7vw,82px);
  line-height:.95;
  letter-spacing:-.055em;
  margin:42px 0
}

.transformationList article {
  display:grid;
  grid-template-columns:55px 1fr;
  border-top:1px solid var(--line);
  padding:34px 0
}

.transformationList article>span {
  font-size:9px;
  color:var(--gold-deep)
}

.transformationList small {
  font-size:8px;
  letter-spacing:.16em;
  color:#8b867d
}

.transformationList h3 {
  font:italic 29px Georgia,serif;
  margin:10px 0 26px
}

.transformationList small:nth-of-type(2) {
  color:var(--gold-deep)
}

.transformationList p {
  color:#67625a;
  line-height:1.6;
  font-size:14px
}

/* ============================================================
   08. BUSINESS OUTCOMES
   ============================================================ */

.darkPromise {
  background:var(--black);
  color:var(--ivory);
  padding:140px 7vw
}

.darkPromise>.eyeline {
  color:var(--gold)
}

.darkPromise>h2 {
  font-size:clamp(62px,8.8vw,130px);
  line-height:.82;
  letter-spacing:-.07em;
  margin:50px 0 90px
}

.darkPromise>h2 em {
  color:#d8c98f
}

.promiseGrid {
  display:grid;
  grid-template-columns:1fr 1fr;
  border-top:1px solid #3a3832
}

.promiseGrid article {
  padding:45px 5vw 45px 0;
  border-bottom:1px solid #3a3832
}

.promiseGrid article:nth-child(even) {
  padding-left:5vw;
  border-left:1px solid #3a3832
}

.promiseGrid b {
  font-size:9px;
  letter-spacing:.18em;
  color:var(--gold)
}

.promiseGrid h3 {
  font:italic 31px/1.2 Georgia,serif;
  margin:30px 0 18px
}

.promiseGrid p {
  max-width:500px;
  color:#aaa69e;
  font-size:14px;
  line-height:1.65
}

/* ============================================================
   09. IMPACT FRAMEWORK
   ============================================================ */

.framework {
  padding:150px 6vw;
  background:var(--paper)
}

.frameworkIntro {
  max-width:860px
}

.frameworkIntro>p:last-child {
  font-size:17px;
  line-height:1.65;
  color:#686158;
  max-width:620px
}

.frameworkLine {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  margin-top:90px;
  border-top:1px solid #a9a08f
}

.frameworkLine article {
  min-height:370px;
  padding:27px 27px 30px 0;
  border-right:1px solid #a9a08f
}

.frameworkLine article:not(:first-child) {
  padding-left:27px
}

.frameworkLine span {
  font-size:9px;
  color:#847a67
}

.frameworkLine b {
  display:grid;
  place-items:center;
  width:74px;
  height:74px;
  border-radius:50%;
  background:var(--black);
  color:var(--gold);
  font:italic 34px Georgia,serif;
  margin:55px 0 34px
}

.frameworkLine h3 {
  font-size:30px;
  letter-spacing:-.04em;
  margin:0 0 16px
}

.frameworkLine p {
  font-size:13px;
  line-height:1.6;
  color:#696257
}

.ethicsNote {
  margin:55px 0 0 auto;
  max-width:650px;
  font:italic 21px/1.5 Georgia,serif;
  border-left:2px solid var(--gold-deep);
  padding-left:24px
}

/* ============================================================
   10. LIVE TRAINING EXPERIENCE
   ============================================================ */

.liveExperience {
  display:grid;
  grid-template-columns:1fr 1fr;
  min-height:740px;
  background:#151512;
  color:var(--ivory)
}

.liveImage img {
  width:100%;
  height:100%;
  object-fit:cover;
  filter:saturate(.65) contrast(1.08)
}

.liveCopy {
  padding:9vw 7vw
}

.liveCopy>.eyeline {
  color:var(--gold)
}

.liveCopy h2 {
  font-size:clamp(45px,5vw,72px);
  line-height:.96;
  letter-spacing:-.05em;
  margin:42px 0 34px
}

.liveCopy>p:not(.eyeline) {
  color:#b8b3aa;
  line-height:1.7
}

.liveCopy ul {
  list-style:none;
  padding:0;
  margin:45px 0 0;
  border-top:1px solid #3b3934
}

.liveCopy li {
  border-bottom:1px solid #3b3934;
  padding:18px 0;
  font-size:13px
}

.liveCopy li span {
  color:var(--gold);
  font-size:8px;
  margin-right:18px
}

/* ============================================================
   11. CORPORATE AUDIENCES
   ============================================================ */

.forTeams {
  padding:150px 7vw;
  display:grid;
  grid-template-columns:1fr 3fr;
  gap:5vw
}

.forTeams>div>p {
  max-width:760px;
  font-size:17px;
  line-height:1.7;
  color:#625d55
}

.teamTags {
  display:flex;
  flex-wrap:wrap;
  gap:9px;
  margin-top:38px
}

.teamTags span {
  border:1px solid #aaa397;
  border-radius:30px;
  padding:11px 15px;
  font-size:9px;
  letter-spacing:.12em;
  text-transform:uppercase
}

/* ============================================================
   12. FACILITATOR / GUY PARDILLOS
   ============================================================ */

.facilitator {
  display:grid;
  grid-template-columns:1fr 1fr;
  background:#d4c084;
  min-height:670px
}

.facilitatorQuote {
  background:var(--black);
  color:white;
  padding:8vw 7vw;
  display:flex;
  flex-direction:column;
  justify-content:center
}

.facilitatorQuote>span {
  font:120px Georgia,serif;
  color:var(--gold);
  height:85px
}

.facilitatorQuote blockquote {
  font:italic clamp(36px,4vw,59px)/1.15 Georgia,serif;
  margin:0
}

.facilitatorBio {
  padding:8vw 7vw;
  display:flex;
  flex-direction:column;
  justify-content:center
}

.facilitatorBio h2 {
  font-size:clamp(55px,6vw,86px);
  letter-spacing:-.06em;
  margin:42px 0 12px
}

.facilitatorBio h3 {
  font:italic 21px/1.4 Georgia,serif
}

.facilitatorBio>p:not(.eyeline) {
  font-size:14px;
  line-height:1.7;
  color:#4e4634
}

/* ============================================================
   13. CLIENT TESTIMONIALS
   ============================================================ */

.testimonials {
  padding: 150px 7vw;
  background: var(--paper);
}

.testimonialsIntro {
  display: grid;
  grid-template-columns: 0.7fr 2fr 1fr;
  gap: 5vw;
  align-items: end;
  margin-bottom: 75px;
}

.testimonialsIntro h2 {
  margin: 0;
  font-size: clamp(49px, 5.7vw, 82px);
  line-height: 0.95;
  letter-spacing: -0.055em;
}

.testimonialsIntro > p:last-child {
  margin: 0;
  color: #686158;
  font-size: 14px;
  line-height: 1.7;
}

.testimonialGrid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1px;
  background: #b7ae9e;
  border: 1px solid #b7ae9e;
}

.testimonialCard {
  min-height: 330px;
  padding: 38px;
  display: flex;
  flex-direction: column;
  background: var(--ivory);
}

.testimonialFeatured {
  background: var(--black);
  color: var(--ivory);
}

.quoteMark {
  height: 62px;
  color: var(--gold);
  font: 82px/1 Georgia, serif;
}

.testimonialCard blockquote {
  margin: 25px 0 45px;
  font: italic 24px/1.45 Georgia, serif;
}

.testimonialFeatured blockquote {
  font-size: 27px;
}

.testimonialCard footer {
  min-height: 0;
  margin-top: auto;
  padding: 20px 0 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
  background: transparent;
  color: inherit;
  border-top: 1px solid rgba(120, 112, 98, 0.35);
}

.testimonialCard footer strong {
  font-size: 12px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.testimonialCard footer span {
  color: var(--muted);
  font-size: 10px;
  letter-spacing: 0.08em;
}

.testimonialFeatured footer span {
  color: #aaa69e;
}

/* ============================================================
   14. FREQUENTLY ASKED QUESTIONS
   ============================================================ */

.questions {
  padding:150px 7vw;
  display:grid;
  grid-template-columns:1fr 1.2fr;
  gap:8vw
}

.questions h2 {
  margin-top:42px
}

.questions details {
  border-top:1px solid var(--line);
  padding:25px 0
}

.questions summary {
  list-style:none;
  display:flex;
  justify-content:space-between;
  font-size:18px;
  font-weight:700;
  cursor:pointer
}

.questions details p {
  font-size:14px;
  line-height:1.7;
  color:#68635b;
  max-width:620px
}

/* ============================================================
   15. FINAL PROPOSAL CALL TO ACTION
   ============================================================ */

.proposalCta {
  min-height:690px;
  background:linear-gradient(90deg,rgba(6,6,5,.96),rgba(6,6,5,.55)),url('guy-stage.jpg') center/cover;
  color:white;
  display:flex;
  align-items:center;
  padding:100px 7vw
}

.proposalCta>div {
  max-width:900px
}

.proposalCta .eyeline {
  color:var(--gold)
}

.proposalCta h2 {
  font-size:clamp(64px,8.5vw,126px);
  line-height:.83;
  letter-spacing:-.07em;
  margin:45px 0 30px
}

.proposalCta p {
  max-width:650px;
  color:#ccc7bd;
  line-height:1.7
}

.proposalCta .goldButton {
  margin-top:25px
}

/* ============================================================
   16. FOOTER
   ============================================================ */

footer {
  min-height:190px;
  padding:40px 5vw;
  display:grid;
  grid-template-columns:1fr 1fr 1fr;
  align-items:center;
  background:var(--black);
  color:#c9c4bb
}

.footerBrand img {
  width:40px;
  height:40px;
  object-fit:contain
}

footer>p {
  font-size:10px;
  text-align:center;
  letter-spacing:.08em
}

footer>div {
  display:flex;
  flex-direction:column;
  gap:7px;
  text-align:right;
  font-size:12px
}

.legalLinks {
  display:flex;
  justify-content:flex-end;
  flex-wrap:wrap;
  gap:7px 14px;
  margin-top:12px;
  font-size:9px;
  color:#8f8a80
}

.legalLinks button {
  padding:0;
  border:0;
  border-bottom:1px solid currentColor;
  background:transparent;
  color:inherit;
  font:inherit;
  cursor:pointer
}

.cookiePanel {
  position:fixed;
  z-index:90;
  right:20px;
  bottom:20px;
  width:min(690px,calc(100vw - 40px));
  padding:28px;
  display:grid;
  grid-template-columns:1fr auto;
  gap:30px;
  align-items:end;
  background:#f5f0e6;
  color:#151412;
  border:1px solid rgba(205,187,125,.65);
  box-shadow:0 24px 80px rgba(0,0,0,.28);
  opacity:0;
  transform:translateY(18px);
  transition:opacity .22s,transform .22s
}

.cookiePanel[hidden] {
  display:none
}

.cookiePanel.isVisible {
  opacity:1;
  transform:translateY(0)
}

.cookieIntro .eyeline {
  margin:0 0 12px;
  color:var(--gold-deep)
}

.cookieIntro h2 {
  margin:0 0 12px;
  font:italic 27px/1.15 Georgia,serif
}

.cookieIntro p {
  max-width:460px;
  margin:0 0 13px;
  color:#5f5a52;
  font-size:12px;
  line-height:1.55
}

.cookieIntro>a {
  font-size:10px;
  font-weight:700;
  border-bottom:1px solid
}

.cookieActions {
  display:flex;
  flex-direction:column-reverse;
  gap:9px
}

.cookieButton {
  min-width:145px;
  padding:13px 16px;
  border:1px solid #201f1c;
  background:transparent;
  color:#201f1c;
  font-size:10px;
  font-weight:800;
  cursor:pointer
}

.legalPage {
  min-height:100vh;
  background:var(--ivory)
}

.legalHeader {
  background:var(--black);
  color:var(--ivory)
}

.legalHero {
  padding:105px 7vw 75px;
  background:var(--paper);
  border-bottom:1px solid var(--line)
}

.legalHero h1 {
  max-width:950px;
  margin:28px 0 24px;
  font-size:clamp(58px,8vw,108px);
  line-height:.88;
  letter-spacing:-.065em
}

.legalHero>p:last-child {
  max-width:670px;
  color:#625d55;
  line-height:1.65
}

.legalContent {
  max-width:920px;
  margin:auto;
  padding:85px 7vw 120px
}

.legalContent section {
  padding:34px 0;
  border-top:1px solid var(--line)
}

.legalContent h2 {
  margin:0 0 20px;
  font:italic 30px Georgia,serif
}

.legalContent h3 {
  margin:24px 0 10px;
  font-size:15px
}

.legalContent p,.legalContent li {
  color:#5f5a52;
  font-size:14px;
  line-height:1.75
}

.legalContent a {
  border-bottom:1px solid var(--gold-deep)
}

.legalContent table {
  width:100%;
  border-collapse:collapse;
  font-size:13px
}

.legalContent th,.legalContent td {
  padding:14px 12px;
  text-align:left;
  vertical-align:top;
  border-bottom:1px solid var(--line)
}

.legalAlert {
  padding:18px 20px;
  background:#eadfbf;
  color:#4f472e;
  font-size:13px;
  line-height:1.6
}

/* ============================================================
   17. PROPOSAL / ENQUIRY PAGE
   ============================================================ */

.enrollPage {
  min-height:100vh;
  background:var(--black);
  color:var(--ivory)
}

.enrollHeader {
  height:86px;
  padding:0 4.5vw;
  display:flex;
  align-items:center;
  justify-content:space-between;
  border-bottom:1px solid rgba(205,187,125,.25)
}

.enrollHero {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:7vw;
  padding:90px 7vw
}

.enrollPitch h1 {
  font-size:clamp(60px,7vw,102px);
  line-height:.86;
  letter-spacing:-.065em;
  margin:50px 0 32px
}

.enrollPitch h1 em {
  color:#d7c78f
}

.enrollPitch>p {
  color:#b8b3aa;
  line-height:1.7;
  max-width:520px
}

.contactStrip {
  display:flex;
  gap:40px;
  border-top:1px solid #37352f;
  padding-top:26px;
  margin-top:52px
}

.contactStrip div {
  display:flex;
  flex-direction:column;
  gap:8px
}

.contactStrip small {
  font-size:8px;
  text-transform:uppercase;
  letter-spacing:.15em;
  color:#88837a
}

.contactStrip a {
  font-size:13px
}

.enrollForm {
  background:var(--ivory);
  color:#181611;
  padding:40px
}

.formTop {
  display:flex;
  justify-content:space-between;
  border-bottom:1px solid var(--line);
  padding-bottom:20px;
  margin-bottom:28px;
  font-size:9px;
  letter-spacing:.15em
}

.enrollForm label {
  display:block;
  font-size:9px;
  font-weight:800;
  letter-spacing:.1em;
  text-transform:uppercase;
  margin:0 0 5px
}

.enrollForm input,.enrollForm select,.enrollForm textarea {
  display:block;
  width:100%;
  border:0;
  border-bottom:1px solid #aaa397;
  background:transparent;
  padding:12px 0;
  font:16px Arial;
  margin:0 0 21px;
  outline:0;
  border-radius:0
}

.enrollForm textarea {
  resize:vertical
}

.enrollForm input:focus,.enrollForm select:focus,.enrollForm textarea:focus {
  border-color:var(--gold-deep);
  outline:2px solid transparent
}

.split {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:20px
}

.enrollForm button {
  border:0;
  width:100%
}

.enrollForm button:disabled {
  cursor:wait;
  opacity:.72
}

.formTrap {
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important
}

.formNote {
  text-align:center;
  font-size:10px;
  color:#777168
}

.formNote.isSuccess {
  color:#536d3f;
  font-weight:700
}

.formNote.isError {
  color:#a54135;
  font-weight:700
}

.formPrivacy {
  margin:14px 0 0;
  color:#6d675e;
  font-size:10px;
  line-height:1.55;
  text-align:center
}

.formPrivacy a {
  font-weight:700;
  border-bottom:1px solid currentColor
}

.enrollProof {
  border-top:1px solid #37352f;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  padding:38px 7vw 60px
}

.enrollProof div {
  display:flex;
  flex-direction:column;
  gap:7px
}

.enrollProof strong {
  font:italic 28px Georgia,serif;
  color:var(--gold)
}

.enrollProof span {
  font-size:9px;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:#8f8a80
}

/* ============================================================
   18. TABLET LAYOUT — 900px and below
   ============================================================ */

@media (max-width: 900px) {
  .testimonialsIntro {
    grid-template-columns: 1fr;
  }

  .siteHeader nav {
    position:fixed;
    inset:72px 0 auto;
    display:flex;
    flex-direction:column;
    gap:0;
    padding:22px;
    background:rgba(9,9,8,.98);
    border-bottom:1px solid rgba(205,187,125,.25);
    opacity:0;
    visibility:hidden;
    transform:translateY(-12px);
    transition:opacity .2s,transform .2s,visibility .2s
  }

  .siteHeader nav a {
    padding:18px 0;
    border-bottom:1px solid rgba(255,255,255,.12);
    font-size:15px
  }

  .menuOpen .siteHeader nav {
    opacity:1;
    visibility:visible;
    transform:translateY(0)
  }

  .menuButton {
    order:2;
    width:42px;
    height:42px;
    display:grid;
    place-content:center;
    gap:7px;
    border:0;
    background:transparent;
    color:inherit;
    cursor:pointer
  }

  .menuButton i {
    display:block;
    width:22px;
    height:1px;
    background:currentColor;
    transition:transform .2s
  }

  .menuOpen .menuButton i:first-of-type {
    transform:translateY(4px) rotate(45deg)
  }

  .menuOpen .menuButton i:last-of-type {
    transform:translateY(-4px) rotate(-45deg)
  }

  .siteHeader .headerCta {
    margin-left:auto;
    margin-right:8px
  }

  .cinemaHero {
    background-position:60% center;
    align-items:flex-end
  }

  .heroShade {
    background:linear-gradient(0deg,rgba(4,4,4,.98) 0%,rgba(4,4,4,.74) 65%,rgba(4,4,4,.22) 100%)
  }

  .cinemaCopy {
    width:auto;
    margin:0;
    padding:70px 22px 120px
  }

  .cinemaHero h1 {
    font-size:clamp(49px,13vw,72px)
  }

  .cinemaCopy>p:not(.overline) {
    font-size:16px
  }

  .cinemaHero aside {
    left:22px;
    right:auto
  }

  .transformation,.liveExperience,.forTeams,.facilitator,.questions,.enrollHero {
    grid-template-columns:1fr
  }

  .sectionLead {
    position:static
  }

  .promiseGrid {
    grid-template-columns:1fr
  }

  .promiseGrid article:nth-child(even) {
    padding-left:0;
    border-left:0
  }

  .frameworkLine {
    grid-template-columns:1fr 1fr
  }

  .liveImage {
    height:570px
  }

  .forTeams {
    gap:30px
  }

  .facilitatorQuote,.facilitatorBio {
    padding:90px 7vw
  }

  .questions {
    gap:50px
  }

  footer {
    grid-template-columns:1fr;
    gap:22px;
    padding:50px 5vw
  }

  footer>p,footer>div {
    text-align:left
  }

}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior:auto
  }

  *,*::before,*::after {
    animation-duration:.01ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.01ms !important
  }
}

/* ============================================================
   19. MOBILE LAYOUT — 560px and below
   ============================================================ */

@media (max-width: 560px) {
  .testimonials {
    padding: 100px 22px;
  }

  .testimonialGrid {
    grid-template-columns: 1fr;
  }

  .testimonialCard {
    min-height: 0;
    padding: 28px;
  }

  .testimonialCard blockquote,
  .testimonialFeatured blockquote {
    font-size: 22px;
  }

  .siteHeader {
    height:72px;
    padding:0 18px
  }

  .siteBrand span {
    display:none
  }

  .siteBrand img {
    width:34px;
    height:34px
  }

  .headerCta {
    font-size:9px
  }

  .cinemaHero {
    min-height:calc(100vh - 72px)
  }

  .cinemaCopy {
    padding-bottom:130px
  }

  .heroButtons {
    align-items:stretch;
    flex-direction:column
  }

  .goldButton {
    width:100%
  }

  .belief {
    padding:100px 22px
  }

  .beliefRule {
    grid-template-columns:1fr
  }

  .beliefRule i {
    display:none
  }

  .editorialImage {
    margin:0;
    height:440px
  }

  .editorialImage img {
    object-position:50% center
  }

  .imageCaption {
    left:12px;
    right:12px;
    bottom:12px;
    display:block
  }

  .imageCaption span {
    display:block;
    margin-top:8px
  }

  .transformation,.darkPromise,.framework,.forTeams,.questions {
    padding:100px 22px
  }

  .transformationList {
    margin-top:40px
  }

  .darkPromise>h2 {
    margin-bottom:60px
  }

  .frameworkLine {
    grid-template-columns:1fr
  }

  .frameworkLine article {
    border-right:0;
    border-bottom:1px solid #a9a08f;
    min-height:auto;
    padding:25px 0
  }

  .frameworkLine article:not(:first-child) {
    padding-left:0
  }

  .frameworkLine b {
    margin:35px 0 25px
  }

  .liveImage {
    height:430px
  }

  .liveCopy {
    padding:90px 22px
  }

  .facilitatorQuote,.facilitatorBio {
    padding:80px 22px
  }

  .proposalCta {
    padding:90px 22px
  }

  .enrollHeader {
    height:72px;
    padding:0 18px
  }

  .enrollHero {
    padding:60px 18px
  }

  .contactStrip {
    flex-direction:column;
    gap:20px
  }

  .enrollForm {
    padding:26px 20px
  }

  .split,.enrollProof {
    grid-template-columns:1fr
  }

  .enrollProof {
    gap:25px;
    padding-left:18px
  }

  .footerBrand span {
    display:none
  }

  .cookiePanel {
    right:10px;
    bottom:10px;
    width:calc(100vw - 20px);
    grid-template-columns:1fr;
    gap:20px;
    padding:22px
  }

  .cookieActions {
    flex-direction:column-reverse
  }

  .cookieButton {
    width:100%
  }

  .legalLinks {
    justify-content:flex-start
  }

  .legalHero {
    padding:80px 22px 60px
  }

  .legalContent {
    padding:60px 22px 90px
  }

  .legalContent table,.legalContent tbody,.legalContent tr,.legalContent th,.legalContent td {
    display:block
  }

  .legalContent th {
    border-bottom:0;
    padding-bottom:3px
  }

  .legalContent td {
    padding-top:3px
  }

}

html[data-theme="light"] .enrollPage{background:#faf7f2;color:#191715}
html[data-theme="light"] .enrollPitch>p{color:#625d55}
html[data-theme="light"] .contactStrip,html[data-theme="light"] .enrollProof{border-color:#c6bcac}
html[data-theme="light"] .contactStrip small,html[data-theme="light"] .enrollProof span{color:#6b655b}
html[data-theme="light"] .enrollForm{background:#e9e0d3;color:#181611}

.backToTop{position:fixed;z-index:60;right:24px;bottom:24px;width:48px;height:48px;display:grid;place-items:center;border:1px solid rgba(205,187,125,.7);border-radius:50%;background:rgba(9,9,8,.92);color:var(--gold);font:20px/1 Arial,sans-serif;box-shadow:0 12px 35px rgba(0,0,0,.22);cursor:pointer;opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .2s,visibility .2s,transform .2s,background .2s,color .2s}
.backToTop.isVisible{opacity:1;visibility:visible;transform:translateY(0)}
.backToTop:hover,.backToTop:focus-visible{background:var(--gold);color:var(--black);outline:0}
html[data-theme="light"] .backToTop{background:rgba(250,247,242,.94);color:#75632f;border-color:#9c8950}
html[data-theme="light"] .backToTop:hover,html[data-theme="light"] .backToTop:focus-visible{background:#191715;color:var(--gold)}
@media(max-width:560px){.backToTop{right:16px;bottom:16px;width:44px;height:44px}}

/* ============================================================
   22. COPPER BRAND PALETTE
   Warm, human and contemporary. These rules replace the former
   yellow-gold accents while preserving accessible contrast.
   ============================================================ */

.siteHeader,.enrollHeader{border-bottom-color:rgba(196,116,82,.34)}
.headerCta{color:#d99778}
.heroFacts{border-top-color:rgba(196,116,82,.45)}
.heroFacts li{border-right-color:rgba(196,116,82,.32)}
.resultsHeading h2 em,.directCta h2 em,.labHero h1 em,.labResult .resultHeading h2 em,.enrollPitch h1 em{color:#d99778}
.aboutSection,.labPrinciple{background:#e4c2af}
.trySection{background:#d8cfc2}
.tryIntro .eyeline,.tryCards article>span{color:var(--gold-deep)}
.responsePromise{border-left-color:rgba(196,116,82,.64)!important}
.themeToggle{border-color:rgba(196,116,82,.58)}
.cookiePanel{border-color:rgba(196,116,82,.62)}
.backToTop{border-color:rgba(196,116,82,.72)}
html[data-theme="light"] .labResult .resultHeading h2 em,html[data-theme="light"] .resultQuestion blockquote{color:var(--gold-deep)}
html[data-theme="light"] .backToTop{color:var(--gold-deep);border-color:var(--gold-deep)}

.credibilitySection{display:grid;grid-template-columns:.9fr 1.1fr;gap:9vw;padding:110px 7vw;background:#f3eee5;color:#191715;border-top:1px solid #c9bfb0}.credibilitySection h2{margin:28px 0 0;font-size:clamp(46px,5.8vw,82px);line-height:.94;letter-spacing:-.055em}.credibilitySection>div:last-child{max-width:680px;align-self:center}.credibilitySection>div:last-child p{margin:0 0 22px;color:#5f594f;font-size:16px;line-height:1.75}.credibilitySection strong{color:#2e2923}.brandConnection{margin-top:30px!important;padding-top:24px;border-top:1px solid rgba(30,25,12,.25);font-weight:700}.formPrivacy{color:#6d675e}.cookiePanel{width:min(590px,calc(100vw - 40px));padding:22px;gap:22px}.cookieIntro h2{font-size:23px}.cookieIntro p{font-size:11px}
html[data-theme="dark"] .credibilitySection{background:#151411;color:var(--ivory);border-color:#49463e}html[data-theme="dark"] .credibilitySection>div:last-child p{color:#bdb6aa}html[data-theme="dark"] .credibilitySection strong{color:var(--ivory)}html[data-theme="dark"] .brandConnection{border-color:#49463e}html[data-theme="dark"] .formPrivacy{color:#aaa397}
@media(max-width:900px){.credibilitySection{grid-template-columns:1fr;gap:45px}}
@media(max-width:560px){.credibilitySection{padding:90px 22px}.credibilitySection>div:last-child p{font-size:15px}.cookiePanel{right:12px;bottom:12px;width:calc(100vw - 24px);padding:18px}.cookieIntro h2{font-size:20px}.cookieIntro p{display:none}}