@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap");
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:rgba(0,0,0,0)}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}
*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{height:100%}html{font-size:10px}body{overflow:hidden}canvas{outline:none}#canvas{width:100% !important;height:100% !important}.wrapper{position:absolute;top:0;left:0;width:100%;height:100%}.no-fouc--in{opacity:1 !important;transition:.5s opacity linear}@font-face{font-family:"_NewYork";src:url(../fonts/newyork.woff2) format("woff2"),url(../fonts/newyork.woff) format("woff");font-weight:normal;font-style:normal;font-display:swap}#loader{background-color:#d27e04;background-color:#495ed7;z-index:10001}#loader .loader__bar{background-color:#bbb}.intro{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;z-index:1}.intro--out{pointer-events:none}.intro__title{color:#fff;margin:0;position:absolute;top:40px;transform-origin:center top;transform:translateY(calc(47vh - 40px)) translateY(-50%) scale(1);transform:translateY(calc(var(--vh, 1vh) * 47 - 40px)) translateY(-50%) scale(1);pointer-events:none}.intro--out .intro__title{transform:translateY(0) scale(0.25);transition:all .75s ease-in-out}@media(max-width: 640px){.intro--out .intro__title{transform:translateY(0) scale(0.35)}}.intro__title.no-transition{transition:none}.intro__title h1{font-size:min(20vw,20rem);font-family:"_NewYork";font-weight:normal;white-space:nowrap}.intro__title h1 span{opacity:0;transform:translateY(50px);display:inline-block}.intro__title h1 span.in{opacity:1;transition:.5s all cubic-bezier(0.215, 0.61, 0.355, 1);transform:translateY(0px)}.intro__subtitle{position:absolute;top:50%;right:0;width:min(18vw,150px);height:min(18vw,150px);background-image:url(../icons/intro-badge.svg);background-size:contain;background-position:center;background-repeat:no-repeat;pointer-events:none;-webkit-animation:rotate 10s linear infinite;animation:rotate 10s linear infinite;-webkit-animation-fill-mode:both;animation-fill-mode:both;filter:blur(5px);opacity:0}.intro__subtitle--in{transition:1s all linear;filter:blur(0px);opacity:1}.intro__subtitle--out{transition:.5s all linear;opacity:0}@-webkit-keyframes rotate{0%{transform:translateX(50%) translateY(-50%) translateY(-60%) rotate(0deg)}100%{transform:translateX(50%) translateY(-50%) translateY(-60%) rotate(-359deg)}}@keyframes rotate{0%{transform:translateX(50%) translateY(-50%) translateY(-60%) rotate(0deg)}100%{transform:translateX(50%) translateY(-50%) translateY(-60%) rotate(-359deg)}}.intro__cta{position:absolute;cursor:pointer;width:190px;top:0;transform:translateY(70vh) translateY(-50%) scale(1);transform:translateY(calc(var(--vh, 1vh) * 70)) translateY(-50%) scale(1);filter:blur(5px);opacity:0}.intro--out .intro__cta{opacity:0;transition:all .5s linear}@media(max-width: 640px){.intro__cta{transform:translateY(65vh) translateY(-50%) scale(1);transform:translateY(calc(var(--vh, 1vh) * 65)) translateY(-50%) scale(1)}}.intro__cta--in{transition:1s all linear;filter:blur(0px);opacity:1}.hint{position:fixed;top:30%;left:50%;text-align:center;color:#fff;font-family:"DM Sans",sans-serif;font-size:2rem;transform:translate(-50%, -50%);opacity:0;filter:blur(5px);pointer-events:none}.hint--in{opacity:1;filter:blur(0px);transition:2s all ease-out}.hint--out{opacity:0;filter:blur(5px)}.outro{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;color:#fff;font-family:"DM Sans",sans-serif;font-size:2.5rem;text-align:center;padding:10vw;box-sizing:border-box;opacity:0;filter:blur(5px);pointer-events:none;transform:translateY(-10px)}.outro.transition{transition:2s all ease-out}@media(max-width: 640px){.outro{font-size:2rem}}.outro--in{opacity:1;filter:blur(0px);transform:translateY(0px);pointer-events:auto}.outro p{max-width:750px;line-height:1.5;margin:0}.outro p:first-of-type{margin-top:50px}.outro__cta{cursor:pointer;width:190px;margin-top:50px}.vsh-scrollbar-0,.vsh-scrollbar-1{opacity:0;transition:1s opacity linear;background-color:rgba(255,255,255,.23) !important;mix-blend-mode:normal !important;width:2px !important;pointer-events:none}.vsh-scrollbar-0--in,.vsh-scrollbar-1--in{pointer-events:auto;opacity:1}@media(max-width: 640px){.vsh-scrollbar-0,.vsh-scrollbar-1{right:5px !important}}.vsh-scrollbar__handle-0,.vsh-scrollbar__handle-1{background-color:#fff !important;width:100% !important;left:0% !important}.sound-btn{width:58px;height:20px;position:fixed;left:110px;display:flex;justify-content:space-evenly;align-items:center;cursor:pointer;opacity:0;pointer-events:none}.sound-btn--in{opacity:1;transition:1s opacity linear;pointer-events:auto}@media(max-width: 550px){.sound-btn--in{opacity:.75 !important}}@media(max-width: 1200px){.sound-btn{left:80px}}@media(max-width: 550px){.sound-btn{left:14%;width:44px;height:10px;transform:translateY(5px)}}@media(max-width: 400px){.sound-btn{left:12%}}.sound-btn span{width:1px;height:100%;background:#fff;transform:scaleY(0.1);transition:1s background linear;transform-origin:bottom}.about-btn{position:fixed;right:110px;font-size:2rem;color:#fff;cursor:pointer;border-radius:50px;font-family:"DM Sans",sans-serif;pointer-events:none;opacity:0;transition:.75s opacity ease-in-out}.about-btn--in{pointer-events:auto;opacity:1 !important}@media(max-width: 550px){.about-btn--in{opacity:.75 !important}}@media(max-width: 1200px){.about-btn{right:80px}}@media(max-width: 640px){.about-btn{font-size:1.6rem}}@media(max-width: 550px){.about-btn{right:14%}}@media(max-width: 400px){.about-btn{right:12%}}.close-btn{position:fixed;right:110px;cursor:pointer;pointer-events:none;opacity:0;width:31px;height:31px;transition:.75s opacity linear;transform:rotate(45deg)}@media(max-width: 1200px){.close-btn{right:80px}}@media(max-width: 1000px){.close-btn{right:6%}}.close-btn--in{pointer-events:auto;opacity:1 !important}.close-btn--in div:first-child{-webkit-animation:closeInX .75s ease-in-out 1;animation:closeInX .75s ease-in-out 1;-webkit-animation-fill-mode:both;animation-fill-mode:both}.close-btn--in div:last-child{-webkit-animation:closeInY .75s ease-in-out 1;animation:closeInY .75s ease-in-out 1;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-delay:.5s;animation-delay:.5s}.close-btn--out{opacity:0 !important}.close-btn--out div:first-child{-webkit-animation:closeOutX .5s ease-in-out 1;animation:closeOutX .5s ease-in-out 1;-webkit-animation-fill-mode:both;animation-fill-mode:both;animation-fill-mode:both}.close-btn--out div:last-child{-webkit-animation:closeOutY .5s ease-in-out 1;animation:closeOutY .5s ease-in-out 1;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-delay:.25s;animation-delay:.25s}.close-btn div{position:absolute;background:#fff}.close-btn div:first-child{width:100%;height:1px;top:50%;left:0;transform-origin:0 50%}.close-btn div:last-child{width:1px;height:100%;top:0;left:50%;transform-origin:50% 100%}@-webkit-keyframes closeInX{0%{transform:scaleX(0)}100%{transform:scaleX(100%)}}@keyframes closeInX{0%{transform:scaleX(0)}100%{transform:scaleX(100%)}}@-webkit-keyframes closeInY{0%{transform:scaleY(0)}100%{transform:scaleY(100%)}}@keyframes closeInY{0%{transform:scaleY(0)}100%{transform:scaleY(100%)}}@-webkit-keyframes closeOutX{0%{transform:scaleX(100%)}100%{transform:scaleX(0%)}}@keyframes closeOutX{0%{transform:scaleX(100%)}100%{transform:scaleX(0%)}}@-webkit-keyframes closeOutY{0%{transform:scaleY(100%)}100%{transform:scaleY(0%)}}@keyframes closeOutY{0%{transform:scaleY(100%)}100%{transform:scaleY(0%)}}.about{position:absolute;top:0;left:0;width:100%;pointer-events:none;opacity:0;color:#fff;display:flex;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.about--in{pointer-events:auto;opacity:1;transition:1s background-color linear}@media(max-width: 1050px){.about--in{background-color:rgba(10,8,191,.2)}}.about__content{left:50%;width:50%;margin-left:auto;padding:250px 15% 250px 0;box-sizing:border-box}@media(max-width: 1050px){.about__content{width:55%}}@media(max-width: 1000px){.about__content{width:100%;padding:200px 15% 200px 15%}}@media(max-width: 600px){.about__content{padding:200px 10% 200px 10%}}.about h2{font-size:5rem;font-family:"_NewYork";text-transform:uppercase;font-weight:normal;margin-top:100px}@media(max-width: 550px){.about h2{font-size:4rem}}.about p{font-size:2rem;font-family:"DM Sans",sans-serif;line-height:1.5}.about p a{margin-top:10px;display:block;text-decoration:underline;color:#fff}.about__p-music{margin-top:100px}.about__p-music a{display:inline !important}.reference{border-bottom:1px solid #fff;display:flex;justify-content:space-between;align-items:center;padding:30px 0}.reference__title{font-size:3rem;font-family:"DM Sans",sans-serif;font-weight:bold;text-transform:uppercase}.reference source-link{cursor:pointer}@media(max-width: 1350px){.reference{flex-direction:column;align-items:flex-start}}@media(max-width: 1000px){.reference{flex-direction:row;align-items:center;padding:25px 0}}@media(max-width: 720px){.reference__title{font-size:2.5rem}}@media(max-width: 640px){.reference{flex-direction:column;align-items:flex-start}}
roll-title{position:relative}.roll-title div:last-child{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0}.roll-title div:last-child:after{content:attr(data-content);position:absolute;top:0;left:0}.roll-title{perspective:500px}

