.xp-canvas{z-index:0;pointer-events:none;width:100vw;height:100vh;position:fixed;inset:0}html:not([data-xp=live]) .xp-canvas{display:none}.xp{clip-path:inset(0);position:relative}.xp-sec{z-index:1;position:relative}.xp-sticky{position:relative}html:is([data-xp=live],[data-xp=pending]) .xp-sticky{height:100svh;position:sticky;top:0;overflow:hidden}html:is([data-xp=live],[data-xp=pending]) .xp-genesis{height:200vh}html:is([data-xp=live],[data-xp=pending]) .xp-tools{height:320vh}html:is([data-xp=live],[data-xp=pending]) .xp-fold{height:180vh}html:is([data-xp=live],[data-xp=pending]) .xp-werkschau{height:900vh}html:is([data-xp=live],[data-xp=pending]) .xp-zahlen{height:360vh}html:is([data-xp=live],[data-xp=pending]) .xp-weg{height:560vh}html:is([data-xp=live],[data-xp=pending]) .xp-finale{height:170vh}html:not([data-xp=live],[data-xp=pending]) .xp-sticky{padding-block:calc(var(--header-h) + 64px) 96px}.xp-bg{object-fit:cover;pointer-events:none;z-index:-1;width:100%;height:100%;position:absolute;inset:0}html:not([data-xp=live]) .xp-bg{display:none}.xp-bg--dust{opacity:.55;mix-blend-mode:screen}.xp-bg--fold{opacity:.95}.xp-wall{overflow:hidden;-webkit-mask-image:radial-gradient(90% 80%,#000 30%,#0000 85%);mask-image:radial-gradient(90% 80%,#000 30%,#0000 85%)}.xp-wall__grid{width:150%;transform:rotate(-12deg) translateY(calc(var(--wp,0) * -22%));opacity:.2;filter:grayscale(.5)sepia(.35)brightness(.8)blur(1.5px);grid-template-columns:repeat(7,minmax(0,1fr));gap:18px;display:grid;position:absolute;top:-40%;left:-20%}.xp-wall__tile{aspect-ratio:16/10;background:top/cover no-repeat;border-radius:6px;box-shadow:0 0 0 1px #d6b03a40}.xp-bg--rings{opacity:calc(.35 - var(--p,0) * .2);transform:scale(calc(1 + var(--p,0) * .8));background:url(/media/atmo/xp-rings.jpg) 50%/cover no-repeat}.xp-bg--molten{opacity:.9;-webkit-mask-image:linear-gradient(#0000 20%,#000 60%);mask-image:linear-gradient(#0000 20%,#000 60%)}.xp-mega{font-family:var(--font-display), system-ui, sans-serif;letter-spacing:-.04em;color:var(--bone-100);font-variation-settings:"opsz" 96;text-wrap:balance;font-size:clamp(3.5rem,12vw,13rem);font-weight:600;line-height:.86}.xp-mega__line{display:block}.xp-hint{font-size:var(--fs-label);letter-spacing:.14em;text-transform:uppercase;color:var(--bone-500);white-space:nowrap;transition:opacity .4s;position:absolute;bottom:28px;left:50%;transform:translate(-50%)}html:not([data-xp=live]) .xp-hint{display:none}.xp-genesis__inner{align-content:end;height:100%;padding-bottom:12vh;display:grid;position:relative}.xp-genesis__title,.xp-genesis__copy{transition:transform 1.2s var(--ease-out), opacity .8s;position:relative}.xp-genesis__lead{max-width:40ch}.xp-genesis__lines{top:calc(var(--header-h) + 8vh);right:var(--page-x);text-align:right;font-family:var(--font-display), sans-serif;letter-spacing:-.02em;color:var(--bone-100);gap:4px;font-size:clamp(1.5rem,3.2vw,3rem);font-weight:500;display:grid;position:absolute}html[data-xp=live] .xp-genesis__lines li{opacity:0;transition:opacity .6s var(--ease-out), transform .9s var(--ease-out);transform:translateY(24px)}html[data-xp=live] .xp-genesis[data-step="1"] .xp-genesis__lines li[data-i="0"],html[data-xp=live] .xp-genesis[data-step="2"] .xp-genesis__lines li:is([data-i="0"],[data-i="1"]),html[data-xp=live] .xp-genesis[data-step="3"] .xp-genesis__lines li{opacity:1;transform:none}.xp-genesis__lines li[data-i="2"]{color:var(--brass-500)}html[data-xp=live] .xp-genesis[data-step="3"] :is(.xp-genesis__title,.xp-genesis__copy){opacity:.2;transform:translateY(-2vh)}html[data-xp=live] .xp-genesis:not([data-step="0"]) .xp-hint{opacity:0}@media (max-width:767px){.xp-genesis__lines{left:var(--page-x);text-align:left}}.xp-tools{--p:0;--m:0;--in:0}.xp-tools__ring{perspective:1600px;width:0;height:0;transform-style:preserve-3d;position:absolute;top:50%;left:70%}html:not([data-xp=live]) .xp-tools__ring{display:none}.xp-tool{--r:calc(min(34vw, 460px) * (1 - var(--m)) + 1px);--a:calc(var(--i) * 36deg + var(--p) * -320deg);width:220px;height:128px;transform:rotateX(-14deg) rotateY(var(--a)) translateZ(var(--r)) scale(calc(1 - var(--m) * .85));opacity:calc(var(--in) * (1 - var(--m) * var(--m)));backface-visibility:hidden;will-change:transform, opacity;background:linear-gradient(160deg,#1c1a16db,#0c0c0beb);border:1px solid #d6b03a59;border-radius:6px;align-content:space-between;padding:16px 18px;display:grid;position:absolute;top:-64px;left:-110px;box-shadow:0 0 0 1px #0006,0 30px 60px -20px #000c,inset 0 1px #fff0c814}.xp-tool__n{font-size:var(--fs-label);color:var(--brass-500)}.xp-tool__name{font-family:var(--font-display), sans-serif;letter-spacing:-.02em;color:var(--bone-100);font-size:1.375rem;font-weight:600}.xp-tool__bar{background:var(--ink-700);border-radius:2px;width:70%;height:4px;display:block}.xp-tool__bar--s{width:40%;margin-top:-14px}.xp-tools__copy{align-content:center;gap:24px;height:100%;display:grid;position:relative}.xp-tools__title{max-width:11ch;transition:opacity .6s, transform .9s var(--ease-out)}.xp-tools__after{max-width:13ch;color:var(--brass-500);font-size:clamp(2.25rem,5vw,4.75rem);line-height:.95}html[data-xp=live] .xp-tools__after{left:var(--page-x);opacity:0;transition:opacity .9s var(--ease-out), transform 1.1s var(--ease-out);position:absolute;top:50%;transform:translateY(-50%)}html[data-xp=live] .xp-tools[data-merged="1"] .xp-tools__after{opacity:1;transform:translateY(-50%)translateY(-8px)}html[data-xp=live] .xp-tools[data-merged="1"] .xp-tools__title{opacity:0;transform:translateY(-24px)}@media (max-width:899px){.xp-tools__ring{top:62%;left:50%}.xp-tool{--r:calc(40vw * (1 - var(--m)) + 1px);width:160px;height:92px;padding:10px 12px;top:-46px;left:-80px}.xp-tool__name{font-size:1rem}.xp-tools__copy{padding-top:calc(var(--header-h) + 32px);align-content:start}html[data-xp=live] .xp-tools__after{top:calc(var(--header-h) + 32px);transform:none}}.xp-fold__inner{align-content:end;height:100%;padding-bottom:10vh;display:grid}.xp-fold__title{font-size:clamp(2.75rem,8vw,8rem)}html[data-xp=live] .xp-fold__title .xp-mega__line{opacity:calc((var(--p,0) - .12) * 5);transform:translateY(calc((1 - min(1, var(--p,0) * 3)) * 40px))}html[data-xp=live] .xp-fold__title .xp-mega__line:nth-child(2){opacity:calc((var(--p,0) - .3) * 5)}.xp-fold__title .xp-mega__line:last-child{color:var(--brass-500)}html[data-xp=live] .xp-fold__title .xp-mega__line:last-child{opacity:calc((var(--p,0) - .48) * 5);color:var(--brass-500)}.xp-werkschau__head{padding-top:calc(var(--header-h) + 40px);gap:16px;display:grid}html[data-xp=live] .xp-werkschau__head{position:absolute;inset:0 0 auto}.xp-work{gap:48px;display:grid}html[data-xp=live] .xp-work{left:var(--page-x);right:var(--page-x);display:block;position:absolute;bottom:9vh}.xp-work__item{justify-items:start;gap:10px;max-width:520px;display:grid}html:not([data-xp=live]) .xp-work{padding-inline:var(--page-x);margin-top:48px}html[data-xp=live] .xp-work__item{opacity:0;pointer-events:none;transition:opacity .4s var(--ease-out), transform .7s var(--ease-out);position:absolute;bottom:0;left:0;transform:translateY(20px)}html[data-xp=live] :is([data-active="0"] [data-i="0"],[data-active="1"] [data-i="1"],[data-active="2"] [data-i="2"],[data-active="3"] [data-i="3"],[data-active="4"] [data-i="4"],[data-active="5"] [data-i="5"],[data-active="6"] [data-i="6"],[data-active="7"] [data-i="7"],[data-active="8"] [data-i="8"],[data-active="9"] [data-i="9"],[data-active="10"] [data-i="10"],[data-active="11"] [data-i="11"],[data-active="12"] [data-i="12"],[data-active="13"] [data-i="13"]).xp-work__item{opacity:1;pointer-events:auto;transform:none}.xp-work__n{font-size:var(--fs-label);color:var(--bone-500);letter-spacing:.12em}.xp-work__fig{color:var(--bone-300);align-items:baseline;gap:12px;display:flex}.xp-work__rail{left:var(--page-x);right:var(--page-x);background:var(--ink-700);height:1px;position:absolute;bottom:4vh}.xp-work__rail span{background:var(--brass-500);transform-origin:0;height:100%;transform:scaleX(var(--p,0));display:block}html:not([data-xp=live]) .xp-work__rail{display:none}.xp-zahlen__inner{height:100%;padding-block:calc(var(--header-h) + 40px) 10vh;align-content:space-between;display:grid}.xp-zahlen__list{gap:32px;display:grid}html[data-xp=live] .xp-zahlen__list{text-align:center;height:4em;display:block;position:relative}.xp-num{gap:6px;display:grid}.xp-num__value{font-family:var(--font-display), sans-serif;color:var(--brass-500);letter-spacing:-.04em;font-size:clamp(4rem,14vw,12rem);line-height:.9}.xp-num__label{font-family:var(--font-display), sans-serif;color:var(--bone-100);letter-spacing:-.02em;font-size:clamp(1.5rem,3vw,2.5rem)}html[data-xp=live] .xp-num{opacity:0;transition:opacity .5s var(--ease-out), transform .8s var(--ease-out);position:absolute;inset:0;transform:translateY(16px)}html[data-xp=live] .xp-num__value{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}html[data-xp=live] :is([data-step="0"] [data-i="0"],[data-step="1"] [data-i="1"],[data-step="2"] [data-i="2"]).xp-num{opacity:1;transform:none}.xp-weg__inner{height:100%;padding-top:calc(var(--header-h) + 40px);align-content:start;gap:16px;display:grid;position:relative}.xp-weg__title{max-width:12ch}.xp-steps{gap:56px;margin-top:40px;display:grid}html[data-xp=live] .xp-steps{left:var(--page-x);right:var(--page-x);margin:0;position:absolute;bottom:12vh}.xp-step{gap:12px;max-width:640px;display:grid}html[data-xp=live] .xp-step{opacity:0;filter:blur(6px);transition:opacity .6s var(--ease-out), transform .9s var(--ease-out), filter .7s var(--ease-out);position:absolute;bottom:0;left:0;transform:translateY(30px)scale(.98)}html[data-xp=live] :is([data-step="0"] [data-i="0"],[data-step="1"] [data-i="1"],[data-step="2"] [data-i="2"],[data-step="3"] [data-i="3"],[data-step="4"] [data-i="4"]).xp-step{opacity:1;filter:none;transform:none}.xp-step__n{font-family:var(--font-display), sans-serif;color:var(--brass-500);letter-spacing:-.04em;font-size:clamp(4rem,10vw,9rem);line-height:.8}.xp-step__time{color:var(--brass-400)}.xp-step__text{max-width:46ch}.xp-finale__inner{height:100%;padding-top:calc(var(--header-h) + 10vh);align-content:start;justify-items:start;gap:28px;display:grid}.xp-finale__title{max-width:11ch;font-size:clamp(3rem,9vw,9.5rem)}.xp-finale__cta{min-height:60px;padding-inline:32px;font-size:1.0625rem}@media (max-width:767px){.xp-mega{font-size:clamp(3rem,16vw,5rem)}}.xp-weg .xp-sticky:after,.xp-finale .xp-sticky:after{content:"";z-index:-1;pointer-events:none;position:absolute;inset:0}.xp-weg .xp-sticky:after{background:linear-gradient(90deg,#0b0b0bd1 0%,#0b0b0b80 38%,#0000 62%)}.xp-finale .xp-sticky:after{background:radial-gradient(90% 70% at 10% 20%,#0b0b0bcc,#0000 70%)}.xp-fold__inner{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-content:center;align-items:center;gap:32px;padding-bottom:0}.xp-fold__mark{aspect-ratio:4/5;max-height:62vh;animation:fold-float 7s var(--ease-inout) infinite;justify-self:center;position:relative;overflow:hidden;-webkit-mask-image:radial-gradient(60% 60%,#000 55%,#0000 100%);mask-image:radial-gradient(60% 60%,#000 55%,#0000 100%)}.xp-fold__mark img{object-fit:cover;width:100%;height:100%;transform:scale(calc(1.05 + var(--p,0) * .08))}.xp-fold__sweep{mix-blend-mode:screen;transform:translateX(calc(-60% + var(--p,0) * 120%));background:linear-gradient(105deg,#0000 40%,#fff4d62e 50%,#0000 60%);position:absolute;inset:-20%}html[data-xp=live] .xp-fold__mark{opacity:calc((var(--p,0) - .05) * 5)}@keyframes fold-float{50%{translate:0 -12px;rotate:1.5deg}}html[data-motion=reduced] .xp-fold__mark{animation:none}@media (max-width:899px){.xp-fold__inner{grid-template-columns:minmax(0,1fr)}.xp-fold__mark{grid-row:1;max-height:38vh}}html[data-xp=live] .xp-sec{z-index:auto}.xp-sticky>*{z-index:1}.xp-sticky>.wrap{position:relative}.xp-sticky>.xp-bg{z-index:-1}.xp-tools__copy{grid-template-rows:auto auto;row-gap:32px}html[data-xp=live] .xp-tools__title,html[data-xp=live] .xp-tools__after{grid-area:2/1;align-self:start}html[data-xp=live] .xp-tools__after{position:static;transform:translateY(24px)}html[data-xp=live] .xp-tools[data-merged="1"] .xp-tools__after{transform:none}@media (max-width:899px){html[data-xp=live] .xp-tools__after{top:auto}}.xp-finale__inner{padding-top:var(--header-h);grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-content:center;align-items:center;gap:32px}.xp-finale__copy{justify-items:start;gap:28px;display:grid}html[data-xp=live] .xp-finale .xp-fold__mark{opacity:calc(var(--p,0) * 4)}@media (max-width:899px){.xp-finale__inner{grid-template-columns:minmax(0,1fr)}}@media (max-width:767px){.xp-hint{white-space:normal;text-align:center;width:calc(100% - 40px)}}.xp-genesis .xp-genesis__stage{right:var(--page-x);pointer-events:none;width:min(34vw,520px);position:absolute;top:50%;transform:translateY(-50%)}.xp-genesis__title,.xp-genesis__copy{max-width:min(64vw,900px)}@media (max-width:899px){.xp-genesis .xp-genesis__stage{top:calc(var(--header-h) + 12px);left:var(--page-x);width:auto;height:30svh;transform:none}.xp-genesis__title,.xp-genesis__copy{max-width:none}}.xp-wall--back{z-index:-1;pointer-events:none;opacity:calc(var(--wall,0) * .55);position:fixed;inset:0}html:not([data-xp=live]) .xp-wall--back{display:none}.xp{isolation:isolate}
