@layer reset{html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;line-height:1.15}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}button,input,select,textarea{margin:0;font-family:inherit;font-size:100%;line-height:1.15}button,select{text-transform:none}textarea{overflow:auto}[hidden]:not([hidden=until-found]){display:none!important}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-property:color,background-color,border-color,text-decoration-color,opacity,filter,box-shadow!important;transition-duration:.15s!important;transition-delay:0s!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}}@layer tokens{:root{--color-1:#f1f1f1;--color-2:#0d0d11;--color-3:#00c8fa;--color-4:#320bf2;--color-5:#00d9ae;--color-6:#71c757;--color-7:#ffc02b;--color-8:#a7a7a7;--color-error:#ef5620;--color-valid:#36bb5a;--font:"Space Grotesk", "Space Grotesk Fallback", sans-serif;--regular:300;--bold:600;--medium-content-width:36rem;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in:cubic-bezier(.55, 0, 1, .45);--duration-fast:.2s;--duration:.45s;--duration-slow:.8s;--duration-exit:.25s;--fs-root:clamp(1rem, .92rem + .4vw, 1.25rem);--fs-4:clamp(2.0736rem, 1.5847rem + 2.4445vw, 3.1981rem);--fs-3:clamp(1.728rem, 1.4959rem + 1.1603vw, 2.2617rem);--fs-2:clamp(1.44rem, 1.3706rem + .3468vw, 1.5995rem);--fs-1:clamp(1.1312rem, 1.2299rem - .1496vw, 1.2rem);--reveal-distance:1rem;--reveal-stagger:90ms}:root:has(.was),:root:has(.leistung){--project-color:var(--color-3)}:root:has(.wer){--project-color:var(--color-6);--text-color:var(--color-2)}:root:has(.wo){--project-color:var(--color-7);--text-color:var(--color-2)}:root:has(.home),:root:has(.impressum),:root:has(.datenschutz){--project-color:var(--color-1);--text-color:var(--color-1)}}@layer base,layout;@layer components{[data-reveal=""],[data-reveal=fade-up]{--reveal-translate:0 var(--reveal-distance,1.5rem)}[data-reveal=zoom]{--reveal-scale:.94}@media screen and (prefers-reduced-motion:no-preference){[data-reveal-ready]:not([data-revealed],:focus-within){opacity:0}[data-reveal-ready][data-revealed]{animation-name:reveal;animation-duration:var(--reveal-duration,var(--duration-slow));animation-timing-function:var(--reveal-easing,var(--ease-out));animation-delay:calc(var(--reveal-delay,0s) + var(--reveal-index,0) * var(--reveal-stagger,80ms));animation-fill-mode:backwards}}@keyframes reveal{0%{opacity:var(--reveal-opacity,0);translate:var(--reveal-translate,0);scale:var(--reveal-scale,1)}}}@layer utilities{.visually-hidden{clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important;block-size:1px!important;inline-size:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}}@layer project{html{box-sizing:border-box;font-size:var(--fs-root);scrollbar-gutter:stable;width:100%}*,:before,:after{box-sizing:inherit;margin:0;padding:0}body{font-family:var(--font);font-weight:var(--regular);word-break:break-word;color:var(--color-1);background-color:var(--color-2);width:100%;margin:0;padding:0;line-height:1.45;overflow-x:hidden}:focus{outline:var(--color-1) auto 5px}[tabindex="-1"]:focus:not(:focus-visible),body:not(.user-is-tabbing) button:focus,body:not(.user-is-tabbing) input:focus,body:not(.user-is-tabbing) select:focus,body:not(.user-is-tabbing) textarea:focus{outline:none}p,address{margin:0 0 .6rem}h1,h2,h3,h4{font-weight:var(--bold);margin:0 0 1rem;line-height:1.25;position:relative}h1{font-size:var(--fs-4)}h2{font-size:var(--fs-3);text-wrap:balance}h3{font-size:var(--fs-2)}h4{font-size:var(--fs-1)}small{font-size:.8rem;font-style:italic}strong{font-weight:var(--bold)}ul:not(.menu){margin-left:0;list-style:none;& li{margin-left:1rem;padding-bottom:.2rem;&:before{content:"▪";color:var(--color-1);margin-left:-1rem;margin-right:.5rem}&>ul{margin-left:1rem;&>li:last-child{padding-bottom:0}}}}ol{margin-left:1rem;& li{padding-bottom:.2rem;&>ol{margin-left:1rem;&>li:last-child{padding-bottom:0}}}}dt{margin:0;font-weight:700}dd{margin:0}address{font-style:normal}blockquote{font-size:1rem;font-style:italic;font-weight:500}a{color:var(--color-1);font-weight:var(--bold);transition:color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out);text-decoration:none}.skip-link{z-index:10000;background:var(--color-1);color:var(--color-2);padding:.5rem 1rem;font-weight:600;text-decoration:none;position:absolute;inset-block-start:.5rem;inset-inline-start:.5rem;transform:translateY(-200%);&:focus{transform:none}}main,.footer{& a:not(.btn):not(.fan-panel):not(.project-row):not(.no-style){border-bottom:2px solid #0000;&:hover,&:focus,&:active{border-bottom:2px solid var(--color-1)}}}::selection{color:var(--color-1);background:var(--color-8)}img{max-width:100%;height:auto}figure{margin:0}*{scrollbar-width:thin;scrollbar-color:var(--project-color) var(--color-2);&::-webkit-scrollbar{width:12px}&::-webkit-scrollbar-track{background:var(--color-2)}& ::-webkit-scrollbar-thumb{background-color:var(--project-color);border:2px solid var(--color-2);border-radius:6px}}.section{z-index:20;margin:4rem 0 5rem;position:relative;& h2{font-size:var(--fs-4);margin-bottom:4rem}& .section-head{margin-bottom:4rem;& h2{margin-bottom:1.5rem}& .subline{max-width:46ch;margin:0}@media (width>=900px){max-width:calc(50% - 1rem)}}@media (width>=768px){margin:7rem 0 8rem}@media (width>=900px){margin:10rem 0 11rem}}.container{width:100%;max-width:1320px;margin:0 auto;padding-left:1rem;padding-right:1rem}.impressum,.datenschutzerklaerung{& main{padding-top:6rem;padding-bottom:4rem;& h1{color:var(--project-color);font-size:2rem}& h2{text-align:left;color:var(--project-color);margin-top:3rem;font-size:1.5rem}& h3{margin-top:2rem;font-size:1.1rem}}}.errorFour{width:100%;padding:5rem 0;@media (width>=1280px){grid-template-columns:1fr 1fr;align-items:center;display:grid}& h1{font-style:italic;font-size:var(--fs-1);font-weight:var(--bold)}& p{font-style:italic}}.error-text{text-align:center;padding:2rem;font-size:1rem;@media (width>=1280px){text-align:left}}.error-links{flex-wrap:wrap;grid-column:1/span 2;justify-content:center;align-items:center;display:flex;& a{margin:1rem 2rem}}@media screen and (prefers-reduced-motion:no-preference){[data-reveal=wipe][data-reveal-ready][data-revealed]{animation-name:reveal-wipe}[data-reveal=wipe]>[data-reveal-item]{--reveal-delay:.2s}}@keyframes reveal-wipe{0%{clip-path:inset(0 100% 0 0);opacity:0}}@keyframes colorChange{0%{color:var(--color-3)}25%{color:var(--color-5)}50%{color:var(--color-6)}75%{color:var(--color-7)}to{color:var(--color-3)}}@keyframes colorChangeBg{0%{background:var(--color-3)}25%{background:var(--color-5)}50%{background:var(--color-6)}75%{background:var(--color-7)}to{background:var(--color-3)}}.header{color:var(--color-1);transition:background-color var(--duration) var(--ease-out), padding var(--duration) var(--ease-out);z-index:999;width:100%;padding:1rem 0;position:relative;@media (width>=768px){width:100%;position:fixed;&.fixed{background:#000;padding:.5rem 0}}& .logo{width:100%;@media (width>=768px){width:auto}& a,& img{width:250px;max-width:60vw;margin:0 auto;display:block;@media (width>=768px){width:auto;max-width:13rem;margin:0}}}& .container{grid-template-columns:1fr;display:grid;@media (width>=768px){grid-template-columns:15rem 1fr}}& .navigation{align-self:center}& .menu-toggle{width:2.3rem;height:2.25rem;transition:right var(--duration) var(--ease-out), background-color var(--duration) var(--ease-out), box-shadow var(--duration) var(--ease-out);cursor:pointer;z-index:9999;box-shadow:color-mix(in oklab, var(--project-color), transparent 75%) 0 8px 24px -8px, color-mix(in oklab, var(--project-color), transparent 75%) 0 -4px 40px -8px, color-mix(in oklab, var(--project-color), transparent 75%) 0 4px 80px -8px;background:#000;border:0;padding:.5rem;position:fixed;top:1rem;right:1rem;@media (width>=768px){display:none}&:after{content:"";position:absolute;inset:-.25rem}& span{background-color:var(--project-color,var(--color-1));opacity:1;width:1.3rem;height:.2rem;margin:0 auto;transition:background-color .3s;display:block;position:relative;top:0;&:before,&:after{content:"";background-color:var(--project-color,var(--color-1));opacity:1;width:1.3rem;height:.2rem;display:block;position:absolute}&:before{margin-top:-.4rem;transition-property:margin,transform;transition-duration:.2s;transition-delay:.2s,0s}&:after{margin-top:.4rem;transition-property:margin,transform;transition-duration:.2s;transition-delay:.2s,0s}}}& .menu{z-index:998;width:150px;height:100%;transition:right var(--duration) var(--ease-out);list-style-type:none;position:fixed;top:0;right:-250px;@media (width>=768px){background:0 0;justify-content:flex-end;align-items:center;width:auto;height:auto;padding:0;display:flex;position:relative;right:0}@media (width<768px){border-left:1px solid var(--project-color);visibility:hidden;transition:right var(--duration) var(--ease-out), visibility 0s linear var(--duration);background:#000;padding:.4rem 1rem 1rem 2rem;&:after{content:"";width:100%;height:100%;box-shadow:var(--project-color) 0 8px 24px, var(--project-color) 0 16px 56px, var(--project-color) 0 24px 80px;opacity:.3;z-index:-1;position:absolute;top:0;left:0}}& li{font-size:1.2rem;line-height:1.2;@media (width<768px){& a{padding:.2rem 0 .5rem;display:block}}@media (width>=768px){margin-top:-.3rem;margin-left:2rem}&:first-child{margin-left:0}.was &:first-child a{color:var(--color-3)}.wer &:nth-child(2) a{color:var(--color-6)}.wo &:nth-child(3) a{color:var(--color-7)}&:hover{&:first-child a{color:var(--color-3)}&:nth-child(2) a{color:var(--color-6)}&:nth-child(3) a{color:var(--color-7)}}}}@media (width<768px){&.open{& .menu{visibility:visible;transition:right var(--duration) var(--ease-out) .1s, visibility 0s linear 0s;right:0}& .menu-toggle{background-color:var(--project-color,var(--color-2));box-shadow:none;transition-delay:.15s;right:150px;& span{background-color:#0000;transition:background-color .3s;&:before{background-color:var(--color-1);margin-top:0;transition-delay:0s,.2s;transform:rotate(45deg)}&:after{background-color:var(--color-1);margin-top:0;transition-delay:0s,.2s;transform:rotate(-45deg)}.home &:before,.home &:after,.legal &:before,.legal &:after{background-color:var(--color-2)}}}}}}.nav-subtitle{font-size:.75rem;font-weight:var(--regular);opacity:.6;text-transform:uppercase;display:block;@media (width>=768px){font-size:.5rem;.header.fixed &{visibility:hidden;height:0}}}.site-content,.logo img{transition:transform var(--duration) var(--ease-out);.menu-open &{transform:translate(-150px)}}.menu-open{overflow:hidden}@media (scripting:none) and (width<768px){.header{& .menu-toggle{display:none}& .menu{visibility:visible;background:0 0;border:0;justify-content:center;gap:1.5rem;width:auto;height:auto;margin-top:1rem;padding:0;display:flex;position:static;&:after{content:none}}}}.form{z-index:10;width:100%;position:relative;& input,& textarea{border:0;border-bottom:2px solid var(--color-7);color:var(--color-1);font-family:var(--font);font-weight:var(--regular);background:#18181f;border-radius:0;width:100%;padding:.5rem .25rem;&[aria-invalid=true]{border-bottom-color:var(--color-error)}}& .btn{--btn-fill:var(--color-7);margin:.3rem 0}& .form-grid{grid-template-columns:1fr;row-gap:1rem;display:grid;@media (width>=768px){grid-template-columns:1fr 1fr;column-gap:1rem}& .full-width{grid-column:1/-1}& label{margin-bottom:.25rem;font-size:.75rem;display:block}}&:has(.contact-feedback[data-state=success]) .form-grid{display:none}&[aria-busy=true] .spinner{display:block}}.form-notice{margin-top:-.5rem;font-size:.75rem}.form-hint,.form-error{margin:.25rem 0 0;font-size:.75rem}.form-error{color:var(--color-error)}.form-hp{display:none}.contact-feedback{display:none;&[data-state]{color:#000;background:var(--color-error);padding:1rem;font-weight:500;display:block}&[data-state=success]{background:var(--color-valid)}& p:last-child,& ul:last-child{margin-bottom:0}& ul{margin-bottom:.6rem}& ul li:before,& a{color:#000}}.form-nojs{background:var(--color-7);color:var(--color-2);padding:2rem;& a{color:var(--color-2)}}@media (scripting:none){.form .form-grid,.contact-feedback{display:none}}.submit-container{flex-wrap:wrap;align-items:center;display:flex;& .btn{margin-top:0}}.spinner{width:40px;height:40px;margin-left:1rem;display:none;position:relative}.double-bounce1,.double-bounce2{background-color:var(--color-7);opacity:.6;border-radius:50%;width:100%;height:100%;animation:2s ease-in-out infinite sk-bounce;position:absolute;top:0;left:0}.double-bounce2{animation-delay:-1s}@keyframes sk-bounce{0%,to{transform:scale(0)}50%{transform:scale(1)}}.grecaptcha-badge{display:none!important}.btn{--btn-fill:var(--color-1);--btn-ink-hover:var(--color-2);isolation:isolate;transition:color var(--duration-exit) var(--ease-in);font-family:var(--font);font-weight:var(--bold);z-index:10;color:var(--color-1);cursor:pointer;background:0 0;border:none;margin:.5rem 0 0;padding:.6rem 1.5rem .75rem;display:inline-block;position:relative;@media (width>=768px){margin:.75rem 1rem .75rem 0}&:before,&:after{content:"";z-index:-1;width:100%;height:100%;position:absolute;top:0;left:0}&:before{background:var(--btn-fill);clip-path:inset(0 100% 0 0);transition:clip-path var(--duration-exit) var(--ease-in)}&:after{border:2px solid #f1f1f1e6}&:is(:hover,:focus-visible){color:var(--btn-ink-hover);transition:color var(--duration) var(--ease-out);&:before{clip-path:inset(0);transition:clip-path var(--duration) var(--ease-out)}}}.btn-primary{background-color:var(--project-color);color:var(--text-color);&:after{border:none}}.btn-dark{--btn-fill:var(--color-2);--btn-ink-hover:var(--color-1);color:var(--color-2);&:after{border-color:var(--color-2)}}.services-button{--project-color:var(--color-6);--text-color:var(--color-2);text-align:center;margin-top:3rem;@media (width>=900px){margin-left:calc(50% + 1rem)}}.footer{text-align:center;background:#000000d9;padding:2rem;font-size:.8rem;& p{margin:0}& a{position:relative;&:after{content:"";position:absolute;inset:-.8rem 0}}}.intro{z-index:2;width:100%;height:80vh;transition:opacity var(--duration) var(--ease-out), visibility var(--duration);visibility:visible;text-align:center;align-items:center;padding-top:4rem;padding-left:1rem;padding-right:1rem;display:flex;position:fixed;left:0;&.hidden{opacity:0;visibility:hidden}& .btn{width:15rem;@media (width>=768px){margin-inline:.5rem}&:last-of-type{background:var(--color-3);color:var(--color-2);&:after{border:none}}}& span:last-of-type{display:none}@media (orientation:portrait){height:60vh}}.intro-container{width:100%;max-width:1200px;margin:0 auto}.intro-heading{font-weight:var(--bold);line-height:1.25;font-size:var(--fs-4);color:var(--project-color);margin:0 0 1rem;position:relative;.home &{letter-spacing:-.02em;text-wrap:balance;color:var(--color-3);font-size:clamp(2.6rem,1.2rem + 5vw,5.5rem);line-height:1.05}}.intro-text{font-size:1.2rem;font-weight:var(--regular);max-width:40rem;@media (width>=768px){font-size:1.4rem}}p.intro-text{margin:0 auto 1rem;line-height:1.25;position:relative}.push{height:80vh;min-height:400px;@media (orientation:portrait){height:60vh}}.hero-background{background-image:var(--hero-s,none);background-position:top;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;width:100%;height:100vh;position:relative;overflow-x:hidden;transform:translateY(0);@media (width>=768px){background-image:var(--hero-m,var(--hero-s,none))}@media (width>=1200px){background-image:var(--hero-l,var(--hero-m,var(--hero-s,none)))}&.is-past,.ios &{background-attachment:scroll}.home &:after{content:"";background:#02020380;width:100%;height:100%;position:absolute;top:0;left:0}@media (orientation:portrait){height:60vh}}@media (scripting:none){.hero-background[data-hero-count]{--hero-s:var(--hero-1-s);--hero-m:var(--hero-1-m);--hero-l:var(--hero-1-l)}}.border-left,.border-right{z-index:1;background:var(--color-2);width:max(1rem,50% - 660px + 1rem);height:100%;position:absolute;top:0}.border-left{left:0}.border-right{right:0}.hero--compact{--title-tint:var(--project-color);padding-top:4.5rem;@media (width>=768px){padding-top:10rem}@supports (color:oklch(from red l c h)){--title-tint:oklch(from var(--project-color) clamp(.82, l, .92) max(c, .12) h)}&+.section{margin-top:5rem;@media (width>=768px){margin-top:8rem}@media (width>=900px){margin-top:11rem}}}.hero-grid{gap:2rem;display:grid;@media (width>=900px){grid-template-columns:minmax(0,5fr) minmax(0,2fr);align-items:end;gap:3rem 4rem}}.hero-grid--page{@media (width>=900px){grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:2rem}}.hero-title{color:var(--title-tint);font-weight:var(--bold);letter-spacing:-.02em;text-wrap:balance;margin:0;font-size:clamp(1.8rem,1rem + 3.4vw,4rem);line-height:1.04;.hero-grid--page &{font-size:min(clamp(2.6rem,1.2rem + 5vw,5.5rem),15cqi)}}.hero-heading{container-type:inline-size}.hero-lead{max-width:48ch;font-size:1.05rem;line-height:1.5;font-weight:var(--regular);margin:1.5rem 0 0;@media (width>=768px){font-size:1.15rem}.hero-grid--page &{max-width:42ch;margin:0;font-size:1.2rem;line-height:1.45;@media (width>=768px){font-size:1.35rem}}}.hero-facts{margin:0;display:grid;@media (width<900px){grid-template-columns:1fr 1fr;column-gap:1.5rem}& div{border-top:1px solid #f1f1f129;padding-block:.8rem}& dt{letter-spacing:.1em;text-transform:uppercase;color:#f1f1f199;margin-bottom:.2rem;font-size:.75rem}& dd{margin:0;font-size:1.05rem;line-height:1.35}& a{color:inherit;-webkit-text-decoration:underline 2px var(--project-color);text-decoration:underline 2px var(--project-color);text-underline-offset:.2em;position:relative;&:after{content:"";position:absolute;inset:-.6rem 0}}}.hero-palette{grid-column:1/-1;gap:3px;height:5.5rem;margin:0;padding:0;list-style:none;display:flex;@media (width>=768px){height:7rem}&>*{letter-spacing:.04em;white-space:nowrap;color:var(--color-1);flex:1;align-items:flex-end;font-size:.62rem;display:flex;overflow:hidden;box-shadow:inset 0 0 0 1px #f1f1f11a;@media (width>=768px){font-size:.8rem}}&>:first-child{flex:1.4;@media (width>=768px){flex:2.2}}& .ink-dark{color:var(--color-2)}}ul.hero-palette>li{margin:0;padding:.45rem;@media (width>=768px){padding:.6rem .7rem}&:before{content:none}}.hero-palette--steps{height:1.25rem;@media (width>=768px){height:1.75rem}&>:first-child{background:var(--project-color)}&>:nth-child(2){background:color-mix(in oklch, var(--project-color) 75%, white)}&>:nth-child(3){background:color-mix(in oklch, var(--project-color) 50%, white)}@supports (color:oklch(from red l c h)){&>:nth-child(2){background:oklch(from var(--project-color) min(calc(l + .07), .96) calc(c * .8) h)}&>:nth-child(3){background:oklch(from var(--project-color) min(calc(l + .14), .97) calc(c * .6) h)}}}.hero-icon{--icon-dark:color-mix(in oklch, var(--project-color) 45%, black);--icon-light:color-mix(in oklch, var(--project-color) 30%, white);aspect-ratio:1;width:4.5rem;margin-bottom:1.25rem;@media (width>=768px){width:7.5rem;margin-bottom:1.75rem}@supports (color:oklch(from red l c h)){--icon-dark:oklch(from var(--project-color) .38 calc(c * .6) h);--icon-light:oklch(from var(--project-color) .92 calc(c * .35) h)}& svg{width:100%;height:100%;display:block}& .tone-dark{--tone:var(--icon-dark)}& .tone-mid{--tone:var(--project-color)}& .tone-light{--tone:var(--icon-light)}& :is(.tone-dark,.tone-mid,.tone-light):not([fill=none]){fill:var(--tone)}& :is(.tone-dark,.tone-mid,.tone-light)[stroke]{stroke:var(--tone)}}@media screen and (prefers-reduced-motion:no-preference){.intro-heading,.intro-text,.intro .btn,.hero--compact :is(.hero-icon,.hero-title,.hero-lead,.hero-facts){--reveal-translate:0 var(--reveal-distance);animation:reveal var(--duration-slow) var(--ease-out) backwards;animation-delay:calc(var(--enter-delay,.1s) + var(--enter,0) * var(--reveal-stagger))}.intro{--enter-delay:.2s}.intro-text,.hero-lead,.hero-icon+.hero-title{--enter:1}.intro .btn,.hero-facts,.hero-grid--page:has(.hero-icon) .hero-lead{--enter:2}.intro .btn+.btn{--enter:3}.home .intro-heading{animation:reveal var(--duration-slow) var(--ease-out) var(--enter-delay) backwards, colorChange 18s var(--enter-delay) infinite}.intro .btn:last-of-type{animation:reveal var(--duration-slow) var(--ease-out) calc(var(--enter-delay) + var(--enter) * var(--reveal-stagger)) backwards, colorChangeBg 18s var(--enter-delay) infinite}.hero-background{animation:reveal 1.2s var(--ease-out) .5s backwards}.hero--compact .hero-palette{animation:palette-sweep 1.2s cubic-bezier(.45, 0, .2, 1) calc(.1s + 3 * var(--reveal-stagger)) backwards;mask-image:linear-gradient(90deg,#000 45%,#0000 55%);mask-position:0 0;mask-size:250% 100%;mask-repeat:no-repeat}[data-vt-arrival=project] .hero--compact .hero-palette,[data-vt-arrival=service] .hero--compact :is(.hero-icon,.hero-title){animation:none}}@keyframes palette-sweep{0%{mask-position:100% 0}}.featured h2{color:var(--color-1)}.fan{--fan-slit:4.25rem;--fan-more:4rem;--fan-gap:3px;--fan-ease:var(--ease-out);gap:var(--fan-gap);flex-direction:column;display:flex;@media (width>=900px){--fan-slit:6rem;max-width:80rem;margin-left:clamp(0px, (100% - 80rem + var(--fan-more) + var(--fan-gap)) / 2, max(0px, 100% - 80rem));flex-direction:row;height:clamp(24rem,64vh,34rem);container-type:inline-size}}.fan-panel{height:var(--fan-slit);background:var(--work-color,var(--color-3));color:var(--work-ink,var(--color-2));transition:height .8s var(--fan-ease);font-weight:400;display:block;position:relative;overflow:hidden;&.is-open{height:min(34rem,82svh)}&:focus-visible{outline:2px solid var(--color-1);outline-offset:-4px}@media (width>=900px){height:auto;min-width:var(--fan-slit);transition:flex-grow .9s var(--fan-ease);flex:1 1 0;&.is-open{flex-grow:100;height:auto}}}.fan-media{background:var(--color-2);opacity:0;transition:opacity .5s;position:absolute;inset:0;@media (width>=900px){width:calc(100cqw - (var(--fan-count) - 1) * (var(--fan-slit) + var(--fan-gap)) - var(--fan-more) - var(--fan-gap));right:auto}& .image{height:100%;display:block;position:relative}& img{object-fit:cover;width:100%;height:100%;display:block}.is-open &{opacity:1;transition:opacity .7s .15s}}.fan-slit{height:var(--fan-slit);justify-content:space-between;align-items:center;padding:0 1.1rem;transition:opacity .3s;display:flex;position:absolute;inset:0 0 auto;.is-open &{opacity:0}@media (width>=900px){width:var(--fan-slit);flex-direction:column-reverse;align-items:flex-start;height:auto;padding:1.25rem 1.1rem;inset:0 auto 0 0}}.fan-label{min-width:0;line-height:1.3;& strong,& span{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}& strong{font-size:1.05rem;font-weight:var(--bold)}& span{opacity:.85;font-size:.9rem}@media (width>=900px){writing-mode:vertical-rl;rotate:180deg;& strong{font-size:1.2rem}& span{margin-inline-start:.15rem;font-size:1rem}}}.fan-info{color:var(--color-1);opacity:0;background:#0d0d11e6;padding:1.2rem 1.25rem;transition:opacity .25s,translate .25s;position:absolute;inset:auto 1rem 1rem;translate:0 .75rem;.is-open &{opacity:1;transition:opacity .6s ease .4s, translate .8s var(--fan-ease) .4s;translate:0}@media (width>=900px){width:min(27rem,100% - 2rem);padding:1.5rem 1.6rem 1.4rem;inset:auto auto clamp(1rem,3vw,2.5rem) clamp(1rem,3vw,3rem)}& h3{color:var(--work-tint,var(--color-3));text-wrap:balance;margin:0 0 .6rem;font-size:clamp(1.25rem,1.6vw,1.55rem);line-height:1.2}& p{color:var(--color-8);margin:0 0 1rem;font-size:.95rem;line-height:1.5;display:none;@media (width>=900px){display:block}}}.fan-cta{font-size:.95rem;font-weight:var(--bold);align-items:center;gap:.5rem;display:inline-flex}.fan-cta svg,.fan-arrow{transition:translate .5s var(--fan-ease)}.fan-panel.fan-more{background:var(--color-2);color:var(--color-1);@media (width>=900px){flex:0 0 var(--fan-more);min-width:0}& .fan-slit{flex-direction:row-reverse;@media (width>=900px){flex-direction:column;justify-content:space-between;align-items:center;width:100%;padding-inline:0}}& .fan-arrow{display:flex}& strong{text-underline-offset:.35em;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;text-decoration-thickness:2px;transition:text-decoration-color .3s;overflow:visible}&:is(:hover,:focus-visible){& strong{text-decoration-color:currentColor}& .fan-arrow{translate:.3rem}}}@media (hover:hover){.fan-panel.is-open:hover .fan-cta svg{translate:.3rem}}@media (prefers-reduced-motion:reduce){.fan-panel,.fan-media,.fan-slit,.fan-info{transition-duration:10ms;transition-delay:0s}}.project-list{--project-ease:var(--ease-out);--project-line:#f1f1f124}.project-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem 2rem;margin-bottom:1.5rem;display:flex}.project-filter{flex-wrap:wrap;gap:.4rem;display:flex}.project-list .chip{color:var(--color-1);font:inherit;cursor:pointer;background:0 0;border:1px solid #f1f1f140;align-items:baseline;gap:.5rem;padding:.65rem .9rem;font-size:.85rem;font-weight:500;transition:border-color .3s,background-color .3s,color .3s;display:inline-flex;& small{font-variant-numeric:tabular-nums;color:var(--color-8);font-size:.75rem;font-style:normal;transition:color .3s}&:hover{border-color:var(--color-1)}&[aria-current=page]{background:var(--color-1);border-color:var(--color-1);color:var(--color-2);& small{color:#0d0d1199}}}.project-sort{color:var(--color-8);align-items:center;gap:.25rem;font-size:.85rem;display:flex;& .chip{border-color:#0000;&[aria-pressed=true]{text-underline-offset:.35em;text-decoration:underline;text-decoration-thickness:2px}}&[hidden]{display:none}}.project-rows{border-bottom:1px solid var(--project-line);margin:0;padding:0;list-style:none;&:is(ul)>li{margin:0;padding:0;&:before{content:none}}@supports (view-transition-class:a){& li{view-transition-class:project-row}}}.project-row{isolation:isolate;border-top:1px solid var(--project-line);color:var(--color-8);font-weight:var(--regular);grid-template-columns:4rem 1fr auto;align-items:center;gap:.2rem 1rem;padding:.75rem .5rem;display:grid;position:relative;& .project-fill{z-index:-1;background:var(--work-color,var(--color-3));clip-path:inset(0 100% 0 0);transition:clip-path .7s var(--project-ease);position:absolute;inset:-1px 0 0}& .project-thumb{aspect-ratio:1;grid-row:span 2;width:4rem;display:block;& img{object-fit:cover;width:100%;height:100%;display:block}}& .project-client{font-size:1.05rem;line-height:1.25;font-weight:var(--bold);color:var(--work-tint,var(--color-3));grid-column:2/-1;align-self:end;transition:color .35s}& .project-title{font-size:.95rem;transition:color .35s;display:none}& .project-service{white-space:nowrap;grid-column:2;align-self:start;font-size:.85rem;transition:color .35s}&:focus-visible{outline:2px solid var(--on-work-color);outline-offset:-3px}@media (width>=900px){grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:baseline;gap:1.5rem;padding:1.05rem 1rem;& .project-thumb{display:none}& .project-client{grid-column:auto;align-self:baseline;font-size:1.3rem}& .project-title{display:block}& .project-service{text-align:right;grid-column:auto;align-self:baseline;min-width:8rem}}}.project-row,.project-preview{--on-work-color:var(--work-ink,var(--color-2))}.project-row:focus-visible{color:var(--on-work-color);& .project-fill{clip-path:inset(0)}& :is(.project-client,.project-title,.project-service){color:var(--on-work-color)}}.project-row.is-vt-source{color:var(--on-work-color);& .project-fill{clip-path:inset(0);transition:none}& :is(.project-client,.project-title,.project-service){color:var(--on-work-color)}}@media (hover:hover){.project-row:hover{color:var(--on-work-color);& .project-fill{clip-path:inset(0)}& :is(.project-client,.project-title,.project-service){color:var(--on-work-color)}}}.project-preview,.project-glow{pointer-events:none;will-change:transform;width:20rem;position:fixed;top:0;left:0}.project-preview{z-index:50;background:var(--work-color,var(--color-3));color:var(--on-work-color);clip-path:inset(50% 0);transition:clip-path .6s var(--ease-out), background-color .4s ease, color .4s ease;&.is-open{clip-path:inset(0)}}.project-preview-media{aspect-ratio:1.618;position:relative;overflow:hidden;& picture{opacity:0;transition:opacity .35s;position:absolute;inset:0;&.is-visible{opacity:1}}& img{object-fit:cover;width:100%;height:100%;display:block}}.project-preview-label{font-size:.8rem;font-weight:var(--bold);justify-content:space-between;align-items:center;gap:1rem;padding:.6rem .75rem .65rem;display:flex}.project-palette{font-variant-numeric:tabular-nums;letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:.6rem;font-size:.7rem;display:flex;& span{gap:.15rem;display:flex}& i{background:var(--swatch);width:.9rem;height:.9rem;box-shadow:inset 0 0 0 1px #0000001f}}.project-glow{z-index:49;background:var(--work-color,var(--color-3));filter:blur(2.75rem);opacity:0;transition:opacity .8s var(--ease-out), background-color .4s ease;&.is-open{opacity:.55}}@media (prefers-reduced-motion:reduce){.project-row .project-fill,.project-preview,.project-preview-media picture,.project-glow{transition-duration:10ms}}::view-transition-group(*.project-row){animation-duration:.7s;animation-timing-function:var(--ease-out)}.fan-panel,.project-row{--work-tint:var(--work-color,var(--color-3));@supports (color:oklch(from red l c h)){--work-tint:oklch(from var(--work-color,var(--color-3)) clamp(.72, l, .86) max(c, .13) h)}}[data-duotone]{--duotone-ease:var(--ease-out);& .image{isolation:isolate;&:after{content:"";background:var(--work-tint,var(--color-3));mix-blend-mode:multiply;pointer-events:none;transition:opacity .8s var(--duotone-ease);position:absolute;inset:0}}& img{filter:grayscale()contrast(1.1)brightness(1.08);transition:filter .8s var(--duotone-ease)}}[data-duotone]:is([data-colored],:focus-visible){& img{filter:none}& .image:after{opacity:0}}@media (hover:hover){[data-duotone]:hover{& img{filter:none}& .image:after{opacity:0}}}.testimonials{& h2{color:var(--color-5)}@media (width>=900px){& .testimonials-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;column-gap:2rem;display:grid}& .testimonials-layout .section-head{max-width:none;margin:0;& h2{margin:0 0 1.5rem}}& .testimonials-layout .testimonial-slide{padding:3rem 4.5rem 2.5rem}}@media (width<450px){& .testimonial-slide{padding:2rem 3rem}& .testimonial-slider:after{margin-left:0;top:-1.5rem}}}.testimonial-slider{color:var(--color-2);position:relative;&:after{content:"“";text-align:center;background:#008d7199;width:3rem;height:3rem;margin-left:-1.5rem;padding-top:0;font-family:Georgia,serif;font-size:3.5rem;display:block;position:absolute;top:1rem;left:0}}.slider-track{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;align-items:stretch;display:flex;overflow-x:auto;[data-slider-ready] &{scrollbar-width:none;transition:height var(--duration) var(--ease-out);align-items:flex-start;overflow-y:hidden;&::-webkit-scrollbar{display:none}}&>.testimonial-slide{scroll-snap-align:start;flex:0 0 100%}}.slider-arrow{z-index:200;color:#0000;cursor:pointer;background:0 0;border:none;place-items:center;width:2.75rem;height:2.75rem;padding:0;font-size:0;line-height:0;display:grid;position:absolute;top:50%;transform:translateY(-50%);&:before{content:"➜";opacity:1;color:var(--color-2);transition:opacity var(--duration-fast) var(--ease-out);font-size:1.5rem;line-height:1}&:hover:before,&:focus:before{opacity:.5}}.slider-prev{left:.25rem;&:before{display:block;transform:scale(-1)}}.slider-next{right:.25rem}.testimonial-slide,.testimonial{background:#00c09a;padding:3rem 6rem 2.5rem}.testimonial{background:var(--color-5);padding:4rem 6rem;position:relative;&:after{content:"“";width:3rem;height:3rem;color:var(--color-1);text-align:center;background:#cbcbcb99;margin-left:-1.5rem;padding-top:0;font-family:Georgia,serif;font-size:3.5rem;display:block;position:absolute;top:1rem;left:0}}.testimonial-large{font-size:1.2rem}.quote{background:var(--color-6);color:var(--color-2);margin-top:2rem;padding:2rem;position:relative;& blockquote{font-size:var(--fs-2)}&:after{content:"“";text-align:center;width:3rem;height:3.2rem;color:var(--color-2);background:#4d9d3499;margin-left:-1.5rem;padding-top:0;font-family:Georgia,serif;font-size:3.5rem;font-weight:700;display:block;position:absolute;top:1rem;left:0}}.testimonial-author{margin-top:1rem;font-size:.8rem;display:block}.quote-author{color:var(--color-2);margin-top:1rem}.project-link{margin-top:2rem;display:block;& a{color:var(--color-2);position:relative;&:after{content:"";position:absolute;inset:-.75rem -.5rem}&:hover,&:focus{border-bottom-color:var(--color-2)!important}}}.wer{& h2{color:var(--project-color)}& h3{font-size:var(--fs-1);color:var(--color-6);margin-top:1.5rem;margin-bottom:.5rem;&:first-child{margin-top:0}}}.about-content{grid-template-columns:1fr;gap:2rem;display:grid;@media (width>=900px){grid-template-columns:1fr 1fr;justify-content:space-between}}.about-image{align-self:start;margin:0;position:relative;& img{filter:grayscale();transition:filter var(--duration-slow) var(--ease-out);width:100%;display:block}&:hover{& img{filter:grayscale(0%)}&:before{background:0 0}}&:before{content:"";z-index:10;width:100%;height:100%;transition:background-color var(--duration-slow) var(--ease-out);background:#0003;position:absolute;top:0;left:0}}.about-details{align-self:flex-start}.cta h2{color:var(--color-1)}.services{--service-line:#f1f1f124;--service-ease:var(--ease-out);& h2,& h3,& h4{color:var(--color-6)}}.services .service-name{font-size:var(--fs-3);align-items:center;gap:.5em;margin:0;line-height:1.1;display:flex}.service-icon{flex:none;width:1.6em;height:1.6em}.service-link{font-weight:var(--bold);color:var(--color-1);align-items:center;gap:.5rem;display:inline-flex;& svg{transition:translate .5s var(--service-ease)}}a.service-link:is(:hover,:focus-visible) svg,.service-row:is(:hover,:focus-visible) .service-link svg{translate:.35rem}.service-row{color:var(--color-1);font-weight:var(--regular);transition:background-color var(--duration) var(--ease-out);padding:2.5rem .5rem;gap:1.25rem;padding-block:1.5rem;display:grid;& p{margin-bottom:.9rem}&:hover{background:#f1f1f108}&:focus-visible{outline:2px solid var(--color-1);outline-offset:-2px}@media (width>=900px){grid-template-columns:1fr 1fr;align-items:start;gap:2rem;padding-block:3rem;& .service-name{align-items:flex-start;margin-top:calc(.37rem - .195em)}& .service-icon{margin-top:-.255em}}}.service-item{gap:2rem;padding-block:2.5rem;display:grid;& .service-name{margin-bottom:1.5rem}@media (width>=900px){grid-template-columns:1fr 1fr;padding-block:2rem}}.service-intro p{max-width:40ch;margin-bottom:1.25rem}.service-link:hover{color:var(--color-6)}ul.service-list{margin:0;& li{margin:0;padding:1.2rem 0 1.4rem;&:first-child{padding-top:.6rem}&+li{border-top:1px solid var(--service-line)}&:before{content:none}}& h4{font-size:var(--fs-1);margin:0 0 .4rem}& p{max-width:62ch;margin:0}}.service-more{margin-top:4rem;@media (width>=900px){margin-left:calc(50% + 1rem);& h4{font-size:var(--fs-2);margin:0 0 1rem}& p{max-width:46ch;margin:0 0 .5rem}}}.skills{width:100%;@media (width>=900px){grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;column-gap:2rem;display:grid;& .section-head{max-width:none;margin:0}& .section-head h2{margin:0 0 1.5rem}}& ul{--reveal-stagger:30ms;margin:0;padding:0;list-style-type:none}& .icon{width:auto;height:2rem;margin-bottom:1rem;margin-left:0;margin-right:1rem;display:inline-block;& img{width:auto;height:2rem;display:inline}@media (width>=768px){height:3rem;& img{height:3rem}}}& [data-tooltip]{position:relative;&:before,&:after{z-index:10;box-sizing:border-box;opacity:0;pointer-events:none;transform-origin:top;backface-visibility:hidden;will-change:transform;transition:opacity var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out);position:absolute;bottom:100%;left:50%;transform:translate(-50%)}&:before{content:"";background:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iRWJlbmVfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAzNiAxMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMzYgMTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiM3MWM3NTc7fQ0KPC9zdHlsZT4NCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0yLjcsMGMtMTYuMywwLDQ4LjMsMCwzMiwwYy02LDAtMTEuNiwxMi0xNiwxMlM4LjYsMCwyLjcsMHoiLz4NCjwvc3ZnPg0K") 0 0/100% no-repeat;width:18px;height:6px;margin:0 0 5px}&:after{content:attr(data-tooltip);background:var(--color-6);color:var(--color-2);white-space:nowrap;box-sizing:content-box;border-radius:4px;margin-bottom:11px;padding:.25rem .5rem;font-size:.75rem;font-weight:400}&:hover:before,&:hover:after{opacity:1;pointer-events:auto}&:hover:before{transform:translate(-50%,-6px)}&:hover:after{transform:translate(-50%,-5px)}}}.wo h2{color:var(--color-7)}#schreiben-sie-mir{scroll-margin-top:6rem}.contact-form{grid-template-columns:1fr;gap:3rem;display:grid;@media (width>=768px){grid-template-columns:1fr 1fr}@media (width>=900px){column-gap:2rem}}.contact-details{width:100%;margin-bottom:1rem;@media (width>=768px){width:auto;margin-bottom:0}}.cta{max-width:1320px;margin-inline:auto;padding-inline:1rem;& .container{background:var(--color-7);max-width:none;padding:2rem}& h2{color:var(--color-2);margin-bottom:1.5rem}& p{color:var(--color-2);max-width:var(--medium-content-width)}@media (width>=900px){& .container{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;column-gap:2rem;padding:3rem;display:grid}& h2{grid-row:1/span 2;margin:0}& p{grid-column:2;max-width:46ch;margin:0 0 1.5rem}& .btn{grid-column:2;justify-self:start}}}.projekte{& .testimonial{color:var(--project-ink,var(--color-1));padding:3rem}}.media{grid-template-columns:1fr;justify-content:center;place-items:flex-start center;gap:1rem;display:grid;position:relative;@media (width>=900px){grid-template-columns:repeat(auto-fit,calc(50% - 1rem))}&:has(:only-child){grid-template-columns:1fr}}.project-image img{object-fit:cover;width:100%;height:100%}.project-mockups{gap:2rem;display:grid;@media (width>=900px){grid-template-columns:6fr 2fr;&:not(:has(.mockup-browser-mobile)){grid-template-columns:1fr}}}.mockup-browser{width:100%;box-shadow:color-mix(in oklab, var(--project-color), var(--color-2) 40%) -5px 5px, color-mix(in oklab, var(--project-color), var(--color-2) 65%) -10px 10px, color-mix(in oklab, var(--project-color), var(--color-2) 75%) -15px 15px, color-mix(in oklab, var(--project-color), var(--color-2) 85%) -20px 20px, color-mix(in oklab, var(--project-color), var(--color-2) 99%) -25px 25px;background-color:#0000;border:1px solid #23232e;border-radius:0;position:relative;overflow:auto hidden}.mockup-browser-mobile{max-width:70vw;margin-left:auto;margin-right:auto}.mockup-browser-toolbar{direction:ltr;align-items:center;width:100%;margin-block:.25rem;display:inline-flex;&:before{content:"";aspect-ratio:1;opacity:.3;height:.5rem;box-shadow:1rem 0 var(--project-color), 2rem 0 var(--project-color), 3rem 0 var(--project-color);border-radius:50%;margin-inline-end:4.8rem;display:inline-block;.mockup-browser-mobile &{box-shadow:.75rem 0 var(--project-color), 1.5rem 0 var(--project-color), 2.25rem 0 var(--project-color)}}}.mockup-browser-input{text-overflow:ellipsis;white-space:nowrap;text-align:center;width:20rem;color:var(--project-color);background-color:#23232e;margin-inline:auto;padding:.125rem;font-size:.65rem;display:block;position:relative;left:-1.5rem;overflow:hidden;.mockup-browser-mobile &{width:100%}}.mockup-browser-window{max-height:400px;overflow-y:scroll;@media (width<900px){.mockup-browser-desktop &{aspect-ratio:16/10}}@media (width>=900px){max-height:600px}}.mockup-browser-image{width:100%;& img{width:100%;display:block}}.post-nav{--post-nav-1:var(--project-color);--post-nav-2:color-mix(in srgb, var(--project-color) 80%, var(--color-2));z-index:900;font-size:1.2rem;font-weight:var(--bold);background:linear-gradient(to right, var(--post-nav-1) 0%, var(--post-nav-1) 51%, var(--post-nav-2) 50%, var(--post-nav-2) 100%);color:var(--color-1);position:relative;@media (width>=768px){font-size:1.5rem}@media (width<768px){background:linear-gradient(to bottom, var(--post-nav-1) 0%, var(--post-nav-1) 51%, var(--post-nav-2) 50%, var(--post-nav-2) 100%);&:has(span:only-child){background:var(--post-nav-1)}}& span:first-child{color:var(--project-ink,var(--color-1))}& span:nth-child(2){color:var(--project-ink-2,var(--color-1))}& a{color:inherit;text-underline-offset:.25em;transition:text-decoration-color var(--duration-fast) var(--ease-out);-webkit-text-decoration:underline #0000;text-decoration:underline #0000;text-decoration-thickness:2px;&:after{content:"";position:absolute;inset:0}&:hover,&:focus-visible{text-decoration-color:currentColor}&:focus-visible{outline:none}}& span:has(a:focus-visible){outline-offset:-6px;outline:2px solid}& .container{flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex;@media (width<768px){width:100%}}& span{text-align:center;width:100%;padding:2rem 0;position:relative;@media (width>=768px){text-align:left;flex:50%;width:auto;padding:6rem 0;&:nth-child(2){text-align:right}}}}}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:300 700;src:url("/assets/fonts/space-grotesk-v2-latin-ext-wght-normal.952dddb45d.woff2")format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:300 700;src:url("/assets/fonts/space-grotesk-v2-latin-wght-normal.0640890476.woff2")format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk Fallback;src:local(Arial),local(Roboto);size-adjust:109.69%;ascent-override:89.71%;descent-override:26.62%;line-gap-override:0%}