:root{
    --webog-green:#c6ff2f;
    --webog-green-soft:#97d61e;
    --webog-black:#050805;
    --webog-black-soft:rgba(5,8,5,.78);
    --webog-border:rgba(255,255,255,.08);
}

body{
    background:#000;
    font-family:"DM Sans",sans-serif;
}

.site-header{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    z-index:12;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:32px;
    padding:28px 56px 20px;
    box-sizing:border-box;
    background:linear-gradient(180deg,rgba(0,0,0,.72) 0%,rgba(0,0,0,.34) 55%,rgba(0,0,0,0) 100%);
    pointer-events:none;
}

.site-header a,
.site-header button{
    pointer-events:auto;
}

.site-header__brand{
    display:flex;
    align-items:center;
    gap:14px;
    color:#fff;
    text-decoration:none;
}

.site-header__brand-mark{
    width:42px;
    height:42px;
    border-radius:50%;
    display:grid;
    place-items:center;
    background:radial-gradient(circle at 30% 30%,#e6ff81 0%,var(--webog-green) 40%,var(--webog-green-soft) 100%);
    color:#091105;
    font-size:1.3rem;
    font-weight:700;
    letter-spacing:.08em;
    box-shadow:0 0 32px rgba(198,255,47,.2);
}

.site-header__brand-text{
    font-size:2rem;
    font-weight:700;
    letter-spacing:-.04em;
    text-transform:lowercase;
}

.site-header__brand-text span{
    color:var(--webog-green);
}

.site-header__nav{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:18px;
    margin:0 auto;
    padding:0 24px;
    border:1px solid var(--webog-border);
    border-radius:999px;
    background:rgba(8,12,8,.52);
    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);
}

