@font-face{font-family:"Schibsted";src:url(/fonts/SchibstedGrotesk-wght-latin-de.woff2) format("woff2");font-weight:400 900;font-display:swap}
@font-face{font-family:"Schibsted FB";src:local("Arial Bold"),local("Arial-BoldMT"),local("Roboto Bold"),local("Roboto-Bold");font-weight:600 900;size-adjust:104.3%;ascent-override:94%;descent-override:24.9%;line-gap-override:0%}
@font-face{font-family:"Schibsted FB";src:local("Arial"),local("ArialMT"),local("Roboto"),local("Roboto-Regular");font-weight:100 599;size-adjust:105%;ascent-override:93.3%;descent-override:24.8%;line-gap-override:0%}
*{box-sizing:border-box;margin:0;padding:0;font-style:normal}
[hidden]{display:none!important}
html{background:var(--night);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden;color-scheme:dark;scroll-behavior:auto}
body{color:var(--text);font-size:var(--t-body);line-height:var(--lh-body);overflow-x:clip;min-height:100vh}
a{color:inherit}
pre{font-family:var(--sans);white-space:pre-wrap;word-break:break-all;font-size:var(--t-small)}
.ph{color:var(--dim)}
.lbl{font-size:var(--t-label);font-weight:var(--w-semibold);letter-spacing:var(--ls-label);color:var(--dim)}
a:focus-visible,button:focus-visible,[role=button]:focus-visible{outline:2px solid var(--lime);outline-offset:3px}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
.vh,.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.nw{white-space:nowrap}
.skip{position:absolute;left:var(--sp-7);top:-120px;z-index:10;display:inline-flex;align-items:center;min-height:var(--tap);padding:0 var(--sp-9);border-radius:var(--r-pill);background:var(--lime);color:var(--on-lime);font-weight:var(--w-bold);text-decoration:none}
.skip:focus{top:var(--sp-5)}
section{position:relative}
.bar{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;padding:var(--sp-6) var(--pad);gap:var(--sp-7)}
.bar nav{display:flex;align-items:center;gap:var(--nav-gap)}
.nl{display:inline-flex;align-items:center;justify-content:center;min-height:var(--tap);min-width:var(--tap);padding:0 var(--sp-5);font-weight:var(--w-semibold);font-size:var(--t-ui);text-decoration:none;border-radius:var(--r-pill)}
@media (hover:hover) and (pointer:fine){.nl:hover{background:var(--raise2)}
 }
.lang{display:inline-flex;border:1px solid var(--line);border-radius:var(--r-pill);padding:2px}
.lang .cur,.lang .sw{display:grid;place-items:center;min-width:var(--tap);min-height:var(--tap);border-radius:var(--r-pill);font-weight:var(--w-semibold);font-size:var(--t-label);line-height:1;text-decoration:none}
.lang .cur{background:var(--text);color:var(--night)}
.bl{display:flex;align-items:center;gap:var(--sp-3)}
.mk{display:inline-grid;place-items:center;min-width:var(--tap);min-height:var(--tap);border-radius:var(--r-small);margin-left:calc((24px - var(--tap)) / 2)}
.mk img,.fm img{display:block;width:24px;height:28px}
.mk .mk-l,.fm .mk-l{display:none}
[data-theme=light] .mk .mk-n,[data-theme=light] .fm .mk-n{display:none}
[data-theme=light] .mk .mk-l,[data-theme=light] .fm .mk-l{display:block}
@media (prefers-color-scheme:light){html:not([data-theme]) .mk .mk-n,html:not([data-theme]) .fm .mk-n{display:none}html:not([data-theme]) .mk .mk-l,html:not([data-theme]) .fm .mk-l{display:block}}
.tt{display:none;flex:none;place-items:center;width:var(--tap);height:var(--tap);border-radius:var(--r-pill);color:var(--text);box-shadow:inset 0 0 0 1px var(--line)}
html.js .tt{display:inline-grid}
.tt svg{display:block;width:22px;height:22px}
[data-theme=light] .tt svg{rotate:180deg}
@media (prefers-color-scheme:light){html:not([data-theme]) .tt svg{rotate:180deg}}
@media (hover:hover) and (pointer:fine){.tt:hover{background:var(--raise2)}
 }
.mk-name{display:inline-flex;align-items:center;gap:var(--sp-3);min-width:var(--tap);min-height:var(--tap);padding-right:var(--sp-5);text-decoration:none;font-weight:var(--w-semibold);font-size:var(--t-ui);border-radius:var(--r-pill);white-space:nowrap}
.pill .env{display:none;width:20px;height:20px}
.lang .sw{color:var(--dim)}
@media (hover:hover) and (pointer:fine){.lang .sw:hover{color:var(--text)}
 }
