.proto-studio{--pst-ease:cubic-bezier(.16, 1, .3, 1)}.pstudio-choreo{--pst-dunkel:#313c2a;--pst-mid:#3a4632;--pst-olive:#48553c;--pst-licht:#cdc3a3;--pst-schrift:#f2eee2;--pst-leise:#e6e9dc;--pst-buehne:86svh;--box:78vw;--grad:calc(var(--box) / 7 * .98);--weg:calc((100vw - var(--box)) / 2 - 2vw - 8px);--hoch:calc(var(--grad) * 1.75);--pst-kopf:4.75rem;background:var(--pst-dunkel);color:var(--pst-schrift);padding:3rem 0 3.5rem;position:relative}@media (width>=40rem){.pstudio-choreo{--box:min(66vw, 30rem);--weg:calc((100vw - var(--box)) / 2 - 3vw - 8px);--hoch:calc(var(--grad) * 1.5)}}@media (width>=64rem){.pstudio-choreo{--box:min(52vw, 60rem);--hoch:0px;--pst-buehne:82svh;padding:4rem 0 5rem}}.pstudio-buehne{isolation:isolate;background-image: linear-gradient(to top, var(--pst-dunkel) 0%, transparent 13%), radial-gradient(78% 96% at 20% 26%, color-mix(in oklab, var(--pst-olive) 82%, transparent) 0%, transparent 64%), radial-gradient(72% 88% at 82% 70%, color-mix(in oklab, var(--pst-mid) 92%, transparent) 0%, transparent 62%), radial-gradient(44% 56% at 63% 30%, color-mix(in oklab, var(--pst-licht) 20%, transparent) 0%, transparent 60%);background-color:var(--pst-dunkel);position:relative}.pstudio-shader{z-index:0;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.pstudio-shader.ist-aus{display:none}.pstudio-buehne-inhalt{z-index:1;position:relative}.pstudio-marke{border-bottom:1px solid color-mix(in oklab, var(--pst-schrift) 20%, transparent);justify-content:space-between;align-items:baseline;gap:1.5rem;padding-bottom:1rem;display:flex}.proto-studio .pstudio-marke .etikett{color:var(--pst-leise)}.pstudio-stapel{gap:clamp(2.2rem,6vw,4rem);margin-top:clamp(3rem,9vh,6rem);display:grid}.pstudio-wort{width:var(--box);font-family:var(--font-display);font-weight:700;font-size:var(--grad);font-variation-settings:var(--fr-anzeige);letter-spacing:0;grid-template-columns:repeat(7,minmax(0,1fr));margin-inline:auto;line-height:.86;display:grid}.pstudio-buchstabe{text-align:center;display:block}.pstudio-quelle .pstudio-buchstabe{color:#0000;-webkit-text-stroke:max(1px, .014em) color-mix(in oklab, var(--pst-schrift) 70%, transparent)}.pstudio-ziel .pstudio-buchstabe{color:var(--pst-schrift)}.pstudio-unter,.pstudio-schluss{width:var(--box);margin-inline:auto;font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:var(--pst-leise);margin-top:clamp(.7rem,1.4vw,1.2rem);font-size:clamp(.78rem,1.2vw,1rem);font-weight:600}.pstudio-unter--forma{padding-inline-start:calc(var(--box) / 7 * 2)}.pstudio-schluss{color:var(--pst-schrift);letter-spacing:.1em}@media (prefers-reduced-motion:no-preference){html.js .pstudio-choreo{height:118svh;padding:0}@media (width>=64rem){html.js .pstudio-choreo{height:126svh}}html.js .pstudio-buehne{top:var(--pst-kopf);height:calc(var(--pst-buehne) - var(--pst-kopf));position:sticky}html.js .pstudio-buehne-inhalt{grid-template-rows:auto minmax(0,1fr);height:100%;padding-block:clamp(1.2rem,3.5vh,2.4rem);display:grid}html.js .pstudio-stapel{align-self:center;margin-top:0;margin-bottom:clamp(2rem,9vh,6rem);display:block;position:relative}html.js .pstudio-ziel{z-index:2;position:relative}html.js .pstudio-quelle{width:var(--box);z-index:1;will-change:transform;margin-inline-start:calc(var(--box) / -2);position:absolute;top:0;left:50%}html.js .pstudio-quelle--nitor{transform:translate3d(calc(var(--weg) * (var(--k,0) - 1)), calc(var(--hoch) * (var(--k,0) - 1)), 0)}html.js .pstudio-quelle--forma{transform:translate3d(calc(var(--weg) * (1 - var(--k,0))), calc(var(--hoch) * (1 - var(--k,0))), 0)}html.js .pstudio-ziel .pstudio-wort{clip-path:polygon(0% -30%, calc(var(--v,0) * 100%) -30%, calc(var(--v,0) * 100%) 130%, 0% 130%)}html.js .pstudio-quelle .pstudio-wort{clip-path:polygon(calc(var(--v,0) * 100%) -30%, 100% -30%, 100% 130%, calc(var(--v,0) * 100%) 130%)}html.js .pstudio-quelle--forma .pstudio-buchstabe:first-child{opacity:clamp(0, calc((1 - var(--k,0)) / .38), 1)}html.js .pstudio-unter{opacity:var(--u,1)}html.js .pstudio-schluss{padding-bottom:.12em;overflow:hidden}html.js .pstudio-schluss-text{transform:translateY(calc((1 - var(--f,1)) * 115%));display:block}}.pstudio-name{padding:clamp(3.5rem,9vw,6.5rem) 0 clamp(1.5rem,2.6vw,2.4rem)}.pstudio-name-raster{gap:clamp(1.6rem,3vw,2.4rem);display:grid}@media (width>=64rem){.pstudio-name-raster{grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;column-gap:2.5rem}}.pstudio-name-titel{max-width:14ch;font-size:clamp(2.5rem,5.4vw,4.6rem)}@media (width>=64rem){.pstudio-name-titel{grid-column:1/span 5;max-width:none}}.pstudio-name-text{max-width:54ch;color:color-mix(in oklab, var(--color-ink) 82%, transparent);font-size:1.15rem;line-height:1.62}@media (width>=64rem){.pstudio-name-text{grid-column:7/span 5;max-width:none;margin-top:clamp(1.8rem,3.9vw,3.6rem);font-size:1.18rem}}.pstudio-material{padding:0 0 clamp(3.5rem,8vw,6rem)}.pstudio-bild{--auf:1;background:var(--color-salbei);aspect-ratio:4/3;margin:0;position:relative;overflow:hidden}@media (width>=48rem){.pstudio-bild{aspect-ratio:3/2}}@media (width>=64rem){.pstudio-bild{aspect-ratio:2.15;width:90%;max-width:84rem;max-height:600px;margin-inline-start:auto}}.pstudio-bild-lage{object-fit:cover;object-position:var(--bildpunkt,50% 50%);width:100%;height:100%;display:block}@media (width>=64rem){.pstudio-bild-lage{object-position:50% 50%}}@media (prefers-reduced-motion:no-preference){html.js .pstudio-bild{--auf:0;clip-path:inset(calc((1 - var(--auf)) * 38%) 0 calc((1 - var(--auf)) * 38%) 0)}html.js .pstudio-bild-lage{transform:scale(calc(1 + (1 - var(--auf)) * .015));will-change:transform}}.pstudio-ordnung{padding:clamp(3.5rem,9vw,6rem) 0}@media (width>=64rem){.pstudio-ordnung{align-content:center;min-height:88svh;padding:clamp(4rem,7vw,6.5rem) 0;display:grid}}.pstudio-ordnung-raster{gap:clamp(2.5rem,6vw,4rem);display:grid}@media (width>=64rem){.pstudio-ordnung-raster{grid-template-columns:repeat(12,minmax(0,1fr));align-items:center;column-gap:3rem}.pstudio-ordnung-text{grid-column:1/span 5}.pstudio-ordnung-block{grid-column:6/span 7}}.pstudio-ordnung-titel{max-width:15ch;font-size:clamp(2rem,5vw,3.4rem)}@media (width>=64rem){.pstudio-ordnung-titel{max-width:none}}.pstudio-ordnung-absatz{max-width:46ch;color:color-mix(in oklab, var(--color-ink) 84%, transparent);margin-top:clamp(1.4rem,2.6vw,2rem);font-size:1.05rem;line-height:1.68}.pstudio-worte{list-style:none}.pstudio-wortzeile{width:fit-content;max-width:100%;font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--color-ink);padding:.38em 0;font-size:clamp(1.2rem,4.2vw,2.3rem);font-weight:600;line-height:1.1}.pstudio-ergebnis{margin-top:clamp(1.4rem,2.6vw,2.2rem);padding-top:clamp(1.1rem,2vw,1.7rem);position:relative}.pstudio-ergebnis:before{content:"";background:var(--color-matcha);width:100%;height:2px;transform:scaleX(var(--l,1));transform-origin:0;position:absolute;top:0;left:0}.pstudio-ergebnis-text{font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;color:var(--color-ink);font-size:clamp(1.5rem,6vw,2.9rem);font-weight:600;line-height:1.1;display:block}@media (prefers-reduced-motion:no-preference){html.js .pstudio-wortzeile{color:var(--color-leise);transform:translate3d(calc(var(--dx,0px) * (1 - var(--q,0))), calc(var(--dy,0%) * (1 - var(--q,0))), 0);transition:color .62s var(--pst-ease) calc(var(--i) * 90ms)}html.js .ist-geordnet .pstudio-wortzeile{color:var(--color-ink)}html.js .pstudio-wortzeile:nth-child(2),html.js .pstudio-wortzeile:nth-child(4){--dx:4.5em}@media (width>=64rem){html.js .pstudio-wortzeile:first-child{--dx:0em;--dy:0%}html.js .pstudio-wortzeile:nth-child(2){--dx:0em;--dy:100%}html.js .pstudio-wortzeile:nth-child(3){--dx:4.4em;--dy:-100%}html.js .pstudio-wortzeile:nth-child(4){--dx:8.8em;--dy:-300%}}html.js .pstudio-ergebnis{overflow:hidden}html.js .pstudio-ergebnis-text{transform:translateY(calc((1 - var(--e,1)) * 115%))}}@media (hover:hover) and (width>=64rem){.proto-studio .fach:after{content:"";inset-inline:0;background:var(--color-matcha);transform-origin:0;height:1px;transition:transform .52s var(--pst-ease);position:absolute;top:-1px;transform:scaleX(0)}.proto-studio .fach:hover:after{transform:scaleX(1)}.proto-studio .fach-num{transition:color .36s var(--pst-ease)}.proto-studio .fach:hover .fach-num{color:var(--color-matcha-tief)}}