:root{--putz:#e8e5df;--tinte:#12060d;--schluessel:#faebec;--putz-textur:url(/portfolio/bild/putz-640.webp);--putz-leise:#8d8a85;--tinte-leise:#7d747a;--rand:clamp(20px,4.5vw,76px);--spalte:min(92vw,1560px)}*,:after,:before{box-sizing:border-box}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{margin:0;background:var(--putz);color:var(--tinte);overflow-x:hidden}.portfolio{font-family:var(--schrift-grotesk),"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:300;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img,video{display:block;max-width:100%;height:auto}picture{display:contents}picture>source{display:none}::selection{background:var(--tinte);color:var(--putz)}:focus-visible{outline:2px solid currentColor;outline-offset:4px}.horizont{position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(to bottom,transparent 0 50svh,var(--tinte) 50svh 100%)}[data-polaritaet=gedreht] .horizont{background:linear-gradient(to bottom,var(--tinte) 0 50svh,transparent 50svh 100%)}.horizont:after{content:"";position:absolute;inset:0;background-image:var(--putz-textur);background-size:340px 310px;opacity:.5;mix-blend-mode:overlay}.buehne{position:relative}.wendet{color:var(--schluessel);mix-blend-mode:difference}.hell{color:#f2efe9}.dunkel{color:var(--tinte)}blockquote,figure,h1,h2,h3,h4,p{margin:0}.titel{font-weight:700;font-size:clamp(2.6rem,9vw,8.5rem);letter-spacing:-.05em;line-height:.88;text-transform:uppercase;text-wrap:balance}.titel--schmal{font-weight:200;letter-spacing:-.035em}.titel--kursiv{font-style:italic;font-weight:300}.ueberschrift{font-weight:400;font-size:clamp(1.05rem,2.4vw,1.9rem);letter-spacing:-.02em;line-height:1.1;text-transform:uppercase}.satz{font-weight:300;font-size:clamp(.95rem,1.35vw,1.3rem);line-height:1.5;letter-spacing:-.015em;max-width:42ch}.satz--weit{max-width:62ch}.marke{font-weight:500;font-size:clamp(.62rem,.82vw,.76rem);letter-spacing:.2em}.marke,.notiz{text-transform:uppercase}.notiz{font-weight:400;font-size:.68rem;letter-spacing:.16em}.tritt-auf{transform:translateY(18px);transition:transform .9s cubic-bezier(.16,.84,.28,1)}.tritt-auf:not(.wendet){opacity:0;transition:transform .9s cubic-bezier(.16,.84,.28,1),opacity .7s ease}.tritt-auf.ist-da{transform:none;opacity:1}.tritt-auf[data-verzug="1"]{transition-delay:90ms}.tritt-auf[data-verzug="2"]{transition-delay:.18s}.tritt-auf[data-verzug="3"]{transition-delay:.27s}.tritt-auf[data-verzug="4"]{transition-delay:.36s}@media (prefers-reduced-motion:reduce){.tritt-auf,.tritt-auf:not(.wendet){transform:none;opacity:1;transition:none}}.teil{position:relative;padding-inline:var(--rand)}.teil--voll{min-height:100svh;display:flex;flex-direction:column;justify-content:center}.vollbild{position:relative;min-height:100svh;padding-inline:0;overflow:hidden;background:var(--tinte)}.vollbild>picture>img,.vollbild>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.vollbild>.aufschrift:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,rgb(8 4 6/.4) 0,rgb(8 4 6/.06) 22%,rgb(8 4 6/0) 46%,rgb(8 4 6/.2) 68%,rgb(8 4 6/.66))}.vollbild>.aufschrift{position:relative;z-index:2;min-height:100svh;display:flex;flex-direction:column;justify-content:flex-end;padding:var(--rand);gap:12px}.deckblatt .aufschrift{justify-content:space-between;align-items:stretch}.deckblatt-fuss,.deckblatt-kopf{display:flex;justify-content:flex-end}.deckblatt-fuss{align-items:flex-end}.deckblatt .wortmarke{font-weight:400;font-size:clamp(1.15rem,2.2vw,1.85rem);letter-spacing:-.02em}.hinabweis{position:absolute;left:var(--rand);bottom:calc(var(--rand) + 2px);z-index:3;display:flex;align-items:center;gap:10px}.hinabweis-strich{display:block;width:46px;height:1px;background:currentColor;transform-origin:left;animation:streckt 2.4s ease-in-out infinite}@keyframes streckt{0%,to{transform:scaleX(.35);opacity:.5}50%{transform:scaleX(1);opacity:1}}@media (prefers-reduced-motion:reduce){.hinabweis-strich{animation:none;transform:none}}.raum{padding-block:clamp(70px,12vh,150px)}.raum-wand{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(18px,3.5vw,54px) clamp(12px,2.5vw,40px);max-width:var(--spalte);margin-inline:auto;padding-block:clamp(30px,6vh,70px)}.polaroid{position:relative;display:block;background:#fbfaf7;padding:9px 9px 42px;box-shadow:0 14px 34px rgb(18 6 13/.22),0 2px 6px rgb(18 6 13/.14);color:#12060d;text-decoration:none;transition:transform .42s cubic-bezier(.2,.8,.3,1),box-shadow .42s ease;transform:rotate(var(--neigung,0deg))}.polaroid:first-child{--neigung:-3.4deg;margin-top:8%}.polaroid:nth-child(2){--neigung:4.1deg;margin-top:22%}.polaroid:nth-child(3){--neigung:-1.8deg;margin-top:4%}.polaroid:nth-child(4){--neigung:3.2deg;margin-top:15%}.polaroid:nth-child(5){--neigung:2.6deg;margin-top:2%}.polaroid:nth-child(6){--neigung:-4.2deg;margin-top:18%}.polaroid:nth-child(7){--neigung:1.4deg;margin-top:6%}.polaroid:focus-visible,.polaroid:hover{transform:rotate(calc(var(--neigung, 0deg) * .4)) translateY(-10px) scale(1.035);box-shadow:0 26px 54px rgb(18 6 13/.3),0 3px 8px rgb(18 6 13/.16)}.polaroid img{width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;background:#ded9d2}.polaroid-schild{position:absolute;left:11px;bottom:9px;line-height:1.05}.polaroid-schild .was{font-size:clamp(.8rem,1.1vw,1rem);font-weight:300;letter-spacing:-.01em}.polaroid-schild .wo{font-size:clamp(.9rem,1.25vw,1.15rem);font-weight:700;letter-spacing:-.02em}.polaroid:before{content:"";position:absolute;top:-13px;left:50%;width:62px;height:26px;translate:-50% 0;rotate:var(--band,-2deg);background:rgb(228 222 208/.82);box-shadow:0 1px 2px rgb(18 6 13/.16)}.polaroid:nth-child(2n):before{--band:5deg}.polaroid:nth-child(3n):before{--band:-6deg}@media (max-width:900px){.raum-wand{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:520px){.raum-wand{grid-template-columns:1fr}.polaroid{margin-top:0!important}}.ueber-satz{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(28px,5vw,90px);align-items:center;max-width:var(--spalte);margin-inline:auto;min-height:100svh;padding-block:clamp(60px,10vh,130px)}.ueber-bild{position:relative}.ueber-bild img{width:100%}.ueber-zeilen{display:flex;flex-direction:column}.ueber-zeilen p{line-height:1.62}.ueber-zeilen .luecke{height:1.62em}.signatur{margin-top:clamp(18px,3vh,36px);font-style:italic;font-weight:200;font-size:clamp(1.3rem,2.4vw,2rem);letter-spacing:.03em;align-self:flex-end}@media (max-width:820px){.ueber-satz{grid-template-columns:1fr;min-height:0}}.kapitelkopf{display:flex;flex-direction:column;gap:clamp(14px,2.5vh,30px);padding-block:clamp(80px,16vh,190px)}.kapitelkopf,.manifest{max-width:var(--spalte);margin-inline:auto}.manifest{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:clamp(28px,5vw,88px);align-items:center;padding-block:clamp(50px,9vh,120px)}.manifest-bild{position:relative}.manifest-bild img{width:100%}.manifest-spalten{display:flex;flex-direction:column;gap:clamp(18px,3vh,34px)}.manifest-spalten p{line-height:1.56}@media (max-width:820px){.manifest{grid-template-columns:1fr}}.palette-teil{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,.6fr);gap:clamp(24px,4vw,64px);align-items:start;max-width:var(--spalte);margin-inline:auto;padding-block:clamp(50px,9vh,120px)}.palette-teil figure{display:flex;flex-direction:column;gap:14px}.palette-teil figure img{width:100%}.farbleiste{display:flex;flex-direction:column;gap:2px;max-width:210px}.farbfeld{height:clamp(26px,3.4vh,42px);transform-origin:left;transition:transform .38s cubic-bezier(.2,.8,.3,1)}.farbfeld:hover{transform:scaleX(1.09)}@media (prefers-reduced-motion:reduce){.farbfeld:hover{transform:none}}@media (max-width:820px){.palette-teil{grid-template-columns:1fr}}.karten{display:grid;grid-template-columns:repeat(auto-fill,minmax(clamp(118px,13vw,170px),1fr));gap:clamp(10px,1.4vw,18px)}.karte{background:#fbfaf7;padding:5px 5px 0;color:#12060d;box-shadow:0 6px 18px rgb(18 6 13/.16)}.karte-feld{aspect-ratio:1/1.06}.karte-fuss{padding:7px 3px 9px}.karte-fuss .name{font-size:.76rem;font-weight:500;letter-spacing:-.005em}.karte-fuss .code{font-size:.66rem;font-variant-numeric:tabular-nums;letter-spacing:.05em;color:#6d6a66;margin-top:2px}.laufband{position:relative}.laufband-buehne{position:sticky;top:0;height:100svh;overflow:hidden}.laufband-spur{display:flex;height:100%;will-change:transform}.tafel{flex:0 0 100vw;height:100%;position:relative;background:linear-gradient(to bottom,var(--putz) 0 50%,var(--tinte) 50% 100%);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);grid-template-rows:minmax(0,1fr);gap:clamp(20px,3.5vw,64px);padding:clamp(96px,15vh,168px) var(--rand) clamp(28px,6vh,76px);align-items:stretch}[data-polaritaet=gedreht] .tafel{background:linear-gradient(to bottom,var(--tinte) 0 50%,var(--putz) 50% 100%)}.tafel-text{display:flex;flex-direction:column;min-height:0}.tafel-kopf{position:absolute;top:clamp(26px,5vh,62px);left:var(--rand)}.tafel-nummer{font-variant-numeric:tabular-nums;font-size:.68rem;letter-spacing:.2em;color:var(--tinte-leise)}.tafel-name{font-weight:700;font-size:clamp(1.5rem,3.6vw,3.1rem);letter-spacing:-.045em;text-transform:uppercase;line-height:.95;margin-top:6px}.tafel-satz{color:#efece6;max-width:38ch}.tafel-model{margin-top:14px;color:#a49a9d}.tafel-hauptbild{min-height:0;height:100%}.tafel-hauptbild img{width:100%;height:100%;aspect-ratio:auto;object-fit:cover}.tafel-nebenbild{min-height:0;flex:1 1 auto;margin-bottom:clamp(18px,3vh,40px)}.tafel-nebenbild img{width:100%;height:100%;aspect-ratio:auto;object-fit:cover}.tafel-figurine img{width:100%}.tafel-figurine{position:absolute;right:calc(50% + clamp(14px, 2vw, 34px));bottom:clamp(20px,4vh,54px);width:clamp(74px,9vw,132px);filter:drop-shadow(0 10px 22px rgb(18 6 13/.45));pointer-events:none}@media (max-width:900px){.laufband-buehne{position:static;height:auto;overflow:visible}.laufband-spur{display:block;transform:none!important}.tafel{flex:none;width:100%;min-height:92svh;grid-template-columns:1fr;grid-template-rows:auto 1fr}.tafel-kopf{position:static}.tafel-figurine img{width:100%}.tafel-figurine{display:none}.tafel-satz{padding-top:4vh}}.reihe{display:grid;gap:clamp(8px,1.2vw,18px);max-width:var(--spalte);margin-inline:auto;padding-block:clamp(40px,7vh,100px)}.reihe--zwei{grid-template-columns:repeat(2,minmax(0,1fr))}.reihe--drei{grid-template-columns:repeat(3,minmax(0,1fr))}.reihe--vier{grid-template-columns:repeat(4,minmax(0,1fr))}.reihe img{width:100%}.reihe--gleich img{height:auto;aspect-ratio:3/4;object-fit:cover}@media (max-width:760px){.reihe--drei,.reihe--vier{grid-template-columns:repeat(2,minmax(0,1fr))}}.runway{max-width:min(90vw,1180px)}.manege{display:flex;gap:clamp(14px,3vw,56px);align-items:flex-end;justify-content:center;flex-wrap:wrap;max-width:var(--spalte);margin-inline:auto;padding-block:clamp(50px,9vh,120px)}.figur{position:relative;display:flex;flex-direction:column;align-items:center;gap:12px}.figur img{height:clamp(170px,32vh,380px);width:auto;max-width:none;transition:transform .52s cubic-bezier(.2,.8,.3,1)}.figur:hover img{transform:translateY(-12px)}.figur:before{content:"";position:absolute;bottom:26px;left:50%;translate:-50% 0;width:116%;height:34px;border-radius:50%;background:radial-gradient(ellipse at center,rgb(8 4 6/.72) 0 45%,rgb(8 4 6/0) 72%);z-index:-1}.passion{position:relative;min-height:100svh;padding:var(--rand);display:flex;flex-direction:column;gap:clamp(18px,3vh,40px);justify-content:center}.passion-kopf{display:flex;align-items:baseline;gap:clamp(10px,1.6vw,24px);flex-wrap:wrap}.passion-nummer{font-size:clamp(1.1rem,2.4vw,2rem);letter-spacing:-.03em}.passion-nummer,.passion-titel{font-weight:700;text-transform:uppercase}.passion-titel{font-size:clamp(2.2rem,8vw,7rem);letter-spacing:-.05em;line-height:.9}.passion--knit{background:#ec008c;color:#ffffff}.passion--recycling{background:var(--tinte);color:#efece6}.passion--styling{background:#cabd7b;color:var(--tinte)}.passion-bilder{display:grid;gap:clamp(8px,1.2vw,16px)}.passion-bilder--drei{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) minmax(0,1fr)}.passion-bilder--vier{grid-template-columns:repeat(4,minmax(0,1fr))}.passion-bilder img{width:100%;height:auto;aspect-ratio:3/4;object-fit:cover}.passion-bilder img.frei{object-fit:contain;background:none}@media (max-width:760px){.passion-bilder--drei,.passion-bilder--vier{grid-template-columns:repeat(2,minmax(0,1fr))}}.cv{max-width:min(92vw,1180px);margin-inline:auto;padding-block:clamp(70px,12vh,160px)}.cv-raster{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:clamp(26px,4vw,64px);margin-top:clamp(28px,5vh,56px)}.cv-block{gap:20px}.cv-block,.cv-posten{display:flex;flex-direction:column}.cv-posten{gap:4px}.cv-zeit{font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;font-variant-numeric:tabular-nums}.cv-haus{font-weight:500;font-size:.98rem;letter-spacing:-.01em}.cv-rolle{font-size:.92rem;font-weight:300}.cv-posten ul{margin:4px 0 0;padding-left:15px}.cv-posten li{font-size:.88rem;font-weight:300;line-height:1.45}.cv-marken{display:flex;flex-wrap:wrap;gap:6px 14px}.kontakt-zeilen{display:flex;flex-direction:column;gap:clamp(4px,.9vh,12px);font-size:clamp(1.05rem,2.3vw,1.85rem);font-weight:300;letter-spacing:-.02em}.kontakt-zeilen a{color:inherit;text-decoration:none}.kontakt-zeilen a:hover{text-decoration:underline;text-underline-offset:5px}.fuss{display:flex;justify-content:space-between;align-items:baseline;gap:20px;flex-wrap:wrap;max-width:var(--spalte);margin-inline:auto;padding:clamp(26px,5vh,54px) 0 clamp(30px,6vh,64px)}.fuss a{color:inherit;text-decoration:none}.fuss a:hover{text-decoration:underline;text-underline-offset:4px}.wegweiser{position:fixed;left:14px;top:50svh;translate:0 -50%;z-index:3;display:flex;flex-direction:column;gap:12px;align-items:center}.wegweiser a{display:block;width:7px;height:7px;border:1px solid;border-radius:50%;transition:background .26s ease,transform .26s ease;color:inherit}.wegweiser a[aria-current=true]{background:currentColor;transform:scale(1.35)}.wegweiser-text{writing-mode:vertical-rl;font-size:.6rem;letter-spacing:.24em;text-transform:uppercase;margin-top:8px}@media (max-width:900px){.wegweiser{display:none}}