.hero{position:relative;min-height:100vh;min-height:100svh;display:flex;flex-direction:column;overflow:hidden;overflow:clip;--F:min(170px,11.8vw,19vh);--g:clamp(10px,2.4vh,24px);--ground:calc(var(--t-label) * var(--lh-body) + var(--sp-5))}
.ch01{position:relative;overflow:clip}
.rail{position:absolute;top:0;left:0;right:0;height:0;z-index:0}
html.mo .rail{position:sticky}
.light{position:absolute;top:-20vh;right:-10vw;width:min(1100px,95vw);aspect-ratio:1;pointer-events:none}
.light::before{content:"";position:absolute;inset:0;
  background:radial-gradient(closest-side at 60% 45%,var(--glow-hero-sky),transparent 70%),radial-gradient(closest-side at 38% 62%,var(--glow-hero-lime),transparent 72%)}
.hz{position:relative;flex:1 1 auto;display:flex;align-items:center;min-height:0;padding:0 var(--pad)}
.halo{position:absolute;z-index:0;top:0;left:calc(44vw - 30px);width:min(620px,70vh);aspect-ratio:1;border-radius:50%;pointer-events:none;
  background:radial-gradient(closest-side,color-mix(in srgb,var(--sky) 18%,transparent),color-mix(in srgb,var(--lime) 5%,transparent) 60%,transparent)}
.fig{position:absolute;z-index:1;bottom:calc(-1 * var(--ground));height:min(calc(100% - 36px + var(--ground)),60vw);left:48.6vw;aspect-ratio:3/4;pointer-events:none;user-select:none;
  -webkit-mask-image:linear-gradient(to bottom,black 50%,rgba(0,0,0,.55) 80%,rgba(0,0,0,.14) 96%,transparent 100%),linear-gradient(to right,transparent 0,rgba(0,0,0,.25) 16%,black 34%);
  mask-image:linear-gradient(to bottom,black 50%,rgba(0,0,0,.55) 80%,rgba(0,0,0,.14) 96%,transparent 100%),linear-gradient(to right,transparent 0,rgba(0,0,0,.25) 16%,black 34%);
  -webkit-mask-composite:source-in;mask-composite:intersect}
