.reveal-block{position:relative;timeline-scope:--reveal-block-intro-tl,--reveal-block-main-tl}.reveal-block__content{position:sticky;top:0}.reveal-block__header{align-items:center;display:flex;justify-content:center;padding:var(--space-size-5xl) 0;text-align:center;text-wrap-style:balance}@supports (animation-timeline:scroll()) and (animation-range:0% 100%){.reveal-block__header{height:100%;left:0;min-height:100svh;position:absolute;top:0;width:100%}}.reveal-block__title{display:inline-block;--stagger-delay:.2s;transition:opacity 3s var(--transition-default-timing-function);visibility:visible}.reveal-block__title .reveal-block__header:not(.reveal-block__header--visible){opacity:0;visibility:hidden}.reveal-block__title .word{opacity:1;transition:opacity 2.5s var(--transition-default-timing-function);transition-delay:calc(sibling-index()*var(--stagger-delay))}.reveal-block__header:not(.reveal-block__header--visible) .reveal-block__title .word{opacity:0}@keyframes reveal-block-bg-enter{0%{clip-path:polygon(50% 50%,50% 50%,50% 50%,50% 50%)}to{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}}.reveal-block__body{isolation:isolate}@supports not ((animation-timeline:scroll()) and (animation-range:0% 100%)){.reveal-block__body{position:relative}}@supports (animation-timeline:scroll()) and (animation-range:0% 100%){.reveal-block__body{animation:reveal-block-bg-enter ease-out forwards;animation-timeline:--reveal-block-intro-tl;clip-path:polygon(50% 50%,50% 50%,50% 50%,50% 50%)}}.reveal-block__bg{align-items:center;color:var(--color-tertiary);display:flex;height:100%;justify-content:center;left:0;min-height:100svh;position:absolute;text-align:center;text-wrap-style:balance;top:0;width:100%}.reveal-block__bg-illustration{height:100%;object-fit:cover;object-position:center;pointer-events:none;position:absolute;width:100%}@keyframes reveal-block-title-exit{0%{opacity:1}to{opacity:0}}@supports not ((animation-timeline:scroll()) and (animation-range:0% 100%)){.reveal-block__title--bg{display:none}}@supports (animation-timeline:scroll()) and (animation-range:0% 100%){.reveal-block__title--bg{animation:reveal-block-title-exit ease-in forwards;animation-timeline:--reveal-block-intro-tl}}.reveal-block__main-wrap{align-items:center;display:grid;grid-template-columns:1fr;min-height:100svh;padding:var(--space-size-3xl-4xl) 0;position:relative}@supports (animation-timeline:scroll()) and (animation-range:0% 100%){.reveal-block__main-wrap{opacity:0;scale:.5;transition:scale 1s var(--transition-default-timing-function),opacity 1s var(--transition-default-timing-function)}.reveal-block__body--visible .reveal-block__main-wrap{opacity:1;scale:1}}@keyframes reveal-block-main-reveal{0%,40%{opacity:1;scale:1}to{opacity:0;scale:.5}}.reveal-block__main{overflow:hidden}@supports (animation-timeline:scroll()) and (animation-range:0% 100%){.reveal-block__main{animation:var(--transition-default-timing-function) reveal-block-main-reveal both;animation-range:entry 80% exit 100%;animation-timeline:--reveal-block-main-tl}}@supports not ((animation-timeline:scroll()) and (animation-range:0% 100%)){.reveal-block__timeline{display:none}}.reveal-block__timeline-item{height:100svh;pointer-events:none}.reveal-block__timeline-item--intro{view-timeline-name:--reveal-block-intro-tl}.reveal-block__timeline-item--main{height:120svh;view-timeline-name:--reveal-block-main-tl}