.site-header__link{
    position:relative;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:54px;
    padding:0 6px;
    border:0;
    background:transparent;
    color:rgba(255,255,255,.88);
    font-size:1.9rem;
    font-weight:600;
    text-decoration:none;
    cursor:pointer;
    transition:color .25s ease,opacity .4s ease;
}

.site-header__link::after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:10px;
    height:2px;
    border-radius:999px;
    background:linear-gradient(90deg,transparent 0%,var(--webog-green) 50%,transparent 100%);
    transform:scaleX(0);
    transform-origin:center;
    transition:transform .25s ease;
}

.site-header__link:hover,
.site-header__link:focus-visible,
.site-header__link--active{
    color:#fff;
    outline:none;
}

.site-header__link:hover::after,
.site-header__link:focus-visible::after,
.site-header__link--active::after,
.about-btn--in::after{
    transform:scaleX(1);
}

.intro{
    z-index:2;
}

.intro__title{
    opacity:0 !important;
    visibility:hidden;
    transform:none !important;
}

.intro__subtitle{
    display:none !important;
}

.intro__cta{
    z-index:14;
    width:230px;
    transform:translateY(calc(var(--vh, 1vh) * 72)) translateY(-50%) scale(1);
}

.hint{
    z-index:11;
    top:37%;
    font-size:1.9rem;
    letter-spacing:-.03em;
}

