/* ProperBizFix — editorial harmony pass, 09 November 2026.
   Design-only changes. Existing copy, collage assets, page structure,
   service terms and research articles are preserved verbatim.
   Hierarchy: photographic collage > editorial typography > evidence rules.
   Electric lime and coral work as accents, not competing full-screen panels. */

:root {
  --paper: #f2efe8;
  --white: #faf8f3;
  --ink: #15211f;
  --text: #303c38;
  --muted: #64716b;
  --line: #bfc6bd;
  --accent: #dc5139;
  --forest: #223a34;
  --lime: #edfc66;
  --harmony-lime-soft: #e8efb7;
  --harmony-salmon: #f2c5b3;
}
body { background: var(--paper); color:var(--text); }
/* An editorial masthead, not a separate black call-to-action block. */
.site-header { border-bottom: 1px solid var(--ink); }
.header-row { min-height: 79px; }
.brand {font-weight: 850; letter-spacing:-.022em;}
.main-nav > a {font-weight: 700;}
.main-nav > .nav-action {
  background: transparent;
  border: 0;
  border-bottom: 2px solid var(--accent);
  color: var(--ink);
  padding: 10px 2px 8px;
  min-height: 0;
  gap: 11px;
  transition: background-color .2s, border-color .2s, color .2s;
}
.main-nav > .nav-action span {color:var(--accent);font-weight:850;}
.main-nav > .nav-action:hover {background:transparent;color:var(--accent);border-color:var(--ink);}
.main-nav > .nav-action:hover span {color:var(--ink);}

