.wheel-block{overflow:clip;timeline-scope:--wheel-block-wheel-tl}.wheel-block__sticky-content{padding:var(--space-size-4xl) 0}@supports (animation-timeline:scroll()) and (animation-range:0% 100%){@media screen and (min-height:660px){.wheel-block__sticky-content{height:100svh;position:sticky;top:0;display:flex;flex-direction:column}}}.wheel-block__body{display:grid;grid-template-columns:1fr;gap:var(--space-size-2xl-3xl) var(--grid-gutter);margin-top:var(--space-size-2xl-3xl)}@supports (animation-timeline:scroll()) and (animation-range:0% 100%){@media screen and (min-height:660px){.wheel-block__body{position:relative;height:40svh;margin-top:auto}}}@media screen and (min-width:960px){.wheel-block__body{grid-template-columns:repeat(12,1fr)}}.wheel-block__body-inner{grid-column:1/-1}@media screen and (min-width:960px){.wheel-block__body-inner{grid-column:4/-4}@supports (animation-timeline:scroll()) and (animation-range:0% 100%){@media screen and (min-width:960px)and (min-height:660px){.wheel-block__body-inner{grid-column:2/-2}}}}@keyframes wheel-block-wheel-rotate{0%{transform:rotate(0)}to{transform:rotate(-1turn)}}@keyframes wheel-block-wheel-enter{0%{opacity:0}to{opacity:1}}.wheel-block-wheel{display:grid;grid-template-columns:1fr;gap:var(--space-size-l)}@supports (animation-timeline:scroll()) and (animation-range:0% 100%){@media screen and (min-height:660px){.wheel-block-wheel{display:block;aspect-ratio:1/1;position:relative;animation:wheel-block-wheel-enter ease-in both;animation-timeline:--wheel-block-wheel-tl;animation-range:0 50svh}}}.wheel-block-wheel__svg{display:none}@supports (animation-timeline:scroll()) and (animation-range:0% 100%){@media screen and (min-height:660px){.wheel-block-wheel__svg{display:block;rotate:var(--wheel-rotation-degrees-start,60deg);width:140%;max-width:200%;margin-left:-20%;height:auto;animation:wheel-block-wheel-rotate linear forwards;animation-timeline:--wheel-block-wheel-tl;animation-range:cover 0 contain 100%}}@media screen and (min-height:660px)and (min-width:960px){.wheel-block-wheel__svg{width:100%;margin-left:0}}}.wheel-step__dot{fill:var(--color-accent);transform-box:content-box;transform-origin:center;transition:scale 1s var(--transition-default-timing-function)}.wheel-step--active .wheel-step__dot{scale:1.5}.wheel-step__bubble{stroke:var(--color-secondary-transparent-50);fill:transparent;transition:fill 1s var(--transition-default-timing-function),stroke 1s var(--transition-default-timing-function)}.wheel-step--active .wheel-step__bubble{fill:var(--color-secondary);stroke:var(--color-secondary)}.wheel-step__text{font-weight:500;font-size:26.66px;fill:var(--color-secondary)}.wheel-step--active .wheel-step__text{fill:var(--color-primary)}.wheel-step__line{stroke:var(--color-secondary);transform-box:content-box;scale:1 0;transition:scale 2s var(--transition-default-timing-function)}.wheel-step--active .wheel-step__line{scale:1 1}.wheel-block-wheel__item{text-align:center;counter-increment:experience-item-counter}@supports (animation-timeline:scroll()) and (animation-range:0% 100%){@media screen and (min-height:660px){.wheel-block-wheel__item{position:absolute;top:20%;left:50%;transform:translate(-50%);width:80%}}@media screen and (min-height:660px)and (min-width:960px){.wheel-block-wheel__item{width:50%}}}@supports (animation-timeline:scroll()) and (animation-range:0% 100%){@media screen and (min-height:660px){.wheel-block-wheel__item-description,.wheel-block-wheel__item-title{opacity:0}.wheel-block-wheel__item--active .wheel-block-wheel__item-description,.wheel-block-wheel__item--active .wheel-block-wheel__item-title{opacity:1;transition:opacity 2s var(--transition-default-timing-function)}}}.wheel-block-wheel__item-title{color:var(--color-accent)}.wheel-block-wheel__item-title:before{content:counter(experience-item-counter) ". "}@supports (animation-timeline:scroll()) and (animation-range:0% 100%){@media screen and (min-height:660px){.wheel-block-wheel__item-title:before{content:""}}}.wheel-block-wheel__item-description{margin-top:var(--space-size-s)}@supports (animation-timeline:scroll()) and (animation-range:0% 100%){@media screen and (min-height:660px){.wheel-block-wheel__item--active .wheel-block-wheel__item-description{transition-delay:.5s}}}.wheel-block__triggers{display:none;view-timeline-name:--wheel-block-wheel-tl;pointer-events:none}@supports (animation-timeline:scroll()) and (animation-range:0% 100%){@media screen and (min-height:660px){.wheel-block__triggers{display:block}.wheel-block__trigger{height:50svh}}}