.sound-btn{
    z-index:13;
    left:72px;
    top:92px;
}

.sound-btn span{
    background:var(--webog-green);
}

.about-btn{
    position:relative;
    right:auto;
    font-size:1.9rem;
    border-radius:0;
    font-family:"DM Sans",sans-serif;
    color:rgba(255,255,255,.88);
    background:transparent;
    padding:0 6px;
    min-height:54px;
    opacity:1 !important;
    pointer-events:auto !important;
}

.about-btn--in{
    opacity:1 !important;
}

body:has(.close-btn--in) .site-header .about-btn{
    opacity:0 !important;
    pointer-events:none !important;
}

.close-btn{
    top:42px;
    right:56px;
    z-index:20;
}

.about{
    z-index:19;
    background:linear-gradient(135deg,rgba(4,7,4,.92) 0%,rgba(8,14,8,.84) 42%,rgba(22,46,12,.72) 100%);
}

.about--in{
    backdrop-filter:blur(14px);
    -webkit-backdrop-filter:blur(14px);
}

@media (max-width:1100px){
    .site-header{
        padding:22px 24px 18px;
        gap:18px;
        flex-direction:column;
        align-items:flex-start;
    }

    .site-header__nav{
        width:100%;
        justify-content:flex-start;
        overflow:auto;
        padding:0 18px;
        gap:16px;
    }

    .close-btn{
        top:108px;
        right:24px;
    }

    .sound-btn{
        left:28px;
        top:116px;
    }
}

@media (max-width:640px){
    .site-header{
        padding:18px 16px 12px;
    }

    .site-header__brand-mark{
        width:36px;
        height:36px;
        font-size:1.1rem;
    }

    .site-header__brand-text{
        font-size:1.7rem;
    }

    .site-header__link,
    .about-btn{
        min-height:46px;
        font-size:1.5rem;
    }

    .intro__cta{
        width:200px;
        transform:translateY(calc(var(--vh, 1vh) * 74)) translateY(-50%) scale(.92);
    }

    .hint{
        width:80%;
        font-size:1.7rem;
    }

    .sound-btn{
        top:92px;
        left:18px;
        width:40px;
    }

    .close-btn{
        top:92px;
        right:18px;
    }
}

.intro__title,
.intro__title h1,
.intro__title h1 span,
.intro__subtitle{
    display:none !important;
    opacity:0 !important;
    visibility:hidden !important;
}

.intro__cta{
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
}

.site-header{
    z-index:30 !important;
    left:50%;
    width:min(100% - 120px,1580px);
    transform:translateX(-50%);
    align-items:center;
    justify-content:space-between;
    gap:28px;
    padding:0 20px 0 26px;
    height:112px;
    background:linear-gradient(180deg,rgba(10,10,10,.52) 0%,rgba(10,10,10,.18) 64%,rgba(10,10,10,0) 100%) !important;
    border-bottom:1px solid rgba(255,255,255,.08);
}

.site-header__brand{
    flex:0 0 auto;
}

.site-header__brand-image{
    display:block;
    width:176px;
    height:auto;
}

.site-header__nav{
    flex:1 1 auto;
    justify-content:flex-start;
    gap:38px;
    margin:0;
    padding:0 0 0 70px;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    overflow:visible;
}

.site-header__link,
.site-header__about{
    min-height:auto;
    padding:0;
    font-size:1.75rem;
    font-weight:700;
    color:#fff;
    line-height:1;
}

.site-header__link--active,
.site-header__link:hover,
.site-header__about:hover{
    color:var(--webog-green);
}

.site-header__link::after,
.site-header__about::after{
    display:none !important;
}

.site-header__link--has-caret{
    display:inline-flex;
    align-items:center;
    gap:9px;
}

.site-header__link--has-caret::before{
    content:"";
    order:2;
    width:8px;
    height:8px;
    border-right:2px solid currentColor;
    border-bottom:2px solid currentColor;
    transform:translateY(-1px) rotate(45deg);
}

.about-btn{
    display:none !important;
}

