/**
 * Swiper 9.4.1
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2023 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: June 13, 2023
 */

@font-face{font-family:swiper-icons;src:url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");font-weight:400;font-style:normal}

:root{--swiper-theme-color:#007aff}

.swiper, swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}

.swiper-vertical>.swiper-wrapper{flex-direction:column}

.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}

.swiper-android .swiper-slide, .swiper-wrapper{transform:translate3d(0px,0,0)}

.swiper-horizontal{touch-action:pan-y}

.swiper-vertical{touch-action:pan-x}

.swiper-slide, swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}

.swiper-slide-invisible-blank{visibility:hidden}

.swiper-autoheight, .swiper-autoheight .swiper-slide{height:auto}

.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}

.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}

.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}

.swiper-3d .swiper-wrapper{transform-style:preserve-3d}

.swiper-3d{perspective:1200px}

.swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top{transform-style:preserve-3d}

.swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}

.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}

.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}

.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}

.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}

.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}

.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}

.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}

.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}

.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}

.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}

.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}

.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}

.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}

.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}

.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}

.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader, .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader, swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}

.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}

.swiper-lazy-preloader-black{--swiper-preloader-color:#000}

@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
:root{--swiper-navigation-size:44px}.swiper-button-next, .swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden, .swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next, .swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next:after, .swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev, .swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next, .swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-button-lock{display:none}
.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination, .swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, :host(.swiper-horizontal.swiper-rtl) .swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}
.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas, .swiper-zoom-container>img, .swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}
/* base/reset */
* {
    box-sizing: border-box;
}
a {
    text-decoration: none;
}
a, input:focus, textarea:focus, select:focus {
    -webkit-tap-highlight-color: transparent;
}
ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
dl {
    display: grid;
    grid-template-columns: 25% auto;
    margin-bottom: 0;
}
dt, dd {
    margin: 0.2em 0;
}
dt {
    grid-column: 1;
}
dt:after {
        content: ":";
    }
dd {
    grid-column: 2;
    padding-left: 0.25em;
}
dl.log-list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
dl.log-list dt, dl.log-list dd {
        background-color: #fff;
        padding: 20px;
        color: var(--color-accent);
    }
dl.log-list dt {
        border-radius: 10px 0 0 10px;
        flex-basis: 15%;
        border-right: 1px solid var(--color-fond);
    }
dl.log-list dt:after {
            content: "";
        }
dl.log-list dd {
        border-radius: 0 10px 10px 0;
        flex-basis: 85%;
    }
/* base/vars */
:root {
    --gutter: 40px;
    --spacing: 20px;
    --stage-height: 100vh;

    --ease: cubic-bezier(0.05, 0.59, 0, 0.99);

    --max-content-width: 1400px;

    --frame-padding: 120px;
}
:root {
    --color-fond: #000;
    --color-text: #fff;

    --color-accent: #dedede;
    --color-highlight: red;
}
@font-face {
    font-family: "ABCDiatype";
    font-weight: bold;
    src: url(/themes/scopes_global/assets/2eb1bff2eb552431e8ee.otf) format("opentype"), url(/themes/scopes_global/assets/e3b100e226c8581a321a.woff) format("woff"),
        url(/themes/scopes_global/assets/54e82b999a9f402b51bd.woff2) format("woff2");
}
@font-face {
    font-family: "ABCDiatype";
    font-weight: normal;
    src: url(/themes/scopes_global/assets/86fef941c6e1639a1a95.otf) format("opentype"),
        url(/themes/scopes_global/assets/01dc7ade4aea5cb8f832.woff) format("woff"),
        url(/themes/scopes_global/assets/b73e0765e3b3b5aeef05.woff2) format("woff2");
}
@font-face {
    font-family: "Tobias-Light";
    font-weight: light;
    src: url(/themes/scopes_global/assets/49795a58f14dcca46543.otf) format("opentype"), url(/themes/scopes_global/assets/b6acbb5ef2cfa1835428.ttf) format("truetype");
}
:root {
    --font-size: 16px;
    --font-size-meta: 0.8rem;
    --heading-font: Tobias-Light, Times, serif;
    --body-font: ABCDiatype, Arial, Helvetica, sans-serif;
}
body {
    font-family: var(--body-font);

    font-size: 100%;

    text-rendering: geometricPrecision;
}
.dont-break-out {
    overflow-wrap: break-word;
    word-wrap: break-word;

    word-break: break-all;
    word-break: break-word;

    hyphens: auto;
}
.nice-breaks {
    hyphens: auto;
}
.underline {
    text-decoration: underline;
}
a {
    color: var(--color-text);
}
a:hover {
        color: var(--color-text);
    }
a:visited {
        color: var(--color-text);
    }
p, .view-piece-slider .views-field-body {
    font-family: var(--heading-font);
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.6em;
    color: var(--color-text);
    text-transform: none;
    margin: 0.5em 0 1em 0;

    max-width: 960px;

    opacity: var(--current-opacity);
    transition: opacity 1s ease-in-out;
}
article ul li{
        font-family: var(--heading-font);
        font-size: 1.4rem;
        font-weight: 400;
        line-height: 1.6em;
        color: var(--color-text);
        text-transform: none;
        margin: 0.5em 0 1em 0;
    
        max-width: 960px;
    }
h1, h2, h3, h4, nav#block-globalnavigation ul.menu-level-0 > li, .ui-dialog article.node--type-piece .field--name-field-piece-title {
    font-family: var(--heading-font);
    color: var(--color-text);

    /*font-variant-ligatures: discretionary-ligatures; */

    font-weight: 400;

    margin: 0;
}
h1 a, h2 a, h3 a, h4 a, nav#block-globalnavigation ul.menu-level-0 > li a, .ui-dialog article.node--type-piece .field--name-field-piece-title a {
        color: var(--color-text);
    }
h1, nav#block-globalnavigation ul.menu-level-0 > li {
    font-size: 3.4rem;
}
h2 {
    font-size: 2.8rem;
}
h3, .ui-dialog article.node--type-piece .field--name-field-piece-title {
    font-size: 2rem;
}
.meta {
    font-family: var(--body-font);
    line-height: 1.3em;
    font-size: 100%;
    font-weight: 400;
    font-size: 1.4rem;
    font-style: normal;

    text-transform: uppercase;
}
blockquote {
    margin: var(--gutter);
}
blockquote p {
        font-style: italic;
        font-size: 3rem;
        margin: 0;
        line-height: 1.1em;
    }
blockquote span {
        font-size: 1rem;
    }
.centered {
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}
.legal-content{
    --body-font: Arial, Helvetica, sans-serif;
}
.legal-content h1, .legal-content h2{
        margin-bottom: 1em;
    }
.legal-content h1, .legal-content h2, .legal-content h3, .legal-content h4{
        max-width: 960px;
    }
.legal-content p{
        font-family: var(--body-font);
        font-size: 1rem;
    }
.legal-content a{
        text-decoration: underline;
    }
.legal-content ul{ 
        list-style-type: disc;
        margin-left: 1em;
        margin-bottom: 2em;
    }
.legal-content ul li{
            font-family: var(--body-font);
            font-size: 1rem;
            font-weight: 400;
            line-height: 1.6em;
           
            margin: 0.5em 0 0.5em 0;
        
            max-width: 960px;
        }
/**/
/* */
.top-link {
    display: none;
}
.cta, .cta-big, .button, .region-content #block-stockholmticketsctalong a.cta-tickets {
    background-color: var(--color-accent);
    display: inline-block;
    border-radius: 10px;
    padding: 0.4em 0.8em 0.3em 0.8em;
    text-transform: uppercase;

    color: #000;

    font-size: 1.2rem;
    text-align: center;

    transition: background-color 0.2s ease-in-out;
}
.cta:visited, .cta-big:visited, .button:visited, .region-content #block-stockholmticketsctalong a.cta-tickets:visited {
        color: #000;
    }
.cta:hover, .cta-big:hover, .button:hover, .region-content #block-stockholmticketsctalong a.cta-tickets:hover {
        background-color: red;
        color: #000;
    }
.cta-big, .region-content #block-stockholmticketsctalong a.cta-tickets {

    border-radius: 15px;
    padding: 0.4em 0.8em 0.3em 0.8em;
}
.cta-big strong, .region-content #block-stockholmticketsctalong a.cta-tickets strong {
        font-size: 1.6rem;
    }
