/* ============================================================================
   OMNIKOM - page: /compliance ("compliance & data practices")
   REGENERATED (cycle 6): the page consumes the shared component layer
   (components.css - c-hero/c-center+c-head/c-steps/c-uses/c-lede/c-body/
   c-foot/c-cta). Only genuine per-page deltas and the two kept-unique
   signature structures live here: the hero ring mark and the approved-
   statement definition panel.
   ========================================================================== */

.p-compliance{ overflow-x:clip; }
.p-compliance .wrap{ position:relative; z-index:1; }

/* the mono foot lines (data provenance, FTC grounding) read tighter than the
   60rem centered default */
.p-compliance .c-foot{ max-width:66ch; }

/* ================= kept unique: hero ring mark ================= */
.cpl-hero{ position:relative; overflow:hidden; }
.cpl-hero__q{
  /* ledger (cycle 10): pulled inboard ~120px from the old clamp(-140px,-6vw,-60px)
     so the full arc reads instead of clipping at the right edge */
  position:absolute; top:50%; right:clamp(-20px,1.4vw,60px); width:clamp(300px,38vw,520px); height:auto;
  color:var(--royal); opacity:.42; transform:translateY(-50%);
  animation:cpl-breathe 9s var(--ease-flow) infinite;
  pointer-events:none; z-index:0;
}
@keyframes cpl-breathe{
  0%,100%{ transform:translateY(-50%) scale(1); opacity:.36 }
  50%{ transform:translateY(-50%) scale(1.04); opacity:.5 }
}
@media (prefers-reduced-motion:reduce){ .cpl-hero__q{ animation-duration:16s; } }

/* the masked hero headline needs a block-level inner to clip per line */
.p-compliance .c-hero__title .reveal-inner{ display:block; }
.cpl-hero__seelink{ font-size:var(--t-note); }

/* ================= kept unique: the approved-statement panel ================= */
.cpl-panel{
  margin-top:clamp(28px,4vw,44px); margin-inline:auto;
  padding:clamp(28px,4.5vw,48px); max-width:70ch; text-align:left;
  background:var(--royal-well); border:1px solid rgba(245,245,245,.16); border-radius:var(--r-card);
}
.cpl-panel__body{
  font-family:var(--f-display); font-weight:500; font-size:clamp(19px,2.2vw,24px);
  line-height:1.46; letter-spacing:var(--track-h3); color:var(--paper-full);
}

/* ledger (cycle 10): the boundary lede must separate from the ten-item dot list
   instead of reading as an eleventh item - +32px over the shared .c-body top */
.p-compliance .cpl-owns__lede{ margin-top:clamp(60px,7vw,72px); }

/* ================= responsive: mobile tightening ================= */
@media (max-width:639px){
  .cpl-hero__q{ display:none; }
  .cpl-panel{ padding:22px; }
}