.site-header__about{
    border:0;
    background:transparent;
    cursor:pointer;
}

body:has(.close-btn--in) .site-header__about{
    opacity:0;
    pointer-events:none;
}

.sound-btn{
    top:50%;
    left:42px;
    transform:translateY(-50%);
}

.close-btn{
    top:40px;
    right:42px;
}

.site-header__langs{
    flex:0 0 auto;
    display:flex;
    align-items:center;
    gap:18px;
    padding-right:12px;
}

.site-header__lang{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    transition:transform .2s ease,opacity .2s ease;
}

.site-header__lang:hover{
    transform:translateY(-1px);
    opacity:.9;
}

.site-header__lang img{
    display:block;
    width:22px;
    height:15px;
    object-fit:cover;
}

@media (max-width:1100px){
    .site-header{
        left:0;
        width:100%;
        transform:none;
        height:auto;
        padding:20px 24px 14px;
        align-items:flex-start;
    }

    .site-header__brand-image{
        width:150px;
    }

    .site-header__nav{
        width:100%;
        padding:10px 0 0;
        gap:22px;
        overflow:auto;
    }

    .site-header__langs{
        width:100%;
        justify-content:flex-end;
        padding:6px 0 0;
    }

    .sound-btn{
        top:92px;
        left:24px;
        transform:none;
    }

    .close-btn{
        top:92px;
        right:24px;
    }
}

@media (max-width:640px){
    .site-header{
        padding:16px 16px 12px;
    }

    .site-header__brand-image{
        width:132px;
    }

    .site-header__nav{
        gap:18px;
    }

    .site-header__link,
    .site-header__about{
        font-size:1.45rem;
        white-space:nowrap;
    }

    .site-header__langs{
        gap:12px;
    }

    .site-header__lang img{
        width:20px;
        height:14px;
    }
}

@media (max-width:900px){
    .site-header{
        left:0;
        width:100%;
        transform:none;
        padding:14px 14px 10px;
        height:auto;
        gap:10px;
        align-items:flex-start;
    }

    .site-header__brand-image{
        width:136px;
    }

    .site-header__nav{
        width:100%;
        padding:8px 0 0;
        gap:18px;
        overflow-x:auto;
        overflow-y:hidden;
        -ms-overflow-style:none;
        scrollbar-width:none;
    }

    .site-header__nav::-webkit-scrollbar{
        display:none;
    }

    .site-header__link,
    .site-header__about{
        font-size:1.3rem;
        white-space:nowrap;
    }

    .site-header__langs{
        width:100%;
        justify-content:flex-end;
        gap:10px;
        padding:4px 0 0;
    }

    .site-header__lang img{
        width:18px;
        height:13px;
    }
}

@media (max-width:520px){
    .site-header{
        padding:12px 12px 8px;
    }

    .site-header__brand-image{
        width:124px;
    }

    .site-header__nav{
        gap:16px;
    }

    .site-header__link,
    .site-header__about{
        font-size:1.2rem;
    }
}

/* Final header system */
.site-header{
    position:fixed;
    top:0;
    left:50%;
    transform:translateX(-50%);
    width:min(calc(100% - 188px), 1602px);
    height:96px;
    padding:0 8px 0 6px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    z-index:40 !important;
    pointer-events:none;
    background:transparent !important;
    border-bottom:0 !important;
}

.site-header::after{
    content:"";
    position:absolute;
    left:50%;
    bottom:0;
    width:100vw;
    height:1px;
    transform:translateX(-50%);
    background:rgba(255,255,255,.12);
    pointer-events:none;
}

.site-header > *{
    pointer-events:auto;
}

.site-header__brand{
    flex:0 0 auto;
}

.site-header__brand-image{
    width:164px;
    height:auto;
    display:block;
}

.site-header__nav{
    flex:1 1 auto;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    gap:34px;
    margin:0;
    padding:0 0 0 50px;
    background:transparent !important;
    border:0 !important;
    border-radius:0 !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    overflow:visible;
}

.site-header__link,
.site-header__about{
    position:relative;
    display:inline-flex;
    align-items:center;
    gap:8px;
    min-height:auto;
    padding:0;
    border:0;
    background:transparent;
    color:#fff;
    font-size:1.58rem;
    font-weight:700;
    line-height:1;
    text-decoration:none;
    cursor:pointer;
}

.site-header__link::after,
.site-header__about::after{
    display:none !important;
}