#block-stockholmeventcta {
    position: absolute;
    z-index: 33;
    bottom: 100px;
    left: 50%;
    transform: translateX(-50%);
}
#block-seouleventcta {

    position: fixed;
    z-index: 833;
    bottom: var(--gutter);
    transform: translateY(20%);
    right: var(--gutter);
}
#block-seouleventcta a {
        background-color: #42f477;
    }
.ajax-progress {
    position: fixed;
    z-index: 99999999;

    opacity: 1;
    text-align: center;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
#block-scopeslogo-2:after {
        content: "";

        width: 100px;
        height: 60px;

        background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgOTQuNzE4IDU3LjgxOSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgogICAgI2xvb3AgeyAKICAgICAgYW5pbWF0aW9uOiBkYXNoIDEuNXM7CiAgICAgIHN0cm9rZTogI2UzMDYxMzsKICAgICAgc3Ryb2tlLXdpZHRoOiAxNHB4OwogICAgICBzdHJva2UtZGFzaGFycmF5OiAyMjc7CiAgICAgIHN0cm9rZS1kYXNob2Zmc2V0OiAyMjc7CiAgICAgfQoKICAgIEBrZXlmcmFtZXMgZGFzaCB7CiAgICAgIHRvIHsKICAgICAgICBzdHJva2UtZGFzaG9mZnNldDogMDsKICAgICAgfQogICAgfQogIDwvc3R5bGU+CgogIDxwYXRoIGlkPSJsb29wIiBkPSJNODcuNzc3LDI5LjA2MnY4LjY3NUExMy4xNDEsMTMuMTQxLDAsMCwxLDc0LjYzNSw1MC44NzhIMjAuMDgyQTEzLjE0LDEzLjE0LDAsMCwxLDYuOTQxLDM3LjczN1YyMC4wODJBMTMuMTQsMTMuMTQsMCwwLDEsMjAuMDgyLDYuOTQxSDc0LjYzNUExMy4xNDEsMTMuMTQxLDAsMCwxLDg3Ljc3NywyMC4wODJ2OC45OCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAwKSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZTMwNjEzIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS13aWR0aD0iMTMuODgxIi8+Cjwvc3ZnPgoK);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center center;
    }
.ajax-progress-throbber .throbber {
    left: 50%;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(-50%, -50%);
    display: inline;
    padding: 1px 5px 2px;
    background: none;

    width: 50px;
    height: 30px;

    animation: fadeIn 0.25s ease-out;
    animation-fill-mode: both;
    animation-delay: 0.25s;

    /*
<svg viewBox="0 0 94.718 57.819" xmlns="http://www.w3.org/2000/svg">
  <style type="text/css">
    
    
      #dash{
          animation: dash 1.5s linear infinite;
    
          stroke: #dedede;
          stroke-width: 14px;
          stroke-dasharray: 113.5;
          stroke-dashoffset: 227;
         }
      
      #dash-shadow{
        opacity: 0.5;
      }
    
        @keyframes dash {
    
            0%{
                stroke-dashoffset: 227;
            }
           
            100%{
                stroke-dashoffset: 0;
            }
          
        }
  </style>

  <path id="dash-shadow" d="M87.777,29.062v8.675A13.141,13.141,0,0,1,74.635,50.878H20.082A13.14,13.14,0,0,1,6.941,37.737V20.082A13.14,13.14,0,0,1,20.082,6.941H74.635A13.141,13.141,0,0,1,87.777,20.082v8.98" transform="translate(0 0)" fill="none" stroke="#000000" stroke-miterlimit="10" stroke-width="13.881"/>
  <path id="dash" d="M87.777,29.062v8.675A13.141,13.141,0,0,1,74.635,50.878H20.082A13.14,13.14,0,0,1,6.941,37.737V20.082A13.14,13.14,0,0,1,20.082,6.941H74.635A13.141,13.141,0,0,1,87.777,20.082v8.98" transform="translate(0 0)" fill="none" stroke="#e30613" stroke-miterlimit="10" stroke-width="13.881"/>
</svg>

https://easy64.org/svg-editor/
*/

    background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgOTQuNzE4IDU3LjgxOSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgogICAgCiAgICAKICAgICAgI2Rhc2h7CiAgICAgICAgICBhbmltYXRpb246IGRhc2ggMS41cyBsaW5lYXIgaW5maW5pdGU7CiAgICAKICAgICAgICAgIHN0cm9rZTogI2RlZGVkZTsKICAgICAgICAgIHN0cm9rZS13aWR0aDogMTRweDsKICAgICAgICAgIHN0cm9rZS1kYXNoYXJyYXk6IDExMy41OwogICAgICAgICAgc3Ryb2tlLWRhc2hvZmZzZXQ6IDIyNzsKICAgICAgICAgfQogICAgICAKICAgICAgI2Rhc2gtc2hhZG93ewogICAgICAgIG9wYWNpdHk6IDAuNTsKICAgICAgfQogICAgCiAgICAgICAgQGtleWZyYW1lcyBkYXNoIHsKICAgIAogICAgICAgICAgICAwJXsKICAgICAgICAgICAgICAgIHN0cm9rZS1kYXNob2Zmc2V0OiAyMjc7CiAgICAgICAgICAgIH0KICAgICAgICAgICAKICAgICAgICAgICAgMTAwJXsKICAgICAgICAgICAgICAgIHN0cm9rZS1kYXNob2Zmc2V0OiAwOwogICAgICAgICAgICB9CiAgICAgICAgICAKICAgICAgICB9CiAgPC9zdHlsZT4KCiAgPHBhdGggaWQ9ImRhc2gtc2hhZG93IiBkPSJNODcuNzc3LDI5LjA2MnY4LjY3NUExMy4xNDEsMTMuMTQxLDAsMCwxLDc0LjYzNSw1MC44NzhIMjAuMDgyQTEzLjE0LDEzLjE0LDAsMCwxLDYuOTQxLDM3LjczN1YyMC4wODJBMTMuMTQsMTMuMTQsMCwwLDEsMjAuMDgyLDYuOTQxSDc0LjYzNUExMy4xNDEsMTMuMTQxLDAsMCwxLDg3Ljc3NywyMC4wODJ2OC45OCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAwKSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwMDAwIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS13aWR0aD0iMTMuODgxIi8+CiAgPHBhdGggaWQ9ImRhc2giIGQ9Ik04Ny43NzcsMjkuMDYydjguNjc1QTEzLjE0MSwxMy4xNDEsMCwwLDEsNzQuNjM1LDUwLjg3OEgyMC4wODJBMTMuMTQsMTMuMTQsMCwwLDEsNi45NDEsMzcuNzM3VjIwLjA4MkExMy4xNCwxMy4xNCwwLDAsMSwyMC4wODIsNi45NDFINzQuNjM1QTEzLjE0MSwxMy4xNDEsMCwwLDEsODcuNzc3LDIwLjA4MnY4Ljk4IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIDApIiBmaWxsPSJub25lIiBzdHJva2U9IiNlMzA2MTMiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLXdpZHRoPSIxMy44ODEiLz4KPC9zdmc+);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
}
@keyframes fadeIn {
    0% {
        display: none;
        opacity: 0;
    }

    1% {
        display: block;
        opacity: 0;
    }

    100% {
        display: block;
        opacity: 1;
    }
}
#block-mousescrollhint {
    position: fixed;
    margin: auto;
    right: var(--gutter);
    bottom: var(--gutter);

    z-index: 185;

    transition: opacity 1s ease-in-out;
}
#block-mousescrollhint #mouse-scroll {
        display: block;
        height: 21px;
        width: 14px;

        animation: mouse-fade-in 0.25s ease 1;
        animation-delay: 2s;
        animation-fill-mode: both;

        transform: translate(-100%, -100%);
    }
body.scrolled #block-mousescrollhint #mouse-scroll {
            animation: mouse-fade-out 1s ease 1;
            animation-delay: 0.25s;
            animation-fill-mode: both;
            pointer-events: none;
        }
#block-mousescrollhint #mouse-scroll i {
        display: none;
    }
#block-mousescrollhint #mouse-scroll .mouse {
        display: block;
        height: 42px;
        width: 28px;
        border-radius: 20px;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        border: 2px solid var(--color-accent);

        top: 170px;
    }
#block-mousescrollhint #mouse-scroll .mouse-in {
        height: 10px;
        width: 4px;
        border-radius: 2px;
        display: block;
        margin: 10px auto;
        background: var(--color-accent);
        position: relative;
    }
#block-mousescrollhint #mouse-scroll .mouse-in {
        animation: animated-mouse 1.2s ease infinite;
    }
