*,:before,:after{box-sizing:border-box}:not(dialog){margin:0}@media (prefers-reduced-motion:no-preference){html{interpolate-size:allow-keywords}}body{-webkit-font-smoothing:antialiased;line-height:1.5}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}#root,#__next{isolation:isolate}:root{--col-black:#0e0f10;--col-white:#f4f5f7;--col-violet-50:#f2e8f3;--col-violet-100:#d7b8d9;--col-violet-200:#c396c6;--col-violet-300:#a866ad;--col-violet-400:#97489d;--col-violet-500:#7d1a84;--col-violet-600:#721878;--col-violet-700:#59125e;--col-violet-800:#450e49;--col-violet-900:#350b37;--col-orange-50:#fff6e8;--col-orange-100:#ffe3b7;--col-orange-200:#ffd694;--col-orange-300:#fec363;--col-orange-400:#feb745;--col-orange-500:#fea516;--col-orange-600:#e79614;--col-orange-700:#b47510;--col-orange-800:#8c5b0c;--col-orange-900:#6b4509;--col-green-50:#e9f4ed;--col-green-100:#badcc8;--col-green-200:#99cbad;--col-green-300:#6bb388;--col-green-400:#4ea471;--col-green-500:#228d4d;--col-green-600:#1f8046;--col-green-700:#186437;--col-green-800:#134e2a;--col-green-900:#0e3b20;--col-lime-50:#fdffeb;--col-lime-100:#faffc2;--col-lime-200:#f8ffa5;--col-lime-300:#f4ff7c;--col-lime-400:#f2ff62;--col-lime-500:#efff3b;--col-lime-600:#d9e836;--col-lime-700:#aab52a;--col-lime-800:#838c20;--col-lime-900:#646b19;--col-red-50:#faeceb;--col-red-100:#efc3c0;--col-red-200:#e7a6a1;--col-red-300:#dc7d76;--col-red-400:#d5645c;--col-red-500:#cb3d33;--col-red-600:#b9382e;--col-red-700:#902b24;--col-red-800:#70221c;--col-red-900:#551a15;--col-blue-50:#eff6ff;--col-blue-100:#cce2ff;--col-blue-200:#b4d5ff;--col-blue-300:#92c1ff;--col-blue-400:#7db5ff;--col-blue-500:#5ca3ff;--col-blue-600:#5494e8;--col-blue-700:#4174b5;--col-blue-800:#335a8c;--col-blue-900:#27446b;--col-grey-50:#dee4ee;--col-grey-100:#d2d8e1;--col-grey-200:#bfc2c9;--col-grey-300:#a1a7b1;--col-grey-400:#8f95a1;--col-grey-500:#737b8a;--col-grey-600:#69707e;--col-grey-700:#525762;--col-grey-800:#262b33;--col-grey-900:#11151b;--col-grey-addon-1:#1a1f26;--font-main:"Barlow",sans-serif;--font-headline:"Boldonse",sans-serif;--font-weight-default:400;--font-weight-bold:700;--font-size-xs:clamp(.78rem,.24vi + .72rem,.96rem);--font-size-s:clamp(.94rem,.35vi + .85rem,1.2rem);--font-size-base:clamp(1.13rem,.5vi + 1rem,1.5rem);--font-size-sm:clamp(1.35rem,.7vi + 1.17rem,1.88rem);--font-size-m:clamp(1.62rem,.97vi + 1.38rem,2.34rem);--font-size-l:clamp(1.94rem,1.31vi + 1.62rem,2.93rem);--font-size-xl:clamp(2.33rem,1.77vi + 1.89rem,3.66rem);--font-size-xxl:clamp(2.8rem,2.37vi + 2.21rem,4.58rem);--font-size-3xl:clamp(3.36rem,3.15vi + 2.57rem,5.72rem);--padding-m:clamp(.5rem,.136rem + 1.82vw,1.5rem);--padding-l:clamp(1rem,.273rem + 3.64vw,3rem);--padding-xl:clamp(1rem,-.455rem + 7.27vw,5rem);--global-gap:clamp(.5rem,.318rem + .91vw,1rem);--transition-time:.2s;--max-page-width:1400px}html,html.color{--col-content-background-1:var(--col-orange-100);--col-content-background-2:var(--col-orange-200);--col-content-element-1:var(--col-violet-600);--col-content-element-2:var(--col-violet-300);--col-content-headline:var(--col-violet-600);--col-content-accent:var(--col-lime-600);--col-content-accent-2:var(--col-violet-500);--col-content-stroke:var(--col-violet-300);--col-nav-background:var(--col-lime-400);--col-nav-element-1:var(--col-violet-600);--col-nav-element-hover:var(--col-violet-300);--col-stage-background-1:var(--col-violet-900);--col-stage-background-2:var(--col-violet-800);--col-stage-element-1:var(--col-lime-500);--col-stage-headline:var(--col-lime-500);--col-stage-border:var(--col-violet-500);--col-stage-hover:var(--col-violet-100);--col-panel-bg:var(--col-orange-100);--col-panel-bg-2:var(--col-orange-50);--col-panel-headline:var(--col-violet-500);--col-panel-accent:var(--col-violet-500);--col-panel-element:var(--col-grey-900);--col-deepdive-background-1:var(--col-grey-900);--col-deepdive-background-2:var(--col-grey-800);--col-deepdive-element-1:var(--col-lime-500);--col-deepdive-headline:var(--col-lime-500);--col-button-primary-bg:var(--col-violet-500);--col-button-primary-border:var(--col-violet-700);--col-button-primary-text:var(--col-violet-50);--col-button-primary-hover-bg:var(--col-violet-700);--col-button-primary-active-bg:var(--col-violet-400);--col-button-secondary-bg:var(--col-lime-400);--col-button-secondary-border:var(--col-lime-700);--col-button-secondary-text:var(--col-grey-900);--col-button-secondary-hover-bg:var(--col-lime-200);--col-button-secondary-active-bg:var(--col-lime-50)}html.dark{--col-content-background-1:var(--col-grey-800);--col-content-background-2:var(--col-grey-700);--col-content-element-1:var(--col-white);--col-content-element-2:var(--col-grey-300);--col-content-headline:var(--col-white);--col-content-accent:var(--col-grey-700);--col-content-accent-2:var(--col-grey-300);--col-content-stroke:var(--col-grey-200);--col-nav-background:var(--col-grey-800);--col-nav-element-1:var(--col-white);--col-nav-element-hover:var(--col-grey-300);--col-stage-background-1:var(--col-grey-900);--col-stage-background-2:var(--col-grey-addon-1);--col-stage-element-1:var(--col-white);--col-stage-headline:var(--col-white);--col-stage-border:var(--col-stage-headline);--col-stage-hover:var(--col-grey-200);--col-panel-bg:var(--col-grey-900);--col-panel-bg-2:var(--col-grey-700);--col-panel-headline:var(--col-white);--col-panel-accent:var(--col-grey-700);--col-panel-element:var(--col-white);--col-deepdive-background-1:var(--col-grey-900);--col-deepdive-background-2:var(--col-grey-800);--col-deepdive-element-1:var(--col-white);--col-deepdive-headline:var(--col-white);--col-button-primary-bg:var(--col-black);--col-button-primary-border:var(--col-grey-300);--col-button-primary-text:var(--col-white);--col-button-primary-hover-bg:var(--col-grey-700);--col-button-primary-active-bg:var(--col-grey-600);--col-button-secondary-bg:var(--col-grey-800);--col-button-secondary-border:var(--col-grey-300);--col-button-secondary-text:var(--col-white);--col-button-secondary-hover-bg:var(--col-grey-700);--col-button-secondary-active-bg:var(--col-grey-600)}html.light{--col-content-background-1:var(--col-grey-100);--col-content-background-2:var(--col-grey-200);--col-content-element-1:var(--col-black);--col-content-element-2:var(--col-grey-600);--col-content-headline:var(--col-black);--col-content-accent:var(--col-grey-200);--col-content-accent-2:var(--col-grey-600);--col-content-stroke:var(--col-grey-700);--col-nav-background:var(--col-grey-100);--col-nav-element-1:var(--col-black);--col-nav-element-hover:var(--col-grey-600);--col-stage-background-1:var(--col-grey-200);--col-stage-background-2:var(--col-grey-50);--col-stage-element-1:var(--col-black);--col-stage-headline:var(--col-black);--col-stage-border:var(--col-stage-headline);--col-stage-hover:var(--col-grey-700);--col-panel-bg:var(--col-white);--col-panel-bg-2:var(--col-grey-200);--col-panel-headline:var(--col-black);--col-panel-accent:var(--col-grey-700);--col-panel-element:var(--col-black);--col-deepdive-background-1:var(--col-grey-200);--col-deepdive-background-2:var(--col-grey-100);--col-deepdive-element-1:var(--col-black);--col-deepdive-headline:var(--col-black);--col-button-primary-bg:var(--col-white);--col-button-primary-border:var(--col-grey-800);--col-button-primary-text:var(--col-black);--col-button-primary-hover-bg:var(--col-grey-200);--col-button-primary-active-bg:var(--col-grey-300);--col-button-secondary-bg:var(--col-grey-100);--col-button-secondary-border:var(--col-grey-800);--col-button-secondary-text:var(--col-black);--col-button-secondary-hover-bg:var(--col-grey-200);--col-button-secondary-active-bg:var(--col-grey-300)}@font-face{font-display:swap;font-family:Boldonse;font-style:normal;font-weight:400;src:url(../assets/fonts/boldonse-v1-latin-regular.woff2)format("woff2")}@font-face{font-display:swap;font-family:Barlow;font-style:normal;font-weight:400;src:url(../assets/fonts/barlow-v13-latin-regular.woff2)format("woff2")}@font-face{font-display:swap;font-family:Barlow;font-style:normal;font-weight:700;src:url(../assets/fonts/barlow-v13-latin-700.woff2)format("woff2")}::-moz-selection{background:var(--col-lime-500);color:var(--col-black)}::selection{background:var(--col-lime-500);color:var(--col-black)}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;background-color:var(--col-content-background-1);color:var(--col-content-element-1);line-height:1.5}.textarea-limit-width{max-width:47.5em}.section__wrapper{position:relative}.section__inner-wrapper{padding:var(--padding-l)var(--padding-m)}@media only screen and (min-width:650px){.section__inner-wrapper{padding-left:10%;padding-right:10%}}@media only screen and (min-width:1700px){.section__inner-wrapper{padding-left:inherit;padding-right:inherit;max-width:var(--max-page-width);margin:0 auto}}.menu ul{gap:var(--global-gap);font-size:var(--font-size-s);margin:0;padding:0;list-style:none;display:flex}.menu ul a{text-transform:uppercase;font-weight:var(--font-weight-bold);text-decoration:none}a.button,button{background-color:var(--col-button-primary-bg);color:var(--col-button-primary-text);border:2px solid var(--col-button-primary-border);font-size:var(--font-size-s);font-weight:var(--font-weight-bold);-webkit-box-shadow:2px 2px 0px 0px var(--col-button-primary-border);box-shadow:2px 2px 0px 0px var(--col-button-primary-border);border-radius:5px;padding:.3em .75em;text-decoration:none;transition:all .5s;display:inline-flex}a.button:hover,button:hover{background-color:var(--col-button-primary-hover-bg);color:var(--col-button-primary-text);transform:scale(1.03)}a.button:active,a.button:focus,button:active,button:focus{background-color:var(--col-button-primary-active-bg);color:var(--col-button-primary-text);transform:scale(1)}a.button--icon{align-items:center;gap:.3em}a.button--icon .icon{fill:var(--col-button-primary-text);margin-top:1px}a.button.secondary,button.secondary{background-color:var(--col-button-secondary-bg);color:var(--col-button-secondary-text);border:2px solid var(--col-button-secondary-border);-webkit-box-shadow:2px 2px 0px 0px var(--col-button-secondary-border);box-shadow:2px 2px 0px 0px var(--col-button-secondary-border)}a.button.secondary:hover,button.secondary:hover{background-color:var(--col-button-secondary-hover-bg);color:var(--col-button-secondary-text);transform:none}a.button.secondary:active,a.button.secondary:focus,button.secondary:active,button.secondary:focus{background-color:var(--col-button-secondary-active-bg);color:var(--col-button-secondary-text)}a.secondary.button--icon .icon{fill:var(--col-button-secondary-text)}.icon{fill:var(--col-content-element-1)}.buttongroup{flex-wrap:wrap;gap:.75em;display:flex}.buttongroup.vertical{flex-flow:column;gap:.6em}.panel{background-color:var(--col-panel-bg);color:var(--col-panel-element);font-size:var(--font-size-xs);border:2px solid var(--col-panel-accent);-webkit-box-shadow:6px 6px 0px 0px var(--col-panel-accent);box-shadow:6px 6px 0px 0px var(--col-panel-accent);border-radius:10px;padding:1.5em}body{font-family:var(--font-main);line-height:1.5;font-size:var(--font-size-base)}a{color:var(--col-content-element-1);font-weight:var(--font-weight-bold);transition:color .3s;position:relative}a:hover{color:var(--col-content-element-2)}@media (prefers-reduced-motion){a{transition:none!important}}p:not(:last-of-type){margin-bottom:1.5em}h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6{font-family:var(--font-headline);font-weight:var(--font-weight-default);color:var(--col-content-headline);text-transform:uppercase;margin-top:1em;margin-bottom:.5em}h1,.h1{font-size:var(--font-size-xxl)}h2,.h2{font-size:var(--font-size-xl)}h3,.h3{font-size:var(--font-size-l)}h4,.h4{font-size:var(--font-size-m)}h5,.h5{font-size:var(--font-size-sm)}h6,.h6{font-size:var(--font-size-base)}.site__main-menu{background-color:var(--col-nav-background);justify-content:space-between;align-items:center;display:flex;position:relative}.site__main-menu.menu ul{gap:var(--global-gap);padding:.4em .5em}.site__main-menu a{color:var(--col-nav-element-1);transition:color var(--transition-time)ease 0s}.site__main-menu a:hover{color:var(--col-nav-element-hover)}.main-menu__mobile-btn{cursor:pointer;background-color:var(--col-nav-background);color:var(--col-nav-element-1);font-size:var(--font-size-m);box-shadow:none;-webkit-box-shadow:none;border:none;margin-top:-.2em;padding:.3em;line-height:1}.menu ul.main-menu__pages{display:none}.main-menu__icon{display:inherit}.main-menu__icon a{align-items:center;gap:.2em;display:inline-flex}.main-menu__icon a .icon{margin-top:2px}@media only screen and (max-width:650px){.main-menu__icon a span{display:none}}.site__main-menu a:hover .icon{fill:var(--col-nav-element-hover)}.menu ul.main-menu__pages.active{width:100%;background-color:var(--col-stage-background-2);z-index:1000;padding:0;display:block;position:absolute;top:100%;left:0;box-shadow:0 4px 6px #0000001a}.menu ul.main-menu__pages.active a{font-size:var(--font-size-base);color:var(--col-stage-element-1);border-bottom:1px solid var(--col-stage-border);padding:.5em;display:block}@media only screen and (min-width:650px){.site__main-menu{justify-content:space-between;display:flex}.menu ul.main-menu--desktop{display:flex}.main-menu__mobile-btn{display:none}}.page__footer{font-size:var(--font-size-s)}.site__footer-menu ul{flex-direction:column;gap:1em}.site__footer-menu ul a{font-size:var(--font-size-xs)}@media only screen and (min-width:650px){.site__footer-menu ul{flex-direction:row}.site__footer-menu ul a{font-size:var(--font-size-xs)}}.page__dark-mode-wrapper{font-size:var(--font-size-s);flex-direction:column;gap:.5em;display:flex;position:absolute;top:5%;right:1%}.page__dark-mode-wrapper .buttonContainer{flex-direction:column;gap:.5em;display:flex;position:relative}.page__dark-mode-wrapper>span{display:inline-block;position:absolute;bottom:-55%;right:-60%;rotate:90deg}.dark-mode__button{background-color:var(--col-stage-background-2);width:1.5em;height:1.5em;border:1px solid var(--col-stage-border);color:var(--col-content-element-1);-webkit-box-shadow:none;box-shadow:none;border-radius:50%;padding:0;transition:color .3s;position:relative}.dark-mode__button:hover{cursor:pointer}.dark-mode__button--color,.dark-mode__button--color:hover{background-color:var(--col-violet-500)}.dark-mode__button--dark,.dark-mode__button--dark:hover{background-color:var(--col-black)}.dark-mode__button--light,.dark-mode__button--light:hover{background-color:var(--col-white)}.dark-mode__button:hover,.dark-mode__button.is-active{color:var(--col-content-element-1)}.dark-mode__button .tooltiptext{visibility:hidden;background-color:var(--col-stage-background-2);color:var(--col-stage-element-1);font-size:var(--font-size-xs);z-index:1;white-space:nowrap;border-radius:6px;padding:.35em .5em;position:absolute;top:-40%;right:120%}.dark-mode__button:hover .tooltiptext{visibility:visible}.section__introduction{padding-top:var(--padding-xl);padding-bottom:var(--padding-xl);grid-template-columns:1fr;grid-template-areas:"text""images";gap:3%;display:grid}@media only screen and (min-width:1000px){.section__introduction{grid-template-columns:61% 31%;grid-template-areas:"text images";gap:8%}}.introduction__images{grid-area:images;justify-content:center;margin-bottom:2em;padding-bottom:2em;display:flex}@media only screen and (min-width:1000px){.introduction__images{justify-content:flex-end;align-items:flex-start}}.introduction__images svg{width:100%;height:auto;max-width:15em}@media only screen and (max-width:1000px){.introduction__images svg{padding-left:var(--padding-l);padding-right:var(--padding-l);max-width:20em}}.pie-fill-element-1{fill:var(--col-content-element-1)}.pie-fill-accent{fill:var(--col-content-accent)}.pie-fill-accent-2{fill:var(--col-content-accent-2)}.pie-stroke{stroke:var(--col-content-stroke)}.ilovefigma{position:absolute;bottom:10px;right:30px}.ilovefigma img{width:110px;height:auto}@media only screen and (min-width:650px){.ilovefigma{bottom:100px;right:70px}.ilovefigma img{width:110px;height:auto}}@media only screen and (min-width:1000px){.ilovefigma{bottom:100px;right:70px}.ilovefigma img{width:140px;height:auto}}.ilovefigma-light{display:none}.dark .ilovefigma-light{display:block}.dark .ilovefigma-dark{display:none}.page__stage-wrapper{background-color:var(--col-stage-background-1);color:var(--col-stage-element-1);padding-top:6em;padding-left:var(--padding-m);padding-right:var(--padding-m);background-image:url(../assets/images/topo-pattern-violet.svg);background-position:50%;background-size:cover;grid-template-columns:85% 10%;grid-template-areas:"brand theme""content theme";gap:5%;display:grid;position:relative}@media only screen and (min-width:650px){.page__stage-wrapper{padding-top:6em;padding-left:10%;padding-right:10%;display:block}}.page__stage-content{grid-area:content}@media only screen and (min-width:1700px){.page__stage-content{max-width:var(--max-page-width);margin:0 auto}}html.dark .page__stage-wrapper{background-image:url(../assets/images/topo-pattern-grey-alternative.svg)}html.light .page__stage-wrapper{background-image:url(../assets/images/topo-pattern-white.svg)}.page__stage-wrapper{min-height:50vh}.stage__title{font-size:var(--font-size-m);color:var(--col-stage-element-1);margin-top:0;margin-bottom:0}@media only screen and (min-width:450px){.stage__title{font-size:var(--font-size-l)}}@media only screen and (min-width:650px){.stage__title{font-size:var(--font-size-xxl)}}@media only screen and (min-width:1000px){.stage__title{font-size:var(--font-size-3xl)}}.stage__subtitle{color:var(--col-stage-element-1);line-height:1.3;font-size:var(--font-size-sm);font-weight:var(--font-weight-default);font-family:var(--font-main);text-transform:none;margin-top:0;margin-bottom:2em}@media only screen and (min-width:650px){.stage__subtitle{font-size:var(--font-size-m)}}.page__branding-wrapper{grid-area:branding;position:absolute;top:5%;left:2.5%}@media only screen and (min-width:650px){.page__branding-wrapper{position:absolute;left:1%}}.page__branding-inner-wrapper .branding__link{align-items:center;gap:var(--global-gap);flex-direction:row;display:flex;position:relative}@media only screen and (min-width:650px){.page__branding-inner-wrapper .branding__link{flex-direction:column}}.page__branding-inner-wrapper span{display:block}@media only screen and (min-width:650px){.page__branding-inner-wrapper span{white-space:nowrap;display:inline-block;position:absolute;top:200%;left:-3.5em;rotate:270deg}}.branding__logo-color{fill:var(--col-stage-element-1);transition:fill var(--transition-time)ease 0s}.branding__link span{transition:color var(--transition-time)ease 0s}.branding__link,.page__dark-mode-wrapper span{color:var(--col-stage-element-1);text-transform:uppercase;font-weight:var(--font-weight-default);font-size:var(--font-size-s);text-decoration:none}.branding__link:hover span{color:var(--col-stage-hover)}.branding__link:hover .branding__logo-color{fill:var(--col-stage-hover)}.branding__logo{max-width:max(2.5rem,min(2.045rem + 2.27vw,3.75rem));height:auto;opacity:1}.branding__logo svg{width:100%;height:auto}.stage__arrow-link{position:absolute;bottom:3%;left:2.5%}@media only screen and (min-width:650px){.stage__arrow-link{position:absolute;bottom:3%;left:1%}}.icon__fill-element{max-width:max(1rem,min(.886rem + .57vw,1.313rem));fill:var(--col-stage-element-1);transition:fill var(--transition-time)ease 0s}.stage__arrow-link:hover .icon__fill-element{fill:var(--col-stage-hover)}.section__chapter-indicator{display:none}@media only screen and (min-width:650px){.section__chapter-indicator{color:var(--col-content-element-1);text-transform:uppercase;font-weight:var(--font-weight-default);font-size:var(--font-size-s);width:150px;height:30px;text-align:right;white-space:nowrap;text-decoration:none;display:inline-block;position:relative;top:6em;left:-3.5rem;rotate:270deg}}.page__stage-wrapper--landing{padding-bottom:4em}@media only screen and (min-width:650px){.page__stage-wrapper--landing{padding-bottom:3em}}.page__stage-wrapper--landing .stage__title{font-size:var(--font-size-m);margin-bottom:1.5em}@media only screen and (min-width:450px){.page__stage-wrapper--landing .stage__title{font-size:var(--font-size-l)}}@media only screen and (min-width:650px){.page__stage-wrapper--landing .stage__title{font-size:var(--font-size-xxl)}}@media only screen and (min-width:1000px){.page__stage-wrapper--landing .stage__title{font-size:var(--font-size-xxl)}}.page__stage-content--landing{grid-template-columns:1fr;gap:2%;display:grid}@media only screen and (min-width:1000px){.page__stage-content--landing{grid-template-columns:70% 25%;gap:5%}}.stage__aside-wrapper{grid-template-columns:1fr;display:grid}@media only screen and (min-width:650px){.stage__aside-wrapper{grid-template-columns:1fr 1fr}}@media only screen and (min-width:1000px){.stage__aside-wrapper{grid-template-columns:1fr}}.stage__portrait{width:100%;height:auto;border:6px solid var(--col-stage-border);max-width:350px;border-radius:50%;margin:0 auto 2em}@media only screen and (min-width:1000px){.stage__portrait{margin:0 auto 2em}}.stage__panel{max-width:240px;place-self:center;margin-top:2em;margin-bottom:4em}@media only screen and (min-width:650px){.stage__panel{justify-self:end;margin-top:0;margin-bottom:0}}@media only screen and (min-width:1000px){.stage__panel{align-self:end;margin-top:2em}}.stage__panel .button{font-size:var(--font-size-xs);font-weight:var(--font-weight-regular);justify-content:space-between}.stage__panel-headline{margin-top:0}.stage__panel-buttongroup{margin-top:1.5em}html.color .stage__portrait--dark,html.light .stage__portrait--color,html.dark .stage__portrait--color{display:none}html.light .stage__portrait--dark,html.dark .stage__portrait--dark{display:block}