.site-header__link--active,
.site-header__link:hover,
.site-header__about:hover{
    color:var(--webog-green);
}

.site-header__link--has-caret::before,
.mobile-menu__services::after{
    content:"";
    width:8px;
    height:8px;
    border-right:2px solid currentColor;
    border-bottom:2px solid currentColor;
    transform:translateY(-2px) rotate(45deg);
}

.site-header__dropdown{
    position:relative;
    display:flex;
    align-items:center;
}

.site-header__submenu{
    position:absolute;
    top:calc(100% + 18px);
    left:-20px;
    min-width:290px;
    padding:16px 0;
    background:rgba(8,8,8,.96);
    border:1px solid rgba(255,255,255,.08);
    box-shadow:0 18px 46px rgba(0,0,0,.34);
    opacity:0;
    visibility:hidden;
    transform:translateY(10px);
    transition:opacity .2s ease,transform .2s ease,visibility .2s ease;
}

.site-header__dropdown:hover .site-header__submenu,
.site-header__dropdown:focus-within .site-header__submenu{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
}

.site-header__submenu-link{
    display:block;
    padding:11px 20px;
    color:#fff;
    font-size:1.38rem;
    font-weight:600;
    text-decoration:none;
    white-space:nowrap;
}

.site-header__submenu-link:hover{
    background:rgba(198,255,47,.09);
    color:var(--webog-green);
}

.site-header__langs{
    flex:0 0 auto;
    display:flex;
    align-items:center;
    gap:15px;
    padding-right:6px;
}

.site-header__lang img{
    width:21px;
    height:14px;
    display:block;
}

.sound-btn,
.sound-btn--in{
    display:none !important;
    visibility:hidden !important;
    opacity:0 !important;
    pointer-events:none !important;
}

.site-header__toggle,
.mobile-menu{
    display:none;
}

@media (max-width:1200px){
    .site-header{
        width:min(calc(100% - 104px), 1602px);
    }

    .site-header__brand-image{
        width:158px;
    }

    .site-header__nav{
        gap:28px;
        padding-left:42px;
    }
}

@media (max-width:900px){
    .site-header{
        left:0;
        transform:none;
        width:100%;
        height:110px;
        padding:0 14px;
        align-items:flex-start !important;
        justify-content:flex-start !important;
        gap:0;
    }

    .site-header::after{
        width:100%;
        left:0;
        transform:none;
    }

    .site-header__nav,
    .site-header__langs{
        display:none;
    }

    .site-header__brand{
        position:absolute;
        left:14px;
        top:14px;
        margin:0;
        flex:none;
        align-self:auto;
    }

    .site-header__brand-image{
        width:146px;
    }

    .site-header__toggle{
        position:absolute;
        right:14px;
        top:14px;
        width:46px;
        height:44px;
        border:1px solid rgba(198,255,47,.9);
        border-radius:14px;
        background:rgba(13,13,13,.58);
        display:flex !important;
        flex-direction:column;
        justify-content:center;
        align-items:center;
        gap:5px;
        color:#fff;
        flex:none;
        margin:0;
        padding:0;
        align-self:auto;
    }

    .site-header__toggle span{
        width:20px;
        height:2px;
        background:#fff;
        display:block;
        border-radius:999px;
    }

    .mobile-menu{
        position:fixed;
        inset:0;
        z-index:60;
        background:var(--webog-green);
        color:#000;
        padding:14px 18px 32px;
        box-sizing:border-box;
        opacity:0;
        visibility:hidden;
        pointer-events:none;
        transition:opacity .2s ease,visibility .2s ease;
    }

    .mobile-menu--open{
        display:block;
        opacity:1;
        visibility:visible;
        pointer-events:auto;
    }

    .mobile-menu__top{
        height:78px;
        display:flex;
        justify-content:flex-end;
        align-items:center;
    }

    .mobile-menu__close{
        width:46px;
        height:46px;
        border:0;
        border-radius:11px;
        background:#fff;
        position:relative;
    }

    .mobile-menu__close::before,
    .mobile-menu__close::after{
        content:"";
        position:absolute;
        top:50%;
        left:50%;
        width:18px;
        height:2px;
        background:#000;
        border-radius:999px;
    }

    .mobile-menu__close::before{
        transform:translate(-50%,-50%) rotate(45deg);
    }

    .mobile-menu__close::after{
        transform:translate(-50%,-50%) rotate(-45deg);
    }

    .mobile-menu__nav{
        margin-top:8px;
        border-top:1px solid rgba(255,255,255,.6);
        padding-top:24px;
        display:flex;
        flex-direction:column;
        align-items:flex-start;
        gap:24px;
    }

    .mobile-menu__link{
        border:0;
        background:transparent;
        color:#000;
        font-size:1.82rem;
        font-weight:500;
        text-decoration:none;
        padding:0;
        display:inline-flex;
        align-items:center;
        gap:14px;
        cursor:pointer;
    }

    .mobile-menu__link--active{
        color:#fff;
        font-weight:700;
    }

    .mobile-menu__submenu{
        display:none;
        width:100%;
        margin-top:-10px;
        gap:14px;
        flex-direction:column;
        padding-left:14px;
    }

    .mobile-menu__services-open .mobile-menu__submenu,
    .mobile-menu__services[aria-expanded="true"] + .mobile-menu__submenu{
        display:flex;
    }

    .mobile-menu__submenu-link{
        color:#000;
        font-size:1.42rem;
        text-decoration:none;
        font-weight:500;
    }
}

