/* The Careful Optimist — outer ecosystem finesse pass — 19 Aug 2026
   Governing visual rule: same disciplined family, stronger breathing room,
   photographic heroes fade into the copy field instead of sitting in hard blocks. */

/* ---------- START HERE: reduce visual congestion in the middle chapters ---------- */
.oe-home-prototype .hp-journey{
  background:#081a30!important;
  padding:118px 0 124px!important;
  color:#f7f3e9!important;
}
.oe-home-prototype .hp-journey-head{max-width:850px;margin-bottom:52px!important}
.oe-home-prototype .hp-journey .hp-kicker{color:#e1c27c!important}
.oe-home-prototype .hp-journey h2{color:#fff8eb!important}
.oe-home-prototype .hp-journey .hp-lead{color:#dbe5ec!important}
.oe-home-prototype .hp-story-visual--journey{
  margin-top:0!important;
  padding:16px;
  background:#f7f2e8;
  border-radius:24px;
  box-shadow:0 28px 76px rgba(0,0,0,.24);
}
.oe-home-prototype .hp-story-visual--journey img{
  border:0!important;
  box-shadow:none!important;
  border-radius:12px!important;
}
.oe-home-prototype .hp-story-visual--journey figcaption{margin:16px 4px 2px!important;color:#c9d5de!important}
.oe-home-prototype .hp-journey-details--script{
  margin-top:44px!important;
  gap:26px!important;
}
.oe-home-prototype .hp-journey-details--script article{
  padding:26px 10px 20px 0!important;
  background:transparent!important;
  border-top:2px solid #caa85e!important;
  box-shadow:none!important;
}
.oe-home-prototype .hp-journey-details--script h3{color:#fff8eb!important}
.oe-home-prototype .hp-journey-details--script p{color:#dbe5ec!important}
.oe-home-prototype .hp-center-note{margin-top:48px!important;padding-top:28px;border-top:1px solid rgba(225,194,124,.34);font-size:16px!important;line-height:1.65!important;color:#e9eef2!important}

.oe-home-prototype .hp-demo--whole-picture{
  background:#fffdf9!important;
  padding:112px 0 116px!important;
}
.oe-home-prototype .hp-demo-heading{max-width:880px;margin-bottom:38px!important}
.oe-home-prototype .hp-story-visual--whole-picture{
  margin-top:0!important;
  padding:16px;
  background:#e8eef2;
  border-radius:22px;
  box-shadow:0 24px 64px rgba(11,29,52,.09);
}
.oe-home-prototype .hp-story-visual--whole-picture img{
  border:0!important;
  box-shadow:none!important;
  border-radius:12px!important;
}
.oe-home-prototype .hp-story-visual--whole-picture figcaption{margin:14px 4px 2px!important}
.oe-home-prototype .hp-better-question{margin-top:54px!important;padding:30px 34px!important}
.oe-home-prototype .hp-decision-sheet--whole-picture{margin-top:42px!important}
.oe-home-prototype .hp-decision-sheet .label,.oe-home-prototype .hp-decision-sheet .value{padding:22px 24px!important}
.oe-home-prototype .hp-demo-note{margin-top:22px!important}

.oe-home-prototype .hp-output{
  background:#f3eadb!important;
  padding:108px 0 112px!important;
}
.oe-home-prototype .hp-output-intro{gap:82px!important;margin-bottom:48px!important}
.oe-home-prototype .hp-output-manifest{border-top:0!important;gap:0 34px!important}
.oe-home-prototype .hp-output-item{padding:27px 8px 27px 0!important;border-top:1px solid rgba(11,29,52,.14);border-bottom:0!important}
.oe-home-prototype .hp-output-item:nth-child(even){padding-left:0!important;border-left:0!important}
.oe-home-prototype .hp-output-callout{margin-top:48px!important;padding:30px 34px!important;background:#fffdf9!important}

.oe-home-prototype .hp-proof{
  background:#fff!important;
  padding:110px 0 114px!important;
}
.oe-home-prototype .hp-proof-grid{gap:86px!important;align-items:start!important}
.oe-home-prototype .hp-proof-grid>div:first-child{max-width:680px}
.oe-home-prototype .hp-proof-list{margin:34px 0 32px!important}
.oe-home-prototype .hp-evidence-rail{padding:38px 34px!important;margin-top:8px}
.oe-home-prototype .hp-evidence-step{padding:20px 0!important}

/* ---------- SHARED PHOTOGRAPHIC HERO LANGUAGE ---------- */
.oe-method-prototype .mp-hero,
.oe-proof-prototype .pp-hero{
  position:relative!important;
  min-height:650px!important;
  display:flex!important;
  align-items:stretch!important;
  overflow:hidden!important;
  isolation:isolate!important;
  background:#081a30!important;
  padding:0!important;
}
.oe-method-prototype .mp-hero-grid,
.oe-proof-prototype .pp-hero-grid{
  position:relative!important;
  width:min(calc(100% - 56px),1160px)!important;
  max-width:1160px!important;
  margin:auto!important;
  display:block!important;
  min-height:650px!important;
}
.oe-method-prototype .mp-hero-copy,
.oe-proof-prototype .pp-hero-copy{
  position:relative!important;
  z-index:3!important;
  width:min(58%,680px)!important;
  padding:86px 0 82px!important;
  background:transparent!important;
}
.oe-method-prototype .mp-hero-photo,
.oe-proof-prototype .pp-hero-photo{
  position:absolute!important;
  z-index:0!important;
  top:0!important;
  right:-3vw!important;
  bottom:0!important;
  width:68%!important;
  min-height:0!important;
  overflow:visible!important;
  background:transparent!important;
}
.oe-method-prototype .mp-hero-photo:after,
.oe-proof-prototype .pp-hero-photo:after{display:none!important}
.oe-method-prototype .mp-hero-photo img,
.oe-proof-prototype .pp-hero-photo img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center 42%!important;
  display:block!important;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.2) 10%,#000 31%,#000 100%);
  mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.2) 10%,#000 31%,#000 100%);
}
.oe-method-prototype .mp-hero:before,
.oe-proof-prototype .pp-hero:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  background:linear-gradient(90deg,rgba(6,20,38,.98) 0%,rgba(6,20,38,.94) 38%,rgba(6,20,38,.66) 57%,rgba(6,20,38,.14) 79%,rgba(6,20,38,.02) 100%);
  pointer-events:none;
}
.oe-method-prototype .mp-hero h1,
.oe-proof-prototype .pp-hero h1{max-width:670px!important}
.oe-method-prototype .mp-hero-copy>p,
.oe-proof-prototype .pp-hero-copy>p{max-width:620px!important}

/* Method: more air around the intellectual objects. */
.oe-method-prototype .mp-roadmap{padding-top:108px!important;padding-bottom:112px!important}
.oe-method-prototype .mp-roadmap-intro{margin-bottom:56px!important}
.oe-method-prototype .mp-step{padding-bottom:52px!important;gap:34px!important}
.oe-method-prototype .mp-step-body{padding-bottom:44px!important}
.oe-method-prototype .mp-classify{padding-top:106px!important;padding-bottom:108px!important}
.oe-method-prototype .mp-class-grid{margin-top:52px!important}
.oe-method-prototype .mp-cash{padding-top:108px!important;padding-bottom:112px!important}
.oe-method-prototype .mp-cash-grid{gap:86px!important}
.oe-method-prototype .mp-success{padding-top:100px!important;padding-bottom:104px!important}
.oe-method-prototype .mp-success-grid{gap:20px!important;margin-top:42px!important}
.oe-method-prototype .mp-categories{padding-top:104px!important;padding-bottom:108px!important}
.oe-method-prototype .mp-category-list{margin-top:42px!important}
.oe-method-prototype .mp-category-row{padding:23px 4px!important}
.oe-method-prototype .mp-decisions{padding-top:108px!important;padding-bottom:112px!important}
.oe-method-prototype .mp-decision-grid{gap:24px!important;margin-top:46px!important}
.oe-method-prototype .mp-boundary{padding-top:96px!important;padding-bottom:100px!important}

/* Proof: preserve evidence discipline, reduce the feeling of stacked report blocks. */
.oe-proof-prototype .oe-section{padding-top:94px!important;padding-bottom:98px!important}
.oe-proof-prototype .pp-proof-classes{padding-top:104px!important;padding-bottom:108px!important}
.oe-proof-prototype .oe-four-class{margin-top:44px!important}
.oe-proof-prototype .oe-four-class article{padding:34px 28px!important}
.oe-proof-prototype .pp-genius-record{padding-top:108px!important;padding-bottom:112px!important}
.oe-proof-prototype .pp-genius-record .oe-narrow{max-width:880px!important}
.oe-proof-prototype .pp-genius-method{padding-top:94px!important;padding-bottom:100px!important}
.oe-proof-prototype .oe-four-step{margin-top:42px!important}
.oe-proof-prototype .oe-four-step article{padding:34px 30px!important}
.oe-proof-prototype .pp-public-record{padding-top:98px!important;padding-bottom:102px!important}
.oe-proof-prototype .oe-public-record{margin-top:40px!important}
.oe-proof-prototype .pp-fed-alignment{padding-top:108px!important;padding-bottom:112px!important}
.oe-proof-prototype .pp-evidence-boundary{padding-top:100px!important;padding-bottom:104px!important}
.oe-proof-prototype .pp-synthesis{padding-top:100px!important;padding-bottom:104px!important}

/* ---------- BIGGER PICTURE: four doors become the hero object ---------- */
.oe-bigger .oe-page-hero{
  position:relative!important;
  min-height:650px!important;
  padding:0!important;
  display:flex!important;
  align-items:stretch!important;
  overflow:hidden!important;
  isolation:isolate!important;
  background:#071a30!important;
}
.oe-bigger .oe-page-hero>.oe-page-hero-image{
  position:absolute;
  inset:0;
  z-index:-3;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:60% 50%;
}
.oe-bigger .oe-page-hero:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  background:linear-gradient(90deg,rgba(6,20,38,1) 0%,rgba(6,20,38,1) 50%,rgba(6,20,38,.98) 55%,rgba(6,20,38,.58) 68%,rgba(6,20,38,.16) 82%,rgba(6,20,38,.05) 100%);
}
.oe-bigger .oe-page-hero .oe-wrap{
  width:min(calc(100% - 56px),1160px)!important;
  max-width:1160px!important;
  margin:auto!important;
  padding:84px 0 88px!important;
}
.oe-bigger .oe-page-hero .oe-narrow{margin-left:0!important;max-width:650px!important}
.oe-bigger .oe-page-hero h1,
.oe-bigger .oe-page-hero h2,
.oe-bigger .oe-page-hero p{color:#fff!important}
.oe-bigger .oe-page-hero .oe-lead{color:#eef3f6!important}
.oe-bigger .oe-page-hero .oe-kicker,
.oe-bigger .oe-page-hero .oe-signature{color:#e1c27c!important}
.oe-bigger .oe-door-grid{align-items:stretch!important}
.oe-bigger .oe-door-card{display:flex!important;flex-direction:column!important;height:100%!important}
.oe-bigger .oe-door-card .oe-door-select{margin-top:auto!important;align-self:flex-start!important}
.oe-bigger .oe-door-card>p:last-of-type{margin-bottom:22px!important}
.oe-bigger .oe-door-card ul{margin-bottom:24px!important}
.oe-bigger .oe-door-card h3{margin-top:26px!important}
.oe-bigger .oe-door-section{padding-top:104px!important;padding-bottom:110px!important}
.oe-bigger .oe-four-doors-video-section{padding-top:106px!important;padding-bottom:110px!important}
.oe-bigger .oe-four-door-visual{margin-top:42px!important;margin-bottom:34px!important}
.oe-bigger .oe-four-doors-video-section .oe-wrap{max-width:1180px!important}
.oe-bigger .oe-four-doors-art{margin:46px auto 32px!important;max-width:1160px}
.oe-bigger .oe-four-doors-art img{display:block;width:100%;height:auto;border-radius:22px;box-shadow:0 28px 70px rgba(11,29,52,.16)}
.oe-bigger .oe-four-doors-caption{max-width:760px;margin:0 auto!important;text-align:center;font-size:17px;line-height:1.6}

/* ---------- ABOUT US: no invented hero person; use a confident navy opening ---------- */
.oe-about .oe-page-hero{
  background:radial-gradient(circle at 82% 18%,rgba(225,194,124,.12),transparent 28%),linear-gradient(145deg,#081a30,#102b48)!important;
  color:#fff!important;
  padding:96px 0 102px!important;
}
.oe-about .oe-page-hero .oe-narrow{max-width:980px!important}
.oe-about .oe-page-hero h1{color:#fff8eb!important;max-width:940px!important}
.oe-about .oe-page-hero .oe-lead,
.oe-about .oe-page-hero p{color:#dde6ee!important;max-width:880px!important}
.oe-about .oe-page-hero strong{color:#fff!important}
.oe-about .oe-page-hero .oe-kicker,
.oe-about .oe-page-hero .oe-signature{color:#e1c27c!important}

/* ---------- FAQ: a real hero moment + editorial question groups ---------- */
.oe-faq-page .oe-page-hero{
  position:relative!important;
  min-height:610px!important;
  padding:0!important;
  display:flex!important;
  align-items:stretch!important;
  overflow:hidden!important;
  isolation:isolate!important;
  background:#071a30!important;
}
.oe-faq-page .oe-page-hero>.oe-page-hero-image{
  position:absolute;
  inset:0;
  z-index:-3;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 48%;
}
.oe-faq-page .oe-page-hero:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  background:linear-gradient(90deg,rgba(6,20,38,.98) 0%,rgba(6,20,38,.94) 36%,rgba(6,20,38,.60) 58%,rgba(6,20,38,.12) 79%,rgba(6,20,38,.02) 100%);
}
.oe-faq-page .oe-page-hero .oe-wrap{
  width:min(calc(100% - 56px),1160px)!important;
  max-width:1160px!important;
  margin:auto!important;
  padding:88px 0 92px!important;
}
.oe-faq-page .oe-page-hero .oe-narrow{margin-left:0!important;max-width:640px!important}
.oe-faq-page .oe-page-hero h1{color:#fff8eb!important}
.oe-faq-page .oe-page-hero p{color:#e2eaf0!important}
.oe-faq-page .oe-page-hero .oe-kicker,
.oe-faq-page .oe-page-hero .oe-signature{color:#e1c27c!important}
.oe-faq-page .oe-faq-section{padding-top:104px!important;padding-bottom:108px!important;background:#fff!important}
.oe-faq-page .oe-faq-section .oe-wrap{max-width:1060px!important}
.oe-faq-page .oe-faq-group{
  display:grid!important;
  grid-template-columns:230px minmax(0,1fr)!important;
  column-gap:58px!important;
  align-items:start!important;
  margin:0!important;
  padding:48px 0!important;
  border-top:1px solid rgba(11,29,52,.14);
}
.oe-faq-page .oe-faq-group:first-child{border-top:0!important;padding-top:0!important}
.oe-faq-page .oe-faq-group>h2{
  grid-column:1!important;
  margin:0!important;
  padding:8px 0 0!important;
  border:0!important;
  color:#0b1d34!important;
  font-size:28px!important;
  line-height:1.12!important;
}
.oe-faq-page .oe-faq-group>h2:before{
  content:"";
  display:block;
  width:44px;
  height:3px;
  margin-bottom:16px;
  background:#b8892d;
}
.oe-faq-page .oe-faq-group>.oe-faq{grid-column:2!important}
.oe-faq-page .oe-faq summary{padding:21px 48px 21px 0!important;font-size:21px!important}
.oe-faq-page .oe-faq>div{padding-bottom:24px!important}
.oe-faq-page .oe-section--cta{padding-top:82px!important;padding-bottom:86px!important}

@media(max-width:980px){
  .oe-method-prototype .mp-hero-grid,
  .oe-proof-prototype .pp-hero-grid{width:min(calc(100% - 42px),1160px)!important}
  .oe-method-prototype .mp-hero-copy,
  .oe-proof-prototype .pp-hero-copy{width:64%!important;padding:72px 0!important}
  .oe-method-prototype .mp-hero-photo,
  .oe-proof-prototype .pp-hero-photo{width:72%!important;right:-13%!important}
  .oe-bigger .oe-page-hero .oe-wrap,
  .oe-faq-page .oe-page-hero .oe-wrap{width:min(calc(100% - 42px),1160px)!important}
  .oe-faq-page .oe-faq-group{grid-template-columns:190px minmax(0,1fr)!important;column-gap:38px!important}
}

@media(max-width:760px){
  .oe-home-prototype .hp-journey,
  .oe-home-prototype .hp-demo--whole-picture,
  .oe-home-prototype .hp-output,
  .oe-home-prototype .hp-proof{padding:74px 0 78px!important}
  .oe-home-prototype .hp-journey-details--script{margin-top:30px!important}
  .oe-home-prototype .hp-better-question{margin-top:36px!important;padding:24px!important}
  .oe-home-prototype .hp-decision-sheet--whole-picture{margin-top:30px!important}
  .oe-home-prototype .hp-output-intro{gap:30px!important;margin-bottom:32px!important}
  .oe-home-prototype .hp-proof-grid{gap:44px!important}

  .oe-method-prototype .mp-hero,
  .oe-proof-prototype .pp-hero{min-height:690px!important;align-items:flex-end!important}
  .oe-method-prototype .mp-hero-grid,
  .oe-proof-prototype .pp-hero-grid{width:min(calc(100% - 30px),1160px)!important;min-height:690px!important}
  .oe-method-prototype .mp-hero-copy,
  .oe-proof-prototype .pp-hero-copy{width:100%!important;padding:300px 0 54px!important}
  .oe-method-prototype .mp-hero-photo,
  .oe-proof-prototype .pp-hero-photo{top:0!important;left:0!important;right:0!important;width:100%!important;height:58%!important}
  .oe-method-prototype .mp-hero-photo img,
  .oe-proof-prototype .pp-hero-photo img{
    object-position:center 34%!important;
    -webkit-mask-image:linear-gradient(180deg,#000 0%,#000 62%,transparent 100%);
    mask-image:linear-gradient(180deg,#000 0%,#000 62%,transparent 100%);
  }
  .oe-method-prototype .mp-hero:before,
  .oe-proof-prototype .pp-hero:before{background:linear-gradient(180deg,rgba(6,20,38,.10) 0%,rgba(6,20,38,.32) 34%,rgba(6,20,38,.92) 63%,rgba(6,20,38,.99) 100%)}

  .oe-bigger .oe-page-hero,
  .oe-faq-page .oe-page-hero{min-height:700px!important;align-items:flex-end!important}
  .oe-bigger .oe-page-hero:before,
  .oe-faq-page .oe-page-hero:before{background:linear-gradient(180deg,rgba(6,20,38,.12) 0%,rgba(6,20,38,.34) 36%,rgba(6,20,38,.92) 65%,rgba(6,20,38,.99) 100%)}
  .oe-bigger .oe-page-hero>.oe-page-hero-image{object-position:70% center}
  .oe-faq-page .oe-page-hero>.oe-page-hero-image{object-position:64% center}
  .oe-bigger .oe-page-hero .oe-wrap,
  .oe-faq-page .oe-page-hero .oe-wrap{width:min(calc(100% - 30px),1160px)!important;padding:300px 0 54px!important}
  .oe-bigger .oe-page-hero .oe-narrow,
  .oe-faq-page .oe-page-hero .oe-narrow{max-width:none!important}

  .oe-about .oe-page-hero{padding:70px 0 74px!important}
  .oe-faq-page .oe-faq-group{display:block!important;padding:38px 0!important}
  .oe-faq-page .oe-faq-group>h2{margin-bottom:18px!important;padding-top:0!important}
}


/* ---------- 19 AUG FINAL-FINESSE CORRECTIONS (v2) ---------- */
/* Method hero: explicit contrast lock so generic dark heading rules cannot leak into the photographic hero. */
.oe-method-prototype .mp-hero .mp-kicker{color:#e1c27c!important}
.oe-method-prototype .mp-hero .mp-hero-copy h1{color:#fff8eb!important}
.oe-method-prototype .mp-hero .mp-hero-copy h1 em{color:#e1c27c!important}
.oe-method-prototype .mp-hero .mp-hero-copy>p{color:#e7edf2!important}
.oe-method-prototype .mp-hero .mp-hero-lead{color:#fff0cf!important}
.oe-method-prototype .mp-hero .mp-hero-question{color:#fff5df!important;border-left-color:#e1c27c!important}
.oe-method-prototype .mp-hero .mp-hero-signature{color:#e1c27c!important}

/* Bigger Picture and FAQ: centred site wrapper + bounded copy column. Never use one element for both jobs. */
.oe-bigger .oe-page-hero .oe-wrap,
.oe-faq-page .oe-page-hero .oe-wrap{
  width:min(calc(100% - 56px),1160px)!important;
  max-width:1160px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.oe-bigger .oe-page-hero .oe-hero-copy,
.oe-faq-page .oe-page-hero .oe-hero-copy{
  max-width:650px!important;
  margin:0!important;
}
.oe-faq-page .oe-page-hero .oe-hero-copy{max-width:640px!important}

/* About Us governance section: transparent editorial principles must stay readable on navy. */
.oe-about .oe-governance-section .oe-principle-grid article,
.oe-about .oe-governance-section .oe-principle-grid article h3,
.oe-about .oe-governance-section .oe-principle-grid article p{
  color:#f7f3e9!important;
}
.oe-about .oe-governance-section .oe-principle-grid article p{color:#dbe5ec!important}
.oe-about .oe-governance-section .oe-principle-grid article strong{color:#fff!important}

/* Script-aligned homepage micro-rhythm. */
.oe-home-prototype .hp-hope-line,
.oe-home-prototype .hp-hope-ground{
  margin-top:28px!important;
  color:#0b1d34;
  font-family:'Cormorant Garamond',Georgia,serif;
  font-size:clamp(24px,2.3vw,31px);
  font-weight:600;
  line-height:1.25;
}
.oe-home-prototype .hp-philosophy .hp-hope-ground{color:#fff0cf!important}

@media(max-width:980px){
  .oe-bigger .oe-page-hero .oe-wrap,
  .oe-faq-page .oe-page-hero .oe-wrap{width:min(calc(100% - 42px),1160px)!important}
}
@media(max-width:760px){
  .oe-bigger .oe-page-hero .oe-wrap,
  .oe-faq-page .oe-page-hero .oe-wrap{width:min(calc(100% - 30px),1160px)!important}
  .oe-bigger .oe-page-hero .oe-hero-copy,
  .oe-faq-page .oe-page-hero .oe-hero-copy{max-width:none!important}
}