/* Executives page (/executives). Page-specific rules layered on home.css; the homepage design system is unchanged. */
:root{--stone:#e5e1d8;--line-stone:#c9c2b3}
h1,h2,h3,h4{text-wrap:balance}
.hero-copy p,.compound p,.fix p,.case-main p,.real-copy .body,.assess-main .body,.results-head .lead,.cost-head .lead,.convo--solo .body{text-wrap:pretty}
.next-session{text-wrap:balance}

/* Tap targets: nav and footer links reach 44px without changing their look */
@media(min-width:981px){
  .nav-links a{padding:13px 0}
  .nav-links a.nav-cta{padding:12px 16px}
}
.foot-links a{display:inline-flex;align-items:center;min-height:44px}
.text-link--tap{display:inline-flex;align-items:center;min-height:44px;padding:0;border-bottom:0;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:7px;color:var(--bone)}
.text-link--tap:hover{color:var(--copper2)}

/* 1 Hero: the existing executives photograph, kept; copy sits on the dark field at the left */
#hero{padding:136px 0 104px}
#hero::before{background:linear-gradient(90deg,rgba(7,8,9,.95) 0%,rgba(7,8,9,.88) 34%,rgba(7,8,9,.62) 52%,rgba(7,8,9,.2) 74%,rgba(7,8,9,.06) 100%),linear-gradient(0deg,var(--ink) 0%,transparent 20%),linear-gradient(180deg,rgba(7,8,9,.55) 0%,transparent 20%)}
#hero .hero-img{object-position:100% 30%}
#hero .hero-copy{max-width:min(58%,740px)}
#hero h1{font-size:clamp(2.3rem,3.9vw,4.1rem);margin-bottom:30px;max-width:15em}
#hero .lead{margin-bottom:20px;max-width:590px}
#hero .hero-second{max-width:590px;margin-bottom:38px;color:#bdb8af}
.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:6px 34px}

/* 2 Cost: three restrained columns, no icons */
.pillars--plain .pillar{padding:44px 36px 50px 0}
.pillars--plain .pillar+.pillar{padding-left:36px}
.pillars--plain .pillar h3{font-size:clamp(1.4rem,1.9vw,1.7rem);margin:0 0 16px;max-width:15em}
.pillars--plain .pillar p{max-width:26em}
.cost-head .h-lg{margin-bottom:34px}
.cost-head{margin-bottom:68px}

/* 3 Compound: six quiet steps, one line of cause and effect */
.compound-head{margin-bottom:64px}
.loop-close{margin-top:56px;font-family:"Newsreader",Georgia,serif;font-style:italic;font-size:clamp(1.4rem,2.3vw,2rem);line-height:1.25;color:var(--copper2);max-width:28em}

/* 4 Assessment on cream: ink panel with the four facts */
.assess-card--facts{padding:14px 40px}
.assess-card--facts .reveal li{font-family:"Newsreader",Georgia,serif;font-size:1.5rem;line-height:1.4;color:var(--bone);padding:22px 0 22px 34px}
.assess-card--facts .reveal li:last-child{padding-bottom:22px}
.assess-card--facts .reveal li::before{top:35px}
.assess .btn{margin-top:14px}

