.dd-ad-circle {
    width: 100%;
    margin: 0 auto;
    padding: clamp(30px, 4vw, 56px) 0;
    text-align: center;
}

.dd-ad-circle__header {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 0 clamp(34px, 3.6vw, 50px);
}

.dd-ad-circle__header::before {
    content: "";
    display: block;
    width: clamp(46px, 5vw, 68px);
    height: 2px;
    margin: 0 0 13px;
    background: #11defd;
    opacity: .9;
}

.dd-ad-circle__eyebrow {
    margin: 0 0 8px;
    color: #11defd;
    font-size: clamp(9px, .75vw, 11px);
    font-weight: 800;
    line-height: 1;
    letter-spacing: .22em;
    text-transform: uppercase;
}

.dd-ad-circle__heading {
    margin: 0;
    color: #fff;
    font: inherit;
    font-size: clamp(22px, 2.1vw, 30px);
    font-weight: 800;
    line-height: 1.05;
    letter-spacing: .035em;
    text-transform: uppercase;
}

.dd-ad-circle__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    justify-items: center;
    align-items: center;
    gap: clamp(26px, 3vw, 42px) clamp(34px, 5vw, 76px);
    width: min(100%, 940px);
    margin: 0 auto;
}

.dd-ad-circle__item {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-width: 0;
}

.dd-ad-circle__link {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: clamp(132px, 13vw, 178px);
    aspect-ratio: 1 / 1;
    border-radius: 50%;
    overflow: hidden;
    background: #101213;
    text-decoration: none;
    box-shadow: 0 0 0 1px rgba(255,255,255,.04);
    transform: translate3d(0,0,0) scale(1);
    transition: transform 180ms ease, filter 180ms ease, box-shadow 180ms ease;
}

.dd-ad-circle__link:not(.dd-ad-circle__link--static):hover,
.dd-ad-circle__link:not(.dd-ad-circle__link--static):focus-visible {
    transform: translate3d(0,-2px,0) scale(1.045);
    filter: brightness(1.08);
    box-shadow: 0 0 0 1px rgba(17,222,253,.30), 0 10px 30px rgba(0,0,0,.26);
    outline: none;
}

/* True circular crop. If a source mark does not survive the crop well,
   use the per-record Circle Image Override rather than weakening the system. */
.dd-ad-circle__image {
    display: block;
    width: 100%;
    height: 100%;
    max-width: none;
    object-fit: cover;
    object-position: center;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    border-radius: 50%;
}

/* Compact treatment for entity/search/archive pages later. */
.dd-ad-circle--compact {
    padding: clamp(22px, 3vw, 38px) 0;
}

.dd-ad-circle--compact .dd-ad-circle__header {
    margin-bottom: clamp(24px, 2.6vw, 34px);
}

.dd-ad-circle--compact .dd-ad-circle__header::before {
    width: 42px;
    margin-bottom: 10px;
}

.dd-ad-circle--compact .dd-ad-circle__eyebrow {
    font-size: 9px;
    margin-bottom: 6px;
}

.dd-ad-circle--compact .dd-ad-circle__heading {
    font-size: clamp(17px, 1.5vw, 21px);
}

.dd-ad-circle--compact .dd-ad-circle__grid {
    width: min(100%, 820px);
    gap: 24px clamp(28px, 4vw, 56px);
}

.dd-ad-circle--compact .dd-ad-circle__link {
    width: clamp(108px, 10vw, 145px);
}

@media (max-width: 760px) {
    .dd-ad-circle {
        padding: 30px 0 34px;
    }

    .dd-ad-circle__header {
        margin-bottom: 34px;
    }

    .dd-ad-circle__header::before {
        width: 46px;
        margin-bottom: 11px;
    }

    .dd-ad-circle__eyebrow {
        margin-bottom: 7px;
        font-size: 9px;
    }

    .dd-ad-circle__heading {
        font-size: clamp(18px, 5.6vw, 23px);
    }

    .dd-ad-circle__grid,
    .dd-ad-circle--compact .dd-ad-circle__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        width: min(100%, 390px);
        gap: 22px 20px;
    }

    .dd-ad-circle__link {
        width: min(31vw, 124px);
    }

    .dd-ad-circle--compact .dd-ad-circle__link {
        width: min(28vw, 112px);
    }
}