.fig img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 0}
.htxt{position:relative;z-index:2;padding:var(--g) 0}
.name{font-size:var(--F);line-height:.9;font-weight:var(--w-heavy);letter-spacing:-.05em;margin-left:-.04em}
.name span{display:block;width:fit-content;padding-bottom:.04em;padding-right:.06em}
.name .l2{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.role{margin-top:var(--g);font-size:clamp(20px,2.9vh,26px);line-height:var(--lh-pos);font-weight:var(--w-medium);letter-spacing:-.01em;text-wrap:balance}
.caps{margin-top:calc(var(--g) * .6);list-style:none;display:flex;flex-wrap:wrap;gap:var(--sp-2) var(--sp-8);font-size:var(--t-ui);line-height:var(--lh-small);color:var(--dim)}
.caps li{display:flex;align-items:center;gap:var(--sp-3)}
.caps li::before{content:"";flex:none;width:6px;height:6px;border-radius:2px;background:var(--grad)}
@media (min-width:701px){.caps{max-width:calc(48.6vw - var(--pad) - 16px)}
 }
.act{margin-top:var(--g);display:flex;align-items:center;gap:var(--sp-5);flex-wrap:wrap}
.hero .cto{min-height:var(--cta-h);padding:0 var(--sp-11) 0 var(--sp-13);gap:var(--sp-6);white-space:nowrap;color:var(--lime);background:color-mix(in srgb,var(--lime) 6%,transparent);
  box-shadow:inset 0 0 0 1.5px var(--lime),0 0 0 4px color-mix(in srgb,var(--lime) 8%,transparent),0 0 28px color-mix(in srgb,var(--lime) 34%,transparent),inset 0 0 18px color-mix(in srgb,var(--lime) 14%,transparent)}
.hero .cto .ar{width:auto;height:auto;background:none;color:inherit}
@media (hover:hover) and (pointer:fine){.hero a.cto:hover{background:color-mix(in srgb,var(--lime) 16%,transparent)}
 }
.hero .soc{gap:0;height:var(--cta-h);border-radius:var(--r-pill);box-shadow:inset 0 0 0 1px var(--line);overflow:hidden;overflow:clip}
.hero .soc li{display:flex}
.hero .soc li+li{box-shadow:inset 1px 0 0 var(--line)}
.hero .soc a{position:relative;width:52px;height:100%;border-radius:0;color:var(--text);background:transparent}
.hero .soc li:first-child a{width:56px;padding-left:4px;border-radius:var(--r-pill) 0 0 var(--r-pill)}
.hero .soc li:last-child a{width:56px;padding-right:4px;border-radius:0 var(--r-pill) var(--r-pill) 0}
.hero .soc a::before{content:"";position:absolute;inset:0;border-radius:inherit;background:var(--raise2);opacity:0;transition:opacity 140ms var(--ease-ui);pointer-events:none}
.hero .soc svg{position:relative;width:26px;height:26px}
.hero .soc a:focus-visible{outline:2px solid transparent;outline-offset:-2px;color:var(--text)}
.hero .soc a:focus-visible::before{opacity:1;box-shadow:inset 0 0 0 2px var(--text)}
.proj{position:relative;z-index:3;flex:none;padding:0 var(--pad) clamp(24px,5vh,48px)}
.plabel{margin-bottom:var(--sp-5);font-size:var(--t-label);line-height:var(--lh-body);font-weight:var(--w-semibold);letter-spacing:var(--ls-label);color:var(--dim)}
.cells{list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.cells li+li{box-shadow:inset 1px 0 0 var(--line)}
.cell{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;align-content:center;column-gap:14px;
  height:100%;min-height:var(--tap);padding:18px 20px;color:var(--text);text-decoration:none}
.cells li:first-child .cell{padding-left:0}
.cells li:last-child .cell{padding-right:0}
.cell::before{content:"";position:absolute;z-index:1;left:0;right:0;top:-1px;height:2px;background:linear-gradient(90deg,var(--app-a),var(--app-b));opacity:0;transition:opacity .2s var(--ease-ui)}
.cell::after{content:"";position:absolute;z-index:0;inset:0;background:var(--raise);opacity:0;transition:opacity .2s var(--ease-ui);pointer-events:none}
.cell>*{position:relative;z-index:1}
.cell .pmk{grid-row:1/3;align-self:center;width:40px;height:40px;border-radius:22.5%}
.cell .nm{font-size:var(--t-body-l);font-weight:var(--w-bold);letter-spacing:-.01em;line-height:1.25;align-self:end}
.cell .sub{font-size:var(--t-small);line-height:1.35;color:var(--dim);align-self:start;hyphens:manual;overflow-wrap:break-word}
.cell.tbs .pmk{opacity:.55}
@media (hover:hover) and (pointer:fine){a.cell:hover::after,a.cell:hover::before{opacity:1}
 }
a.cell:focus-visible{outline:2px solid transparent;outline-offset:-2px;background:var(--raise)}
a.cell:focus-visible::before{opacity:1}
a.cell:focus-visible::after{z-index:2;opacity:1;background:none;box-shadow:inset 0 0 0 2px var(--text);transition:none}
@media (min-width:701px) and (max-width:1100px){.cell{grid-template-columns:minmax(0,1fr);padding-left:14px;padding-right:10px;align-content:start}
.cell .pmk{grid-row:auto;width:28px;height:28px;margin-bottom:8px}
.cell .nm{font-size:var(--t-body)}
.cell .sub{font-size:var(--t-micro)}
 }
@media (min-width:701px) and (max-width:819px){.cell{padding-left:10px;padding-right:4px}
 }
@media (min-width:701px) and (max-width:1200px){.fig{left:auto;right:calc(var(--pad) - 40px);
    -webkit-mask-image:linear-gradient(to bottom,black 50%,rgba(0,0,0,.55) 80%,rgba(0,0,0,.14) 96%,transparent 100%),linear-gradient(to right,transparent 0,rgba(0,0,0,.25) 16%,black 34%,black 86%,transparent 100%);
    mask-image:linear-gradient(to bottom,black 50%,rgba(0,0,0,.55) 80%,rgba(0,0,0,.14) 96%,transparent 100%),linear-gradient(to right,transparent 0,rgba(0,0,0,.25) 16%,black 34%,black 86%,transparent 100%)}
.halo{left:auto;right:-60px}
}
@media (min-width:701px) and (max-width:1023px) and (min-height:501px){.caps{flex-direction:column;align-items:flex-start}
 }
@media (min-width:701px) and (max-width:1023px) and (max-height:500px){.caps{max-width:58vw}
 }
@media (min-width:701px) and (max-width:1023px){.halo{right:calc(var(--pad) - 40px + .534 * 45vw - min(310px,35vh))}
 }
@media (min-width:701px) and (max-width:1023px) and (orientation:portrait){.hero{--g:clamp(10px,4vh,48px)}
.fig{height:min(calc(100% - 36px + var(--ground)),78vw);right:calc(var(--pad) - 64px)}
.halo{right:calc(var(--pad) - 64px + .534 * 58.5vw - min(310px,35vh))}
.htxt{padding-bottom:max(6vh,30vh - 200px)}
.hero .soc{background:color-mix(in srgb,var(--night) 88%,transparent)}
 }
@media (min-width:701px) and (max-height:400px){.hero{--F:min(170px,11.8vw,16vh)}
 }
@media (min-width:701px) and (max-height:820px){.hero{--ground:calc(var(--t-label) * var(--lh-body) + var(--sp-3))}
.plabel{margin-bottom:var(--sp-3)}
.cell{padding-top:12px;padding-bottom:12px}
.cell .pmk{width:34px;height:34px}
}
[data-theme=light] .fig{mix-blend-mode:multiply}
[data-theme=light] .light::before{background:radial-gradient(closest-side at 60% 45%,color-mix(in srgb,var(--sky-hi) 7%,transparent),transparent 70%)}
[data-theme=light] .hero{background:radial-gradient(50% 60% at 0% 100%,color-mix(in srgb,var(--lime-hi) 18%,transparent),transparent 70%)}
[data-theme=light] .fig img{filter:contrast(1.04) brightness(.98)}
[data-theme=light] .halo{background:radial-gradient(closest-side,color-mix(in srgb,var(--text) 8%,transparent),color-mix(in srgb,var(--text) 3%,transparent) 62%,transparent)}
[data-theme=light] .hero .cto{background:color-mix(in srgb,var(--lime-hi) 14%,var(--raise));box-shadow:inset 0 0 0 1.5px var(--lime),0 0 0 4px color-mix(in srgb,var(--lime-hi) 16%,transparent),0 0 24px color-mix(in srgb,var(--lime-hi) 30%,transparent)}
@media (prefers-color-scheme:light){html:not([data-theme]) .fig{mix-blend-mode:multiply}html:not([data-theme]) .light::before{background:radial-gradient(closest-side at 60% 45%,color-mix(in srgb,var(--sky-hi) 7%,transparent),transparent 70%)}html:not([data-theme]) .hero{background:radial-gradient(50% 60% at 0% 100%,color-mix(in srgb,var(--lime-hi) 18%,transparent),transparent 70%)}html:not([data-theme]) .fig img{filter:contrast(1.04) brightness(.98)}html:not([data-theme]) .halo{background:radial-gradient(closest-side,color-mix(in srgb,var(--text) 8%,transparent),color-mix(in srgb,var(--text) 3%,transparent) 62%,transparent)}html:not([data-theme]) .hero .cto{background:color-mix(in srgb,var(--lime-hi) 14%,var(--raise));box-shadow:inset 0 0 0 1.5px var(--lime),0 0 0 4px color-mix(in srgb,var(--lime-hi) 16%,transparent),0 0 24px color-mix(in srgb,var(--lime-hi) 30%,transparent)}}
@media (max-width:700px){.hero{min-height:0;--fh:min(333px,40svh);padding-bottom:calc(var(--sp-17) + var(--sp-9))}
.hero::after{content:"";position:absolute;z-index:0;left:0;right:0;bottom:0;height:var(--sp-17);background:linear-gradient(to bottom,transparent,color-mix(in srgb,var(--stage) 22%,transparent) 35%,color-mix(in srgb,var(--stage) 65%,transparent) 70%,var(--stage));pointer-events:none}
.hz,.htxt{display:contents}
.halo{top:20px;left:110px;width:320px}
.fig{top:52px;right:-14px;bottom:auto;left:auto;height:var(--fh);
    -webkit-mask-image:linear-gradient(to bottom,black 40%,rgba(0,0,0,.4) 70%,transparent 96%);mask-image:linear-gradient(to bottom,black 40%,rgba(0,0,0,.4) 70%,transparent 96%)}
.name{position:relative;z-index:2;order:1;margin:calc(52px + var(--fh) * .745 - 74px) var(--pad) 0;font-size:20.5vw}
.role{position:relative;z-index:2;order:2;margin:14px var(--pad) 0;font-size:19px}
.caps{position:relative;z-index:2;order:3;margin:12px var(--pad) 0;gap:var(--sp-2) var(--sp-6);font-size:var(--t-label)}
.act{position:relative;z-index:2;order:4;margin:18px var(--pad) 0;flex-wrap:nowrap;gap:var(--sp-3)}
.hero .cto{flex:1 1 auto;justify-content:center;min-height:52px;padding:0 var(--sp-7);font-size:var(--t-body-l)}
.hero .cto .ar{display:none}
.hero .soc{flex:none}
.proj{order:5;margin-top:22px;padding:0 var(--pad)}
.plabel{margin:0 0 var(--sp-2)}
.cells{grid-template-columns:1fr 1fr;border-top:0}
.cells li,.cells li+li{box-shadow:inset 0 1px 0 var(--line)}
.cells li:nth-child(2n){box-shadow:inset 0 1px 0 var(--line),inset 1px 0 0 var(--line)}
.cells li:nth-child(5){grid-column:1/3}
.cell,.cells li:first-child .cell,.cells li:last-child .cell{min-height:50px;padding:8px 6px 8px 0;column-gap:10px;align-content:start}
.cells li:nth-child(2n) .cell{padding-left:12px}
.cell .pmk{width:30px;height:30px;align-self:start;margin-top:2px}
.cell .nm{font-size:15px;line-height:1.2}
.cell .sub{font-size:var(--t-micro);line-height:1.3}
.hero .soc{height:52px}
.hero .soc a{width:46px}
.hero .soc li:first-child a,.hero .soc li:last-child a{width:48px}
}
@media (max-width:360px){.act{flex-wrap:wrap;row-gap:var(--sp-3)}
 }
.contact .cta{white-space:nowrap}
.cta{display:inline-flex;align-items:center;gap:var(--sp-6);min-height:var(--cta-h);padding:0 var(--sp-11) 0 var(--sp-13);border-radius:var(--r-pill);background:var(--lime);color:var(--on-lime);text-decoration:none;font-weight:var(--w-bold);font-size:var(--t-cta)}
.cta .ar{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--on-lime);color:var(--lime);transition:transform var(--dur-xs) var(--ease-ui)}
@media (hover:hover) and (pointer:fine){a.cta:hover .ar{transform:rotate(-45deg)}
 }
.mail{display:inline-flex;align-items:center;min-height:var(--tap);color:var(--dim);text-decoration:none;font-size:var(--t-ui)}
@media (hover:hover) and (pointer:fine){a.mail:hover{color:var(--text)}
 }
.mailline span.mail,.lsec span.mail{text-decoration:none}
.agents{position:relative}
[data-theme=light] .agents::before,[data-theme=light] .craft::before{content:"";position:absolute;inset:0;z-index:-2;background:var(--stage);pointer-events:none}
@media (prefers-color-scheme:light){html:not([data-theme]) .agents::before,html:not([data-theme]) .craft::before{content:"";position:absolute;inset:0;z-index:-2;background:var(--stage);pointer-events:none}}
@media (max-width:700px){[data-theme=light] .agents::before{top:-1px}
[data-theme=light] .hero{background-size:100% calc(100% - 1px);background-repeat:no-repeat}
 @media (prefers-color-scheme:light){html:not([data-theme]) .agents::before{top:-1px}html:not([data-theme]) .hero{background-size:100% calc(100% - 1px);background-repeat:no-repeat}}
}
.ag-stage{position:relative;display:grid;align-content:center;min-height:min(100svh,820px);padding:var(--sec-top) var(--pad);overflow:clip}
.ag-poster{position:absolute;inset:0;z-index:0}
.ag-poster img{display:block;width:100%;height:100%;object-fit:cover}
@media (min-width:701px) and (max-aspect-ratio:999/1000){.ag-poster img{object-fit:contain}
 }
@media (min-width:701px) and (max-aspect-ratio:999/1000){html:not(.mo) .ag-poster{container-type:size}
html:not(.mo) .ag-poster img{object-position:right var(--pad) top 50%;object-position:calc((var(--pad) + min(.4 * (100cqw - 2 * var(--pad)), 540px) + 100cqw) / 2 - 100cqh * 320 / 1386) 50%}
 }
@media (min-width:701px) and (min-aspect-ratio:1001/1000) and (max-aspect-ratio:1600/1000){.ag-poster img{object-position:66% 50%}
 }
.ag-copy{position:relative;z-index:1;display:grid;gap:var(--sp-9);max-width:min(40%,540px)}
.ag-copy .big{max-width:none}
.ag-h{font-size:var(--t-h2-agents);line-height:var(--lh-h2-agents);font-weight:var(--w-heavy);color:var(--text);text-wrap:pretty}
html[lang=de] .ag-h{text-wrap:balance}
.ag-dg{display:grid;gap:var(--sp-7);justify-items:start;padding:var(--sp-17) var(--pad) var(--sp-19)}
.dg{display:block;width:min(100%,520px);height:auto;overflow:visible}
.craft{position:relative;border-top:1px solid var(--line)}
.cr-stage{position:relative;display:grid;align-content:center;min-height:min(100svh,820px);padding:var(--sec-top) var(--pad);overflow:clip}
.cr-poster{position:absolute;inset:0;z-index:0}
.cr-poster img{display:block;width:100%;height:100%;object-fit:cover}
.cr-copy{position:relative;z-index:1;display:grid;gap:var(--sp-9);max-width:min(40%,540px)}
.cr-copy .big{max-width:none}
.wk{padding:var(--sp-9) var(--pad) var(--sp-17)}
[data-theme=light] .craft .wk{background:var(--night)}
@media (prefers-color-scheme:light){html:not([data-theme]) .craft .wk{background:var(--night)}}
.chap{padding:var(--sec-top) var(--pad) var(--sp-17);display:grid;gap:var(--sp-9);align-content:start;border-top:1px solid var(--line)}
.chap > *{max-width:60ch}
.big{font-size:var(--t-lead);line-height:1.4;max-width:46ch}
.equiv{font-size:var(--t-equiv)}
.wlink{position:relative;display:flex;align-items:flex-end;justify-content:space-between;gap:var(--sp-9);text-decoration:none;border-radius:var(--r-panel);background:var(--raise);border:1px solid var(--line);padding:var(--panel-pad);overflow:hidden;min-height:var(--panel-h);max-width:none;margin-top:var(--sp-9)}
.wlink::before{content:"";position:absolute;right:-12%;top:-60%;width:70%;aspect-ratio:1;border-radius:50%;background:radial-gradient(closest-side,var(--glow-panel-lime),var(--glow-panel-sky) 55%,transparent 72%)}
.wtxt{position:relative;display:grid;gap:var(--sp-7)}
.wlink .w{font-size:var(--t-panel);line-height:var(--lh-panel);font-weight:var(--w-heavy);letter-spacing:var(--ls-panel)}
html[lang=de] .wlink .w{font-size:var(--t-panel-de)}
.wlink .lead{font-size:var(--t-lead);max-width:30ch}
.wlink .go{position:relative;flex:none;display:grid;place-items:center;width:var(--go);aspect-ratio:1;border-radius:50%;background:var(--lime);color:var(--on-lime);font-size:var(--t-h3);font-weight:var(--w-bold)}
.founder{display:grid;gap:var(--sp-3);padding-top:var(--sp-9);border-top:1px solid var(--line)}
.nf{padding:var(--sec-top) var(--pad);display:grid;gap:var(--sp-7);justify-items:start;min-height:100vh;align-content:start}
.nf h1{font-size:var(--t-h2);line-height:var(--lh-h2);font-weight:var(--w-bold)}
.nf h2{font-size:var(--t-h2);line-height:var(--lh-h2);font-weight:var(--w-bold);margin-top:var(--sp-14)}
@media (max-width:700px){.ag-stage{align-content:end;padding-bottom:var(--sp-17)}
.ag-copy,.cr-copy{max-width:none;gap:var(--sp-7)}
.cr-stage{align-content:end;padding-bottom:var(--sp-17)}
.cr-copy .big{font-size:var(--t-body-l);line-height:1.45}
.ag-copy .big{font-size:var(--t-body-l);line-height:1.45}
.bar{padding-top:var(--sp-4);padding-bottom:var(--sp-4)}
.cta{justify-content:space-between}
.wlink{min-height:0}
}
@media (max-width:700px) and (max-aspect-ratio:999/1000){.cr-stage{align-content:start;grid-template-rows:minmax(0,calc(58svh - var(--sec-top))) auto}
.cr-copy{grid-row:2}
}
@media (min-width:701px) and (max-height:500px){.ag-stage,.cr-stage{padding-top:var(--sp-7);padding-bottom:var(--sp-7)}
.ag-copy,.cr-copy{gap:var(--sp-7)}
.ag-copy{max-width:min(48%,540px)}
.ag-copy .big,.cr-copy .big{font-size:var(--t-body-l);line-height:1.45}
}
@media (min-width:701px) and (max-width:960px) and (max-height:500px){.ag-stage{padding-top:var(--sp-4);padding-bottom:var(--sp-4)}
.ag-copy{gap:var(--sp-5)}
.ag-h{font-size:var(--t-pos);line-height:var(--lh-tight)}
.ag-copy .big{font-size:var(--t-body);line-height:var(--lh-small)}
}
.g{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--card-gap);row-gap:var(--sp-11);padding-bottom:var(--sp-19)}
.g > *{max-width:none}
.g > .lbl{grid-column:1 / span 3;grid-row:1;align-self:start;padding-top:var(--sp-3)}
.g > .body{grid-column:4 / span 9;grid-row:1;display:grid;gap:var(--sp-11)}
@media (min-width:701px){.rl{position:sticky;top:var(--sec-top)}
 }
