.starlink-referral {
  position: relative;
  display: grid;
  align-items: center;
  width: min(1180px, calc(100% - 32px));
  min-height: 420px;
  margin: clamp(42px, 6vw, 72px) auto;
  overflow: hidden;
  border: 1px solid rgba(229, 176, 45, 0.45);
  border-radius: var(--radius);
  background: #051328 var(--starlink-ad-image) center / cover no-repeat;
  color: #fff;
}

.starlink-referral-content { position: relative; z-index: 1; width: min(630px, 58%); padding: clamp(30px, 5vw, 64px); }
.starlink-referral h2 { max-width: 610px; margin: 6px 0 16px; color: #fff; font-size: clamp(2.15rem, 4vw, 3.9rem); line-height: 1; }
.starlink-referral-description { max-width: 570px; margin-bottom: 0; color: #e4edf7; font-size: 1.06rem; line-height: 1.55; }
.starlink-referral-cta { min-height: 48px; margin-top: 22px; }
.starlink-referral-disclosure { max-width: 560px; margin: 14px 0 0; color: #c9d6e5; font-size: .79rem; line-height: 1.45; }
.starlink-referral--newsroom, .starlink-referral--article { width: min(1120px, calc(100% - 36px)); min-height: 350px; margin-block: 34px 64px; }
.starlink-referral--newsroom h2, .starlink-referral--article h2 { font-size: clamp(1.9rem, 3.4vw, 3.25rem); }
.starlink-referral--banner { width: 100%; min-height: 0; margin: 30px 0; border-radius: 8px; background-position: center right; }
.starlink-referral--banner::before { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(5,16,31,.96), rgba(5,16,31,.84) 54%, rgba(5,16,31,.3)); content: ''; }
.starlink-referral--banner .starlink-referral-content { width: 100%; padding: 18px; }
.starlink-referral--banner h2 { max-width: 520px; margin: 4px 0 8px; font-size: clamp(1.25rem, 2.5vw, 1.8rem); line-height: 1.08; }
.starlink-referral--banner .starlink-referral-description { max-width: 520px; font-size: .92rem; line-height: 1.42; }
.starlink-referral--banner .starlink-referral-cta { min-height: 40px; margin-top: 14px; padding: 9px 14px; }
.starlink-referral--banner .starlink-referral-disclosure { max-width: 520px; margin-top: 10px; font-size: .72rem; }

@media (max-width: 760px) {
  .starlink-referral, .starlink-referral--newsroom, .starlink-referral--article { width: min(100% - 24px, 1180px); min-height: 520px; align-items: end; background-position: 66% center; }
  .starlink-referral::before { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(4,17,34,.18), rgba(4,17,34,.92) 62%); content: ''; }
  .starlink-referral-content { width: 100%; padding: 28px 22px; }
  .starlink-referral h2, .starlink-referral--newsroom h2, .starlink-referral--article h2 { font-size: 2.35rem; }
  .starlink-referral-cta { width: 100%; }
  .starlink-referral--banner { min-height: 0; margin: 26px 0; align-items: center; background-position: center; }
  .starlink-referral--banner::before { background: rgba(5,16,31,.8); }
  .starlink-referral--banner .starlink-referral-content { padding: 18px; }
  .starlink-referral--banner h2 { font-size: 1.35rem; }
}