/* R08: only the subject handoff dissolves; native object motion remains intact. */
.problem-current{position:absolute;inset:0}
.problem-dissolve{pointer-events:none;z-index:1}
/* The final service and whole-engagement expectations arrive together. */
.service-last{position:relative;z-index:3;background:var(--canvas)}
.service-last[data-sticky=true]{position:sticky;top:72px}
.service-last #service-advise{position:relative;top:auto;min-height:0;padding-bottom:24px}
.service-last .service-art img{max-height:450px;object-fit:contain}
.service-last .expectations{max-width:none;padding:24px 16px 32px;border-top:1px solid var(--rule)}
.service-last .expectation-list{margin-top:22px;gap:36px}
.service-last .expectation-list h3{font-size:22px;margin-bottom:10px}
.service-last .expectation-list p{font-size:20px;line-height:1.4;max-width:360px}
.service-last .value-icon{width:36px;height:36px;margin-bottom:12px}
.solutions{padding-bottom:44px}
/* R11 invitation art is part of the same wrapper the questionnaire already hides. */
.assessment-copy{max-width:none;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.85fr);gap:40px;align-items:center}
.assessment-text{min-width:0}
.assessment-art{margin:0;min-width:0;pointer-events:none;position:relative;aspect-ratio:4/3}
.assessment-art img{width:100%;height:auto;display:block;background:transparent}
.assessment-art canvas{position:absolute;inset:0;width:100%;height:100%;background:transparent}
/* Resize the complete coordinate surface so clips and pointer mapping stay aligned. */
.workflow{width:100%;margin-inline:auto;aspect-ratio:1376 / 464}
.workflow-svg{width:80%;margin-inline:auto}
.workflow[data-reveal="0"] .wipe-divider span{transform:none}
.workflow[data-reveal="100"] .wipe-divider span{transform:translateX(-100%)}
.workflow[data-reveal="0"] .wipe-divider::before{left:0;right:-40px}
.workflow[data-reveal="100"] .wipe-divider::before{left:-40px;right:0}
.workflow-values h3{font-size:22.5px}
/* Let spare viewport space sit above expectations, below the unchanged Advise art. */
@media(min-width:901px){
 .service-last[data-sticky=true]{display:flex;flex-direction:column;min-height:calc(100vh - 72px)}
 .service-last[data-sticky=true]>*{flex-shrink:0}
 .service-last[data-sticky=true] .expectations{width:100%;margin-top:auto}
}
/* The editorial title stays with both collections, then leaves with its section. */
.insights-heading{position:sticky;top:72px;z-index:4;background:var(--canvas);padding-block:20px;margin-top:-20px;margin-bottom:44px}
#insights :is(a,button,[tabindex]){scroll-margin-top:120px}
@media(min-width:901px) and (max-height:850px){.service-last .service-art img{height:310px;max-height:310px;max-width:620px;margin-inline:auto;object-fit:cover}.service-last .expectations{padding-top:16px;padding-bottom:20px}.service-last .expectation-list{margin-top:16px}.service-last .value-icon{margin-bottom:8px}}
@media(max-width:900px){
 .service-panel[data-sticky=true],.service-last[data-sticky=true]{position:sticky;top:var(--service-top,72px)}
 .service-last .expectations{padding:28px 0 40px}.service-last .expectation-list{gap:28px}.service-last .service-art img{max-height:none}
 .assessment-copy{display:flex;flex-direction:column;gap:24px;align-items:stretch}
 .assessment-art{max-width:300px;width:80%;align-self:center}
 .workflow-values h3{font-size:28.75px;line-height:1.3}
 .workflow{aspect-ratio:366 / 632}
 .insights-heading{margin-bottom:20px}
 #insights :is(a,button,[tabindex]){scroll-margin-top:150px}
}

/* Live cleanup: reduce the measured header-to-copy gap by one fifth. */
.hero .cta{text-decoration:none}
@media(min-width:1151px){.hero{padding-top:160.8px}}
@media(min-width:901px) and (max-width:1150px){.hero{padding-top:138.4px}}
@media(min-width:901px) and (max-height:800px){
 .hero-copy>p{margin-top:36px}
 .hero-actions{margin-top:40px}
}
.comparison{padding-bottom:56px}
/* The divider-to-heading gap includes 44px below Solutions: 156px → 109.2px. */
@media(min-width:901px){.founder-section{padding-top:65.2px}}
.founder-portrait{display:block;width:260px;height:325px;max-width:100%;border-radius:16px;object-fit:cover;object-position:44% 50%}
@media(max-width:900px){
 .comparison{padding-bottom:40px}
 .founder-portrait{width:100%;max-width:440px;height:auto;aspect-ratio:4/5}
 .hero-actions .cta:not(.rust){min-width:0}
}