[data-theme=light] .experience{position:relative;z-index:1;background:var(--night)}
@media (prefers-color-scheme:light){html:not([data-theme]) .experience{position:relative;z-index:1;background:var(--night)}}
.exp{list-style:none;display:grid;border-bottom:1px solid var(--line)}
.exp li{position:relative;display:grid;grid-template-columns:var(--chip) 1fr;align-items:baseline;padding:var(--sp-11) 0}
.exp li::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:var(--line);transform-origin:0 50%}
.exp .n{font-size:var(--t-label);font-weight:var(--w-semibold);color:var(--dim)}
.exp .t{font-size:var(--t-h2);line-height:var(--lh-h2);letter-spacing:var(--ls-h2);font-weight:var(--w-bold);max-width:26ch;text-wrap:balance}
.taste .body{grid-column:4 / span 7}
.taste .stmt{font-size:var(--t-h2);line-height:1.15;letter-spacing:var(--ls-h2);font-weight:var(--w-bold)}
.xrule{position:absolute;left:var(--pad);right:var(--pad);top:-1px;height:2px;background:var(--lime);transform-origin:0 50%}
.contact{overflow-x:clip}
.contact .panel{position:relative;isolation:isolate;grid-column:1 / -1;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--card-gap);row-gap:var(--sp-11);align-items:end;align-content:end;min-height:var(--panel-h);padding:var(--panel-pad)}
.contact .panel::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:var(--r-panel);border:1px solid var(--line);background:radial-gradient(70% 90% at 92% 0%,var(--glow-panel-lime),transparent 70%),var(--raise)}
.contact .q{grid-column:1 / span 7;font-size:clamp(32px,4.2vw,64px);line-height:1.02;letter-spacing:var(--ls-h2);font-weight:var(--w-heavy);transform-origin:0 100%}
.contact .sub{grid-column:1 / span 6;font-size:var(--t-lead);color:var(--dim);max-width:40ch;text-wrap:pretty}
.contact .act{grid-column:8 / span 5;grid-row:1 / span 2;display:grid;gap:var(--sp-5);justify-items:end;align-self:end}
.mailline{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-3);color:var(--dim);font-size:var(--t-ui)}
.mailline .mail{color:var(--text);text-decoration:underline;text-underline-offset:3px}
.contact .founder{grid-column:1 / -1}
.legal{padding:var(--sp-15) var(--pad);border-top:1px solid var(--line);font-size:var(--t-small);line-height:var(--lh-small);color:var(--dim)}
.legal .row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-5)}
.legal .lk{justify-content:flex-start;padding:0;color:var(--text);text-decoration:underline;text-underline-offset:3px}
.legal .top{margin-left:auto;color:var(--text);gap:var(--sp-2);white-space:nowrap}
.soc{display:flex;list-style:none;gap:var(--sp-2)}
.soc a{display:inline-flex;align-items:center;justify-content:center;width:var(--tap);height:var(--tap);border-radius:var(--r-pill);color:var(--text)}
.soc svg{width:24px;height:24px}
.soc .sm{position:relative;display:block;width:auto;height:20px}
.soc .sm-l{display:none}
[data-theme=light] .soc .sm-d{display:none}
[data-theme=light] .soc .sm-l{display:block}
@media (prefers-color-scheme:light){html:not([data-theme]) .soc .sm-d{display:none}html:not([data-theme]) .soc .sm-l{display:block}}
@media (hover:hover) and (pointer:fine){.soc a:hover{color:var(--text);background:var(--raise2)}
.hero .soc a:hover{background:transparent}
.hero .soc a:hover::before{opacity:1}
 }
