.paragraph-type-dot-bar[data-v-3d9c9244]{--dot-border:2px;--clip-top:0px;--dot-big:calc(1.11161rem + 1.41551vw);--dot-small:calc(1.02232rem + .2831vw);position:relative;margin-left:7px}@media (min-width:1640px){.paragraph-type-dot-bar[data-v-3d9c9244]{--dot-big:2.5625rem;--dot-small:1.3125rem}}.paragraph-type-dot-bar[data-v-3d9c9244]:first-child{height:100%}@media (min-width:992px){.paragraph-type-dot-bar[data-v-3d9c9244]{margin-left:calc(0px - var(--grid-gutter-clamp))}}.header[data-v-3d9c9244]{position:relative;z-index:22}.footer .dot[data-v-3d9c9244],.header .dot[data-v-3d9c9244]{--dot-inline-padding:var(--grid-gutter-clamp);padding-left:var(--grid-gutter-clamp)}.footer .dot span[data-v-3d9c9244],.header .dot span[data-v-3d9c9244]{display:inline-block;padding-top:.12em}.footer .dot[data-v-3d9c9244]:before,.header .dot[data-v-3d9c9244]:before{position:absolute;top:calc((var(--dot-big) / 2));left:0;z-index:2;width:var(--dot-small);height:var(--dot-small);border:var(--dot-border) solid var(--color-bg);border-radius:50%;transition:transform .2s ease-out;transform:translateX(-50%) translateY(-50%)}.footer a.dot[data-v-3d9c9244]:hover:before,.header a.dot[data-v-3d9c9244]:hover:before{transform:translateX(-50%) translateY(-50%) scale(1.35)}.list[data-v-3d9c9244] li{position:relative;z-index:23;display:block;margin-top:calc(var(--grid-gutter-clamp) * .75);margin-bottom:0}.list[data-v-3d9c9244] li .dot{--dot-inline-padding:var(--grid-gutter-clamp);padding-left:var(--grid-gutter-clamp)}.list[data-v-3d9c9244] li .dot:before{position:absolute;left:0;z-index:2;width:var(--dot-small);height:var(--dot-small);border:var(--dot-border) solid var(--color-bg);border-radius:50%;transform:translateX(-50%) translateY(-50%) scale(0)}.list[data-v-3d9c9244] li .dot:after{width:calc(100% - var(--grid-gutter-clamp))}.list[data-v-3d9c9244] li.visible a:before{transform:translateX(-50%) translateY(-50%) scale(1)}.list[data-v-3d9c9244] li.visible a:hover:before{transform:translateX(-50%) translateY(-50%) scale(1.35)}.footer[data-v-3d9c9244]{position:absolute;top:0;left:0;width:100%;height:calc(100% + var(--section-padding-top) + var(--section-padding-bottom) + var(--dotbar-spacer));pointer-events:none}.footer .dot[data-v-3d9c9244]{position:absolute;bottom:calc(var(--dot-big) / 2);z-index:22;height:var(--dot-big);color:var(--color-text);transition:color .4s var(--bezier-easeOutQuint);transition-delay:50ms;transform:translateY(50%)}.footer[data-v-3d9c9244]:before{position:absolute;top:var(--dot-big);bottom:var(--dot-big);left:0;z-index:100;z-index:-1;width:var(--dot-border);width:1px;content:"";border-radius:50%}.footer[data-v-3d9c9244]:after{top:calc(var(--dot-big) / 2 + var(--dot-small) / 2);bottom:calc(var(--dot-big) / 2 + var(--dot-small) / 2);z-index:20;width:var(--dot-border);-webkit-clip-path:polygon(0 0,0 100%,0 100%,0 var(--clip-top),100% var(--clip-top),100% calc(var(--clip-top) + var(--dot-big)),0 calc(var(--clip-top) + var(--dot-big)),0 100%,100% 100%,100% 0);clip-path:polygon(0 0,0 100%,0 100%,0 var(--clip-top),100% var(--clip-top),100% calc(var(--clip-top) + var(--dot-big)),0 calc(var(--clip-top) + var(--dot-big)),0 100%,100% 100%,100% 0);content:"";background-color:var(--white);will-change:clip-path}.footer[data-v-3d9c9244]:after,.slider[data-v-3d9c9244]{position:absolute;left:0;mix-blend-mode:difference;transform:translateX(-50%)}.slider[data-v-3d9c9244]{top:0;z-index:21;display:block;line-height:0;border:var(--dot-border) solid var(--white);border-radius:50%}.footer[data-v-3d9c9244] .pin-spacer,.footer[data-v-3d9c9244] .slider{width:var(--dot-big)!important;max-width:unset!important;height:var(--dot-big)!important;max-height:unset!important}.paragraph-type-dot-bar[data-v-3d9c9244] .dot.dot-expand:before{transition:transform .2s ease-out}.paragraph-type-dot-bar[data-v-3d9c9244] .dot.dot-expand:after{position:absolute;right:0;bottom:0;left:unset;width:calc(100% - var(--dot-inline-padding));height:2px;content:"";background:var(--color-dot,var(--color-text));transition:all .15s var(--bezier-easeInOutSine);transform:scaleX(0) translateZ(0);transform-origin:left}.paragraph-type-dot-bar[data-v-3d9c9244] .dot.dot-expand:active span,.paragraph-type-dot-bar[data-v-3d9c9244] .dot.dot-expand:focus span,.paragraph-type-dot-bar[data-v-3d9c9244] .dot.dot-expand:hover span{color:var(--color-text);transition:none}.paragraph-type-dot-bar[data-v-3d9c9244] .dot.dot-expand:active:before,.paragraph-type-dot-bar[data-v-3d9c9244] .dot.dot-expand:focus:before,.paragraph-type-dot-bar[data-v-3d9c9244] .dot.dot-expand:hover:before{transform:translateX(-50%) translateY(-50%) scale(1.35);-webkit-animation:none;animation:none}.paragraph-type-dot-bar[data-v-3d9c9244] .dot.dot-expand:active:after,.paragraph-type-dot-bar[data-v-3d9c9244] .dot.dot-expand:focus:after,.paragraph-type-dot-bar[data-v-3d9c9244] .dot.dot-expand:hover:after{transform:scaleX(1) translateZ(0)}:root{--dotbar-spacer:calc(1.07143rem + .90592vw)}@media (min-width:1640px){:root{--dotbar-spacer:2rem}}.paragraph-section.has-dot-bar{z-index:inherit;overflow:visible}.paragraph-section.has-dot-bar .section-content{z-index:inherit}.paragraph-section.has-dot-bar .media-background{display:none}.paragraph-section.has-dot-bar+.section-wrap{z-index:inherit;padding-top:calc(var(--section-padding-top) + var(--dotbar-spacer))}.paragraph-section.has-dot-bar+.section-wrap:before{position:absolute;top:0;right:0;bottom:-1px;left:0;z-index:10;content:"";background-color:var(--mask-bg);transition:transform var(--mask-duration) var(--bezier-easeInOutSine);transform-origin:bottom}.paragraph-section.has-dot-bar+.section-wrap .section-content{transition:transform .7s var(--bezier-easeOutQuint);transition-delay:.2s;transform:translateY(5vh)}.paragraph-section.has-dot-bar+.section-wrap.dot-expand:before{transform:scaleY(0)}.paragraph-section.has-dot-bar+.section-wrap.dot-expand .section-content{transform:translateY(0)}