/* 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); }
}
@media (min-width: 901px) {
  .ap-siteground .sg-hero-study {
    --sg-hero-height: calc(100dvh - var(--sg-header-height, 73px));
    --sg-hero-inset: clamp(18px, calc(var(--sg-hero-height) * .046), 48px);
    --sg-hero-gap: clamp(12px, calc(var(--sg-hero-height) * .036), 32px);
    --sg-hero-bleed: clamp(0px, calc((100vw - var(--max)) / 2 - 16px), 280px);
    height: var(--sg-hero-height);
    padding-block: var(--sg-hero-inset) 0;
  }
  .ap-siteground .sg-hero-study-grid { height: 100%; align-items: stretch; }
  .ap-siteground .sg-hero-study-copy {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 0;
    padding-bottom: var(--sg-hero-inset);
  }
  .ap-siteground .sg-hero-study-copy > * { flex-shrink: 0; }
  .ap-siteground .sg-hero-study-logo {
    width: clamp(220px, calc(var(--sg-hero-height) * .36), 300px);
    margin-bottom: var(--sg-hero-gap);
  }
  .ap-siteground .sg-hero-study h1 {
    font-size: clamp(40px, min(5vw, calc(var(--sg-hero-height) * .1)), 72px);
    line-height: 1.05;
    margin-bottom: var(--sg-hero-gap);
  }
  .ap-siteground .sg-hero-study .sg-lead {
    max-width: 520px;
    font-size: clamp(17px, calc(var(--sg-hero-height) * .028), 22px);
    line-height: 1.5;
  }
  .ap-siteground .sg-hero-study-benefits {
    gap: clamp(6px, calc(var(--sg-hero-height) * .018), 12px);
    margin-block: var(--sg-hero-gap);
    font-size: clamp(15px, calc(var(--sg-hero-height) * .022), 18px);
    line-height: 1.4;
  }
  .ap-siteground .sg-hero-study-actions { gap: 12px 14px; }
  .ap-siteground .sg-hero-study-destination { gap: 8px; }
  .ap-siteground .sg-hero-study .button-primary,
  .ap-siteground .sg-hero-study .sg-text-link { font-size: clamp(14px, 1.2vw, 16px); white-space: nowrap; }
  .ap-siteground .sg-hero-study .button-primary { padding-inline: 18px; }
  .ap-siteground .sg-hero-study .sg-partner-link { font-size: 13.5px; line-height: 1.5; }
  .ap-siteground .sg-hero-study-media {
    width: calc(100% + var(--sg-hero-bleed));
    height: 100%;
    min-height: 0;
    align-self: stretch;
  }
  .ap-siteground .sg-hero-study-media img {
    height: 100%;
    object-fit: contain;
    object-position: right bottom;
  }
}
@media (min-width: 901px) and (max-height: 500px) {
  .ap-siteground .sg-hero-study { --sg-hero-inset: 12px; --sg-hero-gap: 8px; }
  .ap-siteground .sg-hero-study-logo { width: 180px; }
  .ap-siteground .sg-hero-study h1 { font-size: clamp(32px, calc(var(--sg-hero-height) * .09), 42px); line-height: 1.04; }
  .ap-siteground .sg-hero-study .sg-lead { font-size: 16px; line-height: 1.4; }
  .ap-siteground .sg-hero-study-benefits { display: flex; flex-wrap: wrap; gap: 8px 16px; margin-block: 12px; font-size: 14px; }
  .ap-siteground .sg-hero-study-benefits li { gap: 8px; }
  .ap-siteground .sg-hero-study-benefits svg { width: 20px; height: 20px; }
  .ap-siteground .sg-hero-study-destination { gap: 4px; }
  .ap-siteground .sg-hero-study .sg-partner-link { font-size: 13px; line-height: 1.4; }
}
/* The header and desktop hero together fill the viewport. */
@media (min-width: 901px) and (prefers-reduced-motion: no-preference) {
  .ap-siteground .sg-hero-study { position: sticky; top: var(--sg-header-height, 73px); 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);
  }
}