.syn-scroll{padding:64px 36px;background:#090b09;color:#e6e8e0;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;border-top:1px solid #343a30}.syn-scroll *{box-sizing:border-box}.syn-scroll header{margin-bottom:64px}.syn-scroll h2{font-size:clamp(44px,5.5vw,84px);font-weight:400;letter-spacing:-.045em;line-height:1.04;margin:0}.syn-scroll-kicker{font-size:13px;color:#aeb5a5;margin:0 0 24px}.syn-scroll-layout{display:grid;grid-template-columns:1.25fr 1fr;gap:7vw;align-items:start}.syn-scroll-stage{display:none;position:sticky;top:110px}.syn-scroll.is-enhanced .syn-scroll-stage{display:block}.syn-scroll-visual{position:relative;background:#dfe2d9;aspect-ratio:4/3;overflow:hidden}.syn-scroll-visual img,.syn-scroll-visual canvas{width:100%;height:100%;object-fit:contain;position:absolute;inset:0}.syn-scroll-visual img{padding:6%}.syn-scroll-visual canvas{background:#090b09}.syn-scroll-stage>p{font-size:12px;color:#aeb5a5;min-height:18px;margin:18px 0 28px}.syn-scroll nav{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.syn-scroll nav a{border-top:2px solid #343a30;padding-top:14px;color:#aeb5a5;text-decoration:none;font-size:12px;line-height:1.4}.syn-scroll nav a[aria-current]{color:#e6e8e0;border-color:#e6e8e0}.syn-scroll nav span{display:block;margin-top:7px}.syn-scroll a:focus-visible{outline:2px solid #e6e8e0;outline-offset:5px}.syn-scroll-chapter{min-height:90vh;display:flex;flex-direction:column;justify-content:center;padding:70px 0;scroll-margin-top:160px}.syn-scroll-chapter h3{font-size:clamp(32px,3.6vw,56px);font-weight:400;letter-spacing:-.045em;line-height:1.06;margin:0 0 28px}.syn-scroll-chapter>p:last-of-type{font-size:17px;color:#aeb5a5;line-height:1.65;margin:0;max-width:540px}.syn-scroll-fallback{width:100%;margin-top:32px;background:#dfe2d9}.syn-scroll.is-enhanced .syn-scroll-fallback{display:none}.syn-scroll:not(.is-enhanced) .syn-scroll-layout{display:block}.syn-scroll:not(.is-enhanced) .syn-scroll-chapter{min-height:0;max-width:850px;margin:auto}
@media(min-width:1600px){.syn-scroll{padding-left:60px;padding-right:60px}.syn-scroll-stage{top:120px}}
@media(max-width:749px){.syn-scroll{padding:40px 20px}.syn-scroll header{margin-bottom:32px}.syn-scroll-layout{display:block}.syn-scroll-stage{top:0;z-index:2;background:#090b09;padding:0}.syn-scroll-visual{aspect-ratio:2/1;max-height:30svh}.syn-scroll-stage>p{margin:10px 0 12px;font-size:11px}.syn-scroll nav{gap:9px}.syn-scroll nav a{padding-top:8px;font-size:11px}.syn-scroll nav span{margin-top:3px}.syn-scroll-chapter{min-height:90svh;justify-content:flex-start;padding:48px 0 100px;scroll-margin-top:calc(100vw * .5633 + 32px)}.syn-scroll-chapter h3{font-size:34px;margin-bottom:20px}.syn-scroll-chapter>p:last-of-type{font-size:15px;line-height:1.6}.syn-scroll-kicker{margin-bottom:18px}}
@media(prefers-reduced-motion:reduce){.syn-scroll.is-enhanced .syn-scroll-stage{display:none}.syn-scroll.is-enhanced .syn-scroll-fallback{display:block}.syn-scroll .syn-scroll-layout{display:block}.syn-scroll .syn-scroll-chapter{min-height:0;padding:32px 0;max-width:850px;margin:auto}}
/* Preserve the supplied video's full 16:9 frame without letterboxing. */
.syn-scroll[data-frame] .syn-scroll-visual{aspect-ratio:1200/676}
.syn-scroll[data-frame] .syn-scroll-visual canvas{background:#dfe2d9}

@media(max-width:749px){.syn-scroll-stage>p,.syn-scroll nav,.syn-scroll-chapter>.syn-scroll-kicker{display:none}}