@media (max-width:520px){
    .site-header{
        height:108px;
        padding:0 14px;
    }

    .site-header__brand-image{
        width:140px;
    }

    .site-header__toggle{
        top:14px;
        width:44px;
        height:42px;
        border-radius:12px;
    }

    .mobile-menu{
        padding:14px 14px 28px;
    }

    .mobile-menu__top{
        height:70px;
    }

    .mobile-menu__link{
        font-size:1.72rem;
    }

    .mobile-menu__submenu-link{
        font-size:1.34rem;
    }
}

/* Webog polish overrides */
:root{
    --webog-font:"Plus Jakarta Sans",sans-serif;
}

body,
.site-header,
.site-header__link,
.site-header__about,
.mobile-menu,
.mobile-menu__link,
.mobile-menu__submenu-link,
.hint,
.outro,
.about,
.about p,
.reference__title,
.about-btn{
    font-family:var(--webog-font) !important;
}

.site-header{
    height:108px;
    padding-top:10px;
    align-items:flex-start;
}

.site-header__brand{
    margin-top:18px;
}

.site-header__nav,
.site-header__langs{
    margin-top:24px;
}

.site-header__brand-image{
    width:168px;
}

.site-header__link,
.site-header__about{
    font-size:1.62rem;
    font-weight:700;
    letter-spacing:-.01em;
}

.site-header__toggle{
    box-shadow:0 14px 30px rgba(0,0,0,.18);
}

.outro__cta{
    width:auto;
    margin-top:42px;
    display:flex;
    justify-content:center;
    align-items:center;
}

@media (max-width:1200px){
    .site-header{
        height:104px;
        padding-top:8px;
    }

    .site-header__brand{
        margin-top:18px;
    }

    .site-header__nav,
    .site-header__langs{
        margin-top:23px;
    }
}

@media (max-width:900px){
    .site-header{
        height:124px;
        padding:0 18px;
    }

    .site-header__brand{
        top:24px;
        left:18px;
        margin-top:0;
    }

    .site-header__brand-image{
        width:148px;
    }

    .site-header__toggle{
        top:22px;
        right:18px;
        width:48px;
        height:48px;
        border-radius:14px;
        background:rgba(11,13,11,.46);
    }
}

@media (max-width:520px){
    .site-header{
        height:122px;
        padding:0 16px;
    }

    .site-header__brand{
        top:24px;
        left:16px;
    }

    .site-header__brand-image{
        width:144px;
    }

    .site-header__toggle{
        top:22px;
        right:16px;
        width:46px;
        height:46px;
    }

}

.outro__cta{
    width:min(680px,100%);
    margin-top:50px;
    display:flex;
    justify-content:center;
    cursor:default;
}

.outro__cta svg{
    display:none !important;
}

.outro__actions{
    width:100%;
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:18px;
}

.outro__button{
    appearance:none;
    position:relative;
    overflow:hidden;
    min-width:230px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    padding:18px 30px;
    border-radius:999px;
    border:1px solid rgba(184,255,0,.28);
    background:rgba(11,13,10,.74);
    color:#fff;
    text-decoration:none;
    font-family:"DM Sans",sans-serif;
    font-size:1rem;
    font-weight:700;
    letter-spacing:.08em;
    text-transform:uppercase;
    box-shadow:0 16px 40px rgba(0,0,0,.28),inset 0 0 0 1px rgba(255,255,255,.03);
    transition:transform .25s ease,background .25s ease,border-color .25s ease,color .25s ease,box-shadow .25s ease;
    cursor:pointer;
}

