:root{--demo-ink:#08111f;--demo-muted:#53647d;--demo-paper:#edf2fa;--demo-paper-soft:#f8fafc;--demo-night:#08111f;--demo-night-soft:#101d32;--demo-white:#f8fafc;--demo-accent:#0047fe;--demo-accent-soft:#8dafff;--demo-line-light:#08111f24;--demo-line-dark:#f8fafc26;color:var(--demo-white);background:var(--demo-night);font-synthesis:none;text-rendering:optimizelegibility;scroll-behavior:smooth;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*,:before,:after{box-sizing:border-box}html{background:var(--demo-night);min-width:320px}.demo-body{min-width:320px;color:var(--demo-white);background:var(--demo-night);margin:0;overflow-x:clip}.demo-body button,.demo-body a,.demo-body input{font:inherit}.demo-body :where(a),.demo-body :where(button){color:inherit}.demo-body ::selection{color:var(--demo-white);background:var(--demo-accent)}.demo-body :focus-visible{outline:3px solid var(--demo-accent-soft);outline-offset:4px}.demo-body main[tabindex="-1"]:focus{outline:none}.demo-skip{z-index:100;color:var(--demo-night);background:var(--demo-white);border-radius:999px;padding:.75rem 1rem;font-size:.82rem;font-weight:750;text-decoration:none;transition:transform .18s;position:fixed;top:1rem;left:1rem;transform:translateY(-200%);box-shadow:0 .75rem 2rem #00000040}.demo-skip:focus{transform:translateY(0)}.demo-shell{width:min(100% - 2rem,88rem);margin-inline:auto}.demo-kicker{color:var(--demo-kicker-color,var(--demo-accent-soft));letter-spacing:.16em;text-transform:uppercase;margin:0;font-size:clamp(.68rem,.8vw,.78rem);font-weight:760;line-height:1.2}.demo-header{z-index:20;color:#f8fafcd6;border-bottom:1px solid #ffffff17;grid-template-columns:1fr auto 1fr;align-items:center;min-height:5rem;padding-inline:clamp(1rem,4vw,4rem);display:grid;position:absolute;top:0;left:0;right:0}.demo-header a{text-decoration:none}.demo-header__brand{letter-spacing:-.035em;justify-self:start;font-size:1.05rem;font-weight:760}.demo-header__brand span{color:var(--demo-accent-soft)}.demo-header__lab{color:#f8fafc6b;letter-spacing:.13em;text-transform:uppercase;font-size:.71rem;font-weight:700}.demo-header__back{border:1px solid #ffffff26;border-radius:999px;justify-self:end;align-items:center;gap:.65rem;min-height:2.75rem;padding:.75rem 1rem;font-size:.76rem;font-weight:720;transition:color .18s,background .18s;display:inline-flex}.demo-header__back:hover{color:var(--demo-night);background:var(--demo-white)}.demo-button{min-height:3.5rem;color:var(--demo-night);background:var(--demo-white);border-radius:999px;justify-content:space-between;align-items:center;gap:1rem;padding:.5rem .55rem .5rem 1.3rem;font-size:.82rem;font-weight:750;text-decoration:none;display:inline-flex}.demo-button span{aspect-ratio:1;width:2.55rem;color:var(--demo-white);background:var(--demo-accent);border-radius:50%;place-items:center;display:grid}.demo-button--light{flex:none}.demo-text-link{min-height:2.75rem;color:inherit;text-underline-offset:.3em;padding-block:.8rem;font-size:.82rem;font-weight:750;display:inline-block}.demo-page{background:radial-gradient(circle at 78% 14%, #0047fe1f, transparent 28rem), var(--demo-night);min-height:100svh}.demo-intro{grid-template-columns:minmax(0,1.4fr) minmax(18rem,.6fr);align-items:end;gap:clamp(3rem,7vw,8rem);min-height:88svh;padding-block:clamp(10rem,18vh,14rem) clamp(6rem,12vh,9rem);display:grid}.demo-intro h1{letter-spacing:-.075em;max-width:11ch;margin:1.35rem 0 0;font-size:clamp(4rem,9.2vw,9rem);font-weight:580;line-height:.86}.demo-intro h1 span{color:#f8fafc61}.demo-intro__copy>p{color:#f8fafc99;max-width:34rem;margin:0;font-size:clamp(1rem,1.35vw,1.24rem);line-height:1.58}.demo-tags{flex-wrap:wrap;gap:.55rem;margin:2rem 0 0;padding:0;list-style:none;display:flex}.demo-tags li{color:#f8fafc8f;letter-spacing:.08em;text-transform:uppercase;border:1px solid #ffffff21;border-radius:999px;padding:.7rem .9rem;font-size:.7rem;font-weight:700}.demo-workbench{padding-block:clamp(5rem,10vw,9rem)}.demo-workbench__bar{justify-content:space-between;align-items:end;gap:2rem;margin-bottom:3rem;display:flex}.demo-workbench__bar h2{letter-spacing:-.055em;margin:.9rem 0 0;font-size:clamp(2.4rem,4.5vw,5rem);font-weight:590;line-height:.95}.demo-workbench__bar--stacked{align-items:end}.demo-takeaway{--demo-kicker-color:var(--demo-accent);color:var(--demo-ink);background:var(--demo-paper)}.demo-takeaway--dark{--demo-kicker-color:var(--demo-accent-soft);color:var(--demo-white);background:var(--demo-night)}.demo-takeaway__inner{grid-template-columns:.45fr 1.55fr;gap:3rem;padding-block:clamp(6rem,12vw,11rem);display:grid}.demo-takeaway__inner>p:last-child{letter-spacing:-.035em;max-width:44rem;margin:0;font-size:clamp(1.65rem,3.2vw,3.4rem);font-weight:450;line-height:1.15}.demo-takeaway__inner strong{color:var(--demo-accent);font-weight:590}.demo-next{color:var(--demo-white);background:radial-gradient(circle at 76% 52%, #0047fe26, transparent 25rem), var(--demo-night-soft);border-top:1px solid var(--demo-line-dark)}.demo-next__inner{justify-content:space-between;align-items:end;gap:3rem;padding-block:clamp(5rem,9vw,8rem);display:flex}.demo-next h2{letter-spacing:-.06em;max-width:16ch;margin:1rem 0 0;font-size:clamp(2.7rem,5.5vw,6rem);font-weight:580;line-height:.94}.lab-hero{background:radial-gradient(circle at 76% 34%, #0047fe26, transparent 29rem), radial-gradient(circle at 48% 110%, #ffffff0f, transparent 34rem), var(--demo-night);align-items:center;min-height:100svh;display:grid;position:relative;overflow:hidden}.lab-hero:before{opacity:.32;content:"";background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-size:5rem 5rem;position:absolute;inset:0;mask-image:radial-gradient(circle at 65% 45%,#000,#0000 66%)}.lab-hero__inner{z-index:1;grid-template-columns:minmax(0,1.45fr) minmax(18rem,.55fr);align-items:end;gap:clamp(3rem,8vw,9rem);padding-block:10rem 7rem;display:grid;position:relative}.lab-hero h1{letter-spacing:-.078em;margin:1.35rem 0 0;font-size:clamp(4rem,9.4vw,9.5rem);font-weight:580;line-height:.86}.lab-hero h1 span{color:#f8fafc5c}.lab-hero__copy>p{color:#f8fafc99;margin:0 0 2rem;font-size:clamp(1rem,1.45vw,1.25rem);line-height:1.58}.lab-hero__index{z-index:1;color:#f8fafc3d;letter-spacing:.14em;margin:0;font-size:.68rem;font-weight:700;position:absolute;bottom:2rem;right:clamp(1rem,4vw,4rem)}.lab-list{--demo-kicker-color:var(--demo-accent);color:var(--demo-ink);background:var(--demo-paper);padding-block:clamp(7rem,14vw,13rem)}.lab-list__heading{grid-template-columns:.45fr 1.55fr;align-items:start;gap:3rem;margin-bottom:clamp(4rem,8vw,7rem);display:grid}.lab-list__heading h2{letter-spacing:-.065em;margin:0;font-size:clamp(3rem,6vw,6.5rem);font-weight:580;line-height:.92}.lab-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.lab-card{background:var(--demo-paper-soft);border:1px solid var(--demo-line-light);border-radius:1.8rem;min-width:0;overflow:hidden}.lab-card__link{height:100%;padding:.85rem .85rem 2rem;text-decoration:none;display:block}.lab-card__visual{background:var(--demo-night-soft);border-radius:1.2rem;height:clamp(18rem,31vw,29rem);transition:transform .48s cubic-bezier(.2,.75,.25,1);position:relative;overflow:hidden}.lab-card__link:hover .lab-card__visual{transform:scale(.985)}.lab-card__visual:before,.lab-card__visual:after,.lab-card__visual span{content:"";position:absolute}.lab-card__visual:before{border:1px solid #ffffff24;border-radius:1.2rem;inset:14% 11%}.lab-card__visual:after{background:var(--demo-accent);border-radius:999px;width:24%;height:8%;bottom:15%;right:14%}.lab-card__visual-line{background:#ffffff38;width:42%;height:2px;left:16%}.lab-card__visual-line:first-child{width:18%;top:27%}.lab-card__visual-line:nth-child(2){width:48%;top:38%}.lab-card__visual-line:nth-child(3){width:34%;top:44%}.lab-card__visual-focus{aspect-ratio:3/4;background:linear-gradient(145deg,#0000 35%,#0047fead 36% 60%,#0000 61%),#16263e;border-radius:.7rem;width:25%;top:21%;right:18%;box-shadow:0 1.5rem 3rem #00000047}.lab-card__visual[data-demo-preview=responsive]:before{right:35%}.lab-card__visual[data-demo-preview=responsive] .lab-card__visual-focus{aspect-ratio:9/16;background:#edf2fa;border:.28rem solid #16263e;width:17%;top:29%;right:12%}.lab-card__visual[data-demo-preview=klarheit] .lab-card__visual-line:first-child{opacity:.24;width:58%;height:.5rem;top:24%}.lab-card__visual[data-demo-preview=klarheit] .lab-card__visual-line:nth-child(2){background:var(--demo-white);width:54%;height:1.2rem;top:38%}.lab-card__visual[data-demo-preview=klarheit] .lab-card__visual-focus{aspect-ratio:8;background:linear-gradient(90deg, var(--demo-accent) 62%, #ffffff21 62%);border-radius:999px;width:68%;top:auto;bottom:23%;right:16%}.lab-card__visual[data-demo-preview=struktur]:before{background:var(--demo-accent);border:0;border-radius:.55rem;width:18%;height:13%;margin-inline:auto;inset:16% 17% auto}.lab-card__visual[data-demo-preview=struktur]:after{background:linear-gradient(90deg,#ffffff24 30%,#0000 30% 35%,#ffffff24 35% 65%,#0000 65% 70%,#ffffff24 70%);border-radius:.5rem;width:auto;height:29%;bottom:20%;left:18%;right:18%}.lab-card__visual[data-demo-preview=struktur] .lab-card__visual-line{background:#8dafff8c;width:1px;height:22%;top:42%;left:50%}.lab-card__visual[data-demo-preview=struktur] .lab-card__visual-focus{display:none}.lab-card__visual[data-demo-preview=details]:before{background:var(--demo-white);border:0;border-radius:999px;height:18%;inset:auto 18% 34%;box-shadow:0 1.5rem 4rem #0047fe2e}.lab-card__visual[data-demo-preview=details]:after{aspect-ratio:1;width:12%;height:auto;bottom:37%;right:20%}.lab-card__visual[data-demo-preview=details] .lab-card__visual-line{display:none}.lab-card__visual[data-demo-preview=details] .lab-card__visual-focus{aspect-ratio:auto;color:#ffffff17;width:auto;box-shadow:none;background:0 0;top:18%;left:13%;right:auto}.lab-card__meta{justify-content:space-between;align-items:center;padding:1.5rem .8rem 0;display:flex}.lab-card__meta p{color:var(--demo-muted);letter-spacing:.1em;text-transform:uppercase;margin:0;font-size:.68rem;font-weight:740}.lab-card__meta>span{aspect-ratio:1;width:2rem;color:var(--demo-white);background:var(--demo-ink);border-radius:50%;place-items:center;transition:transform .25s;display:grid}.lab-card__link:hover .lab-card__meta>span{transform:rotate(45deg)}.lab-card h3{letter-spacing:-.055em;margin:1.4rem .8rem 0;font-size:clamp(2rem,3.5vw,4rem);font-weight:590;line-height:.98}.lab-card__description{max-width:34rem;color:var(--demo-muted);margin:1.1rem .8rem 0;font-size:.93rem;line-height:1.55}.lab-original{color:var(--demo-white);background:radial-gradient(circle at 75% 44%, #0047fe21, transparent 27rem), var(--demo-night)}.lab-original__inner{grid-template-columns:1.3fr .7fr;align-items:end;gap:clamp(3rem,8vw,9rem);padding-block:clamp(7rem,14vw,13rem);display:grid}.lab-original h2{letter-spacing:-.066em;max-width:13ch;margin:1.2rem 0 0;font-size:clamp(3rem,6.5vw,7rem);font-weight:580;line-height:.92}.lab-original__inner>div:last-child>p{color:#f8fafc94;margin:0 0 1.3rem;line-height:1.58}@media (width<=68rem){.demo-intro,.lab-hero__inner,.lab-original__inner{grid-template-columns:1fr}.demo-intro{align-content:end;gap:3rem}.demo-intro__copy{max-width:38rem}.lab-hero__inner{align-content:end}.lab-hero__copy{max-width:35rem}}@media (width<=52rem){.demo-header{grid-template-columns:1fr auto}.demo-header__lab{display:none}.demo-intro h1,.lab-hero h1{font-size:clamp(3.2rem,13.8vw,7rem)}.lab-grid{grid-template-columns:1fr}.lab-card__visual{height:min(70vw,27rem)}.lab-list__heading,.demo-takeaway__inner{grid-template-columns:1fr;gap:2rem}.demo-workbench__bar,.demo-workbench__bar--stacked,.demo-next__inner{flex-direction:column;align-items:flex-start}}@media (width<=34rem){.demo-shell{width:min(100% - 1.4rem,88rem)}.demo-header{min-height:4.5rem;padding-inline:.75rem}.demo-header__back{padding-inline:.85rem}.demo-intro{min-height:94svh;padding-top:8rem}.demo-intro h1,.lab-hero h1{font-size:clamp(3rem,15vw,5rem)}.lab-hero__inner{padding-top:8rem}.lab-list__heading h2,.lab-original h2{font-size:2.8rem}.lab-card h3{font-size:2rem}}@media (prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (forced-colors:active){.demo-page,.lab-hero,.demo-workbench,.demo-next,.lab-original{color:canvastext;background:canvas}.demo-header,.demo-header__back,.lab-card{border-color:canvastext}}.demo-route-nav[data-astro-cid-44nd5zgy]{border-top:1px solid #f8fafc26;flex-wrap:wrap;justify-content:center;gap:clamp(1.5rem,5vw,4rem);padding-block:2rem;font-size:.75rem;display:flex}.demo-route-nav[data-astro-cid-44nd5zgy] a[data-astro-cid-44nd5zgy]{color:#a9b8ce;align-items:center;min-height:44px;text-decoration:none;display:inline-flex}.demo-route-nav[data-astro-cid-44nd5zgy] a[data-astro-cid-44nd5zgy]:hover,.demo-route-nav[data-astro-cid-44nd5zgy] a[data-astro-cid-44nd5zgy][aria-current=page]{color:#f8fafc}