/* Local hero study; sibling layers only enable the requested scroll overlap. */
.ap-siteground .sg-hero-study {
  --sg-hero-accent: #2ccc92;
  color: #fff;
  background: #000;
  padding-block: var(--space-7) 0;
}
.ap-siteground .sg-hero-study-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
  align-items: end;
  gap: var(--space-5);
}
.ap-siteground .sg-hero-study-copy { min-width: 0; padding-bottom: var(--space-7); }
.ap-siteground .sg-hero-study-logo {
  display: block;
  width: 260px;
  max-width: 100%;
  height: auto;
  margin-bottom: var(--space-5);
}
.ap-siteground .sg-hero-study h1 {
  color: #fff;
  font-size: var(--type-display);
  font-weight: var(--weight-semibold);
  margin-bottom: var(--space-4);
}
.ap-siteground .sg-hero-study h1 span { color: var(--sg-hero-accent); }
.ap-siteground .sg-hero-study .sg-lead {
  max-width: 440px;
  color: #d2d6d5;
  margin: 0;
}
.ap-siteground .sg-hero-study-benefits {
  display: grid;
  gap: var(--space-2);
  padding: 0;
  margin: var(--space-5) 0;
  list-style: none;
}
.ap-siteground .sg-hero-study-benefits li {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  font-weight: var(--weight-medium);
}
.ap-siteground .sg-hero-study-benefits svg {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  fill: none;
  stroke: var(--sg-hero-accent);
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.ap-siteground .sg-hero-study-actions {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: var(--space-4) var(--space-5);
}
.ap-siteground .sg-hero-study-destination {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-2);
}
.ap-siteground .sg-hero-study .button-primary {
  color: #000;
  background: #fff;
  border-radius: 999px;
}
.ap-siteground .sg-hero-study .button-primary:hover { background: #e5faf1; }
.ap-siteground .sg-hero-study .sg-text-link {
  color: #fff;
  padding-block: var(--space-2);
  min-height: var(--cta-height);
  display: inline-flex;
  align-items: center;
}
.ap-siteground .sg-hero-study .sg-partner-link { color: #b8bfbd; }
.ap-siteground .sg-hero-study a:focus-visible {
  outline: 3px solid var(--sg-hero-accent);
  outline-offset: 5px;
}
.ap-siteground .sg-hero-study-media { min-width: 0; margin: 0; align-self: end; }
.ap-siteground .sg-hero-study-media img {
  display: block;
  width: 100%;
  height: auto;
}
@media (max-width: 900px) {
  .ap-siteground .sg-hero-study-grid { grid-template-columns: 1fr; gap: var(--space-6); }
  .ap-siteground .sg-hero-study { padding-block: var(--space-6) 0; }
  .ap-siteground .sg-hero-study-copy { max-width: var(--reading); padding-bottom: 0; }
  .ap-siteground .sg-hero-study-media { width: min(100%, 580px); justify-self: center; }
}
@media (max-width: 480px) {
  .ap-siteground .sg-hero-study { padding-block: var(--space-5) 0; }
  .ap-siteground .sg-hero-study-grid { gap: var(--space-5); }
  .ap-siteground .sg-hero-study h1 { font-size: var(--type-display); }
  .ap-siteground .sg-hero-study-logo { width: 210px; margin-bottom: var(--space-4); }
  .ap-siteground .sg-hero-study-actions { flex-direction: column; gap: var(--space-2); }
  .ap-siteground .sg-hero-study-destination { align-items: flex-start; }
  .ap-siteground .sg-hero-study .sg-partner-link { padding-block: var(--space-2); }
}
/* Keep a tall/mobile hero in normal flow so every control stays reachable. */
@media (min-width: 901px) and (min-height: 740px) and (prefers-reduced-motion: no-preference) {
  .ap-siteground .sg-hero-study { position: sticky; top: 0; z-index: 0; }
  .ap-siteground .sg-hero-study ~ section { position: relative; z-index: 1; }
  .ap-siteground .sg-hero-study ~ :is(.sg-projects, .sg-services, .sg-start, .sg-faq) {
    background-color: var(--background);
  }
}