/* 5 Fixes on soft stone */
.light--stone{background:var(--stone)}
.fixes-head{margin-bottom:64px}
.fixes{display:grid;grid-template-columns:1fr 1fr;column-gap:72px}
.fix{padding:34px 0 38px;border-top:1px solid var(--line-stone)}
.fix h3{font-size:clamp(1.55rem,2.2vw,1.95rem);margin-bottom:14px}
.fix p{color:#4a4339;max-width:30em}
.fixes-close{margin-top:46px;padding-top:40px;border-top:1px solid var(--copper-deep);font-family:"Newsreader",Georgia,serif;font-style:italic;font-size:clamp(1.35rem,2.1vw,1.85rem);line-height:1.3;color:var(--copper-deep);max-width:30em}

/* 6 The real work: balanced editorial split, image about 46% of the row */
.real{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.96fr);gap:56px;align-items:center}
.real-copy .h-lg{margin-bottom:34px;color:#0f0d0a}
.real-copy .body+.body{margin-top:20px}
.real-photo{margin:0;overflow:hidden;border:1px solid #3a3025;background:#0d0e0f;box-shadow:0 30px 60px -30px rgba(26,23,19,.45);aspect-ratio:4/3}
.real-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:100% 50%}

/* 7 Proof (dark): verified figures set as quiet columns, one case study */
.results-head{margin-bottom:72px}
.results-head .h-lg{margin-bottom:30px}
.results-head .lead{max-width:720px}
.proof{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}
.proof-item{padding:36px 28px 40px 0}
.proof-item+.proof-item{padding-left:28px;border-left:1px solid var(--line)}
.proof-company{font-size:.74rem;letter-spacing:.2em;text-transform:uppercase;font-weight:600;color:var(--copper2);margin-bottom:14px}
.proof-number{font-family:"Newsreader",Georgia,serif;font-size:clamp(3rem,4.6vw,4.4rem);line-height:1;letter-spacing:-.03em;color:var(--bone);margin-bottom:18px}
.proof-desc{font-size:.95rem;line-height:1.55;color:#bdb8af}
.case{display:grid;grid-template-columns:1.15fr .85fr;gap:72px;margin-top:72px;padding-top:60px;border-top:1px solid var(--line)}
.case-label{font-size:.74rem;letter-spacing:.2em;text-transform:uppercase;font-weight:600;color:var(--copper2);margin-bottom:22px}
.case h3{font-size:clamp(1.7rem,2.6vw,2.3rem);margin-bottom:26px}
.case-main p+p{margin-top:18px}
.case-main p:not(.case-label){color:#bdb8af;max-width:640px}
.case-outcomes{list-style:none;margin:0;padding:0;align-self:start}
.case-outcomes li{position:relative;padding:15px 0 15px 28px;border-bottom:1px solid #2f2d2a;color:#d7d1c6;font-size:.98rem;line-height:1.55}
.case-outcomes li:first-child{border-top:1px solid #2f2d2a}
.case-outcomes li::before{content:"";position:absolute;left:3px;top:26px;width:7px;height:7px;transform:rotate(45deg);background:var(--copper)}
.case-path{margin-top:64px}
.case-path-label{font-size:.74rem;letter-spacing:.2em;text-transform:uppercase;font-weight:600;color:var(--copper2);margin-bottom:26px}
.case-path ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);column-gap:28px}
.case-path li{position:relative;border-top:1px solid #3a3733;padding:28px 0 8px}
.case-path li::before{content:"";position:absolute;left:0;top:-4px;width:7px;height:7px;transform:rotate(45deg);background:var(--copper)}
.case-path h4{font-size:1.2rem;line-height:1.2;margin-bottom:10px;color:var(--bone)}
.case-path p{font-size:.92rem;line-height:1.55;color:#a9a49c}
.trust{margin-top:72px;padding-top:44px;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr);gap:32px 44px}
.trust-item{display:flex;flex-direction:column;gap:10px}
.trust-number{font-family:"Newsreader",Georgia,serif;font-size:2.6rem;line-height:1;color:var(--copper2);letter-spacing:-.02em}
.trust-number--text{font-family:"DM Sans",system-ui,sans-serif;font-size:1rem;line-height:1.35;letter-spacing:.1em;text-transform:uppercase;font-weight:600;min-height:2.6rem;display:flex;align-items:center}
.trust-label{font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:#8d8983}

/* 8 Private work uses the homepage .process-head and .steps rules unchanged */
/* 9 Briefing uses the homepage briefing rules unchanged */
/* 10 Final CTA */
.convo--solo{grid-template-columns:minmax(0,820px)}
.convo--solo .h-lg{font-size:clamp(2.5rem,4.8vw,4.6rem)}
.convo--solo .body{margin-bottom:38px}

/* Tablet and phone */
@media(max-width:1100px){
  .case-path ol{grid-template-columns:repeat(3,1fr);row-gap:8px}
}
@media(max-width:980px){
  #hero{padding:0 0 76px}
  #hero .hero-img{object-position:62% 40%}
  #hero .hero-copy{max-width:none}
  #hero h1{font-size:clamp(2.3rem,6.6vw,3.4rem);max-width:15em}
  .compound-head{margin-bottom:44px}
  .fixes{grid-template-columns:1fr}
  .fixes-head,.results-head{margin-bottom:44px}
  .real{grid-template-columns:1fr;gap:44px}
  .real-photo{aspect-ratio:16/10}
  .real-photo img{object-position:50% 38%}
  .proof{grid-template-columns:1fr}
  .proof-item,.proof-item+.proof-item{padding:30px 0 32px;border-left:0}
  .proof-item+.proof-item{border-top:1px solid var(--line)}
  .case{grid-template-columns:1fr;gap:44px;margin-top:52px;padding-top:44px}
  .case-path{margin-top:52px}
  .trust{grid-template-columns:1fr;gap:28px;margin-top:56px}
  .trust-number--text{min-height:0}
  .pillars--plain .pillar,.pillars--plain .pillar+.pillar{padding:34px 0}
  .pillars--plain .pillar h3{max-width:none}
}
@media(max-width:700px){
  .case-path ol{grid-template-columns:1fr}
}
@media(max-width:560px){
  #hero .hero-img{object-position:68% 40%}
  .proof{grid-template-columns:1fr}
  .proof-item,.proof-item+.proof-item,.proof-item:nth-child(even){padding:28px 0 30px;border-left:0}
  .proof-item+.proof-item{border-top:1px solid var(--line)}
  .assess-card--facts{padding:8px 24px}
  .assess-card--facts .reveal li{font-size:1.3rem;padding:18px 0 18px 30px}
  .assess-card--facts .reveal li:last-child{padding-bottom:18px}
  .assess-card--facts .reveal li::before{top:29px}
  .hero-actions{gap:2px 0}
  .hero-actions .btn{width:100%}
}

/* 3 Compound: a connected loop, 1 to 6 and back to 1 (2026-10-21). Real list text; arrows are decorative CSS backgrounds. */
.compound{--g:64px;--arrow-l:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 14'%3E%3Cline x1='0' y1='7' x2='57' y2='7' stroke='%23c98b4d' stroke-width='1.5'/%3E%3Cpath d='M50 1.5 63 7 50 12.5' fill='none' stroke='%23c98b4d' stroke-width='1.5'/%3E%3C/svg%3E");--arrow-s:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 14'%3E%3Cline x1='0' y1='7' x2='23' y2='7' stroke='%23c98b4d' stroke-width='1.5'/%3E%3Cpath d='M17 1.5 29 7 17 12.5' fill='none' stroke='%23c98b4d' stroke-width='1.5'/%3E%3C/svg%3E");list-style:none;margin:0 auto;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:var(--g);row-gap:var(--g);position:relative}
.compound li{position:relative;border:1px solid #4a3c2c;background:#121212;padding:30px 26px 32px}
.compound li::before{content:"";position:absolute;left:-4px;top:-4px;width:7px;height:7px;transform:rotate(45deg);background:var(--copper)}
.compound li:nth-child(4){grid-column:3;grid-row:2}
.compound li:nth-child(5){grid-column:2;grid-row:2}
.compound li:nth-child(6){grid-column:1;grid-row:2}
.compound li::after{content:"";position:absolute;width:var(--g);height:14px;background:var(--arrow-l) center/100% 100% no-repeat;pointer-events:none}
.compound li:nth-child(1)::after,.compound li:nth-child(2)::after{left:100%;top:50%;transform:translateY(-50%)}
.compound li:nth-child(3)::after{left:50%;top:calc(100% + var(--g)/2);transform:translate(-50%,-50%) rotate(90deg)}
.compound li:nth-child(4)::after,.compound li:nth-child(5)::after{right:100%;top:50%;transform:translateY(-50%) rotate(180deg)}
.compound li:nth-child(6)::after{left:50%;bottom:calc(100% + var(--g)/2);transform:translate(-50%,50%) rotate(-90deg)}
.compound-n{display:block;font-family:"Newsreader",Georgia,serif;font-size:2.2rem;line-height:1;color:var(--copper2);margin-bottom:16px;letter-spacing:-.02em}
.compound p{font-size:1.12rem;line-height:1.45;color:var(--bone);margin:0}
@media(max-width:899px){
  .compound{--g:30px;grid-template-columns:minmax(0,1fr);max-width:560px;margin:0;padding-right:34px;row-gap:var(--g)}
  .compound li:nth-child(n){grid-column:1;grid-row:auto}
  .compound li:nth-child(-n+5)::after{left:50%;right:auto;top:calc(100% + var(--g)/2);bottom:auto;width:var(--g);background-image:var(--arrow-s);transform:translate(-50%,-50%) rotate(90deg)}
  .compound li:nth-child(6)::after{display:none}
  .compound::before{content:"";position:absolute;right:0;top:30px;bottom:30px;width:34px;border:1.5px solid var(--copper);border-left:0;border-radius:0 14px 14px 0;pointer-events:none}
  .compound::after{content:"";position:absolute;right:25px;top:24px;border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:9px solid var(--copper);pointer-events:none}
}

#hero .lead+.hero-second{margin-bottom:16px}