@font-face{font-family:Sora;src:url(/fonts/Sora-Variable.woff2)format("woff2");font-weight:100 800;font-style:normal;font-display:swap}@font-face{font-family:Michroma;src:url(/fonts/Michroma-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Cormorant Garamond;src:url(/fonts/CormorantGaramond-latin.woff2)format("woff2");font-weight:300 700;font-style:normal;font-display:swap;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:Cormorant Garamond;src:url(/fonts/CormorantGaramond-Italic-latin.woff2)format("woff2");font-weight:300 700;font-style:italic;font-display:swap;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:Cormorant Garamond;src:url(/fonts/CormorantGaramond-vietnamese.woff2)format("woff2");font-weight:300 700;font-style:normal;font-display:swap;unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Cormorant Garamond;src:url(/fonts/CormorantGaramond-Italic-vietnamese.woff2)format("woff2");font-weight:300 700;font-style:italic;font-display:swap;unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Be Vietnam Pro;src:url(/fonts/BeVietnamPro-300-latin.woff2)format("woff2");font-weight:300;font-style:normal;font-display:swap;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:Be Vietnam Pro;src:url(/fonts/BeVietnamPro-300-vietnamese.woff2)format("woff2");font-weight:300;font-style:normal;font-display:swap;unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Be Vietnam Pro;src:url(/fonts/BeVietnamPro-400-latin.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap;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:Be Vietnam Pro;src:url(/fonts/BeVietnamPro-400-vietnamese.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Be Vietnam Pro;src:url(/fonts/BeVietnamPro-500-latin.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap;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:Be Vietnam Pro;src:url(/fonts/BeVietnamPro-500-vietnamese.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap;unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Be Vietnam Pro;src:url(/fonts/BeVietnamPro-600-latin.woff2)format("woff2");font-weight:600;font-style:normal;font-display:swap;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:Be Vietnam Pro;src:url(/fonts/BeVietnamPro-600-vietnamese.woff2)format("woff2");font-weight:600;font-style:normal;font-display:swap;unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}:root{--night:#010005;--night-floor:#05091c;--floor-light:#2d63b2;--graphite:#202427;--ivory:#f4f0e8;--gold:#d4af37;--gold-light:#f6e3b0;--gold-glint:#fff3cf;--hairline:color-mix(in srgb, var(--gold) 32%, transparent);--glow:color-mix(in srgb, var(--gold) 55%, transparent);--floor-glow:color-mix(in srgb, var(--floor-light) 36%, transparent);--star-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 0C13 7 17 11 24 12C17 13 13 17 12 24C11 17 7 13 0 12C7 11 11 7 12 0Z'/%3E%3C/svg%3E");--gold-metal:linear-gradient(100deg, #a8842c 0%, var(--gold) 30%, #f7e9b8 47%, var(--gold) 64%, #a8842c 100%);--sheen:linear-gradient(100deg, transparent 45%, #fff8e1e6 50%, transparent 55%);--device:var(--night);--showcase:radial-gradient(75% 70% at 50% 42%, var(--graphite), var(--night));--shelf:linear-gradient(90deg, transparent, var(--hairline) 12% 88%, transparent);--bg:var(--night);--fg:var(--ivory);--accent:var(--gold);--surface:var(--graphite);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--fg-muted:color-mix(in srgb, var(--fg) 74%, var(--bg));--line:color-mix(in srgb, var(--fg) 20%, var(--bg));--line-strong:color-mix(in srgb, var(--fg) 58%, var(--bg));--glass:color-mix(in srgb, var(--bg) 78%, transparent);--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--space-8:4rem;--space-9:6rem;--space-10:8rem;--space-section:clamp(var(--space-8), 10vw, var(--space-10));--space-block:clamp(var(--space-7), 6vw, var(--space-9));--space-group:var(--space-5);--space-title-before:.5em;--space-title-after:1.2em;--gap-columns:clamp(var(--space-6), 5vw, var(--space-9));--gap-grid:clamp(var(--space-6), 3vw, var(--space-7));--gap-header:clamp(var(--space-4), 2.4vw, var(--space-6));--font-display:"Cormorant Garamond", Georgia, "Times New Roman", serif;--font-text:"Sora", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-brand:"Michroma", ui-sans-serif, system-ui, sans-serif;--font-text-vi:"Be Vietnam Pro", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-nav:var(--font-brand);--text-label:.6875rem;--text-small:.875rem;--text-body:1.0625rem;--text-lead:1.25rem;--text-title:clamp(1.625rem, 1.3rem + 1vw, 2.375rem);--text-display:clamp(2.5rem, 1.5rem + 4vw, 5.25rem);--text-statement:clamp(5.25rem, 3.575rem + 7.14vw, 10rem);--wordmark:.875rem;--wordmark-sub:.5rem;--slogan-band:clamp(1.0625rem, .95rem + .5vw, 1.4375rem);--radius-control:.25rem;--radius-media:.375rem;--radius-pill:999px;--ease:cubic-bezier(.22, .61, .36, 1);--gutter:clamp(1.25rem, 4vw, 4.5rem);--header-height:4.5rem;--content-width:90rem;--inline-space:max(var(--gutter), calc((100vw - var(--content-width)) / 2));--stage-columns:minmax(0, 1.7fr) minmax(17rem, 1fr);--stage-rows:minmax(16rem, 1fr) auto auto;--stage-gap:var(--gap-columns);--stage-padding:var(--header-height) var(--inline-space) clamp(1.75rem, 5svh, 3.5rem);--stage-aside-space:clamp(var(--space-4), 3svh, var(--space-6));--stage-label:clamp(1.5rem, min(1.9vw, 3.9svh), 2.125rem)}html:lang(vi){--font-text:var(--font-text-vi);--font-nav:var(--font-text-vi)}[lang=vi]{font-family:var(--font-text-vi)}*,:before,:after{box-sizing:border-box}[hidden]{display:none!important}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:var(--header-height)}@media (prefers-reduced-motion:no-preference){html.is-gliding{scroll-behavior:smooth}}body{background:var(--bg);color:var(--fg);font-family:var(--font-text);font-size:var(--text-body);overflow-wrap:anywhere;-webkit-font-smoothing:antialiased;margin:0;line-height:1.55}::selection{background:var(--fg);color:var(--bg)}:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:30;padding:var(--space-3) var(--space-4);border-radius:var(--radius-control);background:var(--fg);color:var(--bg);font-weight:600;position:fixed;top:.75rem;left:.75rem;transform:translateY(-250%)}.skip-link:focus{transform:none}.logo{height:auto;display:block}.button{min-height:3.25rem;padding:0 var(--space-5);border:1px solid var(--accent);border-radius:var(--radius-control);background-color:var(--accent);background-image:var(--sheen), var(--gold-metal);color:var(--bg);font:inherit;font-size:var(--text-body);cursor:pointer;background-position:100% 0,0 0;background-repeat:no-repeat;background-size:300% 100%,100% 100%;align-items:center;font-weight:600;text-decoration:none;transition:background-position .9s;display:inline-flex}.button:hover:not(:disabled){background-position:0 0,0 0}.button:disabled{opacity:.45;cursor:not-allowed}.button--pill{min-height:2.75rem;padding:0 var(--space-5);border-radius:var(--radius-pill);font-size:var(--text-small)}.icon-button{border-radius:var(--radius-pill);width:2.75rem;height:2.75rem;color:var(--fg);font:inherit;cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:inline-grid}.motion-icon{border-inline:.1875rem solid;width:.625rem;height:.75rem}#motion-toggle[data-paused=true] .motion-icon{border:.375rem solid #0000;border-inline-start:.625rem solid;border-inline-end:0;width:0;height:0}.display{font-family:var(--font-display);font-size:var(--text-display);letter-spacing:-.01em;margin:0;font-weight:400;line-height:1.05}.display span{text-wrap:balance;display:block}#hero-stage{background:linear-gradient(var(--night) 40%, var(--night-floor) 85%, var(--night));--visual-height:clamp(16rem, 70vw, 26rem);--unit:min(90cqw / 6.4, .8 * var(--visual-height) / 4.3);--p:0;--p-frozen:0;--away:1;--crown-calm:clamp(0, calc((.55 - var(--p)) / .3), 1);--services-calm:clamp(0, calc((var(--p) - .5) / .3), 1);position:relative}#hero-stage[data-scene=live]{--away:0}#hero-stage[data-scene=frozen]{--away:clamp(0, calc(max(var(--p) - var(--p-frozen), var(--p-frozen) - var(--p)) / .2), 1)}#hero{justify-content:center;gap:var(--space-group);min-height:100svh;padding:calc(var(--header-height) + var(--space-5)) var(--inline-space) var(--space-6);flex-direction:column;display:flex;position:relative}.hero-aside{gap:var(--space-group);text-align:center;justify-items:center;max-width:30rem;margin-inline:auto;display:grid}.hero-aside p{color:var(--fg-muted);text-wrap:pretty;margin:0}.hero-visual{height:var(--visual-height);margin:0 calc(-1 * var(--inline-space));flex:none;position:relative;container-type:size}.slogan{--slogan-gold:color-mix(in srgb, var(--gold) 72%, transparent);margin-inline:calc(-1 * var(--inline-space));position:relative}.slogan-line{background:linear-gradient(90deg, transparent, var(--slogan-gold) 24%, var(--slogan-gold) 76%, transparent);height:1px;display:block;position:relative;overflow:hidden}.slogan-line:after{background:linear-gradient(90deg, transparent, var(--gold-glint), transparent);content:"";width:16%;position:absolute;inset:0 auto 0 0;transform:translate(-110%)}.slogan-window{padding:var(--space-4) var(--inline-space);overflow:hidden}.slogan-track{justify-content:center;display:flex}.slogan-phrase{color:var(--fg);font:500 var(--slogan-band) / 1.5 var(--font-display);letter-spacing:.22em;text-align:center;text-transform:uppercase;flex-wrap:wrap;justify-content:center;margin:0;display:flex}.slogan-part:after{width:.7em;height:.7em;margin-inline:var(--space-5);background:var(--gold);content:"";display:inline-block;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 0C13 7 17 11 24 12C17 13 13 17 12 24C11 17 7 13 0 12C7 11 11 7 12 0Z'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 0C13 7 17 11 24 12C17 13 13 17 12 24C11 17 7 13 0 12C7 11 11 7 12 0Z'/%3E%3C/svg%3E") 50%/contain no-repeat}.slogan[data-state=still] .slogan-part:last-child:after,.slogan[data-state=still] .slogan-clone{display:none}.slogan:not([data-state=still]) .slogan-window{padding-inline:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 14% 86%,#0000);mask-image:linear-gradient(90deg,#0000,#000 14% 86%,#0000)}.slogan:not([data-state=still]) .slogan-track{width:max-content;animation:slogan-loop var(--slogan-duration,120s) linear var(--slogan-delay,0s) infinite;will-change:transform;justify-content:flex-start}.slogan:not([data-state=still]) .slogan-phrase{white-space:nowrap;flex-wrap:nowrap}.slogan:not([data-state=still]) .slogan-line:after{animation:9s ease-in-out infinite slogan-glint}.slogan:not([data-state=still]) .slogan-line:last-child:after{animation-delay:.4s}.slogan[data-state=paused] .slogan-track,.slogan[data-state=paused] .slogan-line:after{animation-play-state:paused}@keyframes slogan-loop{to{transform:translate(-50%)}}@keyframes slogan-glint{0%,62%{transform:translate(-110%)}to{transform:translate(640%)}}.hero-visual:before{background:radial-gradient(ellipse calc(3.8 * var(--unit)) calc(.75 * var(--unit)) at 50% calc(50% + 1.6 * var(--unit)), var(--floor-glow), transparent);opacity:calc(1 - .75 * var(--p));content:"";position:absolute;inset:0}#hero-canvas{opacity:0;width:100%;height:100%;transition:opacity .4s;display:block;position:absolute;inset:0}#hero-canvas[data-state=ready]{opacity:calc(1 - var(--away))}#hero-fallback{opacity:calc(var(--away) * var(--crown-calm));place-items:center;transition:opacity .4s;display:grid;position:absolute;inset:0}.hero-unit{width:var(--unit);visibility:hidden;height:0;position:absolute}#hero-fallback .logo{width:calc(4.914 * var(--unit));translate:0 calc(-.12 * var(--unit))}#leistungen{padding:var(--space-block) var(--inline-space)}#leistungen .display{margin-bottom:var(--space-title-after)}.services{gap:0;margin:0;padding:0;list-style:none;display:grid}.service{align-items:center;gap:var(--space-5);padding-block:var(--space-5);border-top:1px solid var(--line);grid-template-columns:5.5rem minmax(0,1fr);display:grid}.service-motif{--motif:color-mix(in srgb, var(--accent) 82%, var(--bg));--motif-soft:color-mix(in srgb, var(--accent) 16%, transparent);fill:none;width:100%;height:4.5rem;stroke:var(--motif);stroke-width:1.5px}.service-motif *{vector-effect:non-scaling-stroke}.service-motif .soft{fill:var(--motif-soft);stroke:none}.service-motif .solid{fill:var(--motif);stroke:none}.service-motif .node{fill:var(--bg)}.service-label{font-family:var(--font-display);font-size:var(--text-title);overflow-wrap:anywhere;font-weight:600;line-height:1.15}.service-text{text-wrap:pretty;margin:0}.service-text:before{width:var(--space-6);height:1px;margin-bottom:var(--space-4);background:var(--gold);content:"";display:block}.service-question{margin-bottom:var(--space-2);font-family:var(--font-display);font-size:var(--text-lead);font-weight:500;line-height:1.3;display:block}.service-answer{color:var(--fg-muted);display:block}@media (width<=639.98px){.service{align-items:start;row-gap:var(--space-3);grid-template-rows:auto auto}.service-motif{grid-row:1/span 2}.service-text{grid-column:2}}.service--websites{--slot:-1;--motif-width:2.9}.service--apps{--slot:0;--motif-width:1.9}.service--automation{--slot:1;--motif-width:2.7}@media (width>=640px){.services{gap:var(--space-6);grid-template-columns:repeat(3,minmax(0,1fr))}.service{justify-items:start;gap:var(--space-4);padding-block:var(--space-6) 0;grid-template-columns:minmax(0,1fr)}.service-motif{width:auto;height:9rem}}#erstgespraech{gap:var(--gap-columns);display:grid}fieldset{border:0;min-width:0;margin:0;padding:0}fieldset>*+*{margin-top:var(--space-group)}legend{color:var(--fg-muted);font-size:var(--text-small);letter-spacing:.14em;text-transform:uppercase;padding:0;font-weight:600}label{font-size:var(--text-small);font-weight:600}@media (width>=1024px){#hero-stage{--unit:min(86cqw / 10.4, 80cqh / 4.3)}#hero{grid-template-columns:var(--stage-columns);grid-template-rows:var(--stage-rows);gap:0 var(--stage-gap);padding:var(--stage-padding);display:grid}.hero-visual{grid-area:1/1/2/-1;height:auto;margin-block:0}.slogan{grid-area:2/1/3/-1}.hero-aside{max-width:none;padding-top:var(--stage-aside-space);grid-area:3/1/4/-1;justify-self:center}.hero-aside p{max-width:44ch;font-size:var(--text-lead)}#erstgespraech{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}}@supports (grid-template-rows:subgrid){#hero-stage[data-mode=pinned]{grid-template-columns:var(--stage-columns);grid-template-rows:var(--stage-rows);gap:0 var(--stage-gap);height:100svh;padding:var(--stage-padding);display:grid}#hero-stage[data-mode=pinned]>section{grid-area:1/1/-1/-1;grid-template-columns:subgrid;grid-template-rows:subgrid;min-height:0;padding:0;display:grid}#hero-stage[data-mode=pinned]>#leistungen{pointer-events:none}#hero-stage[data-mode=pinned] .slogan{opacity:clamp(0, calc((.45 - var(--p)) / .3), 1)}#hero-stage[data-mode=pinned] .services{margin:0 calc(-1 * var(--inline-space));grid-area:1/1/2/-1;display:block;position:relative;container-type:size}#hero-stage[data-mode=pinned] .service{top:calc(50% - .5 * var(--unit));left:calc(50% + var(--slot) * 3.5 * var(--unit));border:0;width:0;height:0;padding:0;display:block;position:absolute}#hero-stage[data-mode=pinned] .service-motif{width:calc(var(--motif-width) * var(--unit));height:auto;opacity:calc(var(--away) * var(--services-calm));transition:opacity .4s;position:absolute;translate:-50% -50%}#hero-stage[data-mode=pinned] .service-label{top:calc(1.73 * var(--unit));font-size:var(--stage-label);opacity:clamp(0, calc((var(--p) - .6) / .3), 1);white-space:nowrap;position:absolute;translate:-50% -50%}#hero-stage[data-mode=pinned] .service-text{top:calc(1.73 * var(--unit) + var(--space-6));width:min(28ch, 3.1 * var(--unit));text-align:center;opacity:clamp(0, calc((var(--p) - .75) / .25), 1);position:absolute;translate:-50%}#hero-stage[data-mode=pinned] .service-text:before{margin-inline:auto}#hero-stage[data-mode=pinned] #services-title{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}#hero-stage[data-mode=pinned] .hero-aside{opacity:clamp(0, calc((.45 - var(--p)) / .3), 1)}#hero-stage[data-mode=pinned][data-part=services] .hero-aside{visibility:hidden}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important}.slogan-track,.slogan-line:after{animation:none!important}}.section{padding:var(--space-section) var(--inline-space)}.chapter{align-items:center;gap:var(--space-4);margin:0 0 var(--space-block);color:var(--gold);font-family:var(--font-display);letter-spacing:.2em;grid-column:1/-1;font-weight:500;line-height:1;display:flex}.chapter:after{background:linear-gradient(90deg, var(--hairline), var(--hairline) 82%, transparent);content:"";flex:1;height:1px}.about>.chapter,#erstgespraech>.chapter{margin-bottom:0}.section{position:relative}.dust{--grain:color-mix(in srgb, var(--gold) 85%, transparent);--grain-faint:color-mix(in srgb, var(--gold) 50%, transparent);width:8rem;height:var(--space-7);pointer-events:none;position:absolute}.dust--right{top:calc(var(--space-section) - var(--space-7));right:var(--inline-space)}.dust:before{background:radial-gradient(circle at 96% 97%, var(--gold-light) 0 1.4px, transparent 2.4px), radial-gradient(circle at 87% 86%, var(--grain) 0 1.1px, transparent 2.1px), radial-gradient(circle at 78% 95%, var(--grain) 0 1.2px, transparent 2.2px), radial-gradient(circle at 69% 74%, var(--grain-faint) 0 .8px, transparent 1.8px), radial-gradient(circle at 93% 60%, var(--grain-faint) 0 .9px, transparent 1.9px), radial-gradient(circle at 58% 90%, var(--grain-faint) 0 .8px, transparent 1.8px), radial-gradient(circle at 81% 38%, var(--grain-faint) 0 .7px, transparent 1.6px), radial-gradient(circle at 47% 78%, var(--grain-faint) 0 .6px, transparent 1.5px), radial-gradient(circle at 72% 16%, var(--grain-faint) 0 .6px, transparent 1.5px);content:"";position:absolute;inset:0}.dust:after{background:var(--gold-light);width:.6rem;height:.6rem;-webkit-mask:var(--star-mask) center / contain no-repeat;mask:var(--star-mask) center / contain no-repeat;content:"";animation:5s ease-in-out infinite paused dust-twinkle;position:absolute;top:30%;right:16%}.reveal .is-visible>.dust:before{animation:dust-glimmer 1.8s var(--ease) .2s both}[data-motion=running] .dust:after{animation-play-state:running}@keyframes dust-glimmer{0%{opacity:0}40%{opacity:1}to{opacity:.8}}@keyframes dust-twinkle{0%,to{opacity:.35;scale:.6}50%{opacity:1;scale:1}}.overline,.index{background-image:var(--sheen), var(--gold-metal);color:#0000;text-transform:uppercase;background-position:100% 0,0 0;background-repeat:no-repeat;background-size:300% 100%,100% 100%;-webkit-background-clip:text;background-clip:text;width:fit-content;margin:0;font-family:Michroma,sans-serif}.overline{font-family:var(--font-nav);font-size:var(--text-label);letter-spacing:.3em}.index{font-size:var(--text-small);letter-spacing:.12em;display:inline-block}.tag{color:var(--fg-muted);font-size:var(--text-label);letter-spacing:.22em;text-transform:uppercase;margin:0;font-weight:500}.is-visible .overline{animation:sheen 2.4s var(--ease) .15s both}@keyframes sheen{0%{background-position:100% 0,0 0}to{background-position:0 0,0 0}}.section-title{overflow-wrap:anywhere;max-width:20ch;margin:0 0 var(--space-title-after);font-family:var(--font-display);font-size:var(--text-display);letter-spacing:-.01em;text-wrap:balance;font-weight:400;line-height:1.05}.section-title em{font-style:italic}.section-note{margin:calc(-1 * var(--space-2)) 0 var(--space-6);color:var(--fg-muted);font-size:var(--text-small)}.why-question{text-align:center}.why-question .section-title{max-width:18ch;margin-inline:auto}.why-question em{display:block}.why-lead,.why-note,.why-approach p{color:var(--fg-muted)}.why-lead{text-wrap:pretty;max-width:44ch;margin:0 auto}.why-problems,.why-cause-room,.why-answer{margin-top:var(--space-section)}.why-problems{gap:var(--space-block);max-width:64rem;margin-inline:auto;display:grid}.branch-switch{justify-content:center;align-items:baseline;gap:0 var(--space-4);font-family:var(--font-display);font-size:var(--text-title);border:0;flex-wrap:wrap;margin:0;padding:0;line-height:1.35;display:flex}.branch-switch legend{float:left;color:var(--fg);font:inherit;letter-spacing:normal;text-transform:none;margin:0;padding:0}.branch-switch label{padding-block:var(--space-1);color:var(--fg-muted);font:inherit;cursor:pointer;transition:color .3s var(--ease);align-items:baseline;margin:0;display:inline-flex;position:relative}.branch-switch input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.branch-switch label:has(:checked){color:var(--fg);font-style:italic}.branch-switch label:has(:checked):after{right:0;bottom:var(--space-1);background:var(--gold);content:"";height:1px;position:absolute;left:0}.branch-switch label:has(:focus-visible){outline:2px solid var(--gold);outline-offset:3px}.symptoms h3{margin:0 0 var(--space-3);color:var(--fg-muted);font-size:var(--text-body);font-weight:500}.symptoms ul{counter-reset:symptom;margin:0;padding:0;list-style:none}.symptoms li{grid-template-columns:var(--space-8) minmax(0, 1fr);padding-block:var(--space-6);border-top:1px solid var(--line);font-size:var(--text-lead);counter-increment:symptom;line-height:1.5;display:grid}.symptoms li:last-child{border-bottom:1px solid var(--line)}.symptoms li:before{color:var(--gold);font-family:var(--font-display);content:counter(symptom, lower-roman);font-style:italic}@supports selector(:has(*)){:is(.why:has([value=studio]:checked) .symptoms:not([data-branch=studio]),.why:has([value=restaurant]:checked) .symptoms:not([data-branch=restaurant]),.why:has([value=beratung]:checked) .symptoms:not([data-branch=beratung])){display:none}.symptoms h3{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}}.why-cause-room{text-align:center}.why-cause{margin:0}.why-cause-intro{color:var(--fg-muted);font-size:var(--text-label);letter-spacing:.22em;text-transform:uppercase;font-weight:500;display:block}.why-cause-word{margin-top:var(--space-3);font-family:var(--font-display);font-size:var(--text-statement);letter-spacing:-.015em;font-style:italic;font-weight:300;line-height:.95;display:block}.friction{width:min(38rem,86%);height:var(--space-7);margin:var(--space-4) auto var(--space-6);fill:none;stroke:var(--gold);stroke-width:1.2px;stroke-linejoin:round;display:block}.friction circle{fill:var(--gold);stroke:none}.why-cause-text{max-width:26ch;font-family:var(--font-display);font-size:var(--text-title);text-wrap:balance;margin-inline:auto;line-height:1.25;display:block}.why-note{max-width:46ch;margin:var(--space-5) auto 0}.why-answer{gap:var(--gap-columns);align-items:start;display:grid}.why-approach h3,.criteria-card h3{margin:0 0 var(--space-5);font-family:var(--font-display);font-size:var(--text-title);text-wrap:balance;font-weight:500;line-height:1.2}.why-approach p{max-width:40ch;margin:0 0 var(--space-6)}.steps{margin:0 0 var(--space-5);counter-reset:step;padding:0;list-style:none}.steps li{grid-template-columns:var(--space-7) minmax(0, 1fr);padding-block:var(--space-4);border-top:1px solid var(--line);counter-increment:step;display:grid}.steps li:last-child{border-bottom:1px solid var(--line)}.steps li:before{color:var(--gold);font-family:var(--font-display);content:"0" counter(step);grid-row:span 2;font-style:italic}.steps strong{font-weight:500}.steps span{color:var(--fg-muted);font-size:var(--text-small)}.text-link{min-height:2.75rem;color:var(--fg);letter-spacing:.04em;text-decoration:underline;-webkit-text-decoration-color:var(--gold);text-decoration-color:var(--gold);text-underline-offset:.45em;align-items:center;font-weight:500;display:inline-flex}.text-link:after{margin-left:var(--space-2);content:"→"}.criteria-card{padding:clamp(var(--space-5), 4vw, var(--space-7));border:1px solid var(--hairline);background:color-mix(in srgb, var(--surface) 38%, var(--bg));position:relative}.criteria-card:before{inset:var(--space-2);border:1px solid color-mix(in srgb, var(--gold) 16%, transparent);content:"";pointer-events:none;position:absolute}.criteria{margin:0}.criteria>div{padding-block:var(--space-4);border-top:1px solid var(--line)}.criteria dt{color:var(--fg-muted);font-size:var(--text-small)}.criteria dd{margin:var(--space-1) 0 0;font-family:var(--font-display);font-size:var(--text-lead);line-height:1.35}.work{gap:var(--space-block) var(--gap-grid);display:grid}.work-media{margin:var(--space-3) var(--space-3) var(--space-6);border-radius:var(--radius-media);background:var(--showcase);outline:1px solid var(--line);outline-offset:var(--space-3);overflow:hidden}.work-caption{grid-template-columns:var(--space-7) minmax(0, 1fr);gap:var(--space-2) var(--space-4);align-items:baseline;display:grid}.work-caption>div+div{grid-column:-2}.work-no{color:var(--gold);font-family:var(--font-display);font-size:var(--text-lead);font-style:italic}.work-card h3{margin:0 0 var(--space-2);font-family:var(--font-display);font-size:var(--text-title);font-weight:400;line-height:1.1}.work-card p:not(.tag){margin:var(--space-3) 0 0;color:var(--fg-muted)}.devices{--floor:18.5%;aspect-ratio:3/2;position:relative;container-type:inline-size}.devices--duo{--floor:21.5%}.devices:before{right:0;bottom:var(--floor);background:var(--shelf);content:"";height:1px;position:absolute;left:0}.device{bottom:var(--floor);left:var(--left);width:var(--width);transform-origin:bottom;transition:transform 1.2s var(--ease);position:absolute}.work-card:hover .device{transform:scale(1.025)}.monitor{--left:17%;--width:66cqi;--bezel:calc(var(--width) * .012)}.devices--duo .monitor{--left:12.25%;--width:60cqi}.phone{--left:76.25%;--width:11.5cqi;--bezel:calc(var(--width) * .04)}.screen{box-sizing:content-box;width:calc(100% - 2 * var(--bezel));aspect-ratio:16/10;border:var(--bezel) solid var(--device);border-radius:var(--radius-media);outline:1px solid var(--hairline);overflow:hidden}.phone .screen{aspect-ratio:390/844;border-radius:calc(var(--width) * .14)}.screen img{width:100%;height:auto;display:block}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.devices{view-timeline:--pass block}.screen{container-type:size}.screen img{animation:linear both page-scroll;animation-timeline:--pass;animation-range:cover 20% cover 80%}}}@keyframes page-scroll{to{translate:0 calc(100cqh - 100%)}}.work-media--flow{aspect-ratio:3/2;padding:var(--space-4);place-items:center;display:grid;container-type:inline-size}.flow{--flow-gap:var(--space-3);gap:var(--flow-gap);width:min(100%,16rem);margin:0;padding:0;list-style:none;display:grid}.flow-step{padding:var(--space-2) var(--space-4);border:1px solid var(--hairline);border-radius:var(--radius-pill);color:var(--fg-muted);font-size:var(--text-small);text-align:center;animation:1.6s ease-in-out paused flow-glow;position:relative}.flow-step:nth-child(2){animation-delay:1.1s}.flow-step:nth-child(3){animation-delay:2.2s}.flow-step:nth-child(4){animation-delay:3.3s}.flow-step+.flow-step:before{width:1px;height:var(--flow-gap);background:var(--hairline);content:"";position:absolute;bottom:100%;left:50%}@container (width<22rem){.flow{--flow-gap:var(--space-2)}.flow-step{padding-block:var(--space-1);line-height:1.25}}[data-motion=running] .flow.is-playing .flow-step{animation-play-state:running}@keyframes flow-glow{0%,to{border-color:var(--hairline);box-shadow:none;color:var(--fg-muted)}30%,60%{border-color:var(--gold);box-shadow:0 0 1.25rem -.25rem var(--glow);color:var(--fg)}}.about{gap:var(--gap-columns);grid-template-columns:minmax(0,1fr);align-items:center;display:grid}.about-text .about-intro{max-width:36ch;font-family:var(--font-display);font-size:var(--text-lead)}.promises{margin:var(--space-6) 0 0;counter-reset:promise;padding:0;list-style:none;display:grid}.promises li{grid-template-columns:var(--space-7) minmax(0, 1fr);padding-block:var(--space-4);border-top:1px solid var(--line);font-family:var(--font-display);font-size:var(--text-lead);counter-increment:promise;display:grid}.promises li:last-child{border-bottom:1px solid var(--line)}.promises li:before{color:var(--gold);content:counter(promise, lower-roman);font-style:italic}.request-contact{min-width:0}.contact-intro{margin:0 0 var(--space-5);color:var(--fg-muted);text-wrap:pretty}.contact-action{gap:var(--space-2);padding-block:var(--space-5);border-top:1px solid var(--line);color:var(--fg);scroll-margin-block-start:var(--header-height);text-decoration:none;display:grid}.contact-action:last-of-type{border-bottom:1px solid var(--line)}.contact-label{color:var(--gold);font-family:var(--font-display);font-size:var(--text-title)}.contact-detail{overflow-wrap:anywhere}.contact-action:hover .contact-label{text-underline-offset:var(--space-1);text-decoration:underline}.contact-privacy{margin:var(--space-4) 0 0;font-size:var(--text-small);color:var(--fg-muted)}.contact-privacy a{color:inherit}#erstgespraech{background:linear-gradient(180deg, var(--night), var(--night-floor))}.request-lead{margin:0 0 var(--space-4);color:var(--fg-muted);text-wrap:pretty}.next-title{margin:var(--space-6) 0 var(--space-3);font-family:var(--font-display);font-size:var(--text-title);font-weight:500}.next-steps{gap:var(--space-2);margin:0 0 var(--space-5);padding-left:var(--space-5);color:var(--fg-muted);display:grid}.next-steps li::marker{color:var(--gold);font-family:var(--font-display);font-size:var(--text-lead);font-style:italic}[data-reveal]{transition:opacity .8s var(--ease)}[data-reveal]>*{overflow-anchor:none;transition:translate .8s var(--ease)}@media screen{.reveal [data-reveal]:not(.is-visible){opacity:0}.reveal [data-reveal]:not(.is-visible)>*{translate:0 16px}}@media (width>=768px){.work{grid-template-columns:repeat(2,minmax(0,1fr))}.work-card--feature{grid-column:1/-1}.work-card--feature .work-caption{grid-template-columns:var(--space-7) minmax(0, 5fr) minmax(0, 6fr)}}@media (width>=900px){.about,#erstgespraech{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}}@media (width>=1024px){.why-lead,.request-lead{font-size:var(--text-lead)}.why-answer{grid-template-columns:minmax(0,5fr) minmax(0,6fr)}}@media (forced-colors:active){.overline,.index,.tag{color:canvastext;background:0 0}.dust{display:none}.branch-switch label:has(:checked){color:highlighttext;background:highlight}}@media (prefers-reduced-motion:reduce){.flow-step,.is-visible .overline,.reveal .is-visible>.dust:before,.dust:after{animation:none}}.site-header{z-index:20;gap:0 var(--gap-header);height:var(--header-height);padding-inline:var(--inline-space);transition:background-color .4s var(--ease);grid-template-columns:1fr auto 1fr;align-items:center;display:grid;position:fixed;inset:0 0 auto}.site-header[data-glass=true],html:not(.js) .site-header{background-color:var(--glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.site-header[data-glass=true]:after{background:linear-gradient(90deg, transparent, var(--hairline) 20%, var(--hairline) 80%, transparent);content:"";height:1px;position:absolute;inset:auto 0 0}.brand{gap:var(--space-1);min-height:2.75rem;color:var(--fg);flex-direction:column;justify-self:start;align-items:center;line-height:1;text-decoration:none;display:inline-flex}.brand-crown{background:var(--fg);width:1.75rem;height:1.375rem;display:inline-block;-webkit-mask:url(/branding/king-crown.svg) 50%/contain no-repeat;mask:url(/branding/king-crown.svg) 50%/contain no-repeat}.brand-word{font-family:Michroma,sans-serif;font-size:var(--wordmark);letter-spacing:.06em}.brand-sub{color:var(--fg-muted);font-family:Michroma,sans-serif;font-size:var(--wordmark-sub);letter-spacing:.5em;text-indent:.5em;text-transform:uppercase}.site-nav{gap:var(--gap-header);justify-self:center;display:flex}.site-nav a{min-height:2.75rem;color:var(--fg-muted);font:400 var(--text-label) / 1 var(--font-nav);letter-spacing:.22em;text-transform:uppercase;white-space:nowrap;transition:color .3s var(--ease);align-items:center;text-decoration:none;display:inline-flex;position:relative}.site-nav a:after{background:var(--gold);content:"";height:1px;transition:left .4s var(--ease), right .4s var(--ease);position:absolute;bottom:.55rem;left:50%;right:50%}.site-nav a:hover,.site-nav a[aria-current=true]{color:var(--fg)}.site-nav a:hover:after,.site-nav a[aria-current=true]:after{left:0;right:0}.site-actions{gap:var(--space-4);justify-self:end;align-items:center;display:flex}.language-switch{display:flex}.language-switch a{min-height:2.75rem;padding-inline:var(--space-2);color:var(--fg-muted);font:400 var(--text-label) / 1 var(--font-nav);letter-spacing:.22em;transition:color .3s var(--ease);align-items:center;text-decoration:none;display:inline-flex}.language-switch a:hover{color:var(--fg)}.language-switch a[aria-current=page]{color:var(--gold);text-underline-offset:var(--space-1);text-decoration:underline}.menu-button{border:1px solid var(--line);border-radius:var(--radius-pill);width:2.75rem;height:2.75rem;color:var(--fg);font:inherit;cursor:pointer;background:0 0;place-items:center;padding:0;display:none}.menu-icon{background:currentColor;width:1.125rem;height:.125rem;position:relative;box-shadow:0 -.3125rem,0 .3125rem}.menu-button[aria-expanded=true] .menu-icon{box-shadow:none;background:0 0}.menu-button[aria-expanded=true] .menu-icon:before,.menu-button[aria-expanded=true] .menu-icon:after{content:"";background:currentColor;position:absolute;inset:0;rotate:45deg}.menu-button[aria-expanded=true] .menu-icon:after{rotate:-45deg}.site-menu{inset:var(--header-height) 0 0;z-index:19;align-content:start;gap:var(--space-6);padding:var(--space-6) var(--inline-space);background:linear-gradient(180deg, var(--night), var(--night-floor));display:grid;position:fixed;overflow-y:auto}.site-menu nav{display:grid}.site-menu nav a{gap:var(--space-4);padding:var(--space-4) 0;border-bottom:1px solid var(--hairline);color:var(--fg);font-size:var(--text-title);align-items:baseline;font-weight:300;text-decoration:none;display:flex}.site-menu .index{font-size:var(--text-label)}.site-menu .button{justify-self:start}.site-menu .language-list{gap:0 var(--space-3);color:var(--fg-muted);flex-wrap:wrap;align-items:center;display:flex}.site-menu .language-list a{min-height:2.75rem;color:var(--fg-muted);font-size:var(--text-body);border-bottom:0;align-items:center;padding:0;font-weight:400}.site-menu .language-list a[aria-current=page]{color:var(--gold);text-underline-offset:var(--space-1);text-decoration:underline}html[data-menu=open]{overflow:hidden}[data-menu=open] .site-header{background-color:var(--night)}@media (width<=1023.98px){.site-header{column-gap:var(--space-2);grid-template-columns:minmax(0,1fr) auto}.js .site-nav,.js .language-switch{display:none}html:not(.js) .site-actions{flex-wrap:wrap;justify-content:end}.site-actions{gap:var(--space-2)}.header-cta{padding-inline:var(--space-4)}[data-menu=open] .header-cta{visibility:hidden}.menu-button{display:inline-grid}html:not(.js) .site-header{height:auto;padding-block:var(--space-3);position:static}html:not(.js) .site-nav{gap:0 var(--space-5);flex-wrap:wrap;grid-column:1/-1;justify-self:start}}@media (width>=1024px) and (width<=1279.98px){.site-header{column-gap:var(--space-3)}.site-nav,.site-actions{gap:var(--space-3)}.language-switch a{padding-inline:var(--space-1)}}@media (width<=359.98px){.site-header,.site-actions{column-gap:var(--space-1)}.header-cta{padding-inline:var(--space-3)}.site-header .brand-sub{letter-spacing:.3em;text-indent:.3em}}.site-footer{padding:0 var(--inline-space) var(--space-6);background:linear-gradient(180deg, var(--night-floor), var(--night))}.site-footer:before{background:linear-gradient(90deg, transparent, var(--hairline) 20%, var(--hairline) 80%, transparent);content:"";height:1px;display:block}.footer-columns{gap:var(--space-6);padding:var(--space-7) 0 var(--space-6);display:grid}.footer-columns>*{align-content:start;justify-items:start;display:grid}.footer-label{margin:0 0 var(--space-2);color:var(--fg-muted);font-size:var(--text-label);letter-spacing:.22em;text-transform:uppercase;font-weight:500}.footer-columns a{color:var(--fg-muted);font-size:var(--text-small);align-items:center;text-decoration:none;display:inline-flex}.footer-columns a,.footer-base a{min-height:2.75rem}.footer-columns a:hover{color:var(--fg)}.arrow{width:.9em;height:.9em;margin-left:var(--space-2);fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round}.footer-base{gap:0 var(--space-5);padding-top:var(--space-3);border-top:1px solid var(--line);color:var(--fg-muted);font-size:var(--text-small);flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.footer-base a{color:inherit;align-items:center;display:inline-flex}@media (width>=768px){.footer-columns{grid-template-columns:repeat(3,minmax(0,1fr))}}