.cls-arc-1,.cls-arc-2,.cls-line{fill:none;stroke:var(--color-text);stroke-miterlimit:10;stroke-width:2px}.cls-arc-2{opacity:.4}.scrollGraphic__sticky-container{overflow:visible;position:relative}@media(min-width: 60em)and (min-aspect-ratio: 16/9){.scrollGraphic__sticky-container{height:calc(100dvh - var(--nav-height));left:0;position:sticky;top:var(--nav-height)}}.scrollGraphic__col-headline{grid-column:1/-1;text-align:center}@media(min-width: 60em)and (min-aspect-ratio: 16/9){.scrollGraphic__col-headline{align-content:center;grid-column:span 3;position:sticky;text-align:left}}.scrollGraphic__col-headline .headline__content{margin-inline:auto}.scrollGraphic__col-graphic{grid-column:1/-1}@media(min-width: 60em)and (min-aspect-ratio: 16/9){.scrollGraphic__col-graphic{grid-column:4/-1}}.scrollGraphic__svg-bg{display:none}@media(min-width: 60em)and (min-aspect-ratio: 16/9){.scrollGraphic__svg-bg{display:block;height:100%;pointer-events:none;width:100%}}.scrollGraphic__icons-layer{display:grid;gap:var(--space-5)}@media(min-width: 37.5625em){.scrollGraphic__icons-layer{grid-template-columns:1fr 1fr}}@media(min-width: 60em){.scrollGraphic__icons-layer{grid-template-columns:1fr 1fr 1fr}}@media(min-width: 60em)and (min-aspect-ratio: 16/9){.scrollGraphic__icons-layer{display:block;height:100%;left:0;padding:0;pointer-events:none;position:absolute;top:0;width:100%}}.scrollGraphic__icon-point{align-items:center;display:flex;flex-direction:column;height:auto;justify-content:flex-start;left:auto;position:relative;text-align:center;top:auto;transform:none;width:100%;z-index:20}@media(min-width: 60em)and (min-aspect-ratio: 16/9){.scrollGraphic__icon-point{flex-direction:row;height:2px;overflow:visible;pointer-events:auto;position:absolute;text-align:left;transform:translate(-50%, -50%);transform-origin:center center;width:2px}.scrollGraphic__icon-point:nth-child(1){left:70.07%;top:20.28%}.scrollGraphic__icon-point:nth-child(2){left:74.83%;top:35.14%}.scrollGraphic__icon-point:nth-child(3){left:76.37%;top:50%}.scrollGraphic__icon-point:nth-child(4){left:74.83%;top:64.86%}.scrollGraphic__icon-point:nth-child(5){left:70.07%;top:79.71%}}.scrollGraphic__icon-circle{align-items:center;background-color:#fff4bc;border-radius:50%;cursor:pointer;display:flex;flex:0 0 60px;height:60px;justify-content:center;padding:12px;position:relative;transition:all .3s ease;width:60px;z-index:2}@media(min-width: 60em)and (min-aspect-ratio: 16/9){.scrollGraphic__icon-circle{flex:0 0 80px;height:80px;margin-bottom:0;padding:20px;width:80px}}.scrollGraphic__icon-img{height:auto;transition:opacity .3s ease;width:100%}.scrollGraphic__icon-img--primary{opacity:1}.scrollGraphic__icon-img--secondary{left:50%;max-width:40px;opacity:0;position:absolute;top:50%;transform:translate(-50%, -50%)}.scrollGraphic__icon-label{color:var(--color-text)}@media(min-width: 60em)and (min-aspect-ratio: 16/9){.scrollGraphic__icon-label{color:var(--color-text-soft);margin-right:20px}}.is-active .scrollGraphic__icon-label{color:var(--color-text)}.scrollGraphic__line{background-color:var(--color-text);display:none;height:1px;margin-top:.6em;transition:width .5s ease;width:0}@media(min-width: 60em)and (min-aspect-ratio: 16/9){.scrollGraphic__line{display:block;margin-top:0}}.scrollGraphic__icon-point.is-active{z-index:20}.scrollGraphic__desc-text{white-space:normal}@media(min-width: 60em)and (min-aspect-ratio: 16/9){.scrollGraphic__desc-text{margin-left:20px;margin-top:0;max-width:350px;opacity:0;text-align:left;transform:translateX(-10px);transition:all .5s ease}}@media(min-width: 60em)and (min-aspect-ratio: 16/9){.scrollGraphic__icon-point.is-active .scrollGraphic__icon-img--primary{opacity:0}.scrollGraphic__icon-point.is-active .scrollGraphic__icon-img--secondary{opacity:1}.scrollGraphic__icon-point.is-active .scrollGraphic__icon-circle{background-color:var(--color-bg)}.scrollGraphic__icon-point.is-active .scrollGraphic__line{width:20vw}.scrollGraphic__icon-point.is-active .scrollGraphic__desc-text{opacity:1;transform:translateX(0)}.scrollGraphic__icon-content{align-items:center;display:flex;flex-direction:row;left:80px;margin-left:20px;margin-top:0;position:absolute;top:50%;transform:translateY(-50%);white-space:nowrap;width:min-content}.scrollGraphic__graphic-wrapper{aspect-ratio:1/1;inset:0 0 0 5dvw;position:absolute;width:calc(100dvh - var(--nav-height))}.scrollGraphic.scrollGraphic{min-height:300dvh;padding-block:0;padding-block-end:0}}

/*# sourceMappingURL=scrollGraphic.css.map */