.global-header__subtitle > div:nth-child(1) > ul:nth-child(2) > li:nth-child(3){
display:none
}


li.share__list-item:nth-child(3){
    display:none;
}

.menu-toggle{
    display:inline-flex;
    justify-content:flex-end
}
.menu-toggle button{
    font-family:Maison Neue,Helvetica,Arial,sans-serif
}
.global-menu{
    background-color:#1d033d;
    display:flex;
    flex-direction:column;
    height:100%;
    justify-content:space-between;
    left:0;
    overflow:scroll;
    padding-bottom:40px;
    padding-top:83px;
    position:fixed;
    top:0;
    width:100%
}
.global-menu__title{
    font-weight:400;
    margin-bottom:40px;
    margin-left:-.1em;
    margin-top:83px
}
@media (max-height:775px){
    .global-menu__title{
        margin-top:35px
    }
}
@media (min-width:31.25em){
    .global-menu__title{
        font-size:6.25rem
    }
}
@media (min-width:48em){
    .global-menu__title{
        margin-left:var(--grid-edge);
        max-width:650px
    }
}
.global-menu__title span{
    display:block
}
.global-menu__title-line{
    display:flex!important
}
.global-menu__title-line+.global-menu__title-line{
    margin-top:-5px
}
@media (min-width:31.25em){
    .global-menu__title-line+.global-menu__title-line{
        margin-top:-15px
    }
}
.global-menu__title-line:nth-child(2){
    padding-left:calc((min(100vw,calc(100vw - 40px)) - ((6 - 1)*8px))/6*2 + 16px)
}
@media (min-width:48em){
    .global-menu__title-line:nth-child(2){
        padding-left:calc((min(100vw,calc(100vw - 40px)) - ((6 - 1)*8px))/6*1 + 8px)
    }
}
.global-menu__title-line:last-child{
    justify-content:flex-end
}
.global-menu__list-item{
    position:relative
}
.global-menu__list-item:after{
    background-color:#ffffff1a;
    bottom:0;
    content:"";
    height:1px;
    left:0;
    position:absolute;
    transform:scaleX(var(--scale));
    transform-origin:center left;
    width:100%
}
.global-menu__list-link{
    align-items:center;
    display:flex;
    font-size:1.5rem;
    font-weight:300;
    justify-content:space-between;
    letter-spacing:0;
    line-height:1.5;
    padding:31px 15px 13px 16px
}
.global-menu__list-link .icon{
    height:8px;
    width:8px
}
.global-menu__sound-toggle-container{
    margin-right:0;
    margin-top:40px
}
.global-menu__sound-toggle-container .sound-toggle{
    display:inline-block!important
}
.global-menu.menu-enter-active,.global-menu.menu-leave-active{
    transition:opacity .4s cubic-bezier(.165,.84,.44,1)
}
.global-menu.menu-enter-active .global-menu__sound-toggle-container{
    transition:opacity .3s cubic-bezier(.165,.84,.44,1) .6s
}
.global-menu.menu-enter-active .global-menu__title{
    transition:opacity .5s cubic-bezier(.455,.03,.515,.955)
}
.global-menu.menu-enter-from,.global-menu.menu-enter-from .global-menu__sound-toggle-container,.global-menu.menu-enter-from .global-menu__title,.global-menu.menu-leave-to{
    opacity:0
}
.global-menu.menu-enter-to,.global-menu.menu-enter-to .global-menu__sound-toggle-container,.global-menu.menu-enter-to .global-menu__title,.global-menu.menu-leave-from{
    opacity:1
}
.global-header{
    display:flex;
    height:auto;
    padding-left:var(--grid-edge);
    padding-right:var(--grid-edge);
    padding-top:25px;
    width:100%;
    z-index:90
}
@media (min-width:75em){
    .global-header{
        padding-top:56px
    }
}
.global-header:before{
    background:linear-gradient(180deg,#1d0b21 0,#1d0b21 10%,rgba(29,11,33,0));
    content:"";
    height:200px;
    left:0;
    opacity:0;
    pointer-events:none;
    position:absolute;
    top:0;
    transition:opacity .3s ease;
    width:100vw;
    z-index:1
}
.global-header__inner{
    align-items:center;
    display:flex;
    height:auto;
    justify-content:space-between;
    min-height:48px;
    position:relative;
    width:100%;
    z-index:1
}
@media (min-width:87.5em){
    .global-header__inner{
        justify-content:flex-start
    }
}
.global-header__action-container,.global-header__logo-container,.global-header__sound-toggle-container,.global-header__subtitle-container{
    display:inline-flex
}
.global-header__logo-container,.global-header__sound-toggle-container,.global-header__subtitle-container{
    position:relative;
    transition:min-width .4s ease
}
@media (min-width:87.5em){
    .global-header__logo-container{
        min-width:calc((min(100vw,calc(100vw - 120px)) + -0px)*.1875)
    }
}
@media (max-width:74.99em){
    .global-header__subtitle-container{
        animation:fadeIn 0s .3s forwards;
        opacity:0;
        transition:opacity .3s cubic-bezier(.165,.84,.44,1);
        visibility:hidden
    }
    @keyframes fadeIn{
        to{
            visibility:visible
        }
    }
}
@media (min-width:75em){
    .global-header__subtitle-container{
        padding-bottom:2px;
        padding-top:0
    }
}
@media (min-width:87.5em){
    .global-header__subtitle-container{
        min-width:calc((min(100vw,calc(100vw - 120px)) + -0px)/4)
    }
}
@media (max-width:87.49em){
    .global-header__subtitle-container .global-header__subtitle{
        left:calc(50% + 15px);
        position:absolute;
        transform:translate(-50%,-50%)
    }
}
.global-header__subtitle-container .text-info{
    font-size:.75rem;
    letter-spacing:.1em;
    line-height:1.3333333333
}
@media (min-width:75em){
    .global-header__subtitle-container .text-info{
        font-size:.625rem;
        letter-spacing:.15em;
        line-height:1.6
    }
    .global-header__sound-toggle-container{
        padding-bottom:2px
    }
}
@media (min-width:87.5em){
    .global-header__sound-toggle-container{
        min-width:calc((min(100vw,calc(100vw - 120px)) + -0px)/4)
    }
}
.global-header__subtitle{
    color:#fff;
    font-family:Fraktion Mono,Helvetica,Arial,sans-serif;
    font-size:.625rem;
    letter-spacing:.147em;
    line-height:1;
    text-transform:uppercase
}
.global-header__sound-toggle,.global-header__subtitle{
    width:max-content
}
@media (min-width:75em){
    .global-header__sound-toggle,.global-header__subtitle{
        left:0;
        position:absolute;
        top:0;
        transform:translateY(-50%);
        transition:left .4s ease,transform .4s ease
    }
}
.global-header__actions,.global-header__close-button-container,.global-header__sound-toggle-container{
    display:none
}
@media (min-width:75em){
    .global-header__actions,.global-header__close-button-container,.global-header__sound-toggle-container{
        display:flex
    }
}
.global-header__close-button-container{
    position:absolute;
    right:0
}
@media (max-width:74.99em){
    .global-header .menu-toggle,.global-header__logo-container,.global-header__subtitle-container{
        min-width:33.3333333333%
    }
}
.global-header__actions{
    flex-shrink:0;
    flex-wrap:nowrap;
    height:100%;
    justify-content:flex-end;
    overflow:hidden;
    position:relative;
    transition:max-width .4s ease
}
@media (min-width:87.5em){
    .global-header__actions{
        max-width:calc((min(100vw,calc(100vw - 120px)) + -0px)/3.2);
        width:calc((min(100vw,calc(100vw - 120px)) + -0px)/3.2)
    }
}
.global-header__action-container{
    flex-shrink:0;
    margin-left:auto;
    overflow:hidden
}
.global-header__action-container+.global-header__action-container{
    margin-left:8px
}
@media (min-width:75em){
    .global-header .global-menu,.global-header .menu-toggle{
        display:none
    }
    .global-header--no-actions .global-header__logo-container,.global-header--no-actions .global-header__sound-toggle-container,.global-header--no-actions .global-header__subtitle-container{
        min-width:33.3333333333%
    }
    .global-header--no-actions .global-header__subtitle{
        left:50%;
        transform:translate(-50%,-50%)
    }
    .global-header--no-actions .global-header__sound-toggle{
        left:100%;
        transform:translate(-100%,-50%)
    }
}
.global-header--no-actions .global-header__actions{
    display:none;
    max-width:0
}
@media (min-width:75em){
    .global-header--experience .global-header__actions,.global-header--experience .global-header__logo-container,.global-header--experience .global-header__sound-toggle-container,.global-header--experience .global-header__subtitle-container{
        max-width:25%;
        min-width:25%
    }
    .global-header--experience .global-header__subtitle{
        left:50%;
        transform:translate(-50%,-50%)
    }
}
.global-header--experience .global-header__sound-toggle{
    left:50%;
    transform:translate(-50%,-50%)
}
.global-header--results .global-header__sound-toggle{
    left:calc(50% + 65px);
    transform:translate(-50%,-50%)
}
@media (min-width:87.5em){
    .global-header--results .global-header__sound-toggle{
        left:50%
    }
}
.global-header--background:before,.global-header--menu-visible .global-header__subtitle-container{
    opacity:1
}
.global-header .action-enter-active .global-header__close-button,.global-header .action-enter-active .global-header__experience-action,.global-header .action-enter-active .global-header__topics-action,.global-header .action-leave-active .global-header__close-button,.global-header .action-leave-active .global-header__experience-action,.global-header .action-leave-active .global-header__topics-action{
    transition:opacity .4s ease
}
.global-header .action-enter-from .global-header__close-button,.global-header .action-enter-from .global-header__experience-action,.global-header .action-enter-from .global-header__topics-action,.global-header .action-leave-to .global-header__close-button,.global-header .action-leave-to .global-header__experience-action,.global-header .action-leave-to .global-header__topics-action{
    opacity:0
}
.global-header .action-enter-to .global-header__close-button,.global-header .action-enter-to .global-header__experience-action,.global-header .action-enter-to .global-header__topics-action,.global-header .action-leave-from .global-header__close-button,.global-header .action-leave-from .global-header__experience-action,.global-header .action-leave-from .global-header__topics-action{
    opacity:1;
    transition-delay:.4s
}
.global-header.header-enter-active,.global-header.header-leave-active{
    transition:opacity .8s cubic-bezier(.165,.84,.44,1)
}
.global-header.header-enter-from,.global-header.header-leave-to{
    opacity:0
}
.global-header.header-enter-to,.global-header.header-leave-from{
    opacity:1
}
.popup{
    background-color:#1e011d;
    bottom:0;
    position:fixed;
    right:0;
    width:100%;
    z-index:90
}
@media (min-width:75em){
    .popup{
        bottom:48px;
        max-width:350px;
        right:var(--grid-edge);
        width:calc(100vw - var(--grid-edge)*2)
    }
}
.popup__corners{
    background:linear-gradient(90deg,#fff 1px,transparent 0) 0 0,linear-gradient(180deg,#fff 1px,transparent 0) 0 0,linear-gradient(270deg,#fff 1px,transparent 0) 100% 0,linear-gradient(180deg,#fff 1px,transparent 0) 100% 0,linear-gradient(270deg,#fff 1px,transparent 0) 100% 100%,linear-gradient(0deg,#fff 1px,transparent 0) 100% 100%,linear-gradient(90deg,#fff 1px,transparent 0) 0 100%,linear-gradient(0deg,#fff 1px,transparent 0) 0 100%;
    background-repeat:no-repeat;
    background-size:4px 4px;
    bottom:0;
    left:0;
    position:absolute;
    right:0;
    top:0
}
.popup__inner{
    border:1px solid hsla(0,0%,100%,.1)
}
.popup__button-close{
    align-items:center;
    color:#fff;
    display:flex;
    height:26px;
    justify-content:center;
    position:absolute;
    right:12px;
    top:12px;
    transition:color .3s cubic-bezier(.25,.46,.45,.94);
    width:26px
}
.popup__button-close:not([disabled]):focus,.popup__button-close:not([disabled]):hover{
    color:#0f0626
}
.popup__button-close .icon{
    height:8px;
    width:8px
}
.page-leave-from{
    opacity:1
}
.page-leave-to{
    opacity:0
}
.page-leave-active{
    transition:opacity .3s cubic-bezier(.215,.61,.355,1)
}
.page-topic-leave-from{
    opacity:1
}
.page-topic-leave-to{
    opacity:0
}

.cookie-popup{
    display:none;
}

@media (min-width:48em){
    .page-topic-leave-active{
        transition:opacity .3s cubic-bezier(.215,.61,.355,1)
    }
}
@media (min-width:75em){
    .cookie-popup{
        bottom:0;
        max-width:100%;
        right:0;
        width:100%
    }
}
.cookie-popup .popup__inner{
    padding:37px 28px 25px
}
@media (min-width:48em){
    .cookie-popup .popup__inner{
        padding-left:35px;
        padding-right:35px
    }
}
@media (min-width:75em){
    .cookie-popup .popup__inner{
        padding:50px var(--grid-edge) 35px
    }
}
@media (min-width:48em){
    .cookie-popup__bottom{
        align-items:center;
        display:flex;
        justify-content:space-between
    }
}
.cookie-popup__title{
    font-family:Maison Neue,Helvetica,Arial,sans-serif;
    margin-bottom:20px;
    text-transform:capitalize
}
.cookie-popup__copy{
    color:#ffffffb3;
    font-weight:300
}
@media (min-width:48em){
    .cookie-popup__copy{
        padding-right:40px
    }
}
.cookie-popup__copy a{
    color:#ffffffb3;
    position:relative;
    text-decoration:underline;
    transition:color .3s cubic-bezier(.25,.46,.45,.94)
}
.cookie-popup__copy a:not([disabled]):focus,.cookie-popup__copy a:not([disabled]):hover{
    color:#fff
}
.cookie-popup__buttons{
    display:flex;
    flex-direction:column;
    margin-top:25px;
    width:100%
}
@media (min-width:24.375em){
    .cookie-popup__buttons{
        flex-direction:row
    }
}
@media (min-width:48em){
    .cookie-popup__buttons{
        flex-direction:column;
        margin-top:0
    }
}
@media (min-width:75em){
    .cookie-popup__buttons{
        flex-direction:row;
        margin-bottom:10px;
        width:auto
    }
}
@media (min-width:24.375em){
    .cookie-popup__buttons button{
        flex:1
    }
}
@media (min-width:48em){
    .cookie-popup__buttons button{
        flex:initial;
        min-width:220px
    }
}
@media (min-width:75em){
    .cookie-popup__buttons button{
        min-width:180px
    }
}
.cookie-popup__buttons button+button{
    margin-top:12px
}
@media (min-width:24.375em) and (max-width:47.99em){
    .cookie-popup__buttons button+button{
        margin-left:12px;
        margin-top:0
    }
}
@media (min-width:75em){
    .cookie-popup__buttons button+button{
        margin-left:12px;
        margin-top:0
    }
}
.cookie-popup.cookie-enter-active{
    transition:opacity .8s cubic-bezier(.165,.84,.44,1),transform .8s cubic-bezier(.165,.84,.44,1);
    transition-delay:.5s
}
.cookie-popup.cookie-leave-active{
    transition:opacity .4s cubic-bezier(.165,.84,.44,1),transform .4s cubic-bezier(.165,.84,.44,1)
}
.cookie-popup.cookie-enter-from,.cookie-popup.cookie-leave-to{
    opacity:0;
    transform:translateY(10px)
}
.cookie-popup.cookie-enter-to,.cookie-popup.cookie-leave-from{
    opacity:1;
    transform:translateY(0)
}
.marketing-popup .popup__inner{
    padding:38px 28px 30px
}
@media (min-width:48em){
    .marketing-popup .popup__inner{
        padding-left:35px;
        padding-right:35px
    }
}
@media (min-width:75em){
    .marketing-popup .popup__inner{
        padding:40px 30px 23px
    }
}
@media (min-width:48em){
    .marketing-popup__bottom{
        align-items:center;
        display:flex;
        justify-content:space-between
    }
}
@media (min-width:75em){
    .marketing-popup__bottom{
        flex-direction:column
    }
}
.marketing-popup__title{
    font-family:Maison Neue,Helvetica,Arial,sans-serif;
    margin-bottom:15px;
    text-transform:none
}
@media (min-width:75em){
    .marketing-popup__title{
        margin-bottom:25px
    }
}
.marketing-popup__copy{
    color:#ffffffb3;
    font-weight:300;
    padding-right:20px
}
@media (min-width:48em){
    .marketing-popup__copy{
        padding-right:40px
    }
}
@media (min-width:75em){
    .marketing-popup__copy{
        padding-right:20px
    }
}
.marketing-popup__button-opt-out{
    margin-top:25px;
    width:100%
}
@media (min-width:48em){
    .marketing-popup__button-opt-out{
        margin-top:0;
        max-width:280px
    }
}
@media (min-width:75em){
    .marketing-popup__button-opt-out{
        margin-top:42px;
        max-width:100%
    }
}
.marketing-popup.marketing-enter-active{
    transition:opacity .8s cubic-bezier(.165,.84,.44,1),transform .8s cubic-bezier(.165,.84,.44,1);
    transition-delay:.4s
}
.marketing-popup.marketing-leave-active{
    transition:opacity .4s cubic-bezier(.165,.84,.44,1),transform .4s cubic-bezier(.165,.84,.44,1)
}
.marketing-popup.marketing-enter-from,.marketing-popup.marketing-leave-to{
    opacity:0;
    transform:translateY(10px)
}
.marketing-popup.marketing-enter-to,.marketing-popup.marketing-leave-from{
    opacity:1;
    transform:translateY(0)
}
.site-grid{
    height:100%;
    left:50%;
    max-width:var(--grid-size-max);
    pointer-events:none;
    position:fixed;
    top:0;
    transform:translate(-50%);
    width:100%;
    z-index:99999
}
.site-grid__layout{
    display:flex;
    height:100%;
    width:100%
}
.site-grid__edge{
    background-color:#90caf933;
    flex-basis:var(--grid-edge);
    flex-shrink:0;
    height:100%
}
.site-grid__edge--0{
    border-left:1px solid rgba(144,202,249,.4)
}
.site-grid__edge--1{
    border-right:1px solid rgba(144,202,249,.4)
}
.site-grid__column{
    background-color:#ef9a9a33;
    border-left:1px solid hsla(0,73%,77%,.4);
    border-right:1px solid hsla(0,73%,77%,.4);
    flex:1;
    height:100%
}
.site-grid__gutter{
    background-color:#80cbc433;
    border-left:1px solid rgba(128,203,196,.4);
    border-right:1px solid rgba(128,203,196,.4);
    flex-basis:var(--grid-gutter);
    flex-shrink:0;
    height:100%
}
.site-grid__toolbar{
    left:50%;
    margin-left:-50vw;
    pointer-events:auto;
    position:fixed;
    top:0;
    -webkit-user-select:none;
    user-select:none;
    white-space:nowrap;
    width:100vw
}
.site-grid__toolbar-inner{
    background-color:#37474f;
    display:flex;
    overflow-x:scroll;
    overflow-y:hidden;
    padding:0 15px
}
[dir=rtl] .site-grid__toolbar-inner{
    flex-direction:row-reverse
}
.site-grid__toolbar-item{
    color:#fff;
    font-family:Helvetica,Arial,sans-serif;
    font-size:14px;
    font-weight:400;
    line-height:1
}
.site-grid__toolbar-item input[type=checkbox]{
    height:1px;
    left:-10000px;
    overflow-x:hidden;
    overflow-y:hidden;
    position:absolute;
    top:auto;
    width:1px
}
.site-grid__toolbar-item input[type=checkbox]~label{
    align-items:center;
    cursor:pointer;
    display:flex;
    padding:15px;
    position:relative
}
[dir=rtl] .site-grid__toolbar-item input[type=checkbox]~label{
    flex-direction:row-reverse
}
.site-grid__toolbar-item input[type=checkbox]~label:before{
    border:1px solid hsla(0,0%,100%,.5);
    border-radius:2px;
    content:"";
    display:block;
    height:15px;
    margin-right:10px;
    width:15px
}
.site-grid__toolbar-item input[type=checkbox]~label:after{
    background-color:#fff;
    border-radius:1px;
    height:7px;
    left:19px;
    position:absolute;
    top:19px;
    width:7px
}
.no-touchevents .site-grid__toolbar-item input[type=checkbox]~label:focus:before,.no-touchevents .site-grid__toolbar-item input[type=checkbox]~label:hover:before{
    border-color:#ffffffbf
}
.site-grid__toolbar-item input[type=checkbox]:checked~label:after{
    content:""
}
.site-grid__toolbar-item input[type=checkbox]:checked~label:before{
    border-color:#fff
}
.site-grid__toolbar-item+.site-grid__toolbar-item input[type=checkbox]~label{
    border-left:1px solid hsla(0,0%,100%,.15)
}
.site-grid__toolbar-toggle{
    background-color:#37474f;
    border-bottom-left-radius:4px;
    border-bottom-right-radius:4px;
    cursor:pointer;
    height:20px;
    position:absolute;
    right:5px;
    top:100%;
    width:30px
}
.site-grid__toolbar-toggle:after,.site-grid__toolbar-toggle:before{
    content:"";
    left:50%;
    position:absolute;
    top:50%;
    transform:rotate(180deg)
}
.site-grid__toolbar-toggle:before{
    border-left:5px solid transparent;
    border-right:5px solid transparent;
    border-top:5px solid #fff;
    margin-left:-5px;
    margin-top:-4px
}
.site-grid__toolbar-toggle:after{
    border-left:3px solid transparent;
    border-right:3px solid transparent;
    border-top:3px solid #37474f;
    margin-left:-3px;
    margin-top:-2px
}
.site-grid__toolbar--hidden{
    transform:translateY(-100%)
}
.site-grid__toolbar--hidden .site-grid__toolbar-toggle:after,.site-grid__toolbar--hidden .site-grid__toolbar-toggle:before{
    transform:rotate(0)
}
.site-grid__toolbar--hidden .site-grid__toolbar-toggle:after{
    margin-top:-4px
}
.site-grid--no-columns .site-grid__column,.site-grid--no-edges .site-grid__edge,.site-grid--no-gutters .site-grid__gutter{
    opacity:0
}
:root{
    --real-height:100vh
}
.site-wrapper{
    display:flex;
    flex-direction:column;
    min-height:var(--real-height,100vh);
    position:relative
}
.site-header{
    left:0;
    position:sticky;
    top:0
}
.site-about{
    color:#dbb4e699;
    font-family:Fraktion Mono,Helvetica,Arial,sans-serif;
    font-size:.5625rem;
    letter-spacing:.147em;
    line-height:1.7777777778;
    margin-top:0;
    max-height:0;
    max-width:230px;
    opacity:0;
    padding:0 var(--grid-edge);
    pointer-events:none;
    text-transform:uppercase;
    transition:color .3s ease-in-out,opacity .3s ease-in-out,visibility .3s,margin-top 0s .25s,max-height 0s .25s;
    visibility:hidden
}
@media (min-width:75em){
    .site-about{
        bottom:64px;
        margin-top:0;
        padding:0;
        position:fixed;
        right:var(--grid-edge)
    }
}
.site-about--visible{
    margin-top:32px;
    max-height:200px;
    opacity:1;
    transition:color .3s ease-in-out,opacity .3s ease-in-out,visibility .3s,margin-top 0s .2s,max-height 0s .2s;
    visibility:visible
}
.site-about--experience{
    margin-top:0;
    max-height:0;
    opacity:0;
    transition:color .3s ease-in-out,opacity .3s ease-in-out,visibility .3s,margin-top 0s 1s,max-height 0s 1s;
    visibility:hidden
}
@media (min-width:75em){
    .site-about--experience{
        color:#fff;
        display:block;
        max-height:unset;
        opacity:1;
        visibility:visible
    }
}
.site__circles{
    height:100vh;
    left:50%;
    position:fixed;
    top:50%;
    transform:translate(-50%,-50%);
    transition:opacity .3s ease-in-out;
    width:100vh
}
.site__circles--hidden{
    opacity:0;
    pointer-events:none
}
.site__circles,.site__circles--amethyst{
    --circle:#e87fd8
}
.site__circles--sapphire{
    --circle:#72a3c4
}
.site__circles--ruby{
    --circle:#b2569f
}
.site__circles--emerald{
    --circle:#619f92
}
.site__circles--amber{
    --circle:#b48c7a
}
.site__circles--gold{
    --circle:#b18d58
}
.site__circle{
    animation:spin 120s linear infinite;
    aspect-ratio:1/1;
    height:85%;
    left:50%;
    opacity:.9;
    position:absolute;
    top:50%;
    transform:translate(-50%,-50%)
}
.site__circle:nth-child(2){
    animation-direction:reverse;
    height:110%;
    opacity:.7
}
.site__circle:nth-child(3){
    height:150%;
    opacity:.6
}
.site__circle svg{
    height:100%;
    overflow:visible;
    width:100%;
    will-change:transform
}
.site__circle circle{
    stroke:var(--circle)
}
@keyframes spin{
    to{
        transform:translate(-50%,-50%) rotate(1turn)
    }
}