@keyframes animated-mouse {
    0% {
        opacity: 1;

        transform: translateY(0);
    }
    100% {
        opacity: 0;

        transform: translateY(12px);
    }
}
@keyframes mouse-scroll {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
}
@keyframes mouse-fade-in {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 0.5;
    }
}
@keyframes mouse-fade-out {
    0% {
        opacity: 0.5;
    }

    100% {
        opacity: 0;
    }
}
@keyframes mouse-pulse-down {
    0% {
        opacity: 0;

        transform: translateY(-25%);
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0;

        transform: translateY(25%);
    }
}
nav#block-globalnavigation ul.menu-level-0 {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: flex-start;

        position: relative;

        max-width: 80%;
        margin-top: var(--spacing);
    }
nav#block-globalnavigation ul.menu-level-0 > li {
            color: #fff;

            margin-right: 0.2em;
        }
nav#block-globalnavigation ul.menu-level-0 > li a {
                opacity: 0.5;
                transition: opacity 0.2s ease-in-out;
                margin-right: -0.2em;
            }
nav#block-globalnavigation ul.menu-level-0 > li a:hover {
                    opacity: 1;
                }
nav#block-globalnavigation ul.menu-level-0 > li:after {
                content: ",";

                opacity: 0.5;
            }
nav#block-globalnavigation ul.menu-level-0 > li:last-child:after {
                    content: "";
                }
nav#block-globalnavigation ul.menu-level-0 .block-block-content {

            margin-bottom: 80px;
        }
nav#block-globalnavigation ul.menu-level-0 .block-block-content p {
                margin: 0.5em 0;
            }
/* 2nd level */
nav#block-globalnavigation ul.menu-level-0 .nav-active a {
                opacity: 1;
            }
nav#block-globalnavigation ul.menu-level-0 .nav-active .menu-dropdown-0, nav#block-globalnavigation ul.menu-level-0 .nav-active ul.menu {
                visibility: visible;
                opacity: 1;
                transition: all 1s cubic-bezier(0.05, 0.59, 0, 0.99);
                transform: translateY(5px);
            }
nav#block-globalnavigation ul.menu-level-0 .menu-dropdown-0 {
            position: absolute;

            margin-top: 1em;

            width: 100%;
            left: 0px;
            visibility: hidden;
            opacity: 0;
            transform: translateY(0px);
        }
nav#block-globalnavigation ul.menu-level-0 .menu-dropdown-0 li {
                margin-bottom: 0.2em;
            }
nav#block-globalnavigation ul.menu-level-0 .menu-dropdown-0 li a {
                    display: block;
                    pointer-events: none;
                    transition: none;
                }
nav#block-globalnavigation ul.menu-level-0 .menu-dropdown-0 li.item-emailscopescom a, nav#block-globalnavigation ul.menu-level-0 .menu-dropdown-0 li.item-instagram a, nav#block-globalnavigation ul.menu-level-0 .menu-dropdown-0 li.item-login a, nav#block-globalnavigation ul.menu-level-0 .menu-dropdown-0 li.item-register a, nav#block-globalnavigation ul.menu-level-0 .menu-dropdown-0 li.item-tel-aviv---2022 a, nav#block-globalnavigation ul.menu-level-0 .menu-dropdown-0 li.item-warsaw---2021 a {
                    pointer-events: all;
                }
/* 3rd level */
nav#block-globalnavigation ul.menu-level-0 ul.menu ul.menu {
            transition: none;
            position: relative;
            left: 0px;
            top: 0px;

            margin-top: 0.5em;
            margin-bottom: 1em;
        }
nav#block-globalnavigation ul.menu-level-0 ul.menu ul.menu li {
                font-size: 2rem;
                opacity: 0.5;
                margin-bottom: 0.1em;

                display: flex;
                flex-direction: row;
                flex-wrap: wrap;
                align-items: center;
                justify-content: flex-start;
                row-gap: 4px;
            }
nav#block-globalnavigation ul.menu-level-0 ul.menu ul.menu li a {
                    transition: none;
                    margin-bottom: 0;
                    margin-right: 4px;
                }
nav#block-globalnavigation ul.menu-level-0 ul.menu ul.menu li:after {
                    font-family: var(--body-font);
                    font-size: 1rem;
                    text-transform: uppercase;
                    font-weight: bold;
                }
nav#block-globalnavigation ul.menu-level-0 ul.menu ul.menu li.item-marseille---q2-2024 {
            }
nav#block-globalnavigation ul.menu-level-0 ul.menu ul.menu li.item-seoul---2023 {
                align-items: flex-end;
            }
nav#block-globalnavigation ul.menu-level-0 ul.menu ul.menu li.item-seoul---2023:after {
                    content: "(To be announced)";
                    font-weight: normal;
                    margin-bottom: 0.1em;
                }
nav#block-globalnavigation ul.menu-level-0 ul.menu ul.menu li.item-seoul---oct-12th-15th-2023 {
                opacity: 0.5;
            }
nav#block-globalnavigation ul.menu-level-0 ul.menu ul.menu li.item-seoul---oct-12th-15th-2023 a {
                    pointer-events: all;
                }
/* opacity: 1; */
nav#block-globalnavigation ul.menu-level-0 ul.menu ul.menu li.item-stockholm---may-26th-28th-2023 a {
                    pointer-events: all;
                    display: flex;
                    flex-direction: row;
                    flex-wrap: wrap;
                    align-items: center;
                    justify-content: flex-start;
                    row-gap: 4px;
                    column-gap: 6px;
                    /*
                    &:after {
                        content: "Program";

                        font-family: var(--body-font);
                        font-size: 1rem;
                        text-transform: uppercase;
                        font-weight: bold;

                        display: flex;
                        flex-direction: row;
                        align-items: center;
                        justify-content: flex-start;

                        background-color: #ffee00;
                        color: #000;
                        font-weight: bold;

                        border-radius: 5px;
                        padding: 0.2em 0.4em 0.1em 0.4em;
                    }
                    */
                }
nav#block-globalnavigation .view-colab .views-row {
        }
nav#block-globalnavigation .view-colab a {
        }
nav#block-globalnavigation .view-colab .colab-title {
            font-size: 3.4rem;
        }
nav#block-globalnavigation .view-colab .colab-artist {
            font-family: var(--body-font);
            font-size: 1rem;
            text-transform: uppercase;
            opacity: 0.5;
        }
nav#block-globalnavigation .view-partners {

        font-size: 2rem;
    }
nav#block-globalnavigation .view-partners a {
            opacity: 0.5 !important;
            transition: opacity 0.2s ease-in-out;
        }
nav#block-globalnavigation .view-partners a:hover {
                opacity: 1 !important;
            }
nav#block-globalnavigation .view-partners .partner-title {
            font-size: 2rem;
        }
nav#block-globalnavigation .view-partners .partner-artform {
            font-family: var(--body-font);
            font-size: 1rem;
            text-transform: uppercase;
        }
nav#block-globalnavigation ul.a-list li {
            font-size: 2rem;
        }
nav#block-globalnavigation ul.a-list .a-name {
            font-size: 2rem;
        }
nav#block-globalnavigation ul.a-list .a-artform, nav#block-globalnavigation ul.a-list .a-location {
            font-family: var(--body-font);
            font-size: 1rem;
            text-transform: uppercase;

            opacity: 0.5;
        }
nav#block-globalnavigation ul.a-list .a-artform:before {
                content: "(";
            }
nav#block-globalnavigation ul.a-list .a-artform:after {
                content: ")";
            }
nav#block-globalnavigation ul.menu-level-0 .menu-dropdown-0 ul.a-list li a {
        pointer-events: all;
    }
#section-37 {
    min-height: 100vh;
    margin-bottom: var(--gutter);
}
#section-37 {
    /*
    #hero-vid {
        object-fit: contain !important;
        object-position: center center !important;
    }

    #video-controls {
        display: none !important;
    }
    */
}
.view-page-sections {
    position: relative;
}
.view-page-sections .views-row.loaded .section-backdrop {
                opacity: 0;
            }
.view-page-sections .views-field-nothing .container.scrolled #video-controls {
                    opacity: 0;
                }
.view-page-sections .views-field-nothing .container.paused #btnPlayPause {
                    background-image: url(/themes/scopes_global/assets/4c786563b9b0dd4623e3.svg);
                }
.view-page-sections .views-field-nothing .container.paused video {
                    filter: blur(15px) !important;
                    transform: scale(1.03) !important;
                }
.view-page-sections .views-field-nothing .container.muted #btnMute {
                    background-image: url(/themes/scopes_global/assets/499c4c2cd64989207d66.svg);
                    opacity: 1 !important;
                }