.outro__button::before{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(135deg,rgba(184,255,0,.18),rgba(184,255,0,0) 55%);
    opacity:.95;
}

.outro__button span{
    position:relative;
    z-index:1;
}

.outro__button:hover{
    transform:translateY(-3px);
    border-color:rgba(184,255,0,.65);
    color:#d7ff63;
    box-shadow:0 20px 50px rgba(0,0,0,.35),0 0 28px rgba(184,255,0,.16);
}

.outro__button--primary{
    background:linear-gradient(135deg,#c6ff2f,#89c400);
    color:#081004;
    border-color:transparent;
    box-shadow:0 20px 60px rgba(137,196,0,.28);
}

.outro__button--primary::before{
    background:linear-gradient(135deg,rgba(255,255,255,.28),rgba(255,255,255,0) 60%);
}

.outro__button--primary:hover{
    color:#081004;
    background:linear-gradient(135deg,#d8ff5f,#9fe000);
}

@media (max-width:640px){
    .outro__cta{
        margin-top:36px;
    }

    .outro__actions{
        gap:12px;
    }

    .outro__button{
        width:100%;
        min-width:0;
        padding:16px 22px;
        font-size:.92rem;
    }
}
/* ==========================================
   WEBOG WPML LANGUAGE SWITCHER
   CeramicMarc Style
========================================== */

.wpml-elementor-ls{
    display:flex;
    align-items:center;
    justify-content:center;
}

/* Container */
.wpml-ls-legacy-dropdown-click{
    width:44px !important;
    position:relative;
}

/* Main Button */
.wpml-ls-legacy-dropdown-click .wpml-ls-item-toggle{
    width:44px !important;
    height:38px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    padding:0 !important;

    border-radius:999px !important;

    background:rgba(8,8,8,.78) !important;

    border:1px solid rgba(182,255,46,.28) !important;

    backdrop-filter:blur(12px);

    transition:all .25s ease !important;
}

/* Main Hover */
.wpml-ls-legacy-dropdown-click .wpml-ls-item-toggle:hover{
    border-color:#b6ff2e !important;
    box-shadow:0 0 14px rgba(182,255,46,.18);
}

/* Hide language text */
.wpml-ls-native,
.wpml-ls-display{
    display:none !important;
}

/* Remove WPML arrow */
.wpml-ls-item-toggle:after{
    display:none !important;
}

/* Flags */
.wpml-ls-flag{
    width:20px !important;
    height:auto !important;
    display:block !important;
    border-radius:2px;
}

/* Dropdown Container */
.wpml-ls-sub-menu{
    margin-top:6px !important;

    border:none !important;
    background:transparent !important;

    min-width:44px !important;

    left:0 !important;
}

/* Dropdown Items */
.wpml-ls-sub-menu .wpml-ls-link{
    width:44px !important;
    height:38px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    padding:0 !important;

    margin-top:6px !important;

    border-radius:999px !important;

    background:rgba(8,8,8,.92) !important;

    border:1px solid rgba(182,255,46,.28) !important;

    backdrop-filter:blur(12px);

    transition:all .25s ease !important;
}

/* Dropdown Hover */
.wpml-ls-sub-menu .wpml-ls-link:hover{
    border-color:#b6ff2e !important;

    box-shadow:0 0 14px rgba(182,255,46,.18);

    background:rgba(18,22,16,.95) !important;
}

/* Remove WPML spacing */
.wpml-ls ul,
.wpml-ls li{
    margin:0 !important;
    padding:0 !important;
    list-style:none !important;
}

/* Elementor Fix */
.elementor-widget-wpml-language-switcher{
    width:auto !important;
}

.elementor-widget-wpml-language-switcher .elementor-widget-container{
    overflow:visible !important;
}

/* Mobile */
@media(max-width:1024px){

    .wpml-ls-legacy-dropdown-click{
        width:40px !important;
    }

    .wpml-ls-legacy-dropdown-click .wpml-ls-item-toggle,
    .wpml-ls-sub-menu .wpml-ls-link{
        width:40px !important;
        height:36px !important;
    }

    .wpml-ls-flag{
        width:18px !important;
    }

}