.whead.lhead h1,html[lang=de] .whead.lhead h1{font-size:clamp(52px,12vw,160px);line-height:1;margin-right:0}
.lgl{display:grid;gap:var(--sp-17);padding:var(--sp-17) var(--pad);border-top:1px solid var(--line)}
.lsec{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--card-gap)}
.lsec > .lbl{grid-column:1 / span 3;padding-top:var(--sp-1)}
.lsec .tx{grid-column:4 / span 7;display:grid;gap:var(--sp-7);max-width:60ch;font-size:var(--t-body-l);line-height:var(--lh-body);color:var(--text)}
.lsec .mail{display:inline;min-height:0;padding-block:12px;color:var(--text);font-size:inherit;text-decoration:underline;text-underline-offset:3px}
.whead{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--card-gap);align-items:end;padding:0 var(--pad) var(--sp-15)}
.whead > .bar{grid-column:1 / -1;padding-left:0;padding-right:0}
.whead h1{grid-column:1 / span 8;font-size:var(--t-work);line-height:var(--lh-work);font-weight:var(--w-heavy);letter-spacing:var(--ls-work);margin-left:-.04em;padding-top:4vh}
html[lang=de] .whead h1{font-size:var(--t-work-de)}
.whead .intro{grid-column:9 / span 4;font-size:var(--t-lead);padding-bottom:var(--sp-7)}
.pill{display:inline-flex;align-items:center;gap:var(--sp-3);min-height:var(--tap);padding:0 var(--sp-8);border-radius:var(--r-pill);border:1px solid var(--line);color:var(--text);text-decoration:none;font-weight:var(--w-bold);font-size:var(--t-ui);white-space:nowrap}
@media (hover:hover) and (pointer:fine){a.pill:hover{border-color:var(--text)}
 }
