/* Dekorative Ebene: kein Einfluss auf Textfluss, Demo oder Zeigerereignisse. */
.ambient-surface{position:relative;isolation:isolate}
.ambient-surface>.wrap{position:relative;z-index:1}
.ambient-layer{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;user-select:none;contain:strict}
.ambient-canvas{display:block;width:100%;height:100%;opacity:.8}
.ambient-layer::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(32,35,33,.96) 0%,rgba(32,35,33,.76) 39%,rgba(32,35,33,.23) 73%,rgba(32,35,33,.3) 100%)}
.about .ambient-canvas{opacity:.38}
.about .ambient-layer::after{background:linear-gradient(90deg,rgba(32,35,33,.9),rgba(32,35,33,.5) 65%,rgba(32,35,33,.7))}
.hero-bottom{align-items:center;flex-wrap:wrap}
.hero-bottom>.mono{margin-left:auto}
.motion-toggle{color:#c4ceba;background:rgba(32,35,33,.88);border:1px solid #65725a;border-radius:4px;min-height:44px;padding:9px 12px;font:inherit;font-size:.8rem;line-height:1.5;cursor:pointer;white-space:nowrap;transition:color .15s ease,border-color .15s ease}
.motion-toggle:hover{color:var(--lime);border-color:#a6bb7d}
.motion-toggle:focus-visible{outline:3px solid var(--lime);outline-offset:4px}
.motion-toggle[hidden]{display:none}
@media(max-width:800px){.ambient-canvas{opacity:.65}.hero-bottom{gap:14px}.motion-toggle{font-size:.8rem}}
@media(max-width:520px){.hero-bottom{align-items:start;flex-direction:column}.ambient-layer::after{background:linear-gradient(90deg,rgba(32,35,33,.86),rgba(32,35,33,.46))}}
@media(prefers-reduced-motion:reduce){.motion-toggle{transition:none}}