/* One stationary environment, with every foreground object on the same track. */
.home-v3 {
  --roll-scale: 1;
  --roll-width: 4800px;
  --roll-base-height: 740px;
}
.home-v3 .pan-shell {
  position: relative;
  height: var(--roll-height, 696px);
  overflow: hidden;
  isolation: isolate;
  background: #e9ebe2;
}
.home-v3 .pan-backdrop {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: -1;
}
.home-v3 .backdrop-art {
  position: absolute;
  width: calc(100% / var(--roll-scale));
  height: var(--roll-base-height);
  transform: scale(var(--roll-scale));
  transform-origin: 0 0;
}
.home-v3 .backdrop-art > * { position: absolute; }
.home-v3 .backdrop-art .window { top: 151px; }
.home-v3 .pan {
  display: block;
  width: 100%;
  height: 100%;
  overflow: auto hidden;
  scroll-snap-type: none;
  touch-action: pan-x pan-y pinch-zoom;
  overscroll-behavior-x: contain;
  background: transparent;
}
.home-v3 .home-track {
  width: var(--roll-pixels);
  height: 100%;
  position: relative;
}
.home-v3 .home-art {
  position: absolute;
  width: var(--roll-width);
  height: var(--roll-base-height);
  transform: scale(var(--roll-scale));
  transform-origin: 0 0;
}
.home-v3 .home-art > * { position: absolute; }
.home-v3 .a-first { inset: 0 auto auto 0; }
.home-v3 .a-first .canvas {
  transform: none;
  background: transparent;
  overflow: visible;
}
.home-v3 .home-art a,
.home-v3 .home-art button { -webkit-tap-highlight-color: transparent; }
.home-v3 .home-art img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  pointer-events: none;
}
.home-v3 .a-taylor img { object-fit: cover; }
.home-v3 .a-factory img { object-fit: cover; }
.home-v3 .a-lil img { height: auto; }
.home-v3 .home-art a:focus-visible,
.home-v3 .home-art button:focus-visible,
.home-v3 .pan:focus-visible {
  outline: 3px solid #ae6938;
  outline-offset: -3px;
}
.home-v3 .roll-name {
  display: grid;
  gap: 7px;
  line-height: 1.35;
  width: max-content;
  max-width: 440px;
}
.home-v3 .roll-name strong {
  font: 700 39px/1.35 var(--serif);
}
.home-v3 .roll-name strong > span {
  font: 400 19px var(--sans);
  display: inline-block;
  vertical-align: middle;
}
.home-v3 .roll-name small {
  font: 400 13px/1.6 var(--sans);
}
.home-v3 .roll-name:hover strong { text-decoration: underline; text-underline-offset: 7px; }
.home-v3 .roll-follett {
  left: 1430px; top: 145px; width: 335px; height: 451px;
}
.home-v3 .roll-follett img { object-fit: cover; object-position: 50% 35%; }
.home-v3 .name-follett { left: 1445px; top: 628px; color: #fbf2d9; }
.home-v3 .roll-state {
  left: 1780px; top: 392px; width: 203px; height: 301px;
  transform: rotate(8deg);
  filter: drop-shadow(1px 6px 5px #20332e30);
}
.home-v3 .roll-frank {
  left: 1960px; top: 77px; width: 213px; height: 257px;
  transform: rotate(-3deg);
}
.home-v3 .roll-frank img { object-fit: cover; filter: sepia(.13); }
.home-v3 .name-frank { left: 1935px; top: 361px; }
.home-v3 .name-frank strong { font-size: 32px; }
.home-v3 .name-frank,
.home-v3 .name-newell,
.home-v3 .a-fn {
  background: #e9ebe2;
  padding: 3px 7px;
}
.home-v3 .roll-brick {
  left: 2060px; top: 507px; width: 337px; height: 220px;
  transform: rotate(-4deg);
}
.home-v3 .roll-barnard {
  left: 2420px; top: 148px; width: 283px; height: 387px;
  padding: 25px 22px;
  transform: rotate(3deg);
  background: #eeeadb;
  color: #27392f;
  box-shadow: 4px 5px 9px #24332b22;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.home-v3 .roll-barnard > small,
.home-v3 .roll-march > small { font: 11px/1.5 var(--sans); letter-spacing: .1em; }
.home-v3 .executive-title { font: 16px/1.4 Georgia, serif; margin: 16px 0 12px; }
.home-v3 .executive-author { margin-top: auto; font: 12px/1.4 Georgia, serif; }
.home-v3 .book-chinese { font: 42px/1.45 var(--serif); letter-spacing: .02em; }
.home-v3 .name-barnard { left: 2410px; top: 631px; color: #fbf2d9; }
.home-v3 .roll-simon { left: 2900px; top: 98px; width: 366px; height: 555px; }
.home-v3 .roll-simon img { object-fit: cover; object-position: 50% 40%; }
.home-v3 .name-simon { left: 2890px; top: 648px; color: #fbf2d9; }
.home-v3 .roll-paint-credit { left: 2905px; top: 663px; font: 11px var(--sans); color: #f7edcf; transform: translateY(-33px); }
.home-v3 .roll-solving { left: 3390px; top: 127px; font: 46px/1.35 var(--serif); }
.home-v3 .roll-solving small { display: block; font: 12px/2 var(--sans); margin-top: 12px; }
.home-v3 .roll-newell {
  left: 3400px; top: 278px; width: 297px; height: 225px;
  transform: rotate(-2deg);
}
.home-v3 .name-newell { left: 3400px; top: 529px; }
.home-v3 .name-newell strong { font-size: 33px; }
.home-v3 .roll-march {
  left: 3940px; top: 142px; width: 325px; height: 400px;
  padding: 22px 25px;
  transform: rotate(-5deg);
  background: #e1d9c6;
  color: #203b35;
  box-shadow: 3px 7px 11px #23392e22;
  display: flex;
  flex-direction: column;
}
.home-v3 .organizations-title { font: 700 126px/1.3 var(--serif); margin: 19px 0 4px; }
.home-v3 .organizations-en { font: 18px/1.5 Georgia, serif; letter-spacing: .035em; }
.home-v3 .organizations-authors { margin-top: auto; font: 14px/1.8 Georgia, serif; letter-spacing: .03em; }
.home-v3 .name-march { left: 4285px; top: 624px; color: #fbf2d9; }
.home-v3 .name-march strong { font-size: 40px; }
.home-v3 .roll-guide {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 18px;
  height: 58px;
  padding: 0 4vw;
  background: #f6f5ed;
}
.home-v3 .roll-guide button { min-width: 44px; min-height: 44px; font: 22px Georgia; }
.home-v3 .roll-guide .roll-index { display: none; }
.home-v3 .roll-guide button:disabled { opacity: .25; cursor: default; }
.home-v3 #roll-position { width: 180px; height: 28px; accent-color: #315c57; cursor: ew-resize; }
.person-result { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 17px 0; border-bottom: 1px solid #aeb9ae; }
.person-result strong { font: 700 22px/1.5 var(--serif); }
.person-result small { display: block; margin-top: 4px; color: #53635a; font-size: 12px; }
.person-result-actions { display: flex; gap: 22px; align-items: center; flex-shrink: 0; font-size: 13px; }
.person-result-actions a, .person-result-actions button { padding: 12px 0; text-decoration: underline; text-underline-offset: 5px; }
@media (min-width: 701px) and (max-width: 1000px) {
  .home-v3 .backdrop-art .window { left: 210px; top: 205px; width: 320px; height: 469px; }
  .home-v3 .backdrop-art .ground { top: 618px; }
  .home-v3 .roll-follett { left: 830px; top: 185px; width: 300px; height: 420px; }
  .home-v3 .name-follett { left: 835px; top: 647px; }
  .home-v3 .roll-name strong { font-size: 31px; }
  .home-v3 .roll-state { left: 1140px; top: 464px; width: 174px; height: 268px; }
  .home-v3 .roll-frank { left: 1310px; top: 97px; width: 185px; height: 224px; }
  .home-v3 .name-frank { left: 1265px; top: 362px; }
  .home-v3 .roll-brick { left: 1400px; top: 578px; width: 278px; height: 188px; }
  .home-v3 .roll-barnard { left: 1690px; top: 190px; width: 260px; height: 375px; }
  .home-v3 .name-barnard { left: 1690px; top: 648px; }
  .home-v3 .roll-simon { left: 2100px; top: 140px; width: 322px; height: 500px; }
  .home-v3 .name-simon { left: 2100px; top: 684px; }
  .home-v3 .roll-paint-credit { left: 2107px; top: 650px; }
  .home-v3 .roll-solving { left: 2550px; top: 170px; font-size: 39px; }
  .home-v3 .roll-newell { left: 2550px; top: 310px; width: 277px; height: 211px; }
  .home-v3 .name-newell { left: 2550px; top: 550px; }
  .home-v3 .roll-march { left: 2980px; top: 180px; }
  .home-v3 .name-march { left: 3225px; top: 660px; }
}
@media (max-width: 700px) {
  .home-v3 .backdrop-art .window { left: 105px; top: 190px; width: 211px; height: 337px; border-radius: 115px 115px 0 0; }
  .home-v3 .backdrop-art .ground { top: 514px; }
  .home-v3 .roll-follett { left: 402px; top: 203px; width: 209px; height: 291px; }
  .home-v3 .name-follett { left: 417px; top: 540px; max-width: 264px; }
  .home-v3 .roll-name strong { font-size: 25px; line-height: 1.5; }
  .home-v3 .roll-name strong > span { font-size: 14px; }
  .home-v3 .roll-name small { font-size: 11px; }
  .home-v3 .roll-state { left: 640px; top: 407px; width: 132px; height: 210px; }
  .home-v3 .roll-frank { left: 803px; top: 123px; width: 152px; height: 185px; }
  .home-v3 .name-frank { left: 787px; top: 341px; max-width: 280px; }
  .home-v3 .name-frank strong { font-size: 24px; }
  .home-v3 .roll-brick { left: 837px; top: 503px; width: 247px; height: 165px; }
  .home-v3 .roll-barnard { left: 1150px; top: 155px; width: 203px; height: 322px; padding: 20px 17px; }
  .home-v3 .executive-title { font-size: 14px; margin: 15px 0 10px; }
  .home-v3 .executive-author { font-size: 11px; }
  .home-v3 .book-chinese { font-size: 33px; }
  .home-v3 .name-barnard { left: 1135px; top: 558px; }
  .home-v3 .roll-simon { left: 1480px; top: 144px; width: 240px; height: 402px; }
  .home-v3 .name-simon { left: 1465px; top: 589px; }
  .home-v3 .roll-paint-credit { left: 1487px; top: 561px; font-size: 9px; transform: none; }
  .home-v3 .roll-solving { left: 1850px; top: 139px; font-size: 31px; }
  .home-v3 .roll-solving small { font-size: 11px; margin-top: 6px; }
  .home-v3 .roll-newell { left: 1845px; top: 277px; width: 268px; height: 203px; }
  .home-v3 .name-newell { left: 1845px; top: 558px; }
  .home-v3 .roll-march { left: 2250px; top: 178px; width: 227px; height: 318px; padding: 19px 20px; }
  .home-v3 .organizations-title { font-size: 90px; margin: 17px 0 4px; }
  .home-v3 .organizations-en { font-size: 14px; }
  .home-v3 .organizations-authors { font-size: 11px; }
  .home-v3 .name-march { left: 2250px; top: 566px; }
  .home-v3 .roll-guide { height: 49px; justify-content: flex-start; padding: 0 15px; }
  .home-v3 .roll-guide .roll-index { display: block; font: 13px var(--sans); }
  .home-v3 .roll-guide > :not(.roll-index) { display: none; }
  .person-result { align-items: flex-start; flex-direction: column; gap: 5px; }
  .person-result strong { font-size: 21px; }
}