/* Mobile editorial hierarchy. Each composition has a role; the original
   hero, reflective belief, readiness statement, and evidence labels stay intact. */
@media(max-width:1099px){
 .site{--headline-u:calc((min(100cqw,540px) - 48px)/342)}

 /* A numeral-led introduction, with a smaller two-line counterpoint. */
 .growth-intro .one-business{font-size:calc(54 * var(--headline-u));line-height:1.04;letter-spacing:-.018em;margin-bottom:calc(12 * var(--headline-u))}
 .growth-intro .six-connected{display:grid;grid-template-columns:max-content minmax(0,1fr);align-items:center;gap:calc(12 * var(--headline-u))}
 .growth-intro .six-connected strong{width:auto;font-size:calc(132 * var(--headline-u));line-height:.98;letter-spacing:-.02em}
 .growth-intro .six-connected em{width:auto;min-width:0;font-size:calc(38 * var(--headline-u));line-height:1.03;letter-spacing:0}
 .growth-intro .six-connected em>span{display:block}
 .growth-intro .growth-support{margin-top:calc(32 * var(--headline-u))}

 .piece-systems h3 .systems-word,.piece-systems h3 .systems-tail{display:block}
 .piece-systems h3 .systems-tail{white-space:nowrap}
 .piece-systems h3 .systems-tail br{display:none}

 /* The process is one deliberately paired white/ink diptych. */
 .decisions-heading,.progress-heading{height:calc(140 * var(--mu))}
 .decisions-heading>span,.progress-heading>span{top:0;font-size:calc(78 * var(--mu));line-height:calc(86 * var(--mu));letter-spacing:-.01em}
 .decisions-heading>em,.progress-heading>em{top:calc(74 * var(--mu));font-size:calc(56 * var(--mu));line-height:calc(62 * var(--mu));letter-spacing:-.004em}

 /* The change carries more visual weight than the starting point. */
 .cases-intro{gap:0}
 .cases-intro .cases-eyebrow{margin-bottom:calc(20 * var(--mu))}
 .cases-intro h2{margin-bottom:calc(32 * var(--mu))}
 .cases-where,.cases-started{font-size:calc(40 * var(--mu));line-height:calc(44 * var(--mu))}
 .cases-intro h2 em{margin-top:calc(10 * var(--mu));font-size:calc(64 * var(--mu));line-height:1.03}
 .cases-what,.cases-changed{display:block}
 .cases-intro h2 .cases-what{font-size:calc(64 * var(--mu));line-height:calc(66 * var(--mu))}
 .cases-intro h2 .cases-changed{font-size:calc(98 * var(--mu));line-height:calc(100 * var(--mu));text-align:right;letter-spacing:-.015em}
 .cases-explanation{margin-bottom:calc(12 * var(--mu))}

 /* Real letterpress layers all share the same two-line pace composition. */
 .coaching-content>h2{font-size:calc(86 * var(--headline-u));line-height:1.08;letter-spacing:-.025em}
 .coaching-pace{font-size:calc(78 * var(--headline-u));line-height:1;white-space:normal}
 .coaching-pace .pace-connector{display:block;font-size:inherit;line-height:1}
 .coaching-pace .pace-word{display:block;font-size:calc(156 * var(--headline-u));line-height:.96;margin-top:-.17em;text-align:right;letter-spacing:-.025em}

 /* One clear business-led entrance; move the existing material as a group. */
 .coach-section .coach-intro,.coach-section .coach-intro-copy{height:calc(1392 * var(--authority-unit))}
 .coach-section .coach-intro h2{inset:auto;left:calc(12 * var(--authority-unit));top:calc(38 * var(--authority-unit));width:calc(318 * var(--authority-unit));height:calc(234 * var(--authority-unit));margin:0;letter-spacing:0}
 .coach-section .coach-intro h2>span{position:static;inset:auto;display:block;width:100%;font-size:calc(64 * var(--authority-unit));line-height:calc(64 * var(--authority-unit));letter-spacing:-.015em;white-space:normal}
 .coach-section .coach-intro h2>span b{position:static;inset:auto;display:block;font-size:calc(100 * var(--authority-unit));line-height:calc(96 * var(--authority-unit));letter-spacing:-.02em}
 .coach-section .coach-intro h2>em{position:static;inset:auto;display:block;width:100%;font-family:"NM Editorial";font-size:calc(70 * var(--authority-unit));line-height:calc(74 * var(--authority-unit));font-weight:300;letter-spacing:-.01em;white-space:nowrap}
 .coach-section .coach-credentials-line{top:calc(304 * var(--authority-unit))}
 .coach-section .coach-portrait-composition{top:calc(378 * var(--authority-unit))}
 .coach-section .coach-years{top:calc(872 * var(--authority-unit))}
 .coach-section .coach-summary{top:calc(968 * var(--authority-unit))}
 .coach-section .coach-founder{top:calc(1113 * var(--authority-unit))}
 .coach-section .coach-proof{top:calc(1166 * var(--authority-unit))}
 .coach-section .coach-more{top:calc(1348 * var(--authority-unit))}

 /* Keep these successful lockups, but let them fill wider phone measures. */
 .faq-heading h2 em{font-size:calc(80 * var(--headline-u));line-height:calc(86 * var(--headline-u));margin-bottom:calc(-32 * var(--headline-u))}
 .faq-heading h2 strong{font-size:calc(166 * var(--headline-u));line-height:calc(170 * var(--headline-u))}
 .closing-title{height:calc(220 * var(--headline-u))}
 .closing-title h2 em{left:calc(-2 * var(--headline-u));top:calc(20 * var(--headline-u));font-size:calc(80 * var(--headline-u));line-height:calc(94 * var(--headline-u))}
 .closing-title h2 strong{left:calc(-2 * var(--headline-u));top:calc(108 * var(--headline-u));font-size:calc(84 * var(--headline-u));line-height:calc(101 * var(--headline-u));letter-spacing:-.015em}
}
/* Keep the existing paper composition inside the narrow-phone reading column. */
@media(min-width:359px) and (max-width:389px){
 .closing-note{left:calc(100% - 162px)}
}
/* The navigation CTA must remain one line at the desktop breakpoint. */
@media(min-width:1100px){
 .button-nav{min-width:160px;white-space:nowrap}
}
