#banner{width:100%;height:100vh;position:relative;overflow:hidden}#banner>img{object-fit:cover;object-position:center;filter:brightness(.5);width:100%;height:100%}#banner .two-tone-bg{display:flex;height:100%}#banner .two-tone-bg .bg-left,#banner .two-tone-bg .bg-right{flex-basis:50%;height:100%}#banner .two-tone-bg .bg-left{background-color:var(--color-gray-mid)}#banner .two-tone-bg .bg-right{background-color:var(--color-gray-darker)}#banner .heading{position:absolute;top:50%;transform:translateY(-50%);width:100%;text-align:center;padding:1rem;box-sizing:border-box}#banner .heading .head-left{color:var(--color-gray-darker);position:relative}#banner .heading .head-right{color:var(--color-gray-mid);position:relative}#banner h1,#banner h2{font-weight:400;margin:0;color:var(--color-gray-light)}#banner h1{font-size:6em}#banner h2{font-size:2em}#banner .highlight{position:absolute;height:100%;width:100%}#banner .highlight img{display:block;opacity:.5;width:var(--element-width);height:100%}#banner .highlight div{position:absolute;overflow-x:hidden;width:0%;height:55%;animation-name:highlight;animation-duration:.3s;animation-fill-mode:forwards;animation-timing-function:ease-in}#banner .highlight div:nth-child(1){top:.2em;right:0;animation-delay:.5s}#banner .highlight div:nth-child(1) img{float:right}#banner .highlight div:nth-child(2){top:.6em;left:.25em;animation-delay:.85s}@keyframes highlight{0%{width:0}100%{width:100%}}@media only screen and (max-width:879px){#banner h1{font-size:10vw}#banner h2{font-size:5vw}}:root{--color-accent1:#32afc7;--color-accent2:#c73290;--color-bg-dark:#2d2d2d;--color-bg-darker:#242424;--color-yellow:#edff00;--color-black:#11190c;--color-gray-darker:#444638;--color-gray-dark:#787864;--color-gray-mid:#cac4b7;--color-gray-light:#f3f1ee;--color-blue:#bdd1d0;--color-blue-dark:#88a4a2}html,body{margin:0;padding:0;background-color:var(--color-gray-light);min-width:350px}body{font-family:noto sans,sans-serif}header,footer{padding:1em;display:flex;justify-content:space-between;align-items:center;color:#fff;position:relative;box-sizing:border-box}header{position:fixed;z-index:10;width:100%;top:0;transition:background-color .5s;background-color:var(--color-black);height:4.5em}header nav,footer nav{display:flex;white-space:nowrap;align-items:center}header nav a,footer nav a{color:#fff;text-decoration:none;display:block;padding:0 1em}header nav a.highlight{background-color:var(--color-yellow);color:var(--color-black);padding:.5em 2em;border-radius:8px}header .logo{height:2.5em}header .logo img{height:100%}header #mobile-menu-btn{display:none}footer{display:flex;align-items:center;justify-content:space-between;padding:2em 1em;background-color:var(--color-black)}footer .infos{flex-grow:1;flex-basis:33%}footer .infos h2,footer .infos h3{margin:0;line-height:1.5;width:fit-content}footer .infos h3{border-bottom:2px solid var(--color-yellow)}footer .infos nav{margin-top:1em;display:block}footer .infos nav a{padding:0;line-height:2}footer .socials{margin-top:1em}footer .socials a{opacity:.6;transition:opacity .25s ease-in-out}footer .socials a:hover{opacity:.75}footer .socials img{height:2em}footer .logos{flex-grow:1;flex-basis:33%;white-space:nowrap;display:flex;align-items:center;justify-content:end}footer .logos img{height:4vw}footer .logos img.full-height{height:12vw}footer .main-logo{height:18vw;width:auto}@media only screen and (max-width:959px){header{display:block;position:fixed;width:100%;height:100%;z-index:100;top:calc(-100% + 4.5rem);transition:.5s}header .logo{display:block;height:3em;width:3em;margin:2em auto 0}header #mobile-menu-btn{display:block;position:absolute;bottom:0;right:0;width:4.5rem;height:4.5rem;padding:0;background:0 0;border:none;cursor:pointer;transition:.5s .33s}header #mobile-menu-btn span{position:absolute;top:50%;left:33%;width:33%;height:.15rem;margin-top:-.1rem;background-color:var(--color-yellow);transition:.5s .33s}header #mobile-menu-btn span:after,header #mobile-menu-btn span:before{position:absolute;left:0;width:100%;height:100%;background:var(--color-yellow);content:"";transition:.5s .33s}header #mobile-menu-btn span:before{transform:translateY(-.5rem)}header #mobile-menu-btn span:after{transform:translateY(.5rem)}header .spacer{display:none}header nav{height:100%;width:100%;overflow-y:scroll;display:block}header nav a{max-width:fit-content;text-align:center;padding:1rem;margin:1em auto;font-size:1.2em;transition:.2s}header nav a:hover{color:var(--color-yellow)}header nav a.highlight{margin-top:2em;background:0 0;border:2px solid var(--color-yellow);color:var(--color-yellow)}header nav a.highlight:hover{color:var(--color-black);background-color:var(--color-yellow)}header.expanded{top:0;background-color:var(--color-black)!important}header.expanded #mobile-menu-btn{transform:rotate(-90deg)}header.expanded #mobile-menu-btn span:before{transform:translateY(-.35rem)translateX(33%)rotate(45deg)scaleX(.7)}header.expanded #mobile-menu-btn span:after{transform:translateY(.35rem)translateX(33%)rotate(-45deg)scaleX(.7)}footer{flex-wrap:wrap}footer .infos{flex-basis:100%;margin-bottom:2em}footer .main-logo{height:25vw}footer .logos{justify-content:space-evenly}footer .logos img{height:8vw}footer .logos img.full-height{height:24vw}}@media only screen and (max-width:639px){footer{display:block}footer .main-logo{height:50vw;display:block;margin:auto;margin-bottom:2em}footer .logos{justify-content:center}footer .logos img{height:10vw}footer .logos img.full-height{height:34vw}}main{padding:4.5em 0 3em;min-height:100vh}article{max-width:50em;margin:auto;color:var(--color-bg-darker)}body.full-width main{background-color:var(--color-bg-dark)}body.full-width article{max-width:100%;color:#fff}body.copy article{line-height:1.5;font-size:1em;padding:1em;max-width:52em}body.copy article h1{margin:0}body.copy article h2{font-size:1.25em;margin-bottom:0}body.copy article h3{font-size:1em;margin-bottom:0}body.copy article p{margin:2em 0}body.copy article h1+p,body.copy article h2+p{margin-top:1em}body.copy article h3+p{margin-top:.5em}body.copy article a{text-decoration:none;color:var(--color-black);border-bottom:4px solid var(--color-yellow);transition:.2s}body.copy article a:hover{color:var(--color-black)}body.home header{background-color:unset}body.home header.opaque{background-color:var(--color-black)}body.home #banner h1{margin:auto;width:fit-content;position:relative}body.home #banner h2{margin:auto;max-width:fit-content;padding:0 .5rem;background-color:var(--color-gray-light);color:var(--color-gray-darker);position:relative}body.home main{padding:0;background:linear-gradient(90deg,var(--color-gray-light) 50%,var(--color-gray-dark) 50%)}body.home article{display:flex;flex-wrap:wrap;max-width:unset;color:#fff;background-color:var(--color-gray-dark)}body.home article h2{flex-basis:50%;flex-grow:1;padding:2em;background-color:var(--color-gray-light);color:var(--color-black);font-weight:400;margin:0;text-align:center;display:flex;align-items:center;justify-content:center}body.home article h2>div{position:relative}body.home article h2 .highlight{position:absolute;min-height:3em;width:var(--element-width);left:50%;top:25%;transform:translateX(-50%)translateY(-25%)}body.home article h2 .highlight img{display:block;opacity:.5;width:var(--element-width);height:100%}body.home article h2 .highlight div{position:absolute;overflow-x:hidden;width:0%;height:65%}body.home article h2 .highlight div:nth-child(1){top:0;right:0}body.home article h2 .highlight div:nth-child(1) img{float:right}body.home article h2 .highlight div:nth-child(2){top:30%;left:.5em;animation-delay:.35s}body.home article h2 .highlight+span{position:relative}body.home article h2 .highlight.active div{animation-name:highlight;animation-duration:.3s;animation-fill-mode:forwards;animation-timing-function:ease-in}body.home article p{flex-basis:50%;flex-grow:1;margin:0;padding:2em 4em;line-height:1.75;font-size:1.2em}body.home article>h2:nth-of-type(2),body.home article>h2:nth-of-type(5){background-color:#ebe7e2}body.home article>h2:nth-of-type(3),body.home article>h2:nth-of-type(4){background-color:#e2ddd6}body.home article>p:nth-of-type(2),body.home article>p:nth-of-type(5){background-color:#6d6d5b}body.home article>p:nth-of-type(3),body.home article>p:nth-of-type(4){background-color:#626251}body.home article>*{box-sizing:border-box}body.home .fact-teaser{flex-basis:100%;padding:0 1em;position:relative;background-color:var(--color-gray-mid);max-height:0;overflow:hidden;transition:1s}body.home .fact-teaser h2,body.home .fact-teaser h3{margin:1em auto;max-width:fit-content;padding:0 .5rem;background-color:var(--color-yellow);color:var(--color-gray-darker);padding:.25em 1em;position:relative;font-size:1.5em;font-weight:400;text-align:center}body.home .fact-teaser h3{background:0 0;margin:0 auto}body.home .fact-teaser p{color:var(--color-gray-dark);max-width:960px;margin:0 auto 1em;font-size:1.2em;text-align:center;position:relative}body.home .fact-teaser a{text-decoration:none;color:var(--color-gray-darker);border-bottom:3px solid var(--color-yellow);transition:.2s}body.home .fact-teaser a:hover{color:var(--color-black)}body.home .fact-teaser.visible{max-height:4000px;padding:2em 1em}body.home .fact-teaser:before{content:"";position:absolute;width:100%;height:100%;top:0;left:0;background-image:url(/img/lightbulb.svg);background-repeat:no-repeat;background-position:50%;background-size:18em;opacity:.25}body.home .audio-teaser{background-color:var(--color-black);width:100%;padding:2em 1em}body.home .audio-teaser h2{background:0 0;display:block;color:var(--color-yellow);padding:0}body.home .audio-teaser p{text-align:center;font-size:1em;max-width:720px;margin:auto}body.home .audio-teaser a{text-decoration:none;color:var(--color-gray-mid);border-bottom:2px solid var(--color-yellow);transition:.2s}body.home .audio-teaser a:hover{color:#fff}body.home .audio-teaser .player{width:720px;max-width:100%;margin:0 auto;background:0 0;padding:0}body.home .audio-teaser .player .slider .gap-progress{background-color:var(--color-yellow)}body.home .audio-teaser .player .slider .gap-progress .pin{background-color:var(--color-yellow);right:-10px;top:-8px;height:20px;width:20px;border-radius:10px}body.home .audio-teaser .player .volume .volume__controls .volume__slider .volume__progress .volume__pin{left:-7px}body.home .audio-teaser .player .controls{color:#fff}body.home .audio-teaser .player .volume .volume__button path,body.home .audio-teaser .player .holder .play-pause-btn path{fill:var(--color-yellow);opacity:.75;transition:.25s}body.home .audio-teaser .player .volume .volume__button.open path,body.home .audio-teaser .player .volume .volume__button:hover path,body.home .audio-teaser .player .holder .play-pause-btn:hover path{opacity:1}@media only screen and (max-width:1199px){body.home article p{padding:2em}}@media only screen and (max-width:879px){body.home article{display:block}body.home article p{padding:1rem;font-size:1em}body.home article h2{padding-bottom:1em;font-size:1.25em}body.home article>h2:nth-of-type(1),body.home article>h2:nth-of-type(6),body.home article>p:nth-of-type(1),body.home article>p:nth-of-type(6){background-color:var(--color-gray-light);color:var(--color-gray-darker)}body.home article>h2:nth-of-type(2),body.home article>h2:nth-of-type(5),body.home article>p:nth-of-type(2),body.home article>p:nth-of-type(5){background-color:#ebe7e2;color:var(--color-gray-darker)}body.home article>h2:nth-of-type(3),body.home article>h2:nth-of-type(4),body.home article>p:nth-of-type(3),body.home article>p:nth-of-type(4){background-color:var(--color-gray-light);color:var(--color-gray-darker)}body.home .fact-teaser p{font-size:1em}body.home #banner h1{font-size:10vw}body.home #banner h2{font-size:5vw}}body.bios.section .grid-gallery .element{flex-basis:33.333%}body.bios.section .grid-gallery .element img{filter:saturate(.3)brightness(.85)}body.bios.section .grid-gallery .element img:hover{filter:none}body.bios.section .grid-gallery .element .label{opacity:1;transform:none;top:unset;bottom:1em;font-size:3vw}body.bios.section .grid-gallery .element .label .first{color:#fff;transition:color .5s ease-out}body.bios.section .grid-gallery .element img:hover+.label .first{color:var(--color-yellow)}@media only screen and (max-width:1200px){body.bios.section .grid-gallery .element{flex-basis:33.33%}body.bios.section .grid-gallery .element .label{font-size:3vw}}@media only screen and (max-width:1000px){body.bios.section .grid-gallery .element{flex-basis:50%}body.bios.section .grid-gallery .element .label{font-size:4.5vw}}@media only screen and (max-width:640px){body.bios.section .grid-gallery .element{flex-basis:100%}body.bios.section .grid-gallery .element .label{font-size:9vw}}body.bios.page{--sources-start:200vh;background-color:var(--color-bg-dark)}body.bios.page header{background-color:unset}body.bios.page header.opaque{background-color:var(--color-black)}body.bios.page #banner h1,body.bios.page #banner h2{text-shadow:0 0 16px #000}body.bios.page #banner+article{box-shadow:0 0 48px 64px var(--color-bg-dark);position:relative;padding:1em;line-height:1.5}body.bios.page main{padding:0}body.bios.page article{max-width:unset;padding-top:4em;color:#fff}body.bios.page article>h2,body.bios.page article>p{width:calc(50% - 4rem);text-align:right;opacity:0;pointer-events:none;transition:.25s ease-in}body.bios.page article>h2.visible,body.bios.page article>h2.visible+p{opacity:1;pointer-events:auto;transition:1s ease-out}body.bios.page article>h2.visible+p{transition-delay:.25s}body.bios.page article>h2:nth-of-type(even),body.bios.page article>p:nth-of-type(even){text-align:left;margin-left:auto}body.bios.page article>h2{box-sizing:border-box;padding:0 .5rem;background-color:var(--color-yellow);color:var(--color-black);display:flex;font-weight:400;position:relative}body.bios.page article>h2:nth-of-type(even){padding-right:0}body.bios.page article>h2:nth-of-type(even):after{content:"";flex-grow:1;margin-left:.5rem;background-color:var(--color-bg-dark)}body.bios.page article>h2:nth-of-type(even):before{content:"";border-bottom:2px solid var(--color-yellow);position:absolute;right:100%;top:50%;width:64px}body.bios.page article>h2:nth-of-type(odd){padding-left:0}body.bios.page article>h2:nth-of-type(odd):before{content:"";flex-grow:1;margin-right:.5rem;background-color:var(--color-bg-dark)}body.bios.page article>h2:nth-of-type(odd):after{content:"";border-bottom:2px solid var(--color-yellow);position:absolute;left:100%;top:50%;width:64px}body.bios.page section.sources{max-width:960px;margin:8em auto}body.bios.page section.sources a.bio-download{display:block;margin:1em auto 0;text-align:center;text-decoration:none;color:var(--color-gray-mid);font-size:1.5em;padding:.5em;max-width:fit-content;transition:.5s;transition-timing-function:cubic-bezier(.13,.66,.53,.95)}body.bios.page section.sources a.bio-download:after{content:"";display:block;height:3px;background-color:var(--color-yellow);width:128px;margin:3px auto 0;transition:.5s;transition-timing-function:cubic-bezier(.13,.66,.53,.95)}body.bios.page section.sources a.bio-download:hover{color:#fff}body.bios.page section.sources a.bio-download:hover:after{width:100%}body.bios.page section.sources a.bio-download.a11y{margin:-1em auto 1em;font-size:1em}body.bios.page section.sources a.bio-download.a11y:after{content:none}body.bios.page section.sources h2{padding-top:2em;margin-bottom:.5em;font-size:1.2em;font-weight:400;color:var(--color-yellow);text-align:center}body.bios.page section.sources ul{padding:0;margin:0;list-style:none;text-align:center}#timeline{position:absolute;top:0;left:50%;transform:translateX(-50%)}#timeline .progress{width:8px;height:300px;background-color:var(--color-yellow);border-radius:4px}#timeline-handle{width:64px;height:64px;background-color:var(--color-yellow);border-radius:32px;box-shadow:0 0 16px #000;position:absolute;bottom:5vh;left:calc(50% - 32px);text-align:center;font-weight:700;font-size:45px;color:rgba(0,0,0,.4)}#timeline-handle.active{position:fixed;bottom:33vh}#timeline-handle.active.end{position:absolute;top:var(--sources-start)}@media only screen and (max-width:1199px){body.bios.page #banner h1{font-size:4em}body.bios.page #banner h2{font-size:1.5em}}@media only screen and (max-width:999px){#timeline-handle{left:1rem}#timeline{left:calc(1rem + 32px)}body.bios.page article>h2,body.bios.page article>p{width:100%;text-align:left;box-sizing:border-box}body.bios.page article>h2{margin-left:calc(1rem + 64px)!important;padding:0 .5rem!important;max-width:fit-content}body.bios.page article>h2:after{content:none!important}body.bios.page article>h2:before{border-bottom:2px solid var(--color-yellow);position:absolute;left:-48px!important;top:50%;width:56px!important}body.bios.page article>p{padding-left:calc(1rem + 64px)!important;margin-bottom:2em}body.bios.page article section.sources a.bio-download,body.bios.page article section.sources a.bio-download.a11y{text-align:left;font-size:1em;margin:0}body.bios.page article section.sources a.bio-download.a11y{margin-top:-.5em}body.bios.page article section.sources a.bio-download:after{margin:2px 0 0;height:2px}body.bios.page article section.sources a.bio-download.a11y:after{content:""}body.bios.page article section.sources h2,body.bios.page article section.sources ul{text-align:left;padding-left:.5em;font-size:1em}}@media only screen and (max-width:599px){body.bios.page #banner h1,body.bios.page #banner h2{text-shadow:0 0 8px #000}body.bios.page #banner h1{font-size:2em;font-weight:500}body.bios.page #banner h2{font-size:1em}}body.materialhome main{display:flex;flex-wrap:wrap;margin-top:4.5em;padding:0}body.materialhome main>div{flex-basis:50%;padding:1em;box-sizing:border-box;background-color:var(--color-gray-dark);position:relative}body.materialhome main>div>*{position:relative}body.materialhome main div.left{padding-left:2em;background-color:var(--color-gray-light)}body.materialhome main div.right{display:none}body.materialhome main>div:nth-of-type(1) .portrait-container:after,body.materialhome main>div:nth-of-type(11) .portrait-container:after{background:linear-gradient(90deg,#f3f1ee,transparent)}body.materialhome main>div:nth-of-type(3),body.materialhome main>div:nth-of-type(9){background-color:#ebe7e2}body.materialhome main>div:nth-of-type(3) .portrait-container:after,body.materialhome main>div:nth-of-type(9) .portrait-container:after{background:linear-gradient(90deg,#ebe7e2,transparent)}body.materialhome main>div:nth-of-type(5){background-color:#e2ddd6}body.materialhome main>div:nth-of-type(5) .portrait-container:after{background:linear-gradient(90deg,#e2ddd6,transparent)}body.materialhome main>div:nth-of-type(7){background-color:#dad3ca}body.materialhome main>div:nth-of-type(7) .portrait-container:after{background:linear-gradient(90deg,#dad3ca,transparent)}body.materialhome main>div:nth-of-type(2),body.materialhome main>div:nth-of-type(10){background-color:#6d6d5b}body.materialhome main>div:nth-of-type(6),body.materialhome main>div:nth-of-type(8){background-color:#626251}body.materialhome main h2{font-size:2em}body.materialhome main a{text-decoration:none;color:var(--color-gray-darker);border-bottom:3px solid var(--color-yellow);transition:.2s}body.materialhome main a:hover{color:var(--color-black)}body.materialhome main li{line-height:1.5}body.materialhome main .portrait-container{opacity:.15;position:absolute;top:0;bottom:0;right:0;left:50%}body.materialhome main .portrait-container img{width:100%;height:100%;object-fit:cover}body.materialhome main .portrait-container:after{content:"";position:absolute;width:50%;height:100%;top:0;left:0}@media only screen and (max-width:899px){body.materialhome main{display:block}}.grid-gallery{display:flex;flex-wrap:wrap}.grid-gallery .element{flex-basis:25%;position:relative;overflow:hidden}.grid-gallery .element img{width:100%;height:auto;display:block;transition:1s ease-out}.grid-gallery .element img:hover{filter:saturate(.3)brightness(.75)blur(4px);transform:scale(1.1)}.grid-gallery .element .label{position:absolute;width:100%;top:50%;box-sizing:border-box;padding:1rem;text-align:center;transform:translateY(-50%);font-size:2.5em;color:#fff;text-shadow:0 0 6px #222;pointer-events:none;opacity:0;transition:opacity .5s ease-out}.grid-gallery .element .label .top{font-size:.5em;display:block}.grid-gallery .element .label .first{color:var(--color-yellow)}.grid-gallery .element .label ul{list-style:none;padding:0;margin:1rem 0 0;font-size:.5em}.grid-gallery .element img:hover+.label{opacity:1;transition-delay:.5s}.grid-gallery-licenses{color:#fff;font-size:1.2em}.grid-gallery-licenses summary{color:var(--color-yellow)}.grid-gallery-licenses a{text-decoration:none;color:#fff;font-weight:500;border-bottom:2px solid var(--color-yellow)}@media only screen and (max-width:1200px){.grid-gallery .element{flex-basis:33.33%}}@media only screen and (max-width:1100px){.grid-gallery .element{flex-basis:50%}}@media only screen and (max-width:720px){.grid-gallery .element{flex-basis:100%}}body.stones article h1,body.stones article h2,body.stones article h3{text-align:center;font-weight:400;padding:0 1rem}body.stones article h1{font-size:3em;margin-bottom:0}body.stones article h2{margin-bottom:2em}