a.pill:active{border-color:var(--text);scale:.97}
a.cta:active{scale:.97}
.cards{display:grid;gap:var(--sp-13);padding:var(--sp-14) var(--pad) var(--sp-17)}
.appcard{position:relative;isolation:isolate;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--card-gap);row-gap:var(--sp-11);padding:var(--card-pad);border-radius:var(--r-card);overflow:hidden;overflow:clip}
.appcard::after{content:"";position:absolute;inset:0;z-index:-1;border-radius:var(--r-card);background:var(--raise);border:1px solid var(--line)}
.appcard::before{content:"";position:absolute;left:var(--r-card);right:var(--r-card);top:0;height:2px;background:linear-gradient(90deg,transparent,var(--app-a) 25%,var(--app-b) 75%,transparent)}
.appcard .txt{grid-column:1 / span 5;display:grid;gap:var(--sp-9);align-content:start}
.appcard .ig{grid-column:6 / span 7}
.appcard.flip .txt{grid-column:8 / span 5;grid-row:1}
.appcard.flip .ig{grid-column:1 / span 7;grid-row:1}
.appcard .top{display:flex;align-items:center;gap:var(--sp-7)}
.icon{flex:none;width:56px;height:56px;border-radius:var(--r-icon);background:linear-gradient(135deg,var(--app-a),var(--app-b));box-shadow:0 0 32px color-mix(in srgb,var(--app-a) 35%,transparent)}
.appcard .idx{font-size:var(--t-label);font-weight:var(--w-semibold);color:var(--dim)}
.appcard h2{font-size:var(--t-h3);line-height:var(--lh-h3);font-weight:var(--w-heavy);letter-spacing:var(--ls-h3)}
.appcard .kind{margin-top:var(--sp-3);font-size:var(--t-label);font-weight:var(--w-semibold);color:var(--dim)}
.appcard .cap{font-size:var(--t-body-l);max-width:40ch}
.store{display:inline-flex;align-items:center;justify-self:start;gap:var(--sp-3);min-height:var(--tap);padding:0 var(--sp-8);border-radius:var(--r-pill);border:1px solid var(--line);text-decoration:none;font-weight:var(--w-bold);font-size:var(--t-ui)}
@media (hover:hover) and (pointer:fine){.store:hover{border-color:var(--text)}
 }
