/* Functional V0.39a layer. Brand tokens are taken verbatim from the source project. */
:root{--purple:#403b59;--ink:#302f38;--muted:#5b5b65;--orange:#f28c00;--paper:#fbfaf6;--cream:#f3efe6;--line:#dcd8ce;--forest:#29453e;--deep:#202b28}
html{scroll-behavior:smooth}body{font-size:1.125rem;line-height:1.65;background:var(--paper);color:var(--ink)}.wrap{width:min(1200px,calc(100% - 64px))}h1,h2,h3,h4{letter-spacing:-.025em;overflow-wrap:break-word}p{max-width:82ch}img{display:block}.site-header{background:var(--paper);border-bottom:1px solid var(--line)}.desktop-nav{gap:18px}.desktop-nav a{font-size:1rem}.desktop-nav .nav-action{border-radius:4px;padding:12px 18px}.nav-action,.button{border-radius:4px!important}.button{font-size:1rem;min-height:48px}.text-link{font-size:1rem}.menu-toggle{width:48px;height:48px}.an-kicker,.section-index,.eyebrow{font-size:.875rem;line-height:1.5;letter-spacing:.065em;font-weight:700;color:var(--muted)}.an-page-head{padding:55px 0 25px;background:var(--cream)}.an-page-head h1{font-size:clamp(2.8rem,5.4vw,5.1rem);line-height:1.08;margin:20px 0 22px;max-width:1050px}.an-page-head h1 span{display:block;font-size:.56em;line-height:1.3;margin-top:10px}.an-page-head .an-lead{font-size:clamp(1.3rem,2.5vw,2rem);line-height:1.4;max-width:850px}.an-opening{padding:28px 0 40px}.an-opening>p{font-size:1.25rem;max-width:850px}.an-section{padding:76px 0;border-top:1px solid var(--line)}.an-soft{background:var(--cream)}.an-section-head{margin-bottom:28px}.an-section-head h2{font-size:clamp(2.1rem,3.7vw,3.7rem);line-height:1.15;max-width:1050px;margin:12px 0 25px}.an-section-body>p{max-width:920px}.an-section-body>.button{margin:14px 12px 8px 0}.an-component{margin:32px 0 26px}.an-meta,.an-source,figcaption{font-size:.875rem;line-height:1.6;color:var(--muted)}.an-source{border-top:1px solid var(--line);padding-top:18px;margin-top:25px}.an-boundary{border-left:3px solid var(--purple);padding:14px 20px;background:color-mix(in srgb,var(--purple) 5%,var(--paper));font-size:1rem;max-width:none}.an-bridge{font-size:1.4rem;line-height:1.5;margin-top:32px}.an-depth{border-top:1px solid var(--line);padding:18px 0}.an-depth summary{min-height:44px;display:list-item;cursor:pointer;font-weight:700;line-height:1.5;padding:8px 0;font-size:1.05rem}.an-depth[open]>summary{margin-bottom:16px}.an-depth p{margin:0 0 16px}.an-choices{display:flex;flex-wrap:wrap;gap:9px;margin:16px 0 24px}.an-choices button,.context-places button{font:inherit;font-size:1rem;min-height:48px;padding:10px 16px;background:var(--paper);color:var(--purple);border:1px solid var(--purple);border-radius:3px;text-align:left;line-height:1.4;transition:background .15s}.an-choices button[aria-pressed=true],.context-places button[aria-pressed=true]{background:var(--purple);color:var(--paper);font-weight:700}.an-choices button:hover,.context-places button:hover{box-shadow:inset 0 0 0 1px var(--purple)}.an-component label{display:block;font-size:1rem;font-weight:700;margin:15px 0 8px}.an-component input:not([type=range]),.an-component select,.an-component textarea,.observation-demo textarea{width:100%;font:inherit;padding:12px 14px;color:var(--ink);background:var(--paper);border:1px solid var(--muted);border-radius:3px;max-width:100%;min-width:0}.an-component select{max-width:600px;margin-bottom:20px;min-height:48px}.an-component textarea,.observation-demo textarea{resize:vertical}.an-component h3{font-size:clamp(1.4rem,2.2vw,2rem);line-height:1.3;margin:8px 0 16px}.an-component h4{font-size:1.35rem;line-height:1.35;margin:24px 0 14px}.an-facts{margin:20px 0}.an-facts>div{display:grid;grid-template-columns:minmax(150px,.65fr) minmax(0,1.35fr);gap:20px;border-top:1px solid var(--line);padding:14px 0}.an-facts dt{font-weight:700;font-size:1rem}.an-facts dd{margin:0;font-size:1rem;white-space:pre-wrap;overflow-wrap:anywhere}.focus-scene{position:relative;overflow:hidden;border:1px solid var(--line);background:var(--paper);padding:8px}.focus-scene img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;transform:translateY(var(--drift,0px));transition:transform .25s ease}.focus-window{position:absolute;border:3px solid var(--paper);outline:2px solid var(--purple);transition:left .25s,top .25s,width .25s,height .25s;pointer-events:none;box-shadow:0 0 0 500px color-mix(in srgb,var(--deep) 13%,transparent)}.focus-window span{position:absolute;left:0;bottom:0;background:var(--paper);color:var(--purple);font-size:1rem;padding:5px 10px;font-weight:700}.focus-controls{display:grid;grid-template-columns:.8fr 1.2fr;gap:45px;margin:30px 0}.focus-result{padding:24px;background:color-mix(in srgb,var(--forest) 5%,var(--paper));border-left:3px solid var(--forest)}.relational-field{display:grid;grid-template-columns:.65fr 1.35fr;gap:40px}.relational-field nav .an-choices{flex-direction:column;margin-top:0}.relational-field .an-choices button{width:100%}.coherence-result{padding:24px 30px;border-left:3px solid var(--purple);background:var(--paper)}.relation-explanation{margin-top:28px;border-top:1px solid var(--line);padding-top:20px}.sfw-layout{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}.sfw-layout figure{margin:0}.sfw-layout figure img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:0}.sfw-layout figcaption{padding:10px 0}.sfw-layout .an-choices{margin-top:0}.support-layout{display:grid;grid-template-columns:1fr 1fr;gap:40px}.support-field{position:relative;aspect-ratio:1/1;min-height:350px;max-width:600px;border:1px solid var(--line);background:var(--paper)}.support-field svg{position:absolute;inset:0;width:100%;height:100%}.support-lines line{stroke:var(--purple);stroke-width:.45}.support-nodes{position:absolute;inset:0}.support-nodes button{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);font:inherit;font-size:.875rem;min-height:48px;padding:9px 12px;color:var(--purple);background:var(--paper);border:1px solid var(--purple);border-radius:3px;max-width:31%;overflow-wrap:anywhere}.support-nodes button[aria-pressed=true]{background:var(--purple);color:var(--paper);font-weight:700}.relation-list{padding-left:24px}.relation-list li{padding-bottom:12px;margin-bottom:15px;border-bottom:1px solid var(--line)}.relation-list p{margin:8px 0}.context-image{margin:0;position:relative;overflow:hidden}.context-image img{width:100%;aspect-ratio:3/2;object-fit:cover;border:1px solid var(--line)}.context-frame{position:absolute;top:6%;bottom:13%;border:3px solid var(--paper);outline:2px solid var(--purple);pointer-events:none;left:3%;width:94%;transition:left .2s,width .2s}.context-image[data-place=city] .context-frame{left:3%;width:42%}.context-image[data-place=country] .context-frame{left:57%;width:40%}.context-image figcaption{padding-top:12px}.context-places{display:flex;flex-wrap:wrap;gap:9px;margin:20px 0}.context-pair{display:grid;grid-template-columns:1fr 1fr;gap:30px}.context-pair article{padding:20px;border-top:3px solid var(--purple);background:var(--paper)}.time-range{width:100%;max-width:700px;height:48px;accent-color:var(--purple);display:block;margin:12px 0 25px}.time-result{border-left:3px solid var(--purple);padding:20px 25px;background:var(--paper)}.state-comparison{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.state-comparison .an-facts>div{display:block}.state-comparison .an-facts dd{margin-top:8px}.state-comparison h3{font-size:1.25rem}.question-movement{border-left:3px solid var(--purple);padding-left:30px;display:grid;grid-template-columns:repeat(3,1fr);gap:36px}.question-movement h3{font-size:1.55rem;line-height:1.35}.question-movement .an-kicker{font-size:.875rem}.space-center{font-size:1.6rem;font-weight:700;color:var(--purple);padding:20px 0;border-bottom:3px solid var(--purple)}.spaces-field{display:grid;grid-template-columns:.8fr 1.2fr;gap:35px}.spaces-field .an-choices{display:flex;flex-direction:column;margin:0}.space-result{padding:25px;border-left:3px solid var(--forest);background:var(--paper)}.observation-demo{max-width:850px;border-left:3px solid var(--purple);padding:25px;background:var(--cream)}.observation-demo label{display:block;font-weight:700;margin-bottom:12px}.observation-demo button{margin-top:20px}.observation-preview{margin-top:20px}.syntax-fields{margin-top:30px;padding:22px;border:1px solid var(--line);background:var(--paper)}.syntax-fields[hidden]{display:none}.syntax-fields button{margin-top:24px}.syntax-preview{margin-top:25px}.syntax-preview blockquote,.statement-result blockquote{border-left:3px solid var(--purple);padding:15px 20px;margin:20px 0;white-space:pre-wrap;overflow-wrap:anywhere;background:var(--cream)}.research-cycle,.learning-movement{list-style-position:inside;display:flex;flex-wrap:wrap;gap:16px 28px;padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.research-cycle li,.learning-movement li{font-weight:700;padding:8px 0;color:var(--purple)}.vis-demo-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:45px}.status-row{padding:15px 0;border-top:1px solid var(--line)}.pathway-result{background:var(--paper);border-left:3px solid var(--forest);padding:24px}.publication-row{padding:25px 0;border-top:1px solid var(--line)}.publication-row h3{max-width:900px}.publication-row .an-depth{max-width:850px}.entry-pair{display:grid;grid-template-columns:1fr 1fr;gap:40px}.entry-pair article{border-top:3px solid var(--purple);padding-top:23px}.entry-pair h3{font-size:1.7rem;line-height:1.3}.entry-pair .button{margin-top:15px}.qualification-list article{padding:18px 0;border-top:1px solid var(--line)}.qualification-list h3{font-size:1.65rem;line-height:1.3}.article-body{max-width:820px;font-size:1.2rem}.article-body h2{font-size:2.2rem;line-height:1.2;margin:40px 0 20px}.article-body h3{font-size:1.6rem}.article-provenance{background:var(--cream);padding:25px;margin:40px 0}.article-provenance h2{margin-top:0}.footer-links a,.footer-links button{font-size:1rem}.page-hero img,.hero-visual,.hero-visual img,.editorial-image img{border-radius:0!important}.page-hero h1{font-size:clamp(2.7rem,5vw,4.5rem)}.form-message,.explorer-note{font-size:1rem}.vis-intro{padding:55px 0 25px;background:var(--cream)}.vis-intro h1{font-size:clamp(2.8rem,5vw,4.5rem)}.vis-work{padding:35px 0 70px}.vis-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:start}.vis-grid>div>h2{font-size:2rem;line-height:1.3}.vis-card{border-top:1px solid var(--line);padding:20px 0;margin:18px 0}.vis-card h3{font-size:1.4rem;overflow-wrap:anywhere}.vis-card p,.vis-comparison p{white-space:pre-wrap;overflow-wrap:anywhere}.vis-card time{font-size:1rem}.vis-comparison{display:grid;grid-template-columns:1fr 1fr;gap:20px}.vis-comparison article{background:var(--cream);padding:20px;min-width:0}.vis-comparison h3{font-size:1.4rem}.vis-file{display:block;max-width:100%;margin-top:12px}.vis-card button{margin:6px 12px 6px 0;min-height:44px}.self-form{background:var(--cream)}[hidden]{display:none!important}:focus-visible{outline:3px solid var(--orange);outline-offset:4px}
@media(max-width:1180px){.desktop-nav{display:none}.menu-toggle{display:block}.mobile-nav{position:absolute;left:0;right:0;top:100%;max-height:calc(100vh - 80px);overflow:auto;background:var(--paper);padding:18px 32px;box-shadow:0 12px 25px color-mix(in srgb,var(--deep) 15%,transparent)}.mobile-nav.open{display:grid}.mobile-nav a{padding:12px 0;text-decoration:none;border-bottom:1px solid var(--line);font-size:1.05rem;min-height:48px}.mobile-nav a:last-child{border-radius:4px}}
@media(max-width:800px){.wrap{width:calc(100% - 36px)}body{font-size:1.0625rem}.an-page-head{padding:40px 0 20px}.an-page-head h1{font-size:clamp(2.6rem,9vw,3.7rem)}.an-opening{padding:20px 0 30px}.an-opening>p{font-size:1.125rem}.an-section{padding:48px 0}.an-section-head h2{font-size:clamp(2rem,7vw,2.7rem)}.an-component{margin:25px 0}.focus-controls,.relational-field,.sfw-layout,.support-layout,.context-pair,.spaces-field,.vis-demo-grid,.entry-pair,.vis-grid,.vis-comparison{grid-template-columns:1fr;gap:24px}.relational-field nav .an-choices{flex-direction:row}.relational-field .an-choices button{width:auto;flex:1}.coherence-result,.focus-result,.space-result,.time-result{padding:20px}.focus-window{border-width:2px}.focus-window span{font-size:.875rem;padding:3px 5px}.support-field{aspect-ratio:auto;min-height:0;padding:15px}.support-field svg{display:none}.support-nodes{position:static;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.support-nodes button{position:static;transform:none;max-width:none;font-size:.875rem;min-height:54px;padding:10px 6px;left:auto;top:auto}.an-facts>div{grid-template-columns:1fr;gap:6px;padding:12px 0}.state-comparison,.question-movement{grid-template-columns:1fr;gap:20px}.state-comparison article{border-top:1px solid var(--line);padding-top:15px}.question-movement{padding-left:22px}.question-movement>div{border-bottom:1px solid var(--line)}.an-choices button{flex:1;min-width:105px}.time-choices button{min-width:0;flex:1;font-size:.875rem;padding:10px 8px}.context-image img{aspect-ratio:3/2}.context-places button{flex:1;font-size:.9375rem}.spaces-field .an-choices{flex-direction:row}.spaces-field .an-choices button{flex:1 1 42%}.syntax-fields{padding:15px}.article-body{font-size:1.125rem}.article-body h2{font-size:1.8rem}.article-provenance{padding:20px}.observation-demo{padding:20px}.mobile-nav{padding-inline:18px}.research-cycle,.learning-movement{display:grid;grid-template-columns:1fr 1fr;gap:8px 16px}}
@media(max-width:420px){.an-choices{gap:7px}.an-choices button{font-size:.9375rem;min-width:96px;padding:10px 12px}.support-nodes{gap:8px}.support-nodes button{font-size:.875rem}.focus-controls h3{font-size:1.45rem}.an-page-head h1{font-size:2.55rem}.entry-pair .button{width:100%}.research-cycle,.learning-movement{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.focus-scene img,.focus-window,.context-frame,.an-choices button{transition:none;transform:none}.button:hover{transform:none}}
@media(max-width:1180px){.menu-toggle{display:grid;place-items:center;border:1px solid var(--muted);border-radius:4px;background:var(--paper);flex:none}.menu-toggle span,.menu-toggle span:before,.menu-toggle span:after{display:block;width:20px;height:2px;background:var(--purple);content:""}.menu-toggle span:before{transform:translateY(-6px)}.menu-toggle span:after{transform:translateY(4px)}}

/* Kreisförmiger Fokus ohne Fadenkreuz; Kontext bleibt sichtbar. */
.focus-scene{border:0;padding:0;border-radius:24px;box-shadow:0 18px 48px #30243d1a}
.focus-window{aspect-ratio:1/1;height:auto;border-radius:50%;transform:translate(-50%,-50%);border:2px solid #fff8e6;outline:1px solid #bf873d;box-shadow:0 0 24px #ffd99955,inset 0 0 20px #fff6df33;background:transparent;transition:left .6s ease,top .6s ease,width .6s ease}
.focus-ring{position:absolute;border-radius:50%;border:2px solid #fff5d9;box-shadow:0 1px 5px #46302e55;display:block}
.focus-ring-outer{inset:12%}.focus-ring-middle{inset:25%;opacity:.85}.focus-ring-inner{inset:38%;opacity:.7}
.focus-window span{left:50%;bottom:-14px;transform:translateX(-50%);border-radius:100px;white-space:nowrap;padding:5px 14px;box-shadow:0 4px 14px #30243d22}
.support-field{border:0;border-radius:35% 45% 38% 42%;background:radial-gradient(ellipse at 44% 40%,#fff 0%,#edeaf2 50%,#e2ede6 85%);box-shadow:inset 0 0 45px #ffffffa0,0 18px 50px #30243d15}
.support-lines path{fill:none;stroke:#80708e;stroke-width:.65;stroke-linecap:round;filter:drop-shadow(0 1.2px 1px #403b5930)}
.support-nodes button{border-radius:100px;background:linear-gradient(145deg,#fff,#f0ecf4);border-color:#b8adbf;box-shadow:0 8px 18px #403b591c,inset 0 2px 2px #fff;transition:box-shadow .25s,background .25s;font-size:.875rem}
.support-nodes button[aria-pressed=true]{background:linear-gradient(140deg,#77628b,#403b59);box-shadow:0 12px 24px #403b5938,inset 0 1px 1px #bba9cd}
@media(max-width:800px){.support-field{aspect-ratio:1/1;padding:0;max-width:600px;width:100%;margin-inline:auto}.support-field svg{display:block}.support-nodes{position:absolute;inset:0;display:block}.support-nodes button{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);max-width:32%;min-height:48px;padding:8px 10px}.focus-window span{font-size:.875rem}}
@media(prefers-reduced-motion:reduce){.focus-window{transform:translate(-50%,-50%);transition:none}.support-nodes button{transition:none}}
