/* Only the Stellest first screen. The rest of the site keeps its existing styles. */
.stellest-page .stellest-hero {
  min-height:0;
  grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);
  gap:clamp(28px,3.5vw,52px);
  align-items:center;
  padding:clamp(22px,2.8vw,38px);
}
.stellest-page .stellest-hero .promo-hero__copy {
  min-width:0;
  padding:0;
}
.stellest-page .stellest-hero h1 {
  max-width:none;
  margin:0 0 22px;
  font-size:clamp(38px,3.7vw,54px);
  line-height:1.04;
  letter-spacing:-.045em;
  text-transform:none;
  overflow-wrap:normal;
  text-wrap:balance;
}
.stellest-page .stellest-hero .lead {
  max-width:670px;
  margin:0;
  color:var(--muted);
  font-size:clamp(18px,1.6vw,22px);
  line-height:1.45;
}
.stellest-page .stellest-hero__facts {
  margin:25px 0 0;
  padding-left:24px;
  color:var(--ink);
  font-size:18px;
  font-weight:700;
  line-height:1.45;
}
.stellest-page .stellest-hero__facts li + li { margin-top:10px; }
.stellest-page .stellest-hero__facts li::marker { color:var(--red); }
.stellest-page .stellest-hero .actions {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:14px 20px;
  margin-top:30px;
}
.stellest-page .stellest-hero .actions .button--primary { display:inline-flex; width:auto; }
.stellest-page .stellest-hero__phone {
  color:var(--red);
  font-size:20px;
  font-weight:900;
  white-space:nowrap;
  text-decoration:none;
}
.stellest-page .stellest-hero__phone:hover { text-decoration:underline; text-underline-offset:4px; }
.stellest-page .stellest-hero .promo-hero__visual {
  order:2;
  width:100%;
  min-width:0;
  min-height:0;
  margin:0;
  aspect-ratio:auto;
  border:0;
  border-radius:8px;
  background:#fff;
  box-shadow:none;
}
.stellest-page .stellest-hero .promo-hero__visual::after { content:none; }
.stellest-page .stellest-hero .promo-hero__visual img {
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:1122 / 1402;
  object-fit:contain;
  object-position:center;
}
@media (max-width:1040px) {
  .stellest-page .stellest-hero { grid-template-columns:1fr; gap:28px; }
  .stellest-page .stellest-hero .promo-hero__copy { order:1; padding:0; }
  .stellest-page .stellest-hero .promo-hero__visual { order:2; width:100%; min-height:0; aspect-ratio:auto; }
}
@media (max-width:600px) {
  .stellest-page .stellest-hero { width:min(100% - 28px,1280px); margin-top:14px; padding:22px; gap:26px; }
  .stellest-page .stellest-hero h1 { font-size:clamp(33px,9vw,44px); line-height:1.08; }
  .stellest-page .stellest-hero .lead { font-size:18px; }
  .stellest-page .stellest-hero__facts { margin-top:22px; padding-left:21px; font-size:16px; }
  .stellest-page .stellest-hero .actions { display:grid; gap:14px; margin-top:25px; }
  .stellest-page .stellest-hero .actions .button--primary { display:flex; width:100%; white-space:normal; text-align:center; }
  .stellest-page .stellest-hero__phone { justify-self:center; font-size:19px; }
  .stellest-page .stellest-hero .promo-hero__visual { aspect-ratio:auto; }
}