.appcard .store{background:var(--lime);color:var(--on-lime);border-color:var(--lime)}
@media (hover:hover) and (pointer:fine){.appcard .store:hover{background:transparent;color:var(--lime)}
 }
.appcard .store:active{background:transparent;color:var(--lime)}
.soon{display:inline-flex;align-items:center;justify-self:start;gap:var(--sp-3);min-height:var(--tap);padding:0 var(--sp-8);border-radius:var(--r-pill);border:1px dashed var(--dim);color:var(--dim);font-weight:var(--w-bold);font-size:var(--t-ui)}
.soon .dot{flex:none;width:7px;height:7px;border-radius:50%;background:var(--app-a)}
.stepl{list-style:none;display:grid;gap:var(--sp-5);counter-reset:s}
.stepl li{display:grid;grid-template-columns:32px 1fr;gap:var(--sp-5);align-items:baseline;font-size:var(--t-step);line-height:var(--lh-step);counter-increment:s}
.stepl li::before{content:counter(s);display:grid;place-items:center;width:28px;height:28px;border-radius:50%;border:1px solid var(--app-a);font-size:var(--t-small);font-weight:var(--w-bold)}
.app-so .stepl li::before{border-color:var(--app-b)}
.src{font-size:var(--t-small);line-height:var(--lh-small);color:var(--dim)}
.wcontact{display:flex;justify-content:flex-end;padding:var(--sp-17) var(--pad);border-top:1px solid var(--line)}
.ig-box{position:relative;aspect-ratio:720 / 540;border-radius:var(--r-box);background:var(--night);border:1px solid var(--line);overflow:hidden}
.ig-box svg,.ig-box img{position:absolute;inset:0;display:block;width:100%;height:100%}
.ig-box .ig-t{display:none}
.ig text{font-family:var(--sans)}
.ig .f-n{fill:none}
.ig .f-a{fill:var(--app-a)}
.ig .f-b{fill:var(--app-b)}
.ig .f-ph{fill:var(--ig-photo)}
.ig .f-ph2{fill:var(--ig-photo2)}
.ig .f-fw{fill:var(--ig-food-white)}
.ig .f-s2{fill:var(--ig-surface2)}
.ig .f-d{fill:var(--ig-dim)}
.ig .f-t{fill:var(--ig-text)}
.ig .f-oa{fill:var(--ig-on-app)}
.ig .s-a{stroke:var(--app-a)}
.ig .s-b{stroke:var(--app-b)}
.ig .s-fw{stroke:var(--ig-food-white)}
.ig .s-l{stroke:var(--ig-line)}
.ig .s-d{stroke:var(--ig-dim)}
.ig .s-t{stroke:var(--ig-text)}
.ig .st-a{stop-color:var(--app-a)}
.ig .st-b{stop-color:var(--app-b)}
.ig .st-hi{stop-color:var(--ig-orb-hi)}
.ig .st-lo{stop-color:var(--ig-orb-lo)}
.ig .igs,.ig .igring{transform-box:fill-box;transform-origin:50% 50%}
.ig .igr{transform-box:fill-box;transform-origin:50% 50%}
@media (max-width:700px){.g{grid-template-columns:minmax(0,1fr)}
.g > .lbl,.g > .body,.taste .body{grid-column:1;grid-row:auto}
.exp li{grid-template-columns:1fr;gap:var(--sp-3);padding:var(--sp-9) 0}
.contact .panel{grid-template-columns:minmax(0,1fr)}
.contact .q,.contact .sub,.contact .act{grid-column:1;grid-row:auto}
.contact .q{font-size:32px}
.contact .act{justify-items:stretch}
.legal .row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;column-gap:var(--sp-5);row-gap:var(--sp-7)}
.legal .lk{grid-area:1 / 1}
.legal .top{grid-area:1 / 3;margin-left:0}
.legal .lang{grid-area:2 / 1;justify-self:start}
.legal .tt{grid-area:2 / 2;justify-self:start}
.legal .soc-on .soc{grid-area:1 / 1 / 2 / -1;justify-self:start;margin-left:-10px}
.legal .soc-on .lk,.legal .soc-on .top{grid-row:2}
.legal .soc-on .lang,.legal .soc-on .tt{grid-row:3}
.lsec{grid-template-columns:minmax(0,1fr);row-gap:var(--sp-7)}
.lsec > .lbl,.lsec .tx{grid-column:1}
.whead{grid-template-columns:minmax(0,1fr)}
.whead h1,.whead .intro{grid-column:1}
.whead h1{padding-top:var(--sp-13)}
.whead .intro{padding-top:var(--sp-9)}
.whead .bar{gap:var(--sp-2)}
.whead .bar nav{gap:var(--sp-2)}
.mk-name .nm{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.cards{padding-top:var(--sp-9)}
.appcard{grid-template-columns:minmax(0,1fr)}
.appcard .txt,.appcard .ig,.appcard.flip .txt,.appcard.flip .ig{grid-column:1;grid-row:auto}
.ig-box{aspect-ratio:400 / 500}
.ig-box .ig-w{display:none}
.ig-box .ig-t{display:block}
.store,.soon{justify-self:stretch;justify-content:center}
.wcontact .cta{flex:1 1 100%;justify-content:space-between}
}
@media (max-width:480px){.bar .pill{width:var(--tap);padding:0;justify-content:center}
.bar .pill .pt{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.bar .pill .pa{display:none}
.bar .pill .env{display:block}
}
@media (max-width:360px){.bar .city{display:none}
 }