@media (max-width: 380px) {
    .dd-ad-circle__grid,
    .dd-ad-circle--compact .dd-ad-circle__grid {
        gap: 18px 14px;
    }

    .dd-ad-circle__link {
        width: min(34vw, 116px);
    }
}

@media (prefers-reduced-motion: reduce) {
    .dd-ad-circle__link {
        transition: none;
    }
}

/* v0.14.57 — align Ad Circle with the DD section system and finish the homepage rhythm. */
.dd-ad-circle--feature {
    padding-top: var(--dd-section-top, clamp(56px,7vw,86px));
    padding-bottom: calc(var(--dd-section-bottom, clamp(62px,7.5vw,92px)) + 12px);
}
.dd-ad-circle--feature .dd-ad-circle__header {
    margin-bottom: clamp(38px, 4vw, 54px);
}
.dd-ad-circle--feature .dd-ad-circle__eyebrow {
    font-size: var(--dd-kicker-size, 10px);
    letter-spacing: .18em;
}
.dd-ad-circle--feature .dd-ad-circle__heading {
    font-size: clamp(24px, 2.35vw, 34px);
    letter-spacing: .02em;
}
.dd-ad-circle--feature .dd-ad-circle__grid {
    margin-bottom: 14px;
}
@media(max-width:760px){
    .dd-ad-circle--feature {
        padding-top: 48px;
        padding-bottom: 70px;
    }
    .dd-ad-circle--feature .dd-ad-circle__header {
        margin-bottom: 38px;
    }
    .dd-ad-circle--feature .dd-ad-circle__heading {
        font-size: clamp(20px, 6.3vw, 25px);
    }
    .dd-ad-circle--feature .dd-ad-circle__grid {
        margin-bottom: 12px;
    }
}

/* v0.14.58 — IN THE SIGNAL promoted from sponsor widget to SIGNAL chapter. */
.dd-ad-circle--feature{
    padding-top:clamp(72px,8.5vw,112px);
    padding-bottom:clamp(84px,9.5vw,126px);
}
.dd-ad-circle--feature .dd-ad-circle__header{
    width:min(100%,860px);
    margin:0 auto 46px;
}
.dd-ad-circle--feature .dd-ad-circle__signal-rule{width:74px;height:2px;margin-bottom:15px}
.dd-ad-circle--feature .dd-ad-circle__eyebrow{margin-bottom:11px}
.dd-ad-circle--feature .dd-ad-circle__heading{margin:0}
.dd-ad-circle--feature .dd-ad-circle__grid{
    width:min(100%,820px);
    column-gap:clamp(34px,5vw,74px);
    row-gap:clamp(28px,4vw,52px);
    margin-bottom:20px;
}
.dd-ad-circle--feature .dd-ad-circle__item{width:clamp(108px,12vw,146px);height:clamp(108px,12vw,146px)}
@media(max-width:760px){
  .dd-ad-circle--feature{padding-top:64px;padding-bottom:84px}
  .dd-ad-circle--feature .dd-ad-circle__header{margin-bottom:36px}
  .dd-ad-circle--feature .dd-ad-circle__grid{row-gap:24px;column-gap:28px;margin-bottom:18px}
  .dd-ad-circle--feature .dd-ad-circle__item{width:112px;height:112px}
}