/* Preserve the layered, documentary collage and the large editorial headline. */
.strategy-hero {border-bottom:1px solid #35433d;}
.strategy-hero h1 {letter-spacing:-.035em;line-height:1.035;}
.strategy-hero h1 .hero-title-shift {letter-spacing:-.04em;}
.strategy-hero .strategy-button {padding-inline:19px;}
.strategy-footnote {letter-spacing:0;}

/* The dark decision section is the sole large ink field on the home page.
   Its slanted edge continues the visual language of the photographic collage. */
.strategy-section {padding:clamp(80px,8.2vw,133px) 0;border-bottom:1px solid var(--line);}
.strategy-heading {letter-spacing:-.024em;line-height:1.075;}
.strategy-context {background:#20352f!important;padding:clamp(86px,9vw,138px) 0;}
.strategy-context:before {width:clamp(54px,7.7vw,136px);opacity:.8;}
.strategy-context .strategy-shell {grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:25px clamp(45px,6.8vw,112px);}
.strategy-context .strategy-heading {font-size:clamp(46px,5.15vw,77px);letter-spacing:-.025em;line-height:1.055;max-width:740px;}
.strategy-context .strategy-theory p {font-size:clamp(17px,1.26vw,19px);line-height:1.72;}
.strategy-context .strategy-theory p:first-child {border-top-width:2px;}

/* Research methodology: sober and exact. Red slashes, not oversized tiles. */
.strategy-method {background:var(--white)!important;}
.strategy-method .strategy-heading {font-size:clamp(42px,4.0vw,63px);}
.strategy-method .strategy-steps {border-top-width:2px;border-bottom-width:2px;}
.strategy-method .strategy-step h3:before {width:28px;height:4px;transform:skew(-25deg);margin-bottom:19px;}
.strategy-method .strategy-step {padding-top:29px;}
.strategy-method .strategy-caution {color:#4b5953;}

/* Outputs: a warm editorial spread, not a second screaming full-screen colour field. */
.strategy-output {background:var(--harmony-salmon)!important;color:var(--ink);}
.strategy-output:before {opacity:.38;right:-210px;border-width:48px;}
.strategy-output .strategy-heading {max-width:1100px;}
.strategy-output .strategy-evidence {border-top-width:2px;}
.strategy-output .strategy-evidence>div {padding:21px 0;gap:clamp(25px,4vw,60px);}
.strategy-output .strategy-evidence strong {font-size:clamp(18px,1.5vw,24px);}
.strategy-output .strategy-evidence span {color:#38312e;font-size:clamp(16px,1.15vw,18px);}

/* Offer comparison: two leaves of a single research dossier.
   Replaces the heavy black Account Screen tile and neon box pairing. */
.strategy-offers {background:var(--paper)!important;padding-top:clamp(82px,8vw,128px);}
.strategy-offers .strategy-heading {max-width:810px;margin-bottom:0;}
.strategy-offer-grid {
  display:grid;
  grid-template-columns:minmax(0,.87fr) minmax(0,1.13fr);
  gap:0;
  align-items:stretch;
  background:var(--white);
  border-top:2px solid var(--ink);
  border-bottom:2px solid var(--ink);
  margin-top:43px;
}
.strategy-offer,.strategy-offer-feature {
  display:flex;
  flex-direction:column;
  min-height:415px;
  padding:clamp(30px,3.6vw,55px);
  border:0;
  border-radius:0;
  color:var(--ink);
  background:#faf8f2;
  overflow:hidden;
  position:relative;
}
.strategy-offer:first-child {border-right:1px solid #a4aca1;}
.strategy-offer-feature {background:var(--harmony-lime-soft);}
.strategy-offer:before {
  content:"";position:absolute;top:0;left:0;width:75px;height:6px;
  background:var(--accent);transform:skewX(-27deg);transform-origin:left;pointer-events:none;
}
.strategy-offer-feature:before {background:var(--ink);}
.strategy-offer-feature:after {
  content:"";position:absolute;pointer-events:none;
  top:0;right:0;bottom:auto;left:auto;
  width:112px;height:95px;background:var(--accent);opacity:.96;
  clip-path:polygon(100% 0,100% 100%,0 0);transform:none;
}
.strategy-offer-tag,.strategy-offer-feature .strategy-offer-tag {
  font:750 11px/1.5 var(--mono);
  color:#a83f2f;letter-spacing:.035em;
  position:relative;z-index:1;
}
.strategy-offer-feature .strategy-offer-tag {color:#45523a;}
.strategy-offer h3 {
  color:var(--ink);
  font-size:clamp(32px,3.0vw,47px);
  font-weight:850;
  line-height:1.08;
  letter-spacing:-.026em;
  margin:29px 0 15px;
  min-height:2.17em;
  max-width:560px;
  position:relative;z-index:1;
}
.strategy-offer .strategy-price {
  font:850 clamp(65px,6.6vw,95px)/1 'Arial Black',Arial,sans-serif;
  letter-spacing:-.035em;
  color:var(--ink);
  margin:0 0 20px;
  position:relative;z-index:1;
}
.strategy-offer p {
  color:#33403a;
  max-width:500px;
  font-size:16px;line-height:1.63;
  margin:0 0 30px;
  position:relative;z-index:1;
}
.strategy-offer>a,.strategy-offer-feature>a {
  color:var(--ink);
  border-color:rgba(21,33,31,.6);
  font-size:14px;font-weight:780;
  margin-top:auto;
  padding-top:18px;
  position:relative;z-index:1;
}
.strategy-offer>a:hover,.strategy-offer-feature>a:hover {color:#ad3e2e;}
.strategy-credit {max-width:850px;margin-top:22px;line-height:1.6;}

/* Research index on home: type and rules rather than another block of cards. */
.strategy-research {background:var(--white)!important;}
.strategy-research-links {border-top-width:2px;}
.strategy-research-links a {min-height:104px;padding:28px 6px;gap:clamp(20px,3vw,40px);}
.strategy-research-links a:hover {background:#eef2c4;padding-left:17px;}
.strategy-research-links strong {font-size:clamp(23px,2.4vw,35px);}
.strategy-end {background:#172824;padding:clamp(79px,7.6vw,129px) 0;}
.strategy-end:before {width:30%;opacity:.7;}
.strategy-end:after {opacity:.22;}
.strategy-end h2 {font-size:clamp(43px,5.0vw,76px);}

/* Service pages share the same editorial hierarchy, not identical colour blocks.
   The Screen is a preliminary note, so its hero is light; Assessment stays dark. */
.pbzf-service .strategy-page-hero {border-bottom:1px solid var(--ink);}
.pbzf-screen .strategy-page-hero {background:var(--paper);}
.pbzf-screen .strategy-page-hero h1 {color:var(--ink);}
.pbzf-screen .strategy-page-hero .strategy-lead {color:var(--text);}
.pbzf-screen .strategy-page-hero .strategy-eyebrow {color:var(--accent);}
.pbzf-screen .strategy-page-hero .strategy-footnote {color:var(--muted);}
.pbzf-screen .breadcrumbs,.pbzf-screen .breadcrumbs a {color:#596a62;}
.pbzf-screen .inner-collage {background:#f16e55;}
.pbzf-assessment .strategy-page-hero {background:#20352f;}
.pbzf-assessment .inner-collage {background:var(--harmony-lime-soft);}
.pbzf-service .strategy-page-hero h1 {font-size:clamp(49px,5.0vw,78px);line-height:1.06;letter-spacing:-.028em;}
.pbzf-service .strategy-page-hero .strategy-lead {font-size:clamp(18px,1.53vw,24px);line-height:1.5;}
.pbzf-service .strategy-section:not(.strategy-output):not(.strategy-scope) .strategy-heading {font-size:clamp(39px,4vw,64px);}
.pbzf-service .strategy-section:not(.strategy-output):not(.strategy-scope) .strategy-theory p {font-size:clamp(17px,1.3vw,20px);}
.pbzf-service .strategy-output {background:var(--harmony-salmon)!important;}
.pbzf-service .strategy-output-grid {border-top-width:2px;}
.pbzf-service .strategy-output-grid>div,.pbzf-service .strategy-output-grid>div:nth-child(even) {border-color:#b18c7c!important;}
.pbzf-service .strategy-output-grid h3 {font-size:clamp(23px,2.3vw,35px);}
.pbzf-service .strategy-scope {background:var(--paper)!important;}
.pbzf-service .strategy-scope .strategy-heading {font-size:clamp(41px,4.4vw,67px);}
.pbzf-service .strategy-scope .strategy-next {border-top-width:2px;}

/* Research archive: no arbitrary every-third black tile. The writing is the event. */
.pbzf-index .strategy-page-hero {background:var(--harmony-lime-soft);border-bottom:1px solid var(--ink);}
.pbzf-index .strategy-page-hero h1 {font-size:clamp(49px,5.6vw,88px);line-height:1.035;}
.pbzf-index .article-grid {border-top:2px solid var(--ink);border-left:0;}
.pbzf-index .article-link,.pbzf-index .article-link:nth-child(even),
.pbzf-index .article-link:nth-child(3n) {
  background:transparent;
  color:var(--ink);
  border-right:0;
  border-left:0;
  border-bottom:1px solid var(--line);
  padding:33px clamp(22px,3vw,44px);
  min-height:305px;
}
.pbzf-index .article-link:nth-child(odd) {border-right:1px solid var(--line);}
.pbzf-index .article-link:nth-child(3n) h3 {color:var(--ink);}
.pbzf-index .article-link:nth-child(3n) p {color:var(--text);}
.pbzf-index .article-link:nth-child(3n) .tag {color:var(--accent);}
.pbzf-index .article-link:hover,.pbzf-index .article-link:nth-child(3n):hover {background:#eaf0c1;}
.pbzf-index .article-link h3 {font-size:clamp(25px,2.4vw,39px);line-height:1.15;}
.pbzf-article .strategy-page-hero:after {background:var(--harmony-lime-soft);opacity:.83;}
.pbzf-article .strategy-page-hero h1 {font-size:clamp(42px,4.7vw,77px);line-height:1.09;}
.pbzf-article .strategy-reading h2 {border-top-width:1px;}
.pbzf-about .about-intro:after {background:var(--harmony-lime-soft);}
.pbzf-about .about-intro h1 {font-size:clamp(51px,6.5vw,104px);}

/* Restrained frame for the content-heavy utility pages. */
.pbzf-legal .inner-hero {background:#233b34;border-bottom:1px solid var(--lime);}
.footer {background:#172824;border-top:1px solid var(--lime);padding:51px 0 59px;}
.footer:before {width:19%;opacity:.45;}
.cookie-banner {box-shadow:0 12px 27px #0002;border-width:1px;}

@media(max-width:940px) {
  .strategy-context .strategy-shell {grid-template-columns:1fr 1fr;gap:24px 40px;}
  .strategy-offer h3 {min-height:0;}
}
@media(max-width:760px) {
  .header-row {min-height:70px;}
  .main-nav > .nav-action {background:transparent;color:var(--ink);border-bottom:2px solid var(--accent);padding:14px 0;justify-content:space-between;}
  .main-nav > .nav-action span {color:var(--accent);}
  .strategy-context .strategy-shell {display:block;}
  .strategy-context .strategy-heading {font-size:clamp(42px,8.1vw,64px);margin:26px 0 30px;}
  .strategy-context:before {width:68px;opacity:.5;}
  .strategy-offer-grid {grid-template-columns:1fr;border-top:2px solid var(--ink);margin-top:34px;}
  .strategy-offer,.strategy-offer-feature {min-height:0;padding:31px clamp(24px,6vw,40px) 35px;}
  .strategy-offer:first-child {border-right:0;border-bottom:1px solid #a4aca1;}
  .strategy-offer h3 {font-size:clamp(30px,6.4vw,44px);margin:24px 0 16px;min-height:0;}
  .strategy-offer .strategy-price {font-size:clamp(59px,12vw,84px);margin-bottom:18px;}
  .strategy-offer p {font-size:15px;line-height:1.65;}
  .strategy-offer-feature:after {width:68px;height:68px;}
  .pbzf-screen .strategy-page-hero .strategy-shell {padding-block:57px 60px;}
  .pbzf-service .strategy-page-hero h1 {font-size:clamp(43px,8.1vw,65px);}
  .pbzf-index .article-link,.pbzf-index .article-link:nth-child(even),.pbzf-index .article-link:nth-child(3n) {min-height:0;padding:26px 0 31px;border-right:0;border-left:0;}
  .pbzf-index .article-link:nth-child(odd) {border-right:0;}
  .pbzf-index .strategy-page-hero h1 {font-size:clamp(42px,8.5vw,66px);}
  .strategy-output:before {opacity:.15;}
}
@media(max-width:450px) {
  .brand {font-size:22px;}
  .strategy-hero h1 {font-size:clamp(39px,9.8vw,46px);letter-spacing:-.027em;}
  .strategy-method .strategy-heading {font-size:clamp(36px,8.6vw,46px);}
  .strategy-offer h3 {font-size:31px;}
  .strategy-offer .strategy-price {font-size:66px;}
  .strategy-research-links strong {font-size:23px;}
  .pbzf-screen .strategy-page-hero h1,.pbzf-assessment .strategy-page-hero h1 {font-size:clamp(38px,9.25vw,47px);}
}