/* Restore the normal space after the full-bleed photograph. Keep the quote
   centered, but replace its wide frosted pane with a compact solid field. */
#view-about #founder-words .fw{width:fit-content;max-width:min(100%,600px);padding:20px 24px;border-radius:6px;background:#14202a;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
#view-about #founder-words .fw-quote{text-shadow:none}

/* This wrapper adds a second, clipped plane of travel around the existing
   image motion. The section is the timeline because its sticky child does not
   move through the viewport until the section releases. */
#view-about #founder-words .curator-image{position:relative}
#view-about #founder-words .curator-depth{position:absolute;inset:0;display:block;transform:scale(1.13);transform-origin:center;will-change:transform}
@keyframes bco-curator-depth-20260918{
  from{transform:translate3d(0,-7%,0) scale(1.13)}
  to{transform:translate3d(0,7%,0) scale(1.13)}
}
@supports (animation-timeline:view()){
  @media screen and (prefers-reduced-motion:no-preference){
    #view-about #founder-words .fw-scroll{view-timeline-name:--bco-curator-scroll;view-timeline-axis:block}
    #view-about #founder-words .curator-depth{animation:bco-curator-depth-20260918 linear both;animation-timeline:--bco-curator-scroll;animation-range:cover 45% cover 83%}
  }
}
@media(max-width:700px){
  #view-about #founder-words .fw{max-width:100%;padding:16px 18px}
}
@media(prefers-reduced-motion:reduce){
  #view-about #founder-words .curator-depth{transform:none;animation:none;will-change:auto}
}
@media print{
  #view-about #founder-words .curator-depth{transform:none;animation:none;will-change:auto}
}