/* v0.14.59 — IN THE SIGNAL as an editorial network spread, not a sponsor widget. */
.dd-ad-circle--feature{
  position:relative;
  padding-top:clamp(82px,9vw,126px)!important;
  padding-bottom:clamp(104px,11vw,150px)!important;
  overflow:visible;
  text-align:left!important;
}
.dd-ad-circle--feature::before{
  content:"IN /";
  position:absolute;
  left:-.025em;
  top:.15em;
  color:transparent;
  -webkit-text-stroke:1px rgba(255,255,255,.045);
  font-size:clamp(118px,17vw,252px);
  font-weight:900;
  line-height:.8;
  letter-spacing:-.08em;
  transform:rotate(-3deg);
  pointer-events:none;
}
.dd-ad-circle--feature .dd-ad-circle__header{
  position:relative;
  z-index:1;
  align-items:flex-start!important;
  width:min(100%,900px)!important;
  margin:0 auto clamp(44px,5vw,66px)!important;
  text-align:left!important;
}
.dd-ad-circle--feature .dd-ad-circle__header::before{
  width:64px!important;
  height:3px!important;
  margin:0 0 13px!important;
  transform:rotate(-2deg);
}
.dd-ad-circle--feature .dd-ad-circle__eyebrow{
  display:none!important;
}
.dd-ad-circle--feature .dd-ad-circle__heading{
  position:relative;
  max-width:720px;
  font-size:clamp(44px,5.8vw,78px)!important;
  line-height:.86!important;
  letter-spacing:-.06em!important;
  text-transform:uppercase!important;
}
.dd-ad-circle--feature .dd-ad-circle__heading::after{
  content:" /";
  color:#fc44b7;
  font-weight:900;
}
.dd-ad-circle--feature .dd-ad-circle__grid{
  position:relative;
  z-index:1;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  width:min(100%,900px)!important;
  margin:0 auto!important;
  gap:clamp(28px,4vw,54px) clamp(30px,5vw,76px)!important;
}
.dd-ad-circle--feature .dd-ad-circle__item{
  width:auto!important;
  height:auto!important;
}
.dd-ad-circle--feature .dd-ad-circle__item:nth-child(2){transform:translateY(24px)}
.dd-ad-circle--feature .dd-ad-circle__item:nth-child(3){transform:translateY(-10px)}
.dd-ad-circle--feature .dd-ad-circle__item:nth-child(4){transform:translateX(20px) translateY(-8px)}
.dd-ad-circle--feature .dd-ad-circle__item:nth-child(5){transform:translateY(30px)}
.dd-ad-circle--feature .dd-ad-circle__item:nth-child(6){transform:translateX(-14px)}
.dd-ad-circle--feature .dd-ad-circle__link{
  width:clamp(118px,12.5vw,158px)!important;
  box-shadow:none!important;
}
.dd-ad-circle--feature .dd-ad-circle__link:not(.dd-ad-circle__link--static):hover,
.dd-ad-circle--feature .dd-ad-circle__link:not(.dd-ad-circle__link--static):focus-visible{
  transform:rotate(-1.3deg) scale(1.055)!important;
  filter:brightness(1.08) contrast(1.03)!important;
  box-shadow:0 0 0 1px rgba(17,222,253,.22)!important;
}
@media(max-width:760px){
  .dd-ad-circle--feature{
    padding-top:82px!important;
    padding-bottom:108px!important;
  }
  .dd-ad-circle--feature::before{left:-.04em;top:.2em;font-size:38vw}
  .dd-ad-circle--feature .dd-ad-circle__header{
    margin-bottom:42px!important;
  }
  .dd-ad-circle--feature .dd-ad-circle__heading{
    max-width:90%;
    font-size:clamp(36px,12vw,50px)!important;
  }
  .dd-ad-circle--feature .dd-ad-circle__grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    width:min(100%,360px)!important;
    gap:24px 22px!important;
  }
  .dd-ad-circle--feature .dd-ad-circle__item:nth-child(n){transform:none}
  .dd-ad-circle--feature .dd-ad-circle__item:nth-child(even){transform:translateY(12px)}
  .dd-ad-circle--feature .dd-ad-circle__item:nth-child(3),
  .dd-ad-circle--feature .dd-ad-circle__item:nth-child(6){transform:translateX(8px)}
  .dd-ad-circle--feature .dd-ad-circle__link{
    width:min(31vw,122px)!important;
  }
}

/* v0.14.60 — title-case editorial heading; softer hierarchy and more organic spacing. */
.dd-ad-circle--feature .dd-ad-circle__heading{
  max-width:720px;
  font-size:clamp(40px,5vw,66px)!important;
  line-height:.94!important;
  letter-spacing:-.05em!important;
  font-weight:700!important;
  text-transform:none!important;
}
.dd-ad-circle--feature .dd-ad-circle__heading::after{
  content:" /";
  color:#fc44b7;
  font-weight:700;
}
.dd-ad-circle--feature .dd-ad-circle__header{margin-bottom:clamp(48px,5.5vw,72px)!important}
@media(max-width:760px){
  .dd-ad-circle--feature .dd-ad-circle__heading{
    max-width:94%;
    font-size:clamp(34px,10.8vw,46px)!important;
    line-height:.96!important;
  }
  .dd-ad-circle--feature .dd-ad-circle__header{margin-bottom:46px!important}
}


