/* In Their Words — Origins (Igor 2026-10-09: mockup 02, "The Ribbon"). Two counter-running rows of client
   excerpts in the white band between What We Hold and In His Own Words. Didot carries the words, Avenir Next
   the credits; crimson appears only as punctuation (quotation marks, dividers). The rows run full-bleed with
   square edges. No stars, ratings, counts or review markup — the flagship makes no rating claims.
   v2 (Igor, same day): about 75% faster, both rows about 16% smaller (the top row stays the larger), and no
   Pause button.
   v3 (Igor, same day): a further 15% faster.
   Motion is CSS only, so it obeys the site's own controls: html.bco-motion-paused (the motion pause and
   hidden tabs) holds it; prefers-reduced-motion turns each row into a still, hand-scrolled rail; hover, a tap or
   keyboard focus holds the row being read. Each row carries its excerpts twice for a seamless loop — the second
   set is aria-hidden, so assistive technology reads each excerpt once. Durations follow each row's measured
   width so the pace stays near 68px/s (top) and 48px/s (lower). */
#in-their-words{scroll-margin-top:clamp(96px,8vw,120px)}
.itw{padding:clamp(80px,9vw,170px) 0 0}
.itw ul{list-style:none;margin:0;padding:0}
.itw .wrap>.eyebrow{margin-bottom:clamp(30px,3.2vw,58px)}

/* A focusable row (keyboard holds it, or scrolls it when motion is reduced) around a feathered window. */
.itw-rail{position:relative}
.itw-rail:focus{outline:none}
.itw-rail:focus-visible{outline:2px solid var(--crimson);outline-offset:4px}
.itw-win{overflow:hidden;padding:clamp(4px,.5vw,10px) 0;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.itw-track{display:flex;width:max-content;animation:itw-run var(--itw-dur) linear infinite}
.itw-row-b .itw-track{animation-direction:reverse}
@keyframes itw-run{to{transform:translate3d(-50%,0,0)}}
.itw-rail:hover .itw-track,.itw-rail:focus .itw-track{animation-play-state:paused}

.itw-item{flex:0 0 auto;display:flex}
.itw-fig{display:flex;align-items:flex-start;margin:0;white-space:nowrap}
.itw-q{margin:0;font-family:var(--font-display);font-size:var(--qs);line-height:1.14;letter-spacing:-.008em;color:var(--ink)}
.itw-q::before{content:"\201C";color:var(--crimson);margin-right:.06em}
.itw-q::after{content:"\201D";color:var(--crimson);margin-left:.03em}
.itw-row-a{--qs:clamp(39px,6vw,126px)}
.itw-row-b{--qs:clamp(21px,2.6vw,54px)}
.itw-row-a .itw-q{font-style:italic}
.itw-row-b .itw-q{font-style:normal}
.itw-by{margin:calc(var(--qs) * .2) 0 0 clamp(14px,1.3vw,24px);font-family:var(--font-body);font-weight:600;font-size:clamp(10.5px,.68vw,13px);letter-spacing:.18em;text-transform:uppercase;color:var(--ink-60);white-space:nowrap}
.itw-row-b .itw-by{margin-top:calc(var(--qs) * .26)}
.itw-dot{padding:0 .5em;color:var(--crimson)}
.itw-div{flex:0 0 auto;align-self:center;width:clamp(36px,3.6vw,68px);height:1px;margin:0 clamp(34px,4.2vw,84px);background:var(--crimson);opacity:.75}
.itw-rule{height:1px;margin:clamp(16px,1.8vw,34px) 0;background:var(--ink-14)}

/* Credit line. */
.itw-foot{margin-top:clamp(36px,3.8vw,68px)}
.itw-credit{margin:0;max-width:72ch;font-size:13px;line-height:1.65;color:var(--ink-60)}
.itw-credit a{color:var(--crimson);text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
.itw-credit a:hover{text-decoration-thickness:2px}

/* Loop durations from each row's measured set width (one set = half the track; v2 type measured 2026-10-09 at
   13 widths, 360-2560px). The type scales with the viewport, so each band keeps the pace within about 10% of its
   target: about 68px/s on the top row and 48px/s below (v2 was 60 and 42; v1 34 and 24). */
.itw-row-a{--itw-dur:64s}.itw-row-b{--itw-dur:91s}
@media(min-width:701px){.itw-row-a{--itw-dur:75s}}
@media(min-width:901px){.itw-row-a{--itw-dur:90s}.itw-row-b{--itw-dur:108s}}
@media(min-width:1101px){.itw-row-a{--itw-dur:108s}.itw-row-b{--itw-dur:129s}}
@media(min-width:1361px){.itw-row-a{--itw-dur:127s}.itw-row-b{--itw-dur:150s}}
@media(min-width:1561px){.itw-row-a{--itw-dur:145s}.itw-row-b{--itw-dur:171s}}
@media(min-width:1801px){.itw-row-a{--itw-dur:166s}.itw-row-b{--itw-dur:196s}}
@media(min-width:2081px){.itw-row-a{--itw-dur:174s}.itw-row-b{--itw-dur:203s}}

@media(prefers-reduced-motion:reduce){
  .itw-track{animation:none}
  .itw-dupe{display:none}
  .itw-win{overflow-x:auto;-webkit-mask-image:none;mask-image:none;scrollbar-width:thin}
}
@media print{
  .itw-win{overflow:visible;-webkit-mask-image:none;mask-image:none}
  .itw-track{flex-wrap:wrap;width:auto;animation:none}
  .itw-fig{white-space:normal}
  .itw-dupe,.itw-div{display:none}
}