/* Shared composition: the four visual directions sit on a centered page. */
html:has(body.review-ready){background:#e5e9ef}
html:has(body.review-ready.theme-a){background:#070a08}
body.review-ready{width:100%;max-width:1320px;margin-inline:auto;container-type:inline-size;overflow-x:clip}
.review-ready .scroll-progress{left:calc((100% - var(--page-frame-width,100%))/2);max-width:var(--page-frame-width,100%)}
@media(min-width:1101px){
  body.review-ready{--page-frame-width:min(1320px,calc(100vw - 64px));width:var(--page-frame-width);box-shadow:0 0 0 1px #64748b20,0 24px 90px #0b172414}
}
/* Type responds to the composition, rather than to an ultrawide monitor. */
@media(min-width:801px){
  .review-ready .developed-a h1{font-size:clamp(58px,6.4cqw,90px)}
  .review-ready .developed-c.new-hero h1{font-size:clamp(64px,6.6cqw,96px)}
  .review-ready .force-b.new-hero h1{font-size:clamp(60px,6.25cqw,90px)}
  .review-ready .cycle-heading h2{font-size:clamp(48px,5.2cqw,76px)}
  .review-ready .b-manifesto h2{font-size:clamp(50px,6cqw,84px)}
  .review-ready .client-preview-heading h2{font-size:clamp(42px,4.5cqw,64px)}
  .review-ready .workshop-title{font-size:clamp(40px,4.3cqw,60px)}
  .review-ready.theme-a .contact-head h2{font-size:clamp(65px,7cqw,96px)}
  .review-ready.theme-b .contact-head h2,.review-ready.theme-b .contact-head h2 span{font-size:clamp(52px,6cqw,82px)}
  .review-ready.theme-c .contact-head h2{font-size:clamp(58px,6.3cqw,90px)}
}