.view-page-sections .views-field-nothing .container.loaded video {
                    filter: blur(0px);
                    transform: scale(1);
                }
.view-page-sections .views-field-nothing .section-video {
            position: absolute;
            z-index: 50;
            top: 0px;
            left: 0px;
            width: 100%;
            height: 100vh;

            transition: opacity 1s ease-in;
            overflow: hidden;

            width: 100%;
            height: 100%;
        }
.view-page-sections .views-field-nothing video {
            position: relative;
            z-index: 40;

            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center bottom;

            transition: all 0.5s ease-out;

            filter: blur(15px);
            transform: scale(1.03);
        }
.view-page-sections .views-field-nothing #video-controls {
            z-index: 80;

            position: absolute;
            bottom: var(--gutter);
            left: var(--gutter);

            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: flex-end;

            opacity: 1;
            transition: opacity 0.5s ease-out;
        }
.view-page-sections .views-field-nothing #video-controls #btnPlayPause, .view-page-sections .views-field-nothing #video-controls #btnMute {
                width: 40px;
                height: 40px;
                font-size: 0;

                cursor: pointer;

                opacity: 0.5;
                transition: opacity 0.25s ease-in;
            }
.view-page-sections .views-field-nothing #video-controls #btnPlayPause:hover, .view-page-sections .views-field-nothing #video-controls #btnMute:hover {
                    opacity: 1;
                }
.view-page-sections .views-field-nothing #btnPlayPause {
            background-image: url(/themes/scopes_global/assets/2681f900a48e3c34a588.svg);
        }
.view-page-sections .views-field-nothing #btnMute {
            background-image: url(/themes/scopes_global/assets/fe41072a6e85d0ae09d1.svg);
        }
section.page-section {
    position: relative;

    --current-opacity: 0.5;

    width: 100%;

    padding: var(--gutter);
}
section.page-section.active {
        --current-opacity: 0.75;
    }
section.page-section figure.section-backdrop {
        position: absolute;
        z-index: 20;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0;

        opacity: 1;
        transition: opacity 0.5s ease-in;
    }
section.page-section figure.section-backdrop img {
            object-fit: cover;
            width: 100%;
            height: 100%;
        }
section.page-section .wrapper {
        max-width: var(--max-content-width);
        margin: 0 auto;
    }
.view-pieces {
    position: relative;
    z-index: 30;
}
.view-pieces .view-content {
        display: flex;

        flex-direction: row;
        gap: var(--gutter);
    }
.view-pieces .view-content .views-row {
            width: 100%;
        }
.view-pieces .view-content .views-row:only-child .views-field-nothing a figure {
                    height: 60vh;
                }
.view-pieces .views-field-nothing a {
            display: block;
        }
.view-pieces .views-field-nothing a:hover span, .view-pieces .views-field-nothing a:hover h3 {
                    --current-opacity: 1;
                }
.view-pieces .views-field-nothing a h3, .view-pieces .views-field-nothing a span {
                opacity: var(--current-opacity);
                display: inline-block;
                transition: opacity 0.3s ease-in-out;
                margin-right: 0.2em;
            }
.view-pieces .views-field-nothing a figure {
                width: 100%;
                height: 50vh;
                min-height: 520px;
                margin: 0;

                margin-bottom: 10px;
            }
.view-pieces .views-field-nothing a img {
                object-fit: cover;
                width: 100%;
                height: 100%;
            }
/*
#section-37 {
    .subtitle {
        width: auto;
        padding-right: var(--gutter);

        background: transparent;
        font-weight: normal;
        color: #ffee00;
        &:visited,
        &:hover {
            color: #ffee00;
        }

        &:after {
            content: "Program";
            display: flex;
            justify-content: center;
            align-items: center;
            background-color: #ffee00;
            color: #000;
            font-size: 1.4rem;
            text-transform: uppercase;
            border-radius: 10px;
            font-weight: bold;
            padding: 0.1em 0.4em 0 0.4em;
        }
        .scroll-wrapper {
        }
    }
}
*/
.subtitle {
    pointer-events: none !important;

    /*display: flex;*/
    display: none;
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;
    gap: 4px;

    position: fixed;
    z-index: 75;
    bottom: 0px;
    left: 0px;
    right: 0px;

    height: auto;

    padding-bottom: var(--gutter);
    padding-top: var(--gutter);

    text-align: center;
    font-weight: bold;
    color: red;

    text-shadow:
        0px 0px 1px #000,
        0px 0px 3px #000,
        -1px -1px 0 #000,
        1px -1px 0 #000,
        -1px 1px 0 #000,
        1px 1px 0 #000;

    font-size: 1.8rem;

    opacity: 0;
    transition: opacity 0.5s ease-in-out;
    pointer-events: none;
}
.subtitle:visited, .subtitle:hover {
        color: red;
    }
.active .subtitle {
        opacity: 1;
        transition-delay: 0.5s;
        pointer-events: all !important;
    }
.subtitle .scroll-wrapper {
        position: relative;
        display: flex;
        height: 1.2em;
        width: calc(100% - var(--gutter));
        overflow: hidden;

        align-items: center;
        justify-content: center;
        text-align: center;
    }
.subtitle .scroll-wrapper.cycle {
            text-align: left;

            color: #42f477;
        }
.subtitle .scroll-wrapper.cycle span {
                position: absolute;
                bottom: 0px;
                left: 0px;
                width: auto;

                white-space: nowrap;

                animation-name: cycle;
                animation-duration: 70s;
                animation-iteration-count: infinite;
                animation-timing-function: linear;
            }
@keyframes cycle {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-50%);
    }
}
#block-subtitlequotes {
    pointer-events: none;
    z-index: 70;

    position: sticky;
    bottom: 0px;
    left: 0px;
    width: 100%;

    opacity: 0;
    transition: opacity 0.5s ease;
}
body.scrolled #block-subtitlequotes {
        visibility: visible;
        opacity: 1;
    }
#block-subtitlequotes #subtitle-quotes .container {
            display: block;
            position: relative;
        }
#block-subtitlequotes #subtitle-quotes .subquote {
            position: absolute;
            bottom: 0px;
            left: 0px;
            width: 100%;

            margin: 0;

            opacity: 0;

            padding-bottom: var(--gutter);
            padding-top: var(--gutter);

            animation: 20s autoplay1 infinite;

            text-align: center;

            color: red;

            text-shadow:
                0px 0px 1px #000,
                0px 0px 3px #000,
                -1px -1px 0 #000,
                1px -1px 0 #000,
                -1px 1px 0 #000,
                1px 1px 0 #000;
        }
#block-subtitlequotes #subtitle-quotes .subquote:nth-child(1) {
                animation-delay: 0s;
            }
#block-subtitlequotes #subtitle-quotes .subquote:nth-child(2) {
                animation-delay: 5s;
            }
#block-subtitlequotes #subtitle-quotes .subquote:nth-child(3) {
                animation-delay: 10s;
            }
#block-subtitlequotes #subtitle-quotes .subquote:nth-child(4) {
                animation-delay: 15s;
            }
#block-subtitlequotes #subtitle-quotes .subquote blockquote {
                font-size: 1.8rem;
                font-weight: bold;
                padding: 0;
                margin: 0;
            }
#block-subtitlequotes #subtitle-quotes .subquote figcaption {
                font-weight: normal;
                font-size: 1.1rem;
            }
#block-subtitlequotes #subtitle-quotes .subquote:visited, #block-subtitlequotes #subtitle-quotes .subquote:hover {
                color: red;
            }
