@keyframes astroFadeInOut{0%{opacity:1}to{opacity:0}}@keyframes astroFadeIn{0%{opacity:0;mix-blend-mode:plus-lighter}to{opacity:1;mix-blend-mode:plus-lighter}}@keyframes astroFadeOut{0%{opacity:1;mix-blend-mode:plus-lighter}to{opacity:0;mix-blend-mode:plus-lighter}}@keyframes astroSlideFromRight{0%{transform:translate(100%)}}@keyframes astroSlideFromLeft{0%{transform:translate(-100%)}}@keyframes astroSlideToRight{to{transform:translate(100%)}}@keyframes astroSlideToLeft{to{transform:translate(-100%)}}@media (prefers-reduced-motion){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*),[data-astro-transition-scope]{animation:none!important}}:root{--bg:#fff;--bg-soft:#f5f6f9;--surface:#fff;--surface-2:#fbfbfd;--border:#e5e8ee;--border-strong:#d3d8e2;--text:#14161a;--muted:#5b6270;--accent:#4f46e5;--accent-2:#0891b2;--accent-soft:#eef0ff;--on-accent:#fff;--shadow:0 1px 2px #14161a0a, 0 10px 30px #14161a0f;--grid-line:#14161a0a;--font-display:-apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, Roboto, sans-serif;--font:-apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, Roboto, Helvetica, Arial, sans-serif;--mono:ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;--step--1:clamp(.82rem, .79rem + .16vw, .9rem);--step-0:clamp(1rem, .96rem + .22vw, 1.1rem);--step-1:clamp(1.2rem, 1.1rem + .5vw, 1.45rem);--step-2:clamp(1.6rem, 1.3rem + 1.5vw, 2.2rem);--step-3:clamp(2.1rem, 1.6rem + 2.4vw, 3.1rem);--hero:clamp(2.8rem, 6vw + 1rem, 6.5rem);--space-section:clamp(72px, 10vh, 132px);--gutter:clamp(20px, 4vw, 64px);--radius:16px;--radius-lg:22px;--radius-pill:999px;color-scheme:light}:root[data-theme=dark]{--bg:#0b0c0f;--bg-soft:#111319;--surface:#14161c;--surface-2:#171a21;--border:#23262e;--border-strong:#2f333d;--text:#e8eaed;--muted:#9aa1ad;--accent:#7c83ff;--accent-2:#22d3ee;--accent-soft:#191c2b;--on-accent:#0b0c0f;--shadow:0 1px 2px #00000080, 0 12px 34px #0006;--grid-line:#e8eaed0a;color-scheme:dark}*{box-sizing:border-box;margin:0}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:var(--step-0);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;line-height:1.65;transition:background .25s,color .25s;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}.section-grid{grid-template-columns:[full-start] var(--gutter) [content-start] repeat(12, minmax(0, 1fr)) [content-end] var(--gutter) [full-end];column-gap:24px;display:grid}.section-grid>*{grid-column:content-start/content-end;min-width:0}.section-grid>.bleed{padding-inline:var(--gutter);grid-column:full-start/full-end}.zone{padding-block:var(--space-section);position:relative}.zone--soft{background:var(--bg-soft)}.zone+.zone{border-top:1px solid var(--border)}.grid-bg{pointer-events:none;z-index:0;background-image:radial-gradient(var(--grid-line) 1px, transparent 1px);background-size:34px 34px;position:absolute;inset:0;mask-image:linear-gradient(#0000,#000 12% 88%,#0000)}.zone>.section-grid{z-index:1;position:relative}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.02em;font-weight:680;line-height:1.08}.eyebrow{font-family:var(--mono);font-size:var(--step--1);letter-spacing:.08em;text-transform:uppercase;color:var(--accent);font-weight:600}.section-head{margin-bottom:clamp(28px,4vw,48px)}.section-head h2{font-size:var(--step-3);letter-spacing:-.03em;margin-top:10px}.section-head .lede{color:var(--muted);max-width:62ch;font-size:var(--step-1);margin-top:14px}p{color:var(--muted)}.text-strong{color:var(--text)}.progress{transform-origin:0;background:linear-gradient(90deg, var(--accent), var(--accent-2));z-index:60;width:100%;height:2px;animation:linear both progress-grow scroll(root);position:fixed;inset:0 auto auto 0;transform:scaleX(0)}@keyframes progress-grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.nav{z-index:50;backdrop-filter:saturate(180%)blur(12px);background:color-mix(in srgb, var(--bg) 78%, transparent);border-bottom:1px solid var(--border);position:sticky;top:0}.nav .section-grid{align-items:center}.nav-inner{padding-inline:var(--gutter);grid-column:full-start/full-end;justify-content:space-between;align-items:center;height:62px;display:flex}.brand{font-family:var(--font-display);align-items:baseline;gap:10px;display:inline-flex}.brand .wordmark{letter-spacing:-.03em;color:var(--text);font-size:18px;font-weight:720}.brand .person{font-family:var(--mono);color:var(--muted);letter-spacing:.02em;font-size:12px}.brand .dot{background:var(--accent);width:7px;height:7px;box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 18%, transparent);border-radius:50%;align-self:center}.nav-actions{align-items:center;gap:8px;display:flex}.nav-link{font-family:var(--mono);color:var(--muted);padding:7px 4px;font-size:12.5px;font-weight:600;transition:color .2s}.nav-link:hover{color:var(--accent)}.btn-ghost{border:1px solid var(--border);color:var(--text);cursor:pointer;height:34px;font:inherit;font-size:12.5px;font-weight:600;font-family:var(--mono);background:0 0;border-radius:9px;justify-content:center;align-items:center;gap:6px;padding:0 12px;transition:border-color .2s,color .2s,background .2s;display:inline-flex}.btn-ghost:hover{border-color:var(--accent);color:var(--accent)}.icon-btn{width:34px;padding:0}.btn{cursor:pointer;height:46px;font-size:14.5px;font-weight:640;font-family:var(--font);border:1px solid #0000;border-radius:12px;align-items:center;gap:8px;padding:0 22px;transition:transform .12s,background .2s,border-color .2s,color .2s;display:inline-flex}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--accent);color:var(--on-accent)}.btn-primary:hover{background:color-mix(in srgb, var(--accent) 86%, var(--text))}.btn-outline{border-color:var(--border-strong);color:var(--text)}.btn-outline:hover{border-color:var(--accent);color:var(--accent)}.tags{flex-wrap:wrap;gap:8px;display:flex}.tag{font-family:var(--mono);border-radius:var(--radius-pill);background:var(--accent-soft);color:var(--accent);border:1px solid color-mix(in srgb, var(--accent) 24%, transparent);padding:4px 11px;font-size:12px;font-weight:500}.tag.plain{background:color-mix(in srgb, var(--muted) 8%, transparent);color:var(--muted);border-color:var(--border)}.hero{padding-block:clamp(64px, 12vh, 150px) var(--space-section);overflow:hidden}.hero__glow{pointer-events:none;z-index:0;background:radial-gradient(60% 60% at 30% 30%, color-mix(in srgb, var(--accent) 26%, transparent), transparent 70%);filter:blur(20px);opacity:.7;height:620px;position:absolute;inset:-20% -10% auto}.hero .section-grid{z-index:1;align-items:center;row-gap:40px;position:relative}.hero__main{grid-column:content-start/span 8}.hero__side{grid-column:span 4/content-end}@media (width<=900px){.hero__main,.hero__side{grid-column:content-start/content-end}}.hero__eyebrow{margin-bottom:20px}.hero h1{font-size:var(--hero);letter-spacing:-.045em;margin-bottom:8px;line-height:.98}.hero .wordmark-line{font-family:var(--mono);color:var(--muted);font-size:var(--step-0);letter-spacing:.02em;margin-bottom:26px}.hero .wordmark-line b{color:var(--accent);font-weight:600}.hero .lede{font-size:var(--step-1);color:var(--muted);max-width:54ch}.hero .lede b{color:var(--text);font-weight:600}.hero .cta{flex-wrap:wrap;gap:12px;margin-top:34px;display:flex}.readout{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);font-family:var(--mono);padding:22px;font-size:13px}.readout__head{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:8px;margin-bottom:16px;font-size:11px;display:flex}.readout__head .dot{background:var(--accent-2);border-radius:50%;width:8px;height:8px}.readout__row{border-top:1px dashed var(--border);justify-content:space-between;gap:16px;padding:9px 0;display:flex}.readout__row:first-of-type{border-top:0}.readout__key{color:var(--muted)}.readout__val{color:var(--text);text-align:right}.expertise-grid{grid-template-columns:repeat(4,1fr);gap:18px;margin-top:8px;display:grid}@media (width<=1040px){.expertise-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.expertise-grid{grid-template-columns:1fr}}.pillar{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px;transition:border-color .25s,transform .25s;position:relative;overflow:hidden}.pillar:hover{border-color:var(--accent);transform:translateY(-3px)}.pillar__idx{font-family:var(--mono);color:var(--accent);font-size:12px}.pillar h3{font-size:var(--step-1);color:var(--text);margin:12px 0 10px}.pillar p{font-size:14.5px}.pillar__tags{margin-top:16px}.projects-claim{font-size:var(--step-2);color:var(--text);font-family:var(--font-display);letter-spacing:-.02em;max-width:20ch;font-weight:680}.projects-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px;display:grid}@media (width<=940px){.projects-grid{grid-template-columns:1fr}}.project-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);min-height:300px;transform:perspective(900px) rotateX(var(--ry,0deg)) rotateY(var(--rx,0deg));will-change:transform;flex-direction:column;padding:26px;transition:transform .25s,border-color .25s;display:flex;position:relative;overflow:hidden}.project-card:hover{border-color:var(--accent)}.project-card__glow{border-radius:inherit;pointer-events:none;opacity:0;background:radial-gradient(260px circle at var(--mx,50%) var(--my,50%), color-mix(in srgb, var(--accent) 24%, transparent), transparent 62%);transition:opacity .25s;position:absolute;inset:0}.project-card:hover .project-card__glow{opacity:1}.project-card__top{z-index:1;justify-content:space-between;align-items:baseline;gap:12px;display:flex;position:relative}.project-card__kicker{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:11.5px}.project-card__index{font-family:var(--mono);color:var(--accent);font-size:12px}.project-card__name{font-size:var(--step-2);color:var(--text);z-index:1;margin:14px 0 12px;position:relative}.project-card__desc{color:var(--muted);z-index:1;flex:1;font-size:15px;position:relative}.project-card__foot{z-index:1;justify-content:space-between;align-items:center;margin-top:22px;display:flex;position:relative}.project-card__arrow{font-family:var(--mono);color:var(--accent);align-items:center;gap:6px;font-size:13px;transition:gap .2s;display:inline-flex}.project-card:hover .project-card__arrow{gap:12px}.project-card .badge-live{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--accent-2);border:1px solid color-mix(in srgb, var(--accent-2) 40%, transparent);border-radius:var(--radius-pill);align-items:center;gap:6px;padding:2px 9px;font-size:10.5px;display:inline-flex}.project-card .badge-live:before{content:"";background:var(--accent-2);border-radius:50%;width:6px;height:6px}@media (hover:none){.project-card{transform:none}}.detail-hero{padding-block:clamp(56px, 10vh, 120px) var(--space-section);overflow:hidden}.detail-hero__glow{pointer-events:none;z-index:0;background:radial-gradient(55% 55% at 50% 30%, color-mix(in srgb, var(--accent) 22%, transparent), transparent 70%);filter:blur(20px);opacity:.65;height:500px;position:absolute;inset:-20% -10% auto 20%}.detail-hero .section-grid{z-index:1;position:relative}.back-link{font-family:var(--mono);color:var(--muted);align-items:center;gap:8px;margin-bottom:26px;font-size:13px;display:inline-flex}.back-link:hover{color:var(--accent)}.detail-hero .kicker{font-family:var(--mono);font-size:var(--step--1);letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}.detail-hero h1{font-size:var(--step-3);letter-spacing:-.035em;margin:14px 0 18px}.detail-hero .lede{font-size:var(--step-1);color:var(--muted);max-width:60ch}.detail-hero .lede b{color:var(--text);font-weight:600}.detail-meta{font-family:var(--mono);color:var(--muted);flex-wrap:wrap;gap:10px 26px;margin-top:28px;font-size:13px;display:flex}.detail-meta .k{color:var(--accent)}.case-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}@media (width<=860px){.case-grid{grid-template-columns:1fr}}.case-block{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:26px}.case-block h3{font-size:12px;font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-bottom:14px}.case-block p{color:var(--muted);font-size:15px}.detail-section h2{font-size:var(--step-2);margin-bottom:20px}.ph{border:1px dashed var(--border-strong);border-radius:var(--radius);background:repeating-linear-gradient(135deg, transparent 0 12px, color-mix(in srgb, var(--muted) 6%, transparent) 12px 24px);color:var(--muted);font-family:var(--mono);text-align:center;justify-content:center;align-items:center;min-height:220px;padding:40px 24px;font-size:13px;line-height:1.5;display:flex}.ph--wide{min-height:300px}.gallery{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}@media (width<=760px){.gallery{grid-template-columns:1fr}}.title-row{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.app-icon{width:72px;height:72px;box-shadow:0 6px 20px color-mix(in srgb, var(--accent) 22%, transparent);border-radius:22%;flex:none}@media (width<=560px){.app-icon{width:56px;height:56px}}.shot{margin:0}.shot__img{border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);width:100%;height:auto;display:block}.shot__img--dark,:root[data-theme=dark] .shot__img--light{display:none}:root[data-theme=dark] .shot__img--dark{display:block}.shot figcaption{color:var(--muted);font-family:var(--mono);letter-spacing:.02em;margin-top:10px;font-size:12px}.shot__img{max-width:340px;margin-inline:auto}.shot figcaption{text-align:center}.shot--strip{margin-top:20px}.shot--strip .shot__img{max-width:520px}.shots-duo{grid-template-columns:minmax(0,2fr) minmax(0,1fr);align-items:start;gap:24px;display:grid}.shots-duo--gleich{grid-template-columns:repeat(2,minmax(0,1fr));justify-items:center}.shot__img--wide{max-width:100%}@media (width<=760px){.shots-duo{grid-template-columns:1fr}}.arch{font-family:var(--mono);grid-template-columns:1fr auto 1fr auto 1fr;align-items:stretch;gap:14px;font-size:13px;display:grid}@media (width<=760px){.arch{grid-template-columns:1fr}.arch .arch-arrow{justify-self:center;transform:rotate(90deg)}}.arch-node{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);text-align:center;box-shadow:var(--shadow);padding:18px}.arch-node.authority{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent), var(--shadow)}.arch-node .t{color:var(--text);margin-bottom:6px;font-weight:600;display:block}.arch-node .s{color:var(--muted);font-size:11.5px}.arch-arrow{color:var(--accent);justify-content:center;align-items:center;display:flex}.footnote{font-family:var(--mono);color:var(--muted);margin-top:28px;font-size:12px}.legal{padding-block:clamp(56px,8vh,110px)}.legal .prose{max-width:68ch}.legal h1{font-size:var(--step-3);margin-bottom:28px}.legal h2{font-size:var(--step-1);color:var(--text);margin:34px 0 12px}.legal p,.legal li{color:var(--muted)}.legal p{margin-bottom:14px}.legal ul{margin-bottom:14px;padding-left:20px}.legal a{color:var(--accent)}.legal .ph{text-align:left;justify-content:flex-start;min-height:0;margin:8px 0 20px;padding:16px 20px}footer{border-top:1px solid var(--border);background:var(--bg-soft);padding-block:44px}.footer-inner{flex-wrap:wrap;grid-column:content-start/content-end;justify-content:space-between;align-items:center;gap:20px;display:flex}.footer-brand{font-family:var(--font-display);letter-spacing:-.02em;font-weight:700}.footer-brand span{color:var(--muted);font-weight:400;font-family:var(--mono);font-size:12px}.footer-links{flex-wrap:wrap;gap:8px 22px;font-size:14px;display:flex}.footer-links a{color:var(--muted);position:relative}.footer-links a:hover{color:var(--accent)}.footer-legal{font-family:var(--mono);color:var(--muted);flex-wrap:wrap;gap:8px 18px;font-size:12px;display:flex}.footer-legal a:hover{color:var(--accent)}.footer-bottom{font-family:var(--mono);color:var(--muted);flex-wrap:wrap;grid-column:content-start/content-end;justify-content:space-between;gap:10px;margin-top:24px;font-size:12px;display:flex}.js [data-reveal]{opacity:0;transform:translateY(18px)}.js [data-reveal].in-view{opacity:1;transition:opacity .6s,transform .6s cubic-bezier(.2,.7,.2,1);transform:none}[data-reveal-stagger]>*{--d:0s}.js [data-reveal-stagger].in-view>*{transition-delay:var(--d)}@media (prefers-reduced-motion:no-preference){::view-transition-old(root),::view-transition-new(root){animation-duration:.28s}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.js [data-reveal]{opacity:1!important;transform:none!important}.project-card{transform:none!important}.progress{display:none}}.astro-route-announcer{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;top:0;left:0;overflow:hidden}