/* These overrides belong only to the two scroll chapters, never the hero. */
.scroll-scene{position:relative;margin-bottom:104px;overflow:visible;overflow-anchor:none}
.scroll-scene [data-scroll-sticky]{position:relative;padding-top:1px;background:var(--page)}
.scroll-scene[data-scroll-layout=sticky]>[data-scroll-sticky]{position:sticky;top:var(--scroll-top,20px)}
.scroll-scene .v4-story-row{margin-bottom:0}
.scroll-scene .v4-department-tabs{margin-bottom:24px;scrollbar-width:none}
.scroll-scene .v4-department-tabs::-webkit-scrollbar{display:none}
.scroll-scene .v4-example-meta{min-height:49px}
.scroll-scene .v4-prototype-heading{min-height:33px}
.scroll-scene .v4-participation-caption{min-height:39px}
.scroll-scene .v4-trace-detail h5{min-height:50px}
.scroll-scene .v4-trace-detail>p{min-height:60px}
.scroll-scene .v4-trace-detail ul{min-height:57px}
.scroll-scene .v4-trace-hint{margin-top:21px}
.scroll-scene-guide{display:none;align-items:center;justify-content:space-between;gap:20px;padding:18px 0 4px;color:var(--muted);font-size:10px;line-height:1.6}
.scroll-scene[data-scroll-ready=true] .scroll-scene-guide{display:flex}
.scroll-scene-guide [data-scroll-count]{font-size:10px;color:var(--active-ink);font-variant-numeric:tabular-nums;letter-spacing:.09em;white-space:nowrap}
.scroll-scene-guide [data-scroll-hint]{display:inline-flex;align-items:center;gap:9px}
.scroll-scene-guide [data-scroll-hint]:before{content:'';width:5px;height:5px;border-right:1px solid var(--active-ink);border-bottom:1px solid var(--active-ink);transform:rotate(45deg);align-self:flex-start;margin-top:4px}
.scroll-scene-intro[hidden]{display:none}
.scroll-scene-intro{margin-bottom:28px}
.scroll-scene-intro .v4-story-copy{max-width:600px}

@media(min-width:851px) and (max-height:760px){
  .scroll-scene[data-scroll-scene=teams] .v4-participation{margin-block:17px 18px}
  .scroll-scene[data-scroll-scene=teams] .v4-joining-lines{height:33px}
  .scroll-scene[data-scroll-scene=teams] .v4-brainstorm blockquote{min-height:72px}
  .scroll-scene[data-scroll-scene=teams] .v4-short-connector{height:21px;margin-block:6px}
  .scroll-scene[data-scroll-scene=teams] .v4-participation-caption{margin-block:15px 18px}
}
@media(max-width:1100px){
  .scroll-scene .v4-story-row{gap:40px}
  .scroll-scene .v4-participation{margin-block:20px 22px}
  .scroll-scene .v4-participation-caption{margin-block:16px 20px}
}
@media(max-width:850px){
  .scroll-scene{margin-bottom:78px}
  .scroll-scene .v4-story-row{display:block}
  .scroll-scene .v4-example-surface{max-width:640px;margin-inline:auto}
  .scroll-scene .v4-department-tabs{margin-bottom:20px}
  .scroll-scene .v4-participation{margin-block:17px 18px}
  .scroll-scene .v4-joining-lines{height:33px}
  .scroll-scene .v4-brainstorm blockquote{min-height:72px;font-size:19px}
  .scroll-scene .v4-short-connector{height:21px;margin-block:6px}
  .scroll-scene .v4-participation-caption{margin-block:15px 18px;min-height:38px}
  .scroll-scene .v4-trace-board h4{margin-block:20px}
  .scroll-scene .v4-trace-layout{gap:23px}
  .scroll-scene .v4-trace-detail h5{min-height:53px}
  .scroll-scene .v4-trace-detail>p{min-height:65px}
  .scroll-scene .v4-trace-detail ul{min-height:58px}
  .scroll-scene-guide{max-width:640px;margin-inline:auto;padding-top:16px}
}
@media(max-width:550px){
  .scroll-scene{margin-bottom:65px}
  .scroll-scene-intro{margin-bottom:25px}
  .scroll-scene .v4-department-tabs{gap:21px;margin-bottom:17px}
  .scroll-scene .v4-department-tabs button{min-height:43px;padding-bottom:13px;font-size:11px}
  .scroll-scene .v4-example-meta{min-height:41px;padding:13px 16px}
  .scroll-scene .v4-participation{margin-block:14px 16px}
  .scroll-scene .v4-participant-flow{padding-inline:16px}
  .scroll-scene .v4-brainstorm blockquote{min-height:78px;font-size:17px;line-height:1.5}
  .scroll-scene .v4-joining-lines{height:30px}
  .scroll-scene .v4-prototype{padding:12px}
  .scroll-scene .v4-prototype-heading{min-height:31px;margin-bottom:10px}
  .scroll-scene .v4-prototype-lines>span{padding-block:8px}
  .scroll-scene .v4-participation-caption{min-height:40px;margin-block:13px 15px}
  .scroll-scene .v4-trace-board h4{font-size:19px;margin:18px 17px 17px}
  .scroll-scene .v4-trace-layout{margin-inline:17px}
  .scroll-scene .v4-trace-tabs{margin-bottom:17px}
  .scroll-scene .v4-trace-tabs button{min-height:57px;padding:9px 6px;gap:7px}
  .scroll-scene .v4-trace-detail{padding-left:15px}
  .scroll-scene .v4-trace-detail h5{font-size:18px;min-height:51px;margin-top:10px}
  .scroll-scene .v4-trace-detail>p{min-height:65px;font-size:11px}
  .scroll-scene .v4-trace-detail ul{min-height:61px;font-size:10px}
  .scroll-scene .v4-trace-hint{margin-top:17px;padding:13px 17px;font-size:9px}
  .scroll-scene-guide{font-size:9px;padding-top:13px}
  .scroll-scene-guide [data-scroll-count]{font-size:9px}
}
@media(max-width:360px){
  .scroll-scene .v4-department-tabs{gap:16px}
  .scroll-scene .v4-department-tabs button{font-size:10px}
  .scroll-scene .v4-participant-flow{padding-inline:12px}
  .scroll-scene .v4-brainstorm blockquote{font-size:16px;min-height:82px}
}
@media(prefers-reduced-motion:reduce){
  .scroll-scene *, .scroll-scene-intro *{scroll-behavior:auto!important;transition:none!important;animation:none!important}
}