@keyframes autoplay1 {
    0% {
        opacity: 0;
    }

    5% {
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    25% {
        opacity: 1;
    }
    28% {
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}
.ui-widget-overlay {
    background: #000;
    opacity: 0.6;
    z-index: 400 !important;
}
.ui-widget {
    font-family: var(--body-font);
}
.ui-dialog {
    --frame-padding: 120px;

    position: fixed !important;
    height: 100vh !important;
    width: 100vw !important;
    max-width: 100vw !important;
    top: 0 !important;
    left: 0px !important;
    z-index: 410 !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 0;

    background: #000 !important;

    display: flex;
    flex-direction: column;
    justify-content: space-between;

    animation: modal-fade 0.5s ease-out 1;

    animation-fill-mode: both;
}
.ui-dialog .ui-dialog-titlebar {
        position: absolute !important;
        z-index: 210;
        top: 0px;
        bottom: 0px;
        right: 0px;
        width: 100%;
        height: var(--header-height);
        border-radius: 0;
        background: transparent !important;
        border: none;
        padding: 0;

        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-end;
    }
.ui-dialog .ui-dialog-titlebar .ui-dialog-title {
            display: none;
        }
.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close {
            --jui-dialog-close-button-size: 48px;

            position: relative;

            background: transparent;
            border: none;

            margin: 0;
            padding: 0;

            height: var(--header-height);
            width: 48px;

            top: 0px !important;
            right: var(--gutter) !important;
            left: unset !important;

            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;

            font-size: 0;
            transform: none !important;
        }
.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close:hover {
                outline: none;
                border-color: transparent !important;
            }
.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close .ui-button-icon-space {
                display: none;
            }
.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close .ui-icon-closethick {
                position: relative;
                transform: none !important;

                width: 48px;
                height: 48px;

                top: unset !important;
                left: unset !important;
                margin-top: 0px;
                margin-left: 0px;

                display: block;
                background: none;
                background-image: url(/themes/scopes_global/assets/dc4acc25b023603e1b7a.svg) !important;
                background-size: 100%;
                background-position: center center;
                background-repeat: no-repeat;
            }
.ui-dialog .ui-dialog-content {
        padding: 0 !important;
        padding-top: var(--frame-padding) !important;

        color: var(--color-text);
    }
.ui-dialog .ui-widget-content {
        order: 1;
        height: 100% !important;
        min-height: 100% !important;
        max-height: 100% !important;
        flex-grow: 1;
        border: none;
        background: transparent;
        color: #fff;
    }
.ui-dialog article.node--type-piece {
        padding: var(--gutter);
        text-align: center;
    }
.ui-dialog article.node--type-piece .node__content {
            display: flex;
            flex-direction: column;
        }
.ui-dialog article.node--type-piece .field--name-field-hero-image {
            flex-grow: 3;

            margin-bottom: 10px;
        }
.ui-dialog article.node--type-piece .field--name-field-hero-image img {
                max-height: 75vh;
                object-fit: cover;
                width: 100%;
                height: 100%;
            }
.ui-dialog article.node--type-piece .field--name-field-piece-title {
            text-align: center;
        }
.ui-dialog article.node--type-piece .field--name-field-artist-reference {
            display: inline;
        }
.ui-dialog article.node--type-piece .field--name-field-artist-reference .field__item {
                display: inline;
            }
.ui-dialog article.node--type-piece .field--name-field-artist-reference a {
                display: inline;
                color: #fff;
            }
.ui-dialog article.node--type-piece .field--name-field-date-of-piece {
            display: inline;
        }
.ui-dialog article.node--type-piece .field--name-body {
            max-width: 720px;

            margin: 10px auto;
            padding: 0;
        }
/* padding-top: var(--frame-padding); */
.view-piece-slider .views-field-field-piece-title {
        padding-top: 20px;
        text-align: center;

        color: #fff;
    }
/* height: var(--frame-padding); */
.view-piece-slider .views-field-field-piece-title .field-content {
            display: block;
            max-width: 720px;
            margin: 0 auto;
        }
.view-piece-slider .views-field-field-piece-title h1 {
            display: inline;
            font-size: 2rem;
        }
.view-piece-slider .views-field-body {
        text-align: center;

        max-width: 960px;
        padding: 0 var(--gutter);
        margin: 16px auto 40px auto;
        opacity: 0.75;
    }
.view-piece-slider .views-field-body:after {
            content: "";
            position: fixed;

            bottom: 0px;
            left: 0px;
            width: 100%;
            height: 40px;
            background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
        }
.view-piece-slider .view-piece-media {
        /* padding-top: calc(var(--header-height) - var(--gutter)); */
        overflow: hidden;

        height: calc(100vh - var(--frame-padding) * 2);
    }
.view-piece-slider .view-piece-media .view-content, .view-piece-slider .view-piece-media .swiper-wrapper, .view-piece-slider .view-piece-media .swiper-slide, .view-piece-slider .view-piece-media .views-field, .view-piece-slider .view-piece-media .field-content {
            height: 100%;
        }
body.path-piece .view-piece-slider .view-piece-media {
            max-height: 80vh;
        }
body.path-piece .view-piece-slider .view-piece-media .swiper-slide img {
                object-fit: cover;
                widht: 100%;
                height: 100%;
            }
.view-piece-slider .views-field-field-media-oembed-video {
        position: relative;
        overflow: hidden;

        /*
        width: 95vw !important;

        padding-top: 56.25%;
        */

        width: calc(100vw - 2 * var(--gutter)) !important;
    }
/* Then style the iframe to fit in the container div with full height and width */
.view-piece-slider .media-oembed-content {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        width: 100%;
        height: 100%;
    }
@keyframes modal-fade {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
/* Zoom-Funktionalität für Slider */
.zoomed-slider-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 100%;
}
.zoomed-slider {
    position: relative;
    z-index: 500;
    height: 100% !important;
    width: 100% !important;
    max-height: 100vh !important;
    transition: all 0.3s ease-in-out;
}
.zoomed-slider .swiper-wrapper {
    height: 100%;
}
.zoomed-slider .swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}
.zoomed-slider .swiper-slide img {
    max-height: 100%;
    max-width: 100%;
    object-fit: contain;
}
.close-zoom-button {
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 510;
    width: 48px;
    height: 48px;
    background-color: rgba(0, 0, 0, 0.5);
    border: none;
    border-radius: 50%;
    color: white;
    font-size: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: background-color 0.2s ease;
}
.close-zoom-button:hover {
    background-color: rgba(0, 0, 0, 0.8);
}
/* Sicherstellen, dass die Navigation-Buttons im gezoomten Zustand sichtbar sind */
.zoomed-slider .swiper-button-next, .zoomed-slider .swiper-button-prev {
    opacity: 0.7;
    background-color: rgba(0, 0, 0, 0.3);
    width: 40px;
    height: 40px;
    border-radius: 50%;
    transition: opacity 0.2s ease;
}
.zoomed-slider .swiper-button-next:hover, .zoomed-slider .swiper-button-prev:hover {
    opacity: 1;
    background-color: rgba(0, 0, 0, 0.5);
}
.zoomed-slider .swiper-button-next:after, .zoomed-slider .swiper-button-prev:after {
    font-size: 18px;
    color: white;
}
.swiper .view-content {
    width: 100%;
    height: 100%;

    position: relative;

    /*
    &:before,
    &:after {
      content: "";

      display: block;
      width: var(--gutter);
      height: 100%;

      position: absolute;
      top: 0px;
      z-index: 22;

      pointer-events: none;
    }
    &:before {
      left: 0px;
      background: linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
    }
    &:after {
      right: 0px;

      background: linear-gradient(-90deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
    }
    */
  }
.swiper .view-footer .swiper-button-next {
      z-index: 32;
    }
.swiper .view-footer .swiper-button-prev {
      z-index: 32;
    }
.swiper .swiper-slide {
    opacity: 0;
    transition: opacity 0.3s ease;

    width: auto;
  }
.swiper .swiper-slide.swiper-slide-prev, .swiper .swiper-slide.swiper-slide-next {
      opacity: 0.2;
    }
.swiper .swiper-slide.swiper-slide-active {
      opacity: 1;
    }
.swiper .swiper-slide .views-field {
      width: 100%;
      height: 100%;
    }
.swiper .swiper-slide .views-field .field-content {
        display: block;
        width: 100%;
        height: 100%;
      }
.swiper .swiper-slide .views-field .field-content img {
          width: 100%;
          height: 100%;
          object-fit: contain;
          object-position: 50% 50%;
        }
.swiper .swiper-slide video {
      width: 100%;
      height: 100%;
    }
.swiper .swiper-button-next, .swiper .swiper-button-prev {
    position: absolute;
    top: 0;
    width: 25vw;
    height: 100%;

    margin-top: 0;
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
  }
.swiper .swiper-button-next:after, .swiper .swiper-button-prev:after {
      transition: opacity 0.3s ease;
      opacity: 0;
      width: 40px;
      height: 40px;
      content: "";
    }
.swiper .swiper-button-next:hover:after, .swiper .swiper-button-prev:hover:after {
        opacity: 1;
      }
.swiper .swiper-button-next {
    right: 0;
    justify-content: flex-end;
    padding-right: var(--gutter);
  }
.swiper .swiper-button-next:after {
      background-image: url(/themes/scopes_global/assets/8d9c70bb49e1421d7022.svg);
    }
.swiper .swiper-button-prev {
    left: 0;
    justify-content: flex-start;
    padding-left: var(--gutter);
  }
.swiper .swiper-button-prev:after {
      background-image: url(/themes/scopes_global/assets/440455376190248fdb16.svg);
    }
.swiper .swiper-pagination {
    --swiper-pagination-color: #fff;
    --swiper-pagination-bullet-inactive-color: #fff;

    position: absolute;
    text-align: center;
    transition: 0.3s opacity;
    transform: translate3d(0, 0, 0);
    z-index: 10;
  }
article.node--type-artist {
    width: 100%;

    padding-left: var(--gutter);
    padding-right: var(--gutter);
}
article.node--type-artist .node__content {
        height: 100%;
        display: flex;
        flex-direction: row;
        align-items: stretch;
    }
article.node--type-artist .artist-image {
        flex-basis: 30%;

        height: calc(100vh - var(--frame-padding) * 2);
    }
article.node--type-artist .artist-image .field--name-field-hero-image {
            height: 100%;
        }
article.node--type-artist .artist-image img {
            width: 100%;
            height: 100%;
            object-fit: contain;
            object-position: top center;
        }
article.node--type-artist .artist-meta {
        flex-basis: 70%;
        color: #fff;
        padding: 0 var(--gutter);

        display: flex;
        flex-direction: column;
    }
article.node--type-artist .field--name-field-artist-name {
        font-family: var(--heading-font);
        font-size: 3.4rem;
        padding: 0;
        margin-bottom: 20px;
    }
article.node--type-artist .field--name-body {
        padding: 0;
        margin-bottom: 20px;
    }
article.node--type-artist .field--name-field-statement {
        font-family: var(--heading-font);
        font-size: 2.4rem;
        text-align: center;
        font-style: italic;
        width: 50vw;
        max-width: 640px;
        margin: 0 auto;
        padding: 0;
        margin-bottom: 20px;

        display: flex;
        flex: 1;
        align-items: center;
        justify-content: center;

        opacity: 0.5;
    }
article.node--type-artist .field--name-field-artist-urls {
        padding: 0;
        margin-bottom: 20px;

        margin-top: auto;

        display: flex;
        flex-direction: row;
        gap: 20px;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
    }
article.node--type-artist .field--name-field-artist-urls a {
            opacity: 0.5 !important;
            transition: opacity 0.2s ease-in-out;

            font-family: var(--body-font);
            font-size: 1rem;

            color: #fff;
        }
article.node--type-artist .field--name-field-artist-urls a:hover {
                opacity: 1 !important;
            }
#sliding-popup {
    padding: 20px;
    width: 100%;
    display: flex;
    justify-content: flex-end;
}
#sliding-popup .eu-cookie-compliance-banner {
        --color-text: #494e51;

        max-width: 720px;
        padding: var(--gutter);
        background-color: #dedede;
        border-radius: 12px;
    }
