/* Group's reading rhythm: approach, align, settle. No layout or type changes. */
.group-inner [data-rise],
.group-inner .transition__run > span { opacity:1; transform:none; transition:none; }
.group-inner .idea__rings circle,
.group-inner .idea__rings.in circle { transform:none; opacity:.8; transition:none; }
.group-inner .idea__rings text { opacity:.85; transition:none; }
.group-inner .layer .arc,
.group-inner .open__geo .arc,
.group-inner .open__geo.in .arc,
.group-inner .bio__contain .arc,
.group-inner .bio__contain.in .arc { stroke-dashoffset:0; transition:none; }
.group-inner .process__line { transform:none; transition:none; }
.group-inner .process__step i { opacity:1; transition:none; }

/* Preserve the original photographic crop, including on hover. */
.group-inner .person figure img,
.group-inner .person:hover figure img,
.group-inner .split-soft__plate img,
.group-inner .split-soft__plate:hover img,
.group-inner .stack__plate img,
.group-inner .stack__plate:hover img,
.group-inner .bio__plate img { transform:none; transition:none; }

.group-inner-process-rule { display:none; pointer-events:none; }

@media screen and (min-width:1100px) and (prefers-reduced-motion:no-preference) {
  body.group-inner-active .group-inner-reveal {
    opacity:1;
    transform:translate3d(0,var(--group-reading-y,0px),0);
    transition:none;
  }
  body.group-inner-active .group-inner-reveal:focus-within,
  body.group-inner-active .group-inner-reveal:focus-visible { transform:none; }
  /* Reveal the existing typographic block as a whole: no character splitting,
     changed line breaks or animated paragraphs. Once read it stays resolved. */
  body.group-inner-active :is(h2,h3).group-inner-reveal{
    clip-path:inset(0 0 calc((1 - var(--group-title-reveal,1)) * 100%) 0);
  }
  body.group-inner-active :is(h2,h3).group-inner-reveal:focus-within{clip-path:none}

  /* The original border remains visible underneath the travelling emphasis. */
  .group-inner-active .group-inner-rule::after {
    content:""; position:absolute; bottom:-1px; left:0; width:100%; height:1px;
    background:var(--gold); opacity:.55; pointer-events:none;
    transform:scaleX(var(--group-rule-progress,0)); transform-origin:left center;
  }
  .group-inner-active .group-inner-process-rule {
    display:block; position:absolute; height:1px; background:var(--gold);
    opacity:.6; transform:scaleX(var(--group-rule-progress,0));
    transform-origin:left center; pointer-events:none;
  }
  .group-inner .field-row::after {
    content:""; position:absolute; left:0; bottom:-1px; height:1px; width:100%;
    background:var(--gold); pointer-events:none; transform:scaleX(0);
    transform-origin:left center; transition:transform 260ms var(--ease);
  }
  .group-inner .field-row:focus-within::after { transform:scaleX(1); }
}

@media (prefers-reduced-motion:reduce),print {
  body .group-inner-reveal { opacity:1!important; transform:none!important; transition:none!important; }
  .group-inner-rule::after,.group-inner-process-rule { display:none!important; }
  .group-inner .idea__rings circle { transform:none!important; }
}
