/* R3 campaign refinement: precise utility type, photographic stories, light in type. */
#dc-root .r3-eyebrow,
#dc-root #inway .r3-eyebrow {
  display:flex;align-items:center;gap:14px;
  margin:0 0 26px;padding:0;border:0;
  color:inherit;font:400 12px/1.4 'Messina Mono',Menlo,monospace;
  letter-spacing:.09em;text-transform:uppercase;
}
#dc-root .r3-eyebrow::before {content:'';display:block;width:32px;height:1px;background:currentColor;flex:none}
#inway .r2-signal-story {row-gap:24px}
#dc-root #inway .r3-eyebrow {grid-column:1/-1;margin:0}
#inway .r2-signal-intro {justify-content:flex-end}
#dc-root #next .r3-eyebrow {margin-bottom:26px}
.r3-campaign-score {position:relative;isolation:isolate;width:100%;max-width:520px;padding:42px 22px 22px;box-sizing:border-box;color:#fff}
.r3-score-figure {position:relative;width:fit-content;margin:auto;font:300 clamp(180px,25vw,360px)/.85 'Equinox Sans',Arial,sans-serif;letter-spacing:-.065em}
.r3-score-digit {display:inline-block}
.r3-number-ink {position:relative;display:inline-block;text-shadow:0 0 2px #fff,0 0 18px #fff2}
.r3-number-echo {position:absolute;left:0;top:0;display:block;pointer-events:none;white-space:nowrap;user-select:none}
.r3-number-echo-near {color:#fff;filter:blur(3px);opacity:.46;transform:translate(-9px,-7px);mask-image:linear-gradient(0deg,transparent 3%,#000 34%,#000 74%,transparent);-webkit-mask-image:linear-gradient(0deg,transparent 3%,#000 34%,#000 74%,transparent)}
.r3-number-echo-far {color:#d7c9c0;filter:blur(12px);opacity:.4;transform:translate(-24px,-29px);mask-image:linear-gradient(0deg,transparent,#000 38%,#000 74%,transparent);-webkit-mask-image:linear-gradient(0deg,transparent,#000 38%,#000 74%,transparent)}
.r3-score-denominator {display:block;margin:24px 5% 0 0;text-align:right;font:300 clamp(38px,4vw,58px)/1 'Equinox Sans',Arial,sans-serif;letter-spacing:-.025em}
#people #f-movement .v7-campaign-human-photo {background:#e9e6e8;height:auto;aspect-ratio:4/3} /* the art director's blurred runner, cut 4:3 (2026-10-05); the frame is taller so more of the picture shows */
#people #f-movement .v7-campaign-human-photo img {object-fit:cover} /* Round 4's pan (r4.js runners) still runs */
#people #f-people .v7-campaign-human-photo img {object-position:50% 50%}
#members .r2mem-photo[data-photo=flow] img {object-fit:contain;object-position:center}
#members .r2mem-photo[data-photo=flow] {background:#eaeaea}
#members .r2mem-photo[data-photo=joy] img {object-position:50% 46%}
#members .r2mem-photo[data-photo=sexy] img {object-position:50% 42%}
/* Instructions reflect available input, including tablets with a mouse. */
#findings .r2r-desktop {display:none}
#findings .r2r-touch {display:inline}
@media(any-hover:hover) and (any-pointer:fine) {
  #findings .r2r-desktop {display:inline}
  #findings .r2r-touch {display:none}
  #findings .r2r-description-door:hover .r2r-dimension-description {opacity:1;visibility:visible}
}
@media(max-width:760px) {
  .r3-campaign-score {max-width:380px;padding:30px 20px 8px}
  .r3-score-figure {font-size:clamp(180px,58vw,250px)}
  .r3-score-denominator {font-size:38px;margin-top:18px;margin-right:7%}
  #inway .r2-signal-story {display:grid;grid-template-columns:minmax(0,1fr);gap:0}
  #dc-root #inway .r3-eyebrow {margin:0 0 24px}
  #inway .r2-signal-intro {margin:0;min-height:470px}
  #members .r2mem-photo {height:350px}
  #people #f-movement .v7-campaign-human-photo {aspect-ratio:4/3;height:auto}
}
@media(prefers-reduced-motion:reduce) {
  .r3-number-echo-near {opacity:.22}
  .r3-number-echo-far {opacity:.2}
}