#sliding-popup .eu-cookie-compliance-banner .popup-content {
            max-width: 100%;
            display: flex;
            flex-direction: column;
        }
#sliding-popup .eu-cookie-compliance-banner .popup-content #popup-text {
                max-width: 100%;
            }
#sliding-popup .eu-cookie-compliance-banner .popup-content #popup-text h1 {
                    font-family: var(--body-font);
                    font-size: 1rem;
                    text-align: left;
                    font-style: normal;
                    margin-bottom: 0.5em;
                }
#sliding-popup .eu-cookie-compliance-banner .popup-content #popup-text h2 {
                    font-family: var(--body-font);
                    font-size: 1.5rem;
                    text-align: left;
                    font-style: normal;
                    margin-bottom: 0.7em;
                }
#sliding-popup .eu-cookie-compliance-banner .popup-content #popup-text p {
                    font-family: Helvetica, Arial, Helvetica, sans-serif;
                    font-size: 0.9rem;
                    text-align: left;
                    max-width: 100%;
                }
#sliding-popup .eu-cookie-compliance-banner .popup-content #popup-text a {
                    text-decoration: underline;
                }
#sliding-popup .eu-cookie-compliance-banner .popup-content #eu-cookie-compliance-categories {
                padding: 10px 0;
            }
#sliding-popup .eu-cookie-compliance-banner .popup-content #eu-cookie-compliance-categories .eu-cookie-compliance-category {
                    position: relative;

                    border-bottom: 1px solid rgb(180, 180, 180);
                    padding-bottom: 16px;
                    padding-top: 16px;
                }
#sliding-popup .eu-cookie-compliance-banner .popup-content #eu-cookie-compliance-categories .eu-cookie-compliance-category:first-child {
                        border-top: 1px solid rgb(180, 180, 180);
                    }
#sliding-popup .eu-cookie-compliance-banner .popup-content #eu-cookie-compliance-categories .eu-cookie-compliance-category-description {
                    font-family: Helvetica, Arial, Helvetica, sans-serif;
                    font-size: 0.9rem;
                    line-height: 1.3em;
                    padding-top: 16px;
                }
#sliding-popup .eu-cookie-compliance-banner .popup-content #eu-cookie-compliance-categories .eu-cookie-compliance-categories-buttons {
                    margin: 10px 0;
                }
#sliding-popup .eu-cookie-compliance-banner .popup-content #eu-cookie-compliance-categories [type="checkbox"] {
                    position: relative;
                    left: 15px;
                    top: -4px;
                    z-index: 0;
                    -webkit-appearance: none;
                }
#sliding-popup .eu-cookie-compliance-banner .popup-content #eu-cookie-compliance-categories [type="checkbox"] + label {
                    display: flex;
                    flex-direction: row;
                    align-items: center;
                }
#sliding-popup .eu-cookie-compliance-banner .popup-content #eu-cookie-compliance-categories [type="checkbox"] + label::before {
                    height: 24px;
                    width: 24px;
                    border-radius: 3px;
                    border: 2px solid #494e51;
                    background-color: #fff;
                    display: block;
                    content: "";
                    float: left;
                    margin-right: 10px;
                    z-index: 5;
                    position: relative;
                }
#sliding-popup .eu-cookie-compliance-banner .popup-content #eu-cookie-compliance-categories [type="checkbox"]:checked + label::before {
                    box-shadow: inset 0px 0px 0px 2px #fff;
                    background-color: #000;
                }
#sliding-popup .eu-cookie-compliance-banner .popup-content #eu-cookie-compliance-categories details {
                    color: var(--color-text);
                }
#sliding-popup .eu-cookie-compliance-banner .popup-content #eu-cookie-compliance-categories summary {
                    display: flex;
                    flex-direction: row;
                    align-items: center;
                    justify-content: flex-start;
                    color: var(--color-text);
                }
#sliding-popup .eu-cookie-compliance-banner .popup-content #eu-cookie-compliance-categories summary::-webkit-details-marker, #sliding-popup .eu-cookie-compliance-banner .popup-content #eu-cookie-compliance-categories summary::marker, #sliding-popup .eu-cookie-compliance-banner .popup-content #eu-cookie-compliance-categories summary:marker {
                    display: none;
                    font-size: 0px;
                }
#sliding-popup .eu-cookie-compliance-banner .popup-content #eu-cookie-compliance-categories summary:after {
                    content: "";
                    display: block;

                    margin-left: auto;

                    background: none;
                    width: 24px;
                    height: 24px;
                    display: block;

                    background-position: center center;
                    background-repeat: no-repeat;
                    background-image: url(/themes/scopes_global/assets/e267a822e26a86e35ba1.svg);
                }
#sliding-popup .eu-cookie-compliance-banner .popup-content #eu-cookie-compliance-categories summary:after:hover {
                        background-color: #c4c4c4;
                        border-radius: 4px;
                    }
#sliding-popup .eu-cookie-compliance-banner .popup-content #eu-cookie-compliance-categories details[open] > summary:after {
                    background-image: url(/themes/scopes_global/assets/c4e0b11c4472c11e5080.svg);
                }
#sliding-popup .eu-cookie-compliance-banner .popup-content #popup-buttons {
                margin-top: 10px;
                max-width: 100%;
                display: flex;
                gap: 10px;
                flex-direction: row;
                align-items: flex-end;
                justify-content: flex-start;
            }
#sliding-popup button {
        border: none;
        padding: 15px 28px;
        cursor: pointer;

        border: 2px solid #010205;
        border-radius: 4px;
        height: auto;
        font-size: 16px;
        line-height: 24px;
        padding: 13px 26px;
        transition:
            background-color 0.24s ease,
            border-color 0.24s ease,
            color 0.24s ease;
        color: #010205;
        background-color: transparent;
        position: relative;
        text-align: center;
    }
#sliding-popup button.agree-button {
            margin-left: auto;
            background-color: #010205;
            color: #fff;
        }
