.buero-scrollytelling{position:relative;background:#fff}.buero-scrollytelling__stage{padding:4rem var(--page-pad)}.buero-scrollytelling__frame{position:relative;width:100%}.buero-scrollytelling__stack{display:grid;gap:1rem}.buero-scrollytelling__slide{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;background:#ececeb}.buero-scrollytelling__text{margin-top:2.5rem;max-width:40rem}.buero-scrollytelling__statement{font-weight:500;font-size:clamp(1.5rem,2.6vw,2.5rem);line-height:1.14;letter-spacing:-0.025em;color:#0a0a0a;margin:0}.buero-scrollytelling__passage{font-size:1rem;line-height:1.6;letter-spacing:-0.01em;color:#3a3c3a;margin-top:1.75rem}.buero-scrollytelling__passage p{margin:0 0 1.6rem}.buero-scrollytelling__passage p:last-child{margin-bottom:0}html:not(.reduced-motion) .buero-scrollytelling__frame{aspect-ratio:4/3;overflow:hidden;background:#ececeb}html:not(.reduced-motion) .buero-scrollytelling__stack{display:block;position:absolute;inset:0}html:not(.reduced-motion) .buero-scrollytelling__slide{position:absolute;inset:0;height:100%;aspect-ratio:auto;opacity:0}html:not(.reduced-motion) .buero-scrollytelling__slide:first-child{opacity:1}@media(max-width: 991px){html:not(.reduced-motion) .buero-scrollytelling .buero-scrollytelling__stage{padding:0;background:#0a0a0a}html:not(.reduced-motion) .buero-scrollytelling .buero-scrollytelling__frame{position:sticky;top:0;height:100svh;aspect-ratio:auto;z-index:1;background:#0a0a0a;overflow:visible}html:not(.reduced-motion) .buero-scrollytelling .buero-scrollytelling__stack{top:50%;right:0;bottom:auto;left:0;transform:translateY(-50%);aspect-ratio:4/3;overflow:hidden}html:not(.reduced-motion) .buero-scrollytelling .buero-scrollytelling__text{position:relative;z-index:2;background:#fff;margin-top:150svh;padding:3rem var(--page-pad) 4rem}}@media(min-width: 992px){html:not(.reduced-motion) .buero-scrollytelling{height:340vh}html:not(.reduced-motion) .buero-scrollytelling .buero-scrollytelling__stage{position:sticky;top:0;height:100vh;overflow:hidden;padding:0}html:not(.reduced-motion) .buero-scrollytelling .buero-scrollytelling__frame{position:absolute;right:var(--page-pad);top:50%;transform:translateY(-50%);width:66vw;height:80vh;aspect-ratio:auto;z-index:1}html:not(.reduced-motion) .buero-scrollytelling .buero-scrollytelling__text{position:absolute;left:var(--page-pad);top:12vh;margin-top:0;opacity:0;z-index:2}}