/* v0.14.73 — compact Amplified by / strip for Core subpages and discovery. */
.dd-subpage-amplified{
  box-sizing:border-box;
  width:min(1120px,calc(100% - 48px));
  margin:0 auto 42px;
  padding:0;
  color:#fff;
  font-family:Poppins,Arial,sans-serif;
}
.dd-subpage-amplified .dd-ad-circle--compact{
  display:grid;
  grid-template-columns:minmax(150px,.42fr) minmax(0,1.58fr);
  align-items:center;
  gap:clamp(28px,4vw,62px);
  width:100%;
  padding:34px 0 30px;
  text-align:left;
  border-top:1px solid rgba(255,255,255,.18);
  border-bottom:1px solid rgba(255,255,255,.08);
}
.dd-subpage-amplified .dd-ad-circle--compact .dd-ad-circle__header{
  align-items:flex-start;
  margin:0;
}
.dd-subpage-amplified .dd-ad-circle--compact .dd-ad-circle__header::before{
  width:38px;
  height:2px;
  margin:0 0 12px;
  background:#11defd;
}
.dd-subpage-amplified .dd-ad-circle--compact .dd-ad-circle__heading{
  margin:0;
  color:#fff;
  font-size:clamp(22px,2.25vw,32px);
  font-weight:700;
  line-height:.98;
  letter-spacing:-.045em;
  text-transform:none;
}
.dd-subpage-amplified .dd-ad-circle--compact .dd-ad-circle__heading::after{
  content:" /";
  color:#fc44b7;
  font-weight:700;
}
.dd-subpage-amplified .dd-ad-circle--compact .dd-ad-circle__grid{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:clamp(12px,1.8vw,24px);
  width:100%;
  max-width:none;
  margin:0;
}
.dd-subpage-amplified .dd-ad-circle--compact .dd-ad-circle__link{
  width:min(100%,96px);
  max-width:96px;
}
.dd-subpage-amplified .dd-ad-circle--compact .dd-ad-circle__item:nth-child(even){transform:translateY(5px)}
.dd-subpage-amplified--discovery{margin-top:34px}
@media(max-width:820px){
  .dd-subpage-amplified{
    width:min(100% - 32px,1120px);
    margin-bottom:34px;
  }
  .dd-subpage-amplified .dd-ad-circle--compact{
    grid-template-columns:1fr;
    gap:24px;
    padding:28px 0 30px;
  }
  .dd-subpage-amplified .dd-ad-circle--compact .dd-ad-circle__header{margin:0}
  .dd-subpage-amplified .dd-ad-circle--compact .dd-ad-circle__heading{
    font-size:clamp(25px,7vw,32px);
  }
  .dd-subpage-amplified .dd-ad-circle--compact .dd-ad-circle__grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
    width:min(100%,350px);
    gap:18px 16px;
    justify-items:start;
  }
  .dd-subpage-amplified .dd-ad-circle--compact .dd-ad-circle__link{
    width:min(24vw,88px);
  }
  .dd-subpage-amplified .dd-ad-circle--compact .dd-ad-circle__item:nth-child(n){transform:none}
  .dd-subpage-amplified .dd-ad-circle--compact .dd-ad-circle__item:nth-child(2),
  .dd-subpage-amplified .dd-ad-circle--compact .dd-ad-circle__item:nth-child(5){transform:translateY(7px)}
}
@media(max-width:390px){
  .dd-subpage-amplified{width:calc(100% - 28px)}
  .dd-subpage-amplified .dd-ad-circle--compact .dd-ad-circle__grid{gap:16px 12px}
  .dd-subpage-amplified .dd-ad-circle--compact .dd-ad-circle__link{width:min(25vw,82px)}
}