#uc-categories.new-modal.one-ui h1, #uc-categories.new-modal.one-ui h2, #uc-categories.new-modal.one-ui h3{
    font-family: "Porsche Next","Arial Narrow",sans-serif;
}
/* */
:root {
    --header-height: 80px;
}
.logo-trigger {
    width: 10px;
    height: var(--header-height);
    position: absolute;
    top: calc(50dvh - (var(--header-height) / 2));
    left: 0px;
    z-index: 800;
    visibility: hidden;
    /* border: 1px dotted green; */
}
.region-header-branding {
    pointer-events: none;

    position: absolute;
    z-index: 500;
    --spacing: 20px;

    width: 100%;
    height: var(--header-height);

    padding-left: var(--gutter);
    padding-top: 18px;

    color: var(--color-accent);

    top: 0px;
}
.region-header-branding .wrapper {
        position: relative;
        z-index: 2;
    }
/* shadow */
.region-header-branding:before {
        opacity: 0;
        content: "";
        display: block;
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 140%;
        z-index: 1;
        background: linear-gradient(180deg, rgba(0, 0, 0, 1) 60%, rgba(0, 0, 0, 0) 100%);
    }
.region-header-branding #logo {
        pointer-events: all;

        display: flex;
        width: 25vw;

        opacity: 1;
        transition: all 0.5s;
        transition-timing-function: cubic-bezier(1, 0.005, 0.445, 1);
    }
.region-header-branding #logo svg path, .region-header-branding #logo svg polygon {
                fill: var(--color-accent);
            }
body.dodge .region-header-branding #logo {
            opacity: 0;
        }
body.path-frontpage .region-header-branding {
        top: calc(50vh - (var(--header-height) / 2));
    }
body.path-frontpage .region-header-branding #logo {
            width: 50vw;
        }
body.path-frontpage .region-header-branding.stuck {
            position: fixed;
            top: 0px;
            left: 0px;
        }
body.path-frontpage .region-header-branding.stuck #logo {
                display: flex;
                width: 25vw;
            }
body.nav-open .region-header-branding {
        transition: all 0.5s ease-in-out;

        position: fixed;
        top: 0px;
        left: 0px;
    }
body.nav-open .region-header-branding:before {
            opacity: 1;
            transition: opacity 0.5s ease-in-out;
            transition-delay: 1s;
        }
body.nav-open .region-header-branding #logo {
            display: flex;
            width: 25vw;
        }
body.dialogue-open .region-header-branding:before {
            opacity: 0 !important;
            transition-delay: 0s;
            transition-duration: 0s;
        }
.region-header-navigation {
    /* Toggle */
    position: fixed;

    z-index: 510;
    top: 0px;
    right: 0px;
}
body.dialogue-open .region-header-navigation {
        visibility: hidden;
        pointer-events: none;
    }
.region-header-navigation .wrapper {
        width: var(--header-height);
        height: var(--header-height);

        margin-right: var(--gutter);

        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-end;
    }
.region-header-navigation #block-scopes-global-scopesnavtoggle {
        display: flex;
        flex-direction: row;
        align-items: center;
    }
.region-header-navigation #block-scopes-global-scopesnavtoggle a.nav-toggle {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 52px;
            height: 42px;
        }
.region-header-navigation #block-scopes-global-scopesnavtoggle a.nav-toggle span {
                display: flex;
                align-items: center;
                justify-content: center;
                width: 52px;
                height: 42px;
            }
body.nav-open .region-header-navigation #block-scopes-global-scopesnavtoggle a.nav-toggle span {
                    height: 4px;
                    background-color: var(--color-accent);
                }
.region-header-navigation #block-scopes-global-scopesnavtoggle a.nav-toggle svg {
                width: 100%;
                height: 100%;
            }
body.nav-open .region-header-navigation #block-scopes-global-scopesnavtoggle a.nav-toggle svg {
                    display: none;
                }
.region-header-navigation #block-scopes-global-scopesnavtoggle a.nav-toggle svg path, .region-header-navigation #block-scopes-global-scopesnavtoggle a.nav-toggle svg polygon {
                    fill: var(--color-accent);
                }
.header {
    position: absolute;
    z-index: 200;
    --spacing: 20px;

    width: 100%;
    height: var(--header-height);

    z-index: 99;

    color: var(--color-accent);
}
.header a {
        color: var(--color-accent);
    }
.header p {
        margin: 0;
    }
.header .top-header {
        background-color: transparent;
        z-index: 60;
    }
.header .top-header .container {
            padding: var(--gutter);
            height: var(--header-height);
            padding-top: 0;
            padding-bottom: 0;
            display: flex;
            flex-direction: row;
            align-items: center;
        }
.drawer {

    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    z-index: -1;
    transition: all 0.75s cubic-bezier(0.05, 0.59, 0, 0.99);
    position: fixed;
    top: 0px;
    left: 0px;

    width: 100%;

    overflow-y: scroll;

    padding: var(--gutter);
    padding-top: var(--header-height);

    min-height: calc(100vh);
    background-color: #000;
    color: #fff;
}
body.nav-open .drawer {
        opacity: 1;
        visibility: visible;
        pointer-events: all;
        z-index: 77;
    }
body.nav-open .drawer a {
            pointer-events: all !important;
        }
body.nav-open .drawer .container {
            opacity: 1;
        }
.drawer .container {
        transition: opacity 0.5s cubic-bezier(0.05, 0.59, 0, 0.99);
        transition-delay: 0.3s;
        opacity: 0;
    }
.drawer a {
        color: #000;
        pointer-events: none !important;
    }
.drawer #block-scopeslogo {
        height: var(--header-height);
        display: flex;
        flex-direction: row;
        align-items: center;
    }
.drawer #logo {
        display: flex;
        width: 25vw;
    }
.drawer #logo svg {
            width: 100%;
            height: 100%;
        }
.drawer #logo svg path, .drawer #logo svg polygon {
                fill: var(--color-accent);
            }
/* */
.region-content .wrapper {
    position: relative;
}
.block-views-blockpage-sections-block-1 {
    
}
/* */
main {
    /*
    position: absolute;
    z-index: -1;
    top: 0px;
    left: 0px;
    width: 100%;
    */

    z-index: 1;
}
body.path-admin main {
        margin-top: 0;
    }
.main-content {
    padding-top: 0;
    background-color: var(--color-fond);
}
.region-content .container {
        margin: 0 auto;
        max-width: 1400px;
    }
.region-content .wrapper {
    }
.region-content #block-stockholmticketsctalong a.cta-tickets {
            display: inline-block;
            margin: 0 auto;

            color: var(--color-accent);
            background-color: #000;
        }
article .field--name-body {
        padding: 0 var(--gutter);
    }
#block-views-block-artist-list-block-1 {
    padding: var(--spacing) var(--gutter);
}
#block-views-block-page-sections-block-1 {
    margin-bottom: 100px;
}
/* */
footer {
    margin-top: var(--gutter);

    padding: 0 var(--gutter);
}
footer .container {
        margin: 0 auto;
        max-width: 1400px;

        padding-top: var(--gutter);
        padding-bottom: var(--gutter);
    }
footer #block-footerglobal .field--name-body {
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            gap: var(--gutter);
        }
footer #block-footerglobal .field--name-body:after {
                display: none;
            }
footer #block-footerglobal .field--name-body ul {
                text-align: center;
                flex-basis: 33%;

                display: flex;
                flex-direction: column;
                justify-content: flex-end;
            }
footer #block-footerglobal .field--name-body ul:first-child {
                    text-align: left;
                }
footer #block-footerglobal .field--name-body ul:last-child {
                    text-align: right;
                }
footer #block-footerglobal .field--name-body li {
                opacity: 0.5;
                margin: 0.5em 0;
            }
body.maintenance-page {
    height: 100vh;
}
body.maintenance-page .dialog-off-canvas-main-canvas {
        height: 100%;
    }
body.maintenance-page .layout-container {
        margin: 0;
        padding: 2.5em;
        height: 100%;

        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
body.maintenance-page header a {
            width: 50vw;
            height: 10vh;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
        }
body.maintenance-page header a img {
                display: block;
                min-width: 240px;
            }
body.maintenance-page .name-and-slogan {
        display: none;
    }
body.maintenance-page main {

        color: #a8a8a8;

        text-align: center;
        margin-top: 2em;
        line-height: 1.4em;
    }
body.maintenance-page main h1 {
            display: none;
        }
body.path-user {
    --color-fond: rgb(27, 27, 29);

    background-color: var(--color-fond);
}
body.path-user main {
    }
body.path-user p {
        font-family: var(--heading-font);
        font-size: 1.4rem;
        font-weight: 400;
        line-height: 1.2em;
        color: var(--color-text);
        text-transform: none;
        margin: 0.5em 0;
    }
body.path-user .region-content {
        padding: var(--gutter);

        padding-top: calc(var(--header-height) + var(--spacing));
    }
body.path-user #user-form {
        margin-top: 100px;
    }
