/* Homepage composition. The reasons to choose us are a separate chapter. */
html:has(> body.material-page[data-site-page="home"][data-intro="playing"]),
body.material-page[data-site-page="home"][data-intro="playing"] { overflow-anchor:none; }
.material-page[data-site-page="home"] .studio-content {
  padding-top:calc(var(--header) + clamp(28px,3vw,56px));
  padding-bottom:clamp(48px,5vw,80px);
}
.material-page[data-site-page="home"] .studio-opening {
  grid-template-columns:minmax(0,1.6fr) minmax(0,.8fr);
  gap:clamp(36px,5vw,88px);
  align-items:center;
}
.material-page[data-site-page="home"] .hero-studio h1 { font-size:clamp(58px,5.8vw,112px); line-height:1.02; max-width:16ch; }
.material-page[data-site-page="home"] .hero-kicker { margin-bottom:24px; }
.material-page[data-site-page="home"] .hero-studio .lead { max-width:33ch; margin-top:24px; }
.material-page[data-site-page="home"] .studio-image .hero-art { height:clamp(280px,29vw,480px); }
.material-page[data-site-page="home"] .studio-image .hero-art img { object-position:50% 45%; }
.material-page[data-site-page="home"] .hero .button { margin-top:26px; }

/* Current retention and the default planning estimate are distinct measures. */
.material-page[data-site-page="home"] .placement-proof {
  display:grid;
  grid-template-columns:minmax(0,1fr);
  text-align:center;
  max-width:920px;
  margin:0 auto clamp(48px,6vw,88px);
}
.material-page[data-site-page="home"] .placement-stat {
  min-width:0;
  padding:clamp(24px,4vw,56px) 0;
}
.material-page[data-site-page="home"] .placement-stat:first-of-type { padding-top:0; }
.material-page[data-site-page="home"] .placement-stat + .placement-stat {
  margin-top:clamp(16px,2vw,28px);
  padding-top:clamp(40px,5vw,64px);
  border-top:1px solid #686868;
}
.material-page[data-site-page="home"] .placement-stat:last-child {
  padding-bottom:clamp(40px,5vw,64px);
  border-bottom:1px solid #686868;
}
.material-page[data-site-page="home"] .placement-number { margin:0; font:700 clamp(112px,13.5vw,208px)/.95 var(--sans); letter-spacing:-.065em; font-variant-numeric:tabular-nums; }
.material-page[data-site-page="home"] .placement-unit { display:inline-block; font-size:.46em; letter-spacing:-.04em; margin-left:.08em; }
.material-page[data-site-page="home"] [data-placement-timeline] .placement-unit { font-size:.29em; margin-left:.2em; }
.material-page[data-site-page="home"] .placement-caption { max-width:32ch; margin:22px auto 0; font-size:clamp(22px,2.2vw,30px); line-height:1.35; }
@media(max-width:1000px) {
  .material-page[data-site-page="home"] .studio-opening { grid-template-columns:minmax(0,1.35fr) minmax(0,.8fr); gap:30px; }
  .material-page[data-site-page="home"] .hero-studio h1 { font-size:clamp(48px,6.5vw,66px); }
  .material-page[data-site-page="home"] .studio-image .hero-art { height:320px; }
}
@media(max-width:700px) {
  .material-page[data-site-page="home"] .studio-opening { grid-template-columns:1fr; gap:28px; }
  .material-page[data-site-page="home"] .hero-studio h1 { font-size:clamp(40px,10.8vw,64px); max-width:16ch; }
  .material-page[data-site-page="home"] .hero-kicker { margin-bottom:20px; }
  .material-page[data-site-page="home"] .studio-image .hero-art { height:160px; }
  .material-page[data-site-page="home"] .placement-number { font-size:clamp(100px,27vw,160px); }
  .material-page[data-site-page="home"] .placement-caption { font-size:clamp(20px,5.4vw,26px); }
}