.demo-page{--title-fill: #ffa600;--title-stroke: #282828;--title-stroke-offset: 8px;--title-stroke-offset-small: 4px;--title-stroke-shadow: calc(-1 * var(--title-stroke-offset)) 0 0 var(--title-stroke), var(--title-stroke-offset) 0 0 var(--title-stroke), 0 calc(-1 * var(--title-stroke-offset)) 0 var(--title-stroke), 0 var(--title-stroke-offset) 0 var(--title-stroke), calc(-1 * var(--title-stroke-offset)) calc(-1 * var(--title-stroke-offset)) 0 var(--title-stroke), var(--title-stroke-offset) calc(-1 * var(--title-stroke-offset)) 0 var(--title-stroke), calc(-1 * var(--title-stroke-offset)) var(--title-stroke-offset) 0 var(--title-stroke), var(--title-stroke-offset) var(--title-stroke-offset) 0 var(--title-stroke);--title-stroke-shadow-small: calc(-1 * var(--title-stroke-offset-small)) 0 0 var(--title-stroke), var(--title-stroke-offset-small) 0 0 var(--title-stroke), 0 calc(-1 * var(--title-stroke-offset-small)) 0 var(--title-stroke), 0 var(--title-stroke-offset-small) 0 var(--title-stroke), calc(-1 * var(--title-stroke-offset-small)) calc(-1 * var(--title-stroke-offset-small)) 0 var(--title-stroke), var(--title-stroke-offset-small) calc(-1 * var(--title-stroke-offset-small)) 0 var(--title-stroke), calc(-1 * var(--title-stroke-offset-small)) var(--title-stroke-offset-small) 0 var(--title-stroke), var(--title-stroke-offset-small) var(--title-stroke-offset-small) 0 var(--title-stroke)}.demo-page{color:#fff;background-color:#000}.hero{position:relative;height:100vh;width:100%;overflow:hidden}.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-content{position:relative;z-index:1;height:100%;display:flex;flex-direction:column;justify-content:end;padding:6rem 0;box-sizing:border-box;align-items:center}.hero-content .h2{color:#fff;font-family:"Jersey 10",sans-serif;font-size:clamp(3rem,2.5vw,3rem);line-height:1;-webkit-text-stroke:0;text-shadow:var(--title-stroke-shadow-small)}.hero-content h1,.hero-content h2,.hero-content .h2{margin:0}h1,.h2,h2,h3{font-family:"Jersey 10",sans-serif}h2{font-size:clamp(2.75rem,2.5vw,3rem);display:flex;justify-content:center;margin:65px 0 45px}.hero-content h1{font-family:"Jersey 10",sans-serif;font-size:clamp(3.5rem,9vw,8rem);line-height:.9;letter-spacing:.04em;color:var(--title-fill);-webkit-text-stroke:0;text-shadow:var(--title-stroke-shadow)}#playBothBtn{font-family:"Jersey 10",sans-serif;padding:.5rem 1rem;font-size:1.75rem;font-weight:700;background-color:var(--title-fill);color:var(--title-stroke);border:none;cursor:pointer;transition:background-color .3s ease}img{max-width:100%;height:auto}.karten-img{width:50vw;display:flex;height:auto;margin:0 auto}.viewer-section{width:min(1200px,92vw);margin:0 auto}.viewer-carousel{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:1.5rem;align-items:center}.viewer-stage{width:100%}.explo-viewer{width:100%;aspect-ratio:16 / 9;min-height:360px;background:#101010}.scene-nav-btn{font-family:"Jersey 10",sans-serif;width:4rem;height:4rem;font-size:4rem;background:transparent;color:var(--title-fill);cursor:pointer}.scene-nav-btn:disabled{opacity:.5;cursor:not-allowed}.viewer-controls{margin-top:1rem;display:flex;align-items:center;justify-content:center;gap:.75rem}#progressSlider{-webkit-appearance:none;appearance:none;width:min(420px,40vw);height:18px;background:transparent;cursor:pointer}#progressSlider:focus{outline:none}#progressSlider::-webkit-slider-runnable-track{height:18px;background:var(--title-stroke);border:2px solid var(--title-fill)}#progressSlider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:30px;margin-top:-8px;background:var(--title-fill);border:2px solid var(--title-stroke)}#progressSlider::-moz-range-track{height:18px;background:var(--title-stroke);border:2px solid var(--title-fill)}#progressSlider::-moz-range-progress{height:18px;background:var(--title-fill);border-top:2px solid var(--title-fill);border-bottom:2px solid var(--title-fill)}#progressSlider::-moz-range-thumb{width:18px;height:30px;background:var(--title-fill);border:2px solid var(--title-stroke);border-radius:0}#resetBtn{width:47px;height:47px;background-color:var(--title-fill);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center}#resetBtn img{width:25px}.scene-preview-bar{margin-top:1.25rem;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.5rem}.scene-preview{padding:0;cursor:pointer;min-height:84px;overflow:hidden;opacity:.6}.scene-preview .img{width:100%;height:100%;object-fit:cover;display:block}.scene-preview.is-active{opacity:1}@media(max-width:900px){.viewer-carousel{grid-template-columns:1fr}.scene-nav-btn{width:100%;height:2.75rem}.scene-preview-bar{grid-template-columns:repeat(3,minmax(0,1fr))}}