.sandbox-concept{--sd-bg:#101314;--sd-ink:#f6f5ef;--sd-muted:#aab7b5;--sd-mint:#70f5b5;--sd-lilac:#b49aff;--sd-orange:#ff946d;--sd-line:#344343;background:var(--sd-bg);color:var(--sd-ink);font-family:Sora,sans-serif}
.sandbox-concept main{overflow:hidden}.sandbox-concept button{font-family:Sora,sans-serif}.sd-wrap{max-width:1400px;margin:auto;padding:0 5vw}.sd-preview{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 5vw;background:#131819;color:#c1ccc8;font:11px/1.5 'IBM Plex Mono',monospace;border-bottom:1px solid #35413c}.sd-preview nav{display:flex;gap:8px}.sd-preview a{padding:5px 10px;text-decoration:none;border:1px solid #45554d;border-radius:3px}.sd-preview a[aria-current]{background:#70f5b5;color:#111b16;border-color:#70f5b5}.sd-back{font:11px 'IBM Plex Mono',monospace;text-decoration:none;display:inline-flex;gap:10px;margin:0 0 35px;color:inherit}.sd-kicker{font:500 11px/1.5 'IBM Plex Mono',monospace;letter-spacing:.12em;text-transform:uppercase;margin:0 0 20px;display:flex;gap:13px;align-items:center}.sd-kicker:before{content:'';width:26px;height:1px;background:currentColor;flex-shrink:0}.sd-title{position:relative;display:inline-block;margin:0;font:800 clamp(62px,8.4vw,125px)/.95 Sora,sans-serif;letter-spacing:-.065em}.sd-title span{display:block}.sd-title:before,.sd-title:after{content:attr(data-title);position:absolute;inset:0;white-space:pre-line;pointer-events:none;color:var(--sd-lilac);opacity:0}.sd-title:before{animation:sd-title-shift 2.8s infinite}.sd-title:after{color:var(--sd-mint);animation:sd-title-shift 2.8s .13s infinite;mix-blend-mode:multiply}
@keyframes sd-title-shift{0%,78%,100%{opacity:0;transform:translate(0)}82%{opacity:.55;transform:translate(-3px,1px);clip-path:inset(15% 0 65% 0)}89%{opacity:.65;transform:translate(3px,-1px);clip-path:inset(61% 0 17% 0)}95%{opacity:0;transform:translate(0)}}
.sd-lead{font:400 clamp(16px,1.4vw,20px)/1.7 Sora,sans-serif;max-width:49ch;margin:26px 0 30px}.sd-actions{display:flex;align-items:center;flex-wrap:wrap;gap:22px}.sd-button{display:inline-flex;align-items:center;justify-content:center;gap:26px;padding:17px 24px;background:var(--sd-mint);border:1px solid var(--sd-mint);border-radius:4px;text-decoration:none;color:#101c16;font:600 14px/1.4 Sora,sans-serif}.sd-text-link{font:500 13px/1.5 Sora,sans-serif;text-underline-offset:5px}.sd-facts{display:flex;flex-wrap:wrap;gap:12px 24px;margin-top:32px;font:11px/1.5 'IBM Plex Mono',monospace}.sd-facts span:before{content:'';display:inline-block;width:5px;height:5px;border-radius:50%;background:currentColor;margin-right:9px}.sd-hero{padding:40px 0 70px}.sd-hero-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:40px;align-items:center}.sd-hero-art{position:relative;isolation:isolate;aspect-ratio:1.16;display:grid;place-items:center;--shift:0px;--turn:0deg;--orbit:140px}.sd-hero-art:before{content:'';position:absolute;width:68%;aspect-ratio:1;border-radius:50%;background:var(--sd-lilac);opacity:.4;filter:blur(50px);z-index:-1}.sd-arms{width:110%;max-width:none;position:relative;transform:translateY(var(--shift)) rotate(var(--turn));transition:transform .4s ease;filter:drop-shadow(0 14px 18px #0002)}.sd-orbit{position:absolute;border:1px solid currentColor;opacity:.26;border-radius:50%;width:78%;height:75%;transform:rotate(-25deg);pointer-events:none;z-index:-1}.sd-orbit.second{width:55%;height:100%;transform:rotate(45deg)}.sd-art-label{position:absolute;padding:9px 13px;background:var(--sd-orange);border-radius:4px;font:11px/1.3 'IBM Plex Mono',monospace;color:#111e18;box-shadow:4px 4px 0 #13251e20;transition:transform .5s}.sd-art-label.one{top:16%;left:4%;transform:translateY(var(--shift)) rotate(-8deg)}.sd-art-label.two{top:12%;right:3%;background:var(--sd-lilac);transform:translateY(calc(var(--shift)*-1)) rotate(7deg)}.sd-art-label.three{bottom:13%;left:32%;background:var(--sd-mint)}.sd-replay{position:absolute;bottom:0;right:8px;border:1px solid currentColor;background:transparent;border-radius:50%;width:42px;height:42px;font-size:25px;color:inherit}.sd-art-caption{font:10px/1.5 'IBM Plex Mono',monospace;opacity:.7;text-align:center;margin:0}
.sd-section{padding:85px 0}.sd-section h2{font:600 clamp(32px,4vw,58px)/1.08 Sora,sans-serif;letter-spacing:-.045em;margin:0 0 25px;max-width:20ch}.sd-section .sd-intro{color:var(--sd-muted);font-size:16px;line-height:1.75;max-width:62ch}.sd-lab{background:#162422;border-top:1px solid var(--sd-line);border-bottom:1px solid var(--sd-line)}.sd-lab-layout{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.sd-topic-tabs{display:flex;flex-wrap:wrap;gap:10px;margin:28px 0}.sd-topic-tabs button,.sd-place-tabs button{padding:11px 15px;border:1px solid var(--sd-line);background:transparent;color:inherit;border-radius:30px;font:12px/1.4 Sora,sans-serif}.sd-topic-tabs button[aria-pressed=true],.sd-place-tabs button[aria-pressed=true]{background:var(--sd-mint);color:#11211a;border-color:var(--sd-mint)}.sd-experiment{position:relative;padding:35px;background:#111919;border:1px solid var(--sd-line);border-radius:12px;box-shadow:14px 14px 0 #70f5b513;min-height:330px;display:flex;flex-direction:column;justify-content:space-between;gap:25px}.sd-experiment-status{font:10px 'IBM Plex Mono',monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--sd-mint);display:flex;justify-content:space-between;gap:10px}.sd-experiment-question{font:600 clamp(23px,2.6vw,35px)/1.28 Sora,sans-serif;letter-spacing:-.035em;margin:0}.sd-experiment-note{font:13px/1.7 Sora,sans-serif;color:var(--sd-muted);margin:0}.sd-range-label{display:flex;justify-content:space-between;gap:15px;font:10px 'IBM Plex Mono',monospace;color:var(--sd-muted);margin:0 0 12px}.sd-range{width:100%;accent-color:var(--sd-mint);cursor:ew-resize;height:22px}.sd-experiment-footer{display:flex;align-items:center;justify-content:space-between;gap:20px}.sd-next{font:500 12px Sora,sans-serif;border:0;border-bottom:1px solid currentColor;color:var(--sd-mint);background:transparent;padding:8px 0}.sd-progress{display:flex;gap:6px}.sd-progress i{width:7px;height:7px;border:1px solid var(--sd-mint);border-radius:50%}.sd-progress i.active{background:var(--sd-mint)}.sd-update{animation:sd-text-in .35s ease}@keyframes sd-text-in{from{opacity:.25;transform:translateY(7px)}to{opacity:1;transform:none}}
.sd-learning-head{display:flex;justify-content:space-between;align-items:flex-end;gap:35px;margin-bottom:35px}.sd-learning-head .sd-intro{max-width:45ch}.sd-learning-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.sd-learning-card{border:1px solid var(--sd-line);padding:30px;border-radius:8px}.sd-learning-card>span{font:12px 'IBM Plex Mono',monospace;color:var(--sd-mint)}.sd-learning-card h3{font:600 24px/1.2 Sora,sans-serif;letter-spacing:-.04em;margin:40px 0 16px}.sd-learning-card p{font:14px/1.75 Sora,sans-serif;color:var(--sd-muted);margin:0}.sd-more{margin-top:28px;display:flex;gap:30px;align-items:center}.sd-square{background:#d6f3e5;color:#13281e;--sd-muted:#3e5a4b;--sd-line:#84ac96;--sd-mint:#143f2e}.sd-square-layout{display:grid;grid-template-columns:1.25fr 1fr;gap:55px;align-items:center}.sd-square-art{position:relative;margin:0;min-width:0}.sd-square-art svg{display:block;width:100%;height:auto;overflow:visible}.sd-square-art figcaption{font:10px 'IBM Plex Mono',monospace;text-align:center;opacity:.65}.square-ground{stroke:currentColor;opacity:.18}.square-block{--glass:#eaf8f080;--roof:#f3fbf6;--side:#b5d9c7;transition:opacity .5s}.square-block .cube-top{fill:var(--roof)}.square-block .cube-front{fill:var(--glass)}.square-block .cube-side{fill:var(--side)}.square-block polygon,.square-block path{stroke:currentColor;stroke-width:1.1;stroke-linejoin:round;vector-effect:non-scaling-stroke}.square-block .window-lines{fill:none;opacity:.32}.square-block.active{--glass:#9b7bff80;--roof:#c2b4ff;--side:#83dcb7}.square-outline{fill:none;stroke:currentColor;stroke-width:1;opacity:.35}.sd-place-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:25px 0 20px}.sd-place-tabs button{border-radius:3px}.sd-place-note{min-height:4.5em;margin:0;font-size:14px;line-height:1.7}.sd-place-address{font:11px/1.6 'IBM Plex Mono',monospace;margin:25px 0 18px;border-top:1px solid var(--sd-line);padding-top:22px}.sd-closing{padding:70px 0;background:#101616;color:#f5f6ef;--sd-mint:#70f5b5}.sd-closing .sd-wrap{display:flex;align-items:center;justify-content:space-between;gap:40px}.sd-closing h2{font:600 clamp(34px,4vw,60px)/1.1 Sora,sans-serif;letter-spacing:-.05em;margin:0}.sd-closing p{color:#b6c8c0;font-size:14px;max-width:50ch}.sd-closing .sd-actions{flex-shrink:0}.sandbox-concept a:focus-visible,.sandbox-concept button:focus-visible,.sandbox-concept input:focus-visible{outline:3px solid #ff946d;outline-offset:5px}
/* 01: mintgrünes Experimentierfeld */
.sandbox-1 .sd-hero{background:#acfacd;color:#102c20;--sd-mint:#123f2c;--sd-lilac:#9d7dff}.sandbox-1 .sd-hero-art{color:#244831}.sandbox-1 .sd-art-label.three{background:#f6ff74}.sandbox-1 .sd-hero .sd-button{background:#12271f;color:#effff5;border-color:#12271f}.sandbox-1 .sd-learning-card:nth-child(1){background:#1d3c31}.sandbox-1 .sd-learning-card:nth-child(2){background:#2b2541}.sandbox-1 .sd-learning-card:nth-child(3){background:#3d2d24}
/* 02: dunkles Neon-Labor */
.sandbox-2{--sd-bg:#0c1015;--sd-mint:#afff68;--sd-lilac:#ba8cff;--sd-orange:#ffa85e;--sd-line:#344054}.sandbox-2 .sd-hero{background:radial-gradient(ellipse at 82% 40%,#39205e 0,transparent 55%),#0c1015;padding-bottom:55px}.sandbox-2 .sd-hero-grid{display:flex;flex-direction:column;align-items:stretch;gap:15px}.sandbox-2 .sd-title{font-size:clamp(58px,10.5vw,155px);display:block;letter-spacing:-.075em;white-space:nowrap}.sandbox-2 .sd-title span{display:inline}.sandbox-2 .sd-hero-copy{position:relative}.sandbox-2 .sd-hero-meta{display:flex;justify-content:space-between;gap:40px;align-items:flex-end}.sandbox-2 .sd-lead{max-width:52ch}.sandbox-2 .sd-hero-art{aspect-ratio:3.2;width:100%;border:1px solid #35444d;background-image:linear-gradient(#86979710 1px,transparent 1px),linear-gradient(90deg,#86979710 1px,transparent 1px);background-size:42px 42px;border-radius:12px;margin-top:15px}.sandbox-2 .sd-arms{width:65%;position:absolute;max-height:130%;object-fit:contain}.sandbox-2 .sd-hero-art:before{width:35%;background:#a978ff;opacity:.3;filter:blur(65px)}.sandbox-2 .sd-orbit{width:38%;height:110%}.sandbox-2 .sd-orbit.second{width:28%;height:120%}.sandbox-2 .sd-art-label.one{top:24%;left:6%;background:#b69af8}.sandbox-2 .sd-art-label.two{top:20%;right:6%;background:#afff68}.sandbox-2 .sd-art-label.three{left:40%;bottom:7%;background:#ffaf67}.sandbox-2 .sd-lab{background:#131a25}.sandbox-2 .sd-experiment{background:#10131e;box-shadow:0 0 60px #975bff20;border-color:#827094}.sandbox-2 .sd-experiment-status{color:#ba8cff}.sandbox-2 .sd-learning-card{border-radius:0;border-top:3px solid #afff68;background:#111a1d}.sandbox-2 .sd-learning-card:nth-child(2){border-color:#bb8bff}.sandbox-2 .sd-learning-card:nth-child(3){border-color:#ffa85e}.sandbox-2 .sd-square{background:#131d2a;color:#c2d8f3;--sd-muted:#aac0d9;--sd-line:#3b506d;--sd-mint:#afff68}.sandbox-2 .square-block{--glass:#86a8dc10;--roof:#26374f;--side:#1b293f}.sandbox-2 .square-block.active{--glass:#afff6840;--roof:#516844;--side:#563e75}.sandbox-2 .sd-closing{background:#b2ff72;color:#102516;--sd-mint:#142c1b}.sandbox-2 .sd-closing p{color:#2d4a32}.sandbox-2 .sd-closing .sd-button{color:#b2ff72}
/* 03: helles, farbiges Atelier */
.sandbox-3{--sd-bg:#f6f3e9;--sd-ink:#222327;--sd-muted:#595861;--sd-mint:#90eac5;--sd-lilac:#c5a2f3;--sd-orange:#f99075;--sd-line:#cec7d5}.sandbox-3 .sd-hero{background:#e1d5f3}.sandbox-3 .sd-hero-grid{grid-template-columns:1fr 1fr;gap:35px}.sandbox-3 .sd-title{font-size:clamp(64px,8vw,115px)}.sandbox-3 .sd-hero-art{background:#9eebc7;border-radius:48% 48% 12px 12px;aspect-ratio:.98}.sandbox-3 .sd-hero-art:before{background:#f8bd9c;opacity:.65}.sandbox-3 .sd-art-label.one{left:0;top:15%;background:#ffa986}.sandbox-3 .sd-art-label.two{right:0;top:10%;background:#f2f4a3}.sandbox-3 .sd-art-label.three{background:#cfb3f5}.sandbox-3 .sd-hero .sd-button{background:#242528;border-color:#242528;color:#fff}.sandbox-3 .sd-title:after{mix-blend-mode:multiply;color:#e2685f}.sandbox-3 .sd-lab{background:#faf7ee}.sandbox-3 .sd-experiment{background:#e8dcf7;color:#2e263b;box-shadow:12px 12px 0 #9ee8c0;border:0;border-radius:5px}.sandbox-3 .sd-experiment-status,.sandbox-3 .sd-next{color:#65488c}.sandbox-3 .sd-range{accent-color:#6b428e}.sandbox-3 .sd-progress i{border-color:#65488c}.sandbox-3 .sd-progress i.active{background:#65488c}.sandbox-3 .sd-topic-tabs button[aria-pressed=true]{background:#25262a;color:#fff;border-color:#25262a}.sandbox-3 .sd-learning-cards{gap:0}.sandbox-3 .sd-learning-card{border:0;border-radius:0;padding:38px;background:#d0eddb}.sandbox-3 .sd-learning-card:nth-child(2){background:#e4d4f4}.sandbox-3 .sd-learning-card:nth-child(3){background:#ffd0ba}.sandbox-3 .sd-learning-card>span{color:#45424b}.sandbox-3 .sd-square{background:#e4ddf2;--sd-line:#b8a7c9;color:#493758;--sd-muted:#5a4968;--sd-mint:#ffab8c}.sandbox-3 .square-block{--glass:#ffffff90;--roof:#f6f0fa;--side:#cfc0e0}.sandbox-3 .square-block.active{--glass:#9eeac780;--roof:#91d6b3;--side:#ffd0b8}.sandbox-3 .sd-closing{background:#f7a185;color:#2e2824;--sd-mint:#242728}.sandbox-3 .sd-closing p{color:#5f4439}.sandbox-3 .sd-closing .sd-button{color:#fff}
.sd-gallery{background:#101616;color:#f6f6f0;padding:60px 5vw 80px;font-family:Sora,sans-serif}.sd-gallery h1{font-size:clamp(35px,5vw,66px);line-height:1.05;letter-spacing:-.05em;margin:0 0 20px}.sd-gallery>p{color:#adbdb4;max-width:65ch}.sd-gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:40px}.sd-gallery-card{border:1px solid #3d5046;border-radius:7px;overflow:hidden;text-decoration:none;background:#19251f}.sd-gallery-card img{width:100%;display:block;aspect-ratio:1.6;object-fit:contain;object-position:center;background:#11181a}.sd-gallery-card div{padding:22px}.sd-gallery-card small{font:11px 'IBM Plex Mono',monospace;color:#9debc1}.sd-gallery-card h2{font-size:23px;letter-spacing:-.04em;margin:12px 0}.sd-gallery-card p{font-size:14px;color:#b6c8bd;line-height:1.6}.sd-gallery-card b{font-size:13px;color:#a3f5c8}.sd-gallery-card:hover{border-color:#a3f5c8}
@media(max-width:1000px){.sd-hero-grid,.sandbox-3 .sd-hero-grid{gap:15px}.sd-title{font-size:8vw}.sd-lab-layout{gap:30px}.sd-experiment{padding:26px}.sd-learning-head{align-items:flex-start;flex-direction:column;gap:0}.sd-closing .sd-wrap{flex-direction:column;align-items:flex-start}.sd-closing .sd-actions{flex-shrink:1}.sd-square-layout{gap:30px}}
@media(max-width:760px){.sd-wrap{padding:0 24px}.sd-preview{padding:10px 24px;gap:12px}.sd-preview>span{font-size:9px;max-width:22ch}.sd-hero{padding:28px 0 45px}.sd-back{margin-bottom:28px}.sd-hero-grid,.sandbox-3 .sd-hero-grid,.sd-lab-layout,.sd-square-layout{grid-template-columns:1fr;gap:38px}.sd-title,.sandbox-3 .sd-title{font-size:clamp(50px,17vw,110px)}.sd-lead{font-size:16px;margin-top:22px}.sd-actions{gap:20px}.sd-facts{gap:13px 20px}.sd-hero-art{width:100%;max-width:620px;margin:auto;aspect-ratio:1.3}.sd-arms{width:112%}.sd-art-label{font-size:10px;padding:8px 10px}.sd-art-label.one{top:10%}.sd-art-label.two{top:5%}.sd-art-label.three{bottom:12%}.sd-hero-art:before{filter:blur(30px)}.sd-section{padding:55px 0}.sd-section h2{font-size:36px}.sd-section .sd-intro{font-size:15px}.sd-learning-cards{grid-template-columns:1fr;gap:15px}.sd-learning-card{padding:26px}.sd-learning-card h3{margin-top:24px}.sd-more{flex-direction:column;align-items:flex-start;gap:18px}.sd-experiment{min-height:325px;padding:27px 24px}.sd-experiment-question{font-size:26px}.sd-square-art{order:2}.sd-square-layout>div{order:1}.sd-place-note{min-height:0}.sd-closing{padding:50px 0}.sd-closing .sd-actions{width:100%}.sd-closing .sd-button{width:100%}.sandbox-2 .sd-title{font-size:10.2vw}.sandbox-2 .sd-hero-meta{flex-direction:column;align-items:flex-start;gap:0}.sandbox-2 .sd-hero-meta .sd-lead{margin-top:18px}.sandbox-2 .sd-hero-art{aspect-ratio:1.5;margin-top:35px}.sandbox-2 .sd-arms{width:110%;max-height:100%}.sandbox-2 .sd-orbit{width:75%}.sandbox-2 .sd-art-label.one{left:0;top:8%}.sandbox-2 .sd-art-label.two{right:0;top:5%}.sandbox-2 .sd-art-label.three{left:27%;bottom:11%}.sandbox-3 .sd-hero-art{aspect-ratio:1.2;border-radius:38% 38% 7px 7px}.sandbox-3 .sd-learning-cards{gap:0}.sd-gallery-grid{grid-template-columns:1fr}.sd-gallery{padding:40px 24px 60px}}
@media(prefers-reduced-motion:reduce){.sd-title:before,.sd-title:after{animation:none;opacity:0}.sd-arms,.sd-art-label,.square-block{transition:none}.sd-update{animation:none}}
.sandbox-concept .sd-arms{height:auto;object-fit:contain}
.sd-square .sd-place-tabs button[aria-pressed=true]{color:#f3fff8}
.sandbox-2 .sd-square .sd-place-tabs button[aria-pressed=true],.sandbox-3 .sd-square .sd-place-tabs button[aria-pressed=true]{color:#13231b}