/* A separate platform-strategy section, with quiet rotating paths behind the marks. */
.channel-orbit-section{overflow:hidden;background:var(--white);color:var(--black);text-align:center}
.channel-orbit-section .channel-strategy-intro{position:relative;z-index:1;isolation:isolate;margin:0 auto}
.channel-orbit-section .channel-strategy-intro::before{content:"";position:absolute;z-index:-1;inset:-20px -30px;background:radial-gradient(ellipse closest-side,white 60%,rgb(255 255 255 / 0) 100%);pointer-events:none}
.channel-orbit-section .channel-strategy-intro p{margin-top:24px}
.channel-orbit-stage{position:relative;width:min(100%,660px);aspect-ratio:1;margin-inline:auto}
.orbit-rotation{position:relative;display:grid;place-items:center;width:100%;height:100%;color:var(--brand)}
.orbit-center{position:relative;z-index:2;display:grid;place-items:center;text-align:center;font-weight:700;letter-spacing:-.065em;line-height:.9;color:var(--brand-accent)}
.orbit-ring{position:absolute;left:50%;top:50%;border:1px dashed rgb(134 182 92 / 32%);border-radius:50%;animation:orbit-spin var(--orbit-duration) linear infinite}
.orbit-ring-1{width:49%;height:49%;margin:-24.5% 0 0 -24.5%}
.orbit-ring-2{width:71%;height:71%;margin:-35.5% 0 0 -35.5%;border-color:rgb(134 182 92 / 22%)}
.orbit-ring-3{width:91%;height:91%;margin:-45.5% 0 0 -45.5%;border-color:rgb(134 182 92 / 14%)}
.orbit-icon-position{position:absolute;display:block;transform:translate(-50%,-50%)}
.orbit-icon{display:grid;place-items:center;border-radius:50%;background:var(--white);color:var(--brand);animation:orbit-spin var(--orbit-duration) linear infinite reverse}
.orbit-icon-mark{display:block;width:68%;height:68%}
.orbit-ring-2 .orbit-icon,.orbit-ring-3 .orbit-icon{opacity:.4}
#youtube-formats-title .youtube-format-accent{color:var(--channel-accent)}
#threads-results-title .threads-result-accent{color:var(--brand)}
@keyframes orbit-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@media(min-width:1025px){
  .channel-orbit-section{padding:88px 0 48px}
  .channel-orbit-stage{margin-top:-110px}
  .orbit-center{font-size:64px}
  .orbit-icon{width:70px;height:70px}
  .orbit-ring-2 .orbit-icon,.orbit-ring-3 .orbit-icon{width:54px;height:54px}
}
@media(min-width:768px) and (max-width:1024px){
  .channel-orbit-section{padding:72px 0 48px}
  .channel-orbit-stage{width:min(100%,560px);margin-top:-80px}
  .orbit-center{font-size:56px}
  .orbit-icon{width:60px;height:60px}
  .orbit-ring-2 .orbit-icon,.orbit-ring-3 .orbit-icon{width:46px;height:46px}
}
@media(max-width:767px){
  .channel-orbit-section{padding:64px 0 48px}
  .channel-orbit-section .channel-strategy-intro p{margin-top:20px}
  .channel-orbit-stage{width:min(100%,420px);margin-top:-40px}
  .orbit-center{font-size:clamp(30px,8.5vw,44px)}
  .orbit-icon{width:46px;height:46px}
  .orbit-ring-2 .orbit-icon,.orbit-ring-3 .orbit-icon{width:36px;height:36px}
}
@media(prefers-reduced-motion:reduce){.orbit-ring,.orbit-icon{animation:none}}

/* Place the rotating channels around the section title. */
.channel-orbit-section{position:relative;display:grid;place-items:center;isolation:isolate;padding-block:var(--section-space)}
.channel-orbit-section::before,.channel-orbit-section::after{content:"";position:absolute;left:0;right:0;height:90px;z-index:1;pointer-events:none}
.channel-orbit-section::before{top:0;background:linear-gradient(to bottom,var(--white),transparent)}
.channel-orbit-section::after{bottom:0;background:linear-gradient(to top,var(--white),transparent)}
.channel-orbit-section .container{position:static;pointer-events:none}
.channel-orbit-section .channel-strategy-intro{z-index:2}
.channel-orbit-section .channel-strategy-intro::before{display:none}
.channel-orbit-stage{position:absolute;top:50%;left:50%;max-width:none;transform:translate(-50%,-50%);margin:0;z-index:0;pointer-events:none}
@media(min-width:1025px){
  .channel-orbit-section{min-height:480px;padding-block:var(--section-space)}
  .channel-orbit-stage{width:850px;margin:0}
}
@media(min-width:768px) and (max-width:1024px){
  .channel-orbit-section{min-height:400px;padding-block:var(--section-space)}
  .channel-orbit-stage{width:850px;margin:0}
}
@media(max-width:767px){
  .channel-orbit-section{min-height:340px;padding-block:var(--section-space)}
  .channel-orbit-stage{width:560px;margin:0}
  .channel-orbit-section::before,.channel-orbit-section::after{height:60px}
}

/* Highlight key phrases without changing the heading typography. */
.channel-strategy-intro .strategy-highlight{display:inline-block;padding:0 .09em;background:var(--brand);color:var(--white)}

/* Preserve requested body-weight hashtags and bold discovery copy. */
#main #service-overview .channel-hashtags{font-size:var(--type-body);font-weight:400;line-height:1.5}
#main #blog .discovery-benefit-heading p strong{font-weight:700;color:inherit}