body.path-user article.profile {
    }
body.path-user .view-lead-dashboard ul.profile-actions {
            display: flex;
            gap: 10px;
        }
body.path-user .view-lead-dashboard ul.profile-actions li {
            }
body.path-user .view-lead-dashboard ul.profile-actions li.action-guestlist {
            }
body.path-user .view-lead-dashboard ul.profile-actions li.action-logout {
                margin-left: auto;
            }
body.path-user .view-lead-dashboard ul.profile-actions li.action-logout a.button {
                    background-color: transparent;
                    color: var(--color-accent);
                }
@media screen and (max-width: 781px) {
    :root {
        --spacing: 10px;
        --gutter: 20px;
        --header-height: 70px;
        --stage-height: 100svh;
    }

    body {
        -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    }
    h1, nav#block-globalnavigation ul.menu-level-0 > li {
        font-size: 2rem;
    }
    h2 {
        font-size: 1.8rem;
    }
    h3, .ui-dialog article.node--type-piece .field--name-field-piece-title {
        font-size: 1.6rem;
    }

    p, .view-piece-slider .views-field-body {
        font-size: 1.2rem;
    }
        .header #logo {
            display: flex;
            width: 65vw;
        }
                .header #logo svg path, .header #logo svg polygon {
                    fill: var(--color-accent);
                }
            .region-header-navigation #block-scopes-global-scopesnavtoggle a.nav-toggle {
                width: 40px;
                height: 42px;
            }

                .region-header-navigation #block-scopes-global-scopesnavtoggle a.nav-toggle span {
                    width: 40px;
                    height: 42px;
                }
        nav#block-globalnavigation ul.menu-level-0 {
            max-width: 100%;
        }

            nav#block-globalnavigation ul.menu-level-0 .menu-dropdown-0 {
                margin-top: 2em;
            }
                nav#block-globalnavigation ul.menu-level-0 ul.menu ul.menu li {
                    font-size: 1.4rem;
                    margin-bottom: 0.4em;
                }
                    nav#block-globalnavigation ul.menu-level-0 ul.menu ul.menu li a {
                        flex-wrap: wrap;
                        gap: 0px;
                        align-items: flex-start;
                    }

            nav#block-globalnavigation ul.menu-level-0 .block-block-content p {
                font-size: 1.2rem;
                line-height: 1.6em;
                opacity: 0.8;
    	hyphens: auto;
            }
            nav#block-globalnavigation ul.menu-level-1 li {
                font-size: 1.4rem;
            }
            nav#block-globalnavigation .view-colab .views-row {
                margin-bottom: 20px;
            }
            nav#block-globalnavigation .view-colab a {
                display: flex;
                flex-direction: column;
            }

            nav#block-globalnavigation .view-colab .colab-title {
                font-size: 1.4rem;
                opacity: 1;
            }
            nav#block-globalnavigation .view-colab .colab-artist {
                font-size: 1rem;
            }

        nav#block-globalnavigation ul.a-list {
            display: flex;
            flex-direction: column;
            gap: 10px;
        }

            nav#block-globalnavigation ul.a-list li {
                font-size: 1rem;
            }
            nav#block-globalnavigation ul.a-list .a-name {
                font-size: 1.4rem;
            }

            nav#block-globalnavigation ul.a-list .a-artform, nav#block-globalnavigation ul.a-list .a-location {
                font-size: 1em;
            }
            .region-main-stage #block-stockholmherotitle h1 {
                width: 90vw;

                display: flex;

                font-size: 18vw;
                line-height: 1em;
            }

            .region-main-stage #block-stockholmherotitle svg {
                width: 75vw;
            }

        .region-main-stage p {
            text-align: center;
            margin-top: 2em;
        }

        .region-main-stage .cta-tickets {
            margin-left: auto;
            margin-right: auto;
        }
        #block-scopeslogo-2 #logo {
            width: 75vw;
        }

    .subtitle {
        font-size: 1.4rem;
    }

        .subtitle .scroll-wrapper {
            width: 100%;
        }
            body.nav-open #section-37 .subtitle {
                background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.75) 75%, rgba(0, 0, 0, 0) 100%);
            }
        .view-pieces .view-content {
            flex-direction: column;
            gap: var(--gutter);
        }

            .view-pieces .view-content .views-row {
                width: 100%;
            }
                    .view-pieces .view-content .views-row:only-child .views-field-nothing a figure {
                        height: 60vh;
                    }
                .view-pieces .views-field-nothing a figure {
                    height: 50vh;
                    min-height: 240px;

                    margin-bottom: 10px;
                }

    blockquote {
        margin: var(--gutter);
    }

        blockquote p {
            font-style: italic;
            font-size: 1.6rem;
            margin: 0;
            line-height: 1em;
        }

        blockquote span {
            font-size: 1rem;
        }

    #block-mousescrollhint {
        position: fixed;
        margin: auto;
        right: var(--gutter);
        bottom: var(--gutter);

        z-index: 75;
    }

        #block-mousescrollhint #mouse-scroll {
            height: 40px;
            width: 40px;

            transform: none;
        }

        #block-mousescrollhint #mouse-scroll span {
            display: none;
        }
        #block-mousescrollhint #mouse-scroll .mouse {
            height: 40px;
            width: 40px;
            border-radius: 20px;
            -webkit-transform: none;
            -ms-transform: none;
            transform: none;
            border: none;

            top: 0px;
        }

        #block-mousescrollhint #mouse-scroll .mouse-in {
            height: 40px;
            width: 40px;
            border-radius: 2px;
            display: block;
            margin: 0;
            background: transparent;
            position: relative;

            background-image: url(/themes/scopes_global/assets/e9287df5ea8373487cd6.svg);
        }
        #block-mousescrollhint #mouse-scroll .mouse-in {
            animation: mouse-pulse-down 1.2s ease infinite;
        }
        .view-piece-slider .view-piece-media {
            height: 50vh;
        }
        article.node--type-piece .field--name-field-hero-image {

            margin-bottom: 10px;
        }
            article.node--type-piece .field--name-field-hero-image img {
                max-height: 75vh;
                object-fit: contain;
                width: 100%;
                height: 100%;
            }
        .swiper .swiper-slide video {
            object-fit: contain;
        }

        .swiper .swiper-button-next, .swiper .swiper-button-prev {
            width: 20vw;
            height: 100%;
        }

            .swiper .swiper-button-next:after, .swiper .swiper-button-prev:after {
                opacity: 0.3;
            }
                .swiper .swiper-button-next:hover:after, .swiper .swiper-button-prev:hover:after {
                    opacity: 1;
                }

    .ui-dialog {
        height: 100dvh !important;
    }

    #section-37 {
        min-height: 100svh;
    }

    .drawer {
        min-height: 100dvh;
    }
            footer #block-footerglobal .field--name-body {
                flex-direction: column;
            }

                footer #block-footerglobal .field--name-body ul.footer-social {
                    flex-wrap: wrap;
                    flex-direction: row;
                    justify-content: center;
                    text-align: center;
                    gap: 10px;
                }

                footer #block-footerglobal .field--name-body ul.footer-contact {
                    text-align: center;
                    gap: 10px;
                }

                footer #block-footerglobal .field--name-body ul.footer-legal {
                    text-align: center;
                    gap: 10px;
                }
                    footer #block-footerglobal .field--name-body ul li {
                        margin: 0;
                    }

    #block-seouleventcta {
        position: fixed;
        z-index: 833;
        bottom: 120px;
        left: 50%;
        transform: translateX(-50%);
        right: unset;
    }

        #block-seouleventcta .cta-big {
            font-size: 1rem;
        }
            #block-seouleventcta .cta-big strong {
                font-size: 1.4rem;
            }
}
@media screen and (min-width: 1681px) {
    .header-compact #logo, .header #logo, body.path-frontpage .header.stuck .top-header #logo {
        width: 420px;
    }
            body.path-frontpage & .header.stuck .top-header #logo {
                width: 420px;
            }
            body.path-frontpage & #block-scopeslogo-2 #logo {
                width: 820px;
            }
}
html {
    scroll-behavior: smooth;
}
body {
    background-color: #000;
    color: var(--color-text);
}
/* prevent scrolling of main when dialogue or nav drawer is open */
body.dialogue-open, body.nav-open {
    overflow: hidden;
}