@font-face{font-family:NovaGrotesk;src:url("/fonts/nova/space-grotesk-variable.woff2?v=2") format("woff2");font-weight:300 700;font-style:normal;font-display:swap}
:root{--paper:#e9e5dc;--ink:#24251f;--muted:#62645c;--line:#bcbdb2;--orange:#fa5a27;--ease:cubic-bezier(.22,.75,.2,1)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.5 NovaGrotesk,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible,canvas:focus-visible{outline:2px solid #a12c06;outline-offset:6px}button{border:0;background:none}fieldset{border:0;padding:0;margin:0}em{font-family:NovaGrotesk,sans-serif;font-weight:400}.skip{position:absolute;top:-90px;left:20px;z-index:20;background:var(--ink);color:white;padding:15px}.skip:focus{top:10px}.site-head{height:104px;padding:0 3.6%;display:flex;align-items:center;gap:56px;border-bottom:1px solid var(--line)}.wordmark{font-size:36px;font-weight:600;letter-spacing:-3px;line-height:1}.wordmark span{font-size:12px;vertical-align:top;letter-spacing:0;margin-left:4px}.edition{font-size:9px;letter-spacing:1.4px;line-height:1.8}.site-head nav{margin-left:auto;display:flex;align-items:center;gap:40px;font-size:12px}.nav-contact{border:1px solid var(--ink);border-radius:50px;padding:13px 19px}.nav-contact span{margin-left:16px}.studio{position:relative;min-height:810px;height:calc(100svh - 104px);max-height:1140px;overflow:hidden;background:radial-gradient(ellipse at 39% 65%,#f5f1e9 0%,#e6e3d9 53%,#d7d8cb 100%);transition:background 1s,color 1s}.studio-top{position:relative;z-index:2;padding:25px 3.6%;display:flex;justify-content:space-between;pointer-events:none}.eyebrow,.studio-index{font-size:9px;letter-spacing:1.7px}.eyebrow{margin:0;display:flex;align-items:center;gap:10px}.eyebrow i{width:6px;height:6px;background:var(--orange);border-radius:50%}.studio-index{color:var(--muted)}h1{position:absolute;left:3.6%;top:90px;font-size:clamp(48px,4.6vw,78px);font-weight:400;line-height:.98;letter-spacing:-3px;margin:0;z-index:2;pointer-events:none}h1 em{display:block;margin-top:6px}.back-word{font-size:clamp(190px,29vw,570px);line-height:1;font-weight:600;letter-spacing:-.09em;color:#cecec1;opacity:.5;position:absolute;left:10%;top:20%;pointer-events:none;user-select:none}.product-stage{position:absolute;left:13%;top:0;width:65%;height:100%;touch-action:pan-y;cursor:grab}.product-stage:active{cursor:grabbing}#product,.product-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}#product{opacity:0;transition:opacity .8s;outline-offset:-8px}.product-stage[data-renderer=webgl] #product{opacity:1}.product-stage[data-renderer=webgl] .product-poster{opacity:0}.product-poster{transition:opacity .8s}.stage-floor{position:absolute;left:12%;right:12%;bottom:13%;height:80px;border:1px solid #9a9c8b55;border-radius:50%;transform:rotate(-8deg);pointer-events:none}.stage-floor span{position:absolute;right:15px;bottom:-23px;font:8px NovaGrotesk;letter-spacing:2px;transform:rotate(8deg)}.render-status{position:absolute;bottom:16%;width:100%;text-align:center;font-size:10px;color:var(--muted);pointer-events:none}.render-status:empty{display:none}.product-caption{position:absolute;left:3.6%;bottom:150px;display:flex;gap:18px;align-items:center}.cross{font-size:30px;font-weight:400}.product-caption strong{display:block;font-size:15px;letter-spacing:2px;font-weight:400}.product-caption div>span{display:block;color:var(--muted);font-size:11px;margin-top:4px}.stage-tools{position:absolute;left:36%;bottom:104px;display:flex;align-items:center;gap:16px}.stage-tools span{font-size:8px;letter-spacing:1.6px}.stage-tools button{font-size:22px;width:42px;height:42px;border:1px solid var(--line);border-radius:50%;transition:background .2s}.stage-tools button:hover{background:#fff8}.config{position:absolute;right:3.6%;top:100px;width:275px;padding:24px;background:#f8f6efb8;border:1px solid #fff9;backdrop-filter:blur(16px);border-radius:4px;z-index:3;box-shadow:0 20px 60px #3e45360a;color:var(--ink)}.config-title{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.4px;padding-bottom:24px;border-bottom:1px solid var(--line)}.config-title span:last-child{color:var(--muted)}fieldset{margin-top:21px}legend{font-size:10px;color:var(--muted);width:100%;display:flex;gap:12px;align-items:center}legend span{color:var(--ink);font-size:12px}legend output{margin-left:auto;color:var(--muted)}.swatches{display:flex;gap:15px;margin-top:15px}.swatch{width:35px;height:35px;border-radius:50%;background:var(--swatch);position:relative;border:1px solid #5555;transition:transform .3s}.swatch:hover{transform:translateY(-3px)}.swatch[aria-pressed=true]:after{content:'';position:absolute;inset:-5px;border:1px solid var(--ink);border-radius:50%}.segmented{display:flex;gap:3px;margin-top:11px;border-bottom:1px solid var(--line)}.segmented button{flex:1;padding:10px 3px;font-size:11px;border-bottom:2px solid transparent;transition:background .25s}.segmented button[aria-pressed=true]{border-bottom-color:var(--orange);background:#ffffff75}.price-row{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);margin-top:25px;padding-top:21px}.price-row>span{font-size:10px}.price-row small{font-size:8px;display:block;margin-top:5px;color:var(--muted)}.price-row output{font-size:24px;letter-spacing:-1px;white-space:nowrap}.primary{background:var(--ink);color:#fff;display:flex;justify-content:space-between;align-items:center;padding:17px 20px;gap:20px;font-size:11px;border-radius:3px;transition:background .2s,transform .2s}.primary:hover{background:#434738;transform:translateY(-2px)}.config .primary{width:100%;margin-top:20px}.text-button{font-size:9px;width:100%;text-decoration:underline;text-underline-offset:3px;margin-top:13px;color:var(--muted)}.share-status{font-size:10px;margin:10px 0 0}.share-status:empty{display:none}#share-link{width:100%;margin-top:8px;border:1px solid #777;background:white;padding:8px}.studio-bottom{position:absolute;bottom:0;left:3.6%;right:3.6%;min-height:78px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);z-index:4}.studio-bottom>a{font-size:9px;letter-spacing:1.5px;display:flex;gap:25px;align-items:center}.studio-bottom>a span{font-size:23px}.demo-tools{display:flex;gap:10px}.demo-tools button{font-size:11px;border:1px solid var(--line);border-radius:40px;padding:11px 17px;background:#e9e5dc88;color:var(--ink)}.demo-tools button[aria-pressed=true]{background:var(--ink);color:white;border-color:var(--ink)}.demo-tools #motion{min-width:44px}.inside{padding:55px 3.6% 65px;background:#f5f2eb}.section-label{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.5px;color:var(--muted)}.inside-head{display:flex;align-items:flex-end;justify-content:space-between;padding:65px 0 45px}h2{font-size:clamp(44px,5.7vw,90px);line-height:1;letter-spacing:-3px;font-weight:400;margin:0}.inside-head>p{font-size:13px;line-height:1.8;max-width:325px;color:var(--muted)}.parts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.part-card{text-align:left;padding:25px;background:#e7e6dd;transition:background .4s,transform .4s var(--ease);overflow:hidden}.part-card:hover{background:#deded0;transform:translateY(-6px)}.part-number{font-size:9px;letter-spacing:1.6px}.part-art{height:230px;position:relative;display:grid;place-items:center;perspective:500px}.part-art i{position:absolute;display:block}.art-top i:first-child{width:180px;height:180px;background:repeating-conic-gradient(#b8bdb2 0deg,#e0e2d9 12deg,#a2a99d 25deg);border-radius:50%;transform:rotateX(58deg) rotateZ(-20deg);box-shadow:0 14px 0 #8b9186,0 35px 40px #3d45363d}.art-top i:last-child{width:38px;height:38px;background:#353d31;border-radius:50%;transform:rotateX(58deg);box-shadow:0 5px 0 #1f251d}.art-body i{width:150px;height:165px;border-radius:50% / 12%;background:radial-gradient(circle,#30362a 1px,transparent 1.5px) 0 0/5px 5px,linear-gradient(90deg,#6b7563,#c2c9b8 30%,#89947e 65%,#4e5945);transform:rotate(-15deg);box-shadow:0 9px 0 #f26737,0 15px 0 #424d38,15px 30px 30px #4d563233}.art-base i:first-child{width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,#646b5c 15%,#30382b 16%,#444c3a 62%,#b5bcac 63%,#727e64 69%);transform:rotateX(60deg);box-shadow:0 15px 0 #262e21,0 35px 35px #4d563233}.art-base i:last-child{width:130px;height:130px;border-radius:50%;border:1px dashed #747d68;transform:rotateX(60deg) translateZ(55px)}.part-card h3{font-weight:400;font-size:21px;letter-spacing:-.7px;margin:12px 0}.part-card p{font-size:12px;color:#575e50;line-height:1.7;max-width:300px}.part-link{display:block;margin-top:25px;font-size:10px;text-decoration:underline;text-underline-offset:4px}.concept-note{font-size:10px;color:var(--muted);margin:27px 0 0}.project{background:var(--orange);padding:65px 3.6%}.project>.eyebrow{margin-bottom:50px}.project h2{font-size:clamp(65px,10vw,155px);letter-spacing:-5px;max-width:1000px}.project-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:55px;gap:40px}.project-bottom p{max-width:410px;font-size:14px}.project-bottom .primary{min-width:320px}.phone{display:block;text-align:right;font-size:11px;margin-top:20px}footer{padding:35px 3.6%;background:#21251d;color:#ecefe6;display:flex;gap:30px;flex-wrap:wrap;font-size:10px}footer>div{display:flex;gap:24px;margin-left:auto}footer>span{width:100%;font-size:8px;letter-spacing:2px;color:#b3b9aa}.scene-caption{position:fixed;bottom:115px;left:50%;transform:translate(-50%,15px);background:#23291fe8;color:white;padding:14px 26px;border-radius:3px;z-index:10;font-size:19px;letter-spacing:-.4px;opacity:0;transition:opacity .4s,transform .4s;pointer-events:none;text-align:center;max-width:90vw}.scene-caption.active{opacity:1;transform:translate(-50%,0)}body[data-light=night] .studio{background:radial-gradient(ellipse at 45% 50%,#434a43,#151c18);color:#f0f0e4}body[data-light=night] .back-word{color:#64705e;opacity:.22}body[data-light=night] .studio-index,body[data-light=night] .product-caption div>span{color:#c2cbb9}body[data-light=night] .stage-floor{border-color:#a7b39b55}body[data-light=sunset] .studio{background:radial-gradient(ellipse at 30% 50%,#f4d9b7,#bf9685)}
@media(min-width:1700px) and (min-height:1000px){.config{width:320px;top:150px;padding:30px}h1{top:120px}.product-stage{left:13%;width:64%}.studio{min-height:900px}}
@media(min-width:751px) and (max-height:999px){.studio{min-height:650px}.config{top:75px}h1{top:80px}}
@media(max-height:820px) and (min-width:901px){.site-head{height:80px}.studio{height:calc(100svh - 80px);min-height:650px}.config{top:60px;padding:18px;width:250px}.config-title{padding-bottom:15px}fieldset{margin-top:15px}.price-row{margin-top:18px;padding-top:12px}.config .primary{margin-top:15px}h1{top:75px;font-size:58px}.product-stage{width:62%;left:13%}.stage-tools{bottom:87px}.product-caption{bottom:115px}.studio-bottom{min-height:64px}}
@media(max-width:1050px){.site-head{gap:25px}.edition{display:none}.config{right:3%;width:250px}.product-stage{left:3%;width:72%}h1{font-size:54px}.stage-tools{left:26%}.part-art{height:200px}}
@media(max-width:1050px){.site-head{height:78px;padding:0 6%}.wordmark{font-size:30px}.site-head nav>a:first-child{display:none}.nav-contact{font-size:9px;padding:10px 12px}.nav-contact span{margin-left:6px}.studio{height:auto;min-height:0;max-height:none;padding-bottom:0}.studio-top{padding:22px 6%}.studio-index{display:none}.eyebrow{font-size:8px}h1{position:relative;left:auto;top:auto;margin:18px 6% 0;font-size:57px;line-height:.93}.back-word{font-size:38vw;left:3%;top:260px}.product-stage{position:relative;left:auto;top:auto;width:100%;height:430px;margin-top:-20px}.stage-floor{bottom:14%;left:16%;right:16%;height:45px}.stage-floor span{font-size:6px;letter-spacing:1px}.render-status{bottom:8%}.product-caption{position:relative;left:auto;bottom:auto;margin:-25px 6% 0;max-width:55%}.product-caption strong{font-size:11px}.product-caption div>span{font-size:9px}.product-caption .cross{font-size:24px}.stage-tools{left:auto;right:6%;bottom:auto;top:575px;gap:7px}.stage-tools span{display:none}.stage-tools button{width:36px;height:36px}.config{position:relative;right:auto;top:auto;width:auto;margin:32px 6% 25px;padding:23px}.config-title{padding-bottom:16px}fieldset{margin-top:18px}.config .swatches{gap:20px}.segmented button{padding:13px 5px}.price-row output{font-size:28px}.price-row small{font-size:9px}.config .primary{font-size:12px;padding:18px}.text-button{font-size:11px;padding:6px}.studio-bottom{position:relative;left:auto;right:auto;padding:20px 6%;display:flex;flex-direction:column-reverse;gap:25px}.demo-tools{width:100%;gap:7px}.demo-tools button{padding:11px;font-size:10px}.demo-tools #show{flex:1}.inside{padding:35px 6%}.section-label{font-size:7px;letter-spacing:1px}.inside-head{display:block;padding:40px 0 25px}h2{font-size:48px;letter-spacing:-2px}.inside-head>p{font-size:12px;margin-top:25px}.parts-grid{grid-template-columns:1fr;gap:14px}.part-card{padding:23px}.part-art{height:205px}.part-card h3{font-size:23px}.part-card p{max-width:100%}.part-link{margin-top:20px}.project{padding:45px 6%}.project>.eyebrow{margin-bottom:35px}.project h2{font-size:67px;letter-spacing:-3px}.project-bottom{display:block;margin-top:35px}.project-bottom p{font-size:13px}.project-bottom .primary{min-width:0;margin-top:30px}.phone{text-align:left;font-size:10px}footer{padding:30px 6%;gap:25px}footer>div{margin:0;flex-wrap:wrap;gap:22px}.scene-caption{bottom:25px;font-size:16px;width:max-content}.product-stage[data-renderer=poster]~.stage-tools{visibility:hidden}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}
.project a:focus-visible{outline-color:#24251f}footer a:focus-visible{outline-color:#fff}
.scroll-film{position:relative;background:#141a17;color:#f2f0e8;--progress:0;--glow:0}.scroll-film.is-ready{height:420svh}.film-sticky{height:100svh;min-height:650px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 75% 50%,#3a4539 0%,#1b231d 38%,#111713 75%)}.is-ready .film-sticky{position:sticky;top:0}.film-sticky:after{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 70% 65%,#d36b293a,transparent 60%);opacity:var(--glow)}.film-top,.film-bottom{position:absolute;left:4%;right:4%;z-index:4;display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:1.5px}.film-top{top:35px}.film-top a{letter-spacing:0;font-size:12px;padding:12px;border:1px solid #8a9384;border-radius:30px}.film-bottom{bottom:32px;gap:26px}.film-scroll{display:flex;align-items:center;gap:20px}.film-scroll>span{font-size:25px}.film-track{height:1px;background:#6c7466;flex:1}.film-track i{display:block;height:2px;background:#f68a54;transform:scaleX(var(--progress));transform-origin:left}.film-bottom button{color:#f2f0e8;font-size:11px;border:1px solid #8a9384;border-radius:25px;padding:12px;letter-spacing:0}.scroll-film a:focus-visible,.scroll-film button:focus-visible{outline-color:#fff}.film-word{position:absolute;left:0;top:23%;width:100%;text-align:center;font-size:25vw;letter-spacing:-.08em;line-height:1;color:#4e5c48;opacity:.22;transform:translateX(calc(var(--progress) * -5%));pointer-events:none}.film-stage{position:absolute;left:22%;top:0;width:78%;height:100%;pointer-events:none}.film-stage canvas,.film-stage img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.film-stage canvas{opacity:0}.film-stage[data-renderer=webgl] canvas{opacity:1}.film-stage[data-renderer=webgl] img{display:none}.film-copy{position:absolute;left:5%;top:35%;width:35%;z-index:3;pointer-events:none}.film-copy article{position:absolute;top:0;left:0;width:100%;opacity:0;transform:translateY(35px);transition:opacity .45s,transform .65s cubic-bezier(.22,.75,.2,1)}.film-copy article>span{color:#ffc39c;font-size:10px;letter-spacing:2px}.film-copy h2{font-size:clamp(44px,5vw,84px);letter-spacing:-2.5px;margin-top:24px;line-height:1.02;text-shadow:0 2px 22px #111713}.film-copy p{font-size:13px;line-height:1.8;color:#d9dfd1;margin-top:26px;max-width:320px;text-shadow:0 2px 8px #111713}.scroll-film[data-chapter="0"] [data-scene="0"],.scroll-film[data-chapter="1"] [data-scene="1"],.scroll-film[data-chapter="2"] [data-scene="2"],.scroll-film[data-chapter="3"] [data-scene="3"]{opacity:1;transform:none}.film-fallback{position:absolute;bottom:90px;left:5%;font-size:12px;z-index:4}.is-ready .film-fallback{display:none}.scroll-film:not(.is-ready) #film-pause{display:none}.scroll-film[data-paused=true] .film-word{transform:none}
@media(max-width:1050px){.scroll-film.is-ready{height:350svh}.film-sticky{min-height:620px}.film-top{top:20px;font-size:8px;letter-spacing:1px}.film-top a{font-size:10px}.film-copy{left:6%;top:15%;width:88%}.film-copy h2{font-size:clamp(38px,7vw,64px);margin-top:12px;letter-spacing:-1.5px}.film-copy p{font-size:12px;margin-top:12px}.film-stage{left:0;top:30%;width:100%;height:65%}.film-word{top:46%;font-size:27vw}.film-bottom{bottom:20px;gap:12px;font-size:8px;letter-spacing:1px}.film-bottom button{font-size:9px;padding:10px}.film-scroll{gap:8px}.film-scroll>span{font-size:18px}.film-track{min-width:20px}.film-fallback{bottom:75px;left:6%;max-width:80%}}
@media(max-height:650px) and (min-width:1051px){.film-sticky{min-height:540px}.film-copy{top:25%}.film-copy h2{font-size:48px}.film-copy p{margin-top:15px}}
@media(prefers-reduced-motion:reduce){.scroll-film.is-ready{height:auto}.is-ready .film-sticky{position:relative}.film-word{transform:none}.film-copy article{transition:none}.is-ready .film-fallback{display:block}#film-pause{display:none}}
@media(max-height:650px){.film-sticky{min-height:0}}
@media(max-height:650px) and (orientation:landscape){.film-copy{top:25%;width:39%;left:5%}.film-copy h2{font-size:34px;margin-top:12px;letter-spacing:-1px}.film-copy p{font-size:11px;margin-top:12px}.film-stage{left:30%;top:0;width:70%;height:100%}.film-top{top:12px}.film-bottom{bottom:12px}.film-word{top:25%}.film-fallback{bottom:60px}}
#film{scroll-margin-top:-28px}

/* Lichtbühne: kühles Metall, warmer Akzent, tiefe schwarze Konturen. */
.film-sticky{background:radial-gradient(ellipse at 74% 46%,#303c4b 0%,#141c27 40%,#080c12 78%)}
.film-sticky:after{background:radial-gradient(ellipse at 78% 66%,#e88a4530,transparent 56%)}
.film-word{color:#8b9bad;opacity:.09;letter-spacing:-.065em}
.film-copy article{transition:opacity .6s,transform .85s var(--ease),filter .65s;filter:blur(6px);transform:translateY(24px)}
.film-copy article[aria-hidden=false]{filter:blur(0);transform:none}
.film-copy h2{text-shadow:0 3px 30px #080c12}
.film-stage{filter:drop-shadow(0 25px 35px #0004)}
@media(max-width:1050px){.film-stage{top:34%;height:59%}.film-copy{top:14%}.film-copy p{max-width:290px}}
@media(max-height:650px) and (orientation:landscape){.film-stage{top:0;height:100%}.film-copy{top:25%}}
@media(prefers-reduced-motion:reduce){.film-copy article{filter:none}}

/* Sieben Einstellungen: jede Material- und Baugruppenansicht bekommt Raum. */
.scroll-film.is-ready{height:1000svh}
.film-detail{display:flex;align-items:center;flex-wrap:wrap;gap:10px;border-top:1px solid #8996a545;padding-top:18px;margin-top:24px;max-width:340px;font-size:8px;letter-spacing:1.3px;color:#d3dce7}
.film-detail i{display:block;width:3px;height:3px;border-radius:50%;background:#f68a54}
.scroll-film[data-chapter="4"] [data-scene="4"],.scroll-film[data-chapter="5"] [data-scene="5"],.scroll-film[data-chapter="6"] [data-scene="6"]{opacity:1;transform:none}
@media(max-width:1050px){.scroll-film.is-ready{height:900svh}.film-detail{font-size:7px;letter-spacing:.7px;gap:8px;margin-top:15px;padding-top:12px}.film-copy{top:12%}.film-copy p{font-size:11px;line-height:1.7}.film-stage{top:39%;height:54%}}
@media(max-height:650px) and (orientation:landscape){.film-copy{top:23%}.film-copy h2{font-size:30px}.film-copy p{font-size:10px;margin-top:10px}.film-detail{margin-top:10px;padding-top:8px;font-size:6px}.film-stage{top:0;height:100%}}
@media(prefers-reduced-motion:reduce){.scroll-film.is-ready{height:auto}}

/* Nahaufnahmen erhalten eine eigene Bildfläche neben dem Text. */
@media(min-width:1051px){.film-stage{left:39%;width:61%}.film-copy{width:33%}.film-copy h2{font-size:clamp(44px,4.6vw,78px)}}

.film-bottom{padding:16px 18px;background:#080d16e8;border:1px solid #74819840;border-radius:6px;backdrop-filter:blur(16px)}
@media(max-width:1050px){.film-bottom{padding:10px 9px;gap:9px}.film-scroll{font-size:7px;letter-spacing:.5px}}

@media(max-width:380px){.film-scroll{font-size:0;gap:0}.film-scroll>span{font-size:18px}.film-bottom{gap:8px}.film-bottom button{white-space:nowrap}.film-track{min-width:12px}}

@media(max-width:380px){.project h2{font-size:clamp(44px,15vw,57px);letter-spacing:-2px}.film-stage{top:46%;height:47%}.film-copy h2{font-size:34px}.film-detail{margin-top:10px;padding-top:8px}}

.scroll-film[data-chapter="7"] [data-scene="7"],.scroll-film[data-chapter="8"] [data-scene="8"]{opacity:1;transform:none}

/* Technische Produkt-Typografie: klare Schnitte, offene Buchstaben, ruhige Hierarchie. */
h1,.film-copy h2,.project h2{font-family:NovaGrotesk,sans-serif;font-weight:500;letter-spacing:-.055em}
em{font-style:normal;font-weight:400}
.film-copy h2{font-size:clamp(40px,4.3vw,72px);line-height:1.04}
.film-copy h2 em{color:#d5dddf;font-weight:300}
.wordmark{font-weight:700;letter-spacing:-.065em}
.film-detail,.film-top,.studio-index{font-variant-numeric:tabular-nums}
@media(max-width:1050px){.film-copy h2{font-size:clamp(28px,7.6vw,42px);letter-spacing:-.055em;margin-top:14px}.film-copy p{margin-top:17px}}
@media(max-height:650px) and (orientation:landscape){.film-copy h2{font-size:28px}}
@media(max-width:600px){#inside-title{font-size:clamp(25px,7vw,40px);letter-spacing:-.045em}}

/* Durchgehende Bühne: keine seitliche Canvas-Schnittkante hinter der Typografie. */
.film-stage{left:0;top:0;width:100%;height:100%;filter:none}
.film-sticky:before{content:'';position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(90deg,#080c12e8 0%,#080c12a8 23%,#080c1220 43%,transparent 60%)}
@media(min-width:1051px){.film-copy{left:4%;top:34%;width:29%;max-width:520px}.film-copy h2{font-size:clamp(36px,3.6vw,64px);text-wrap:balance}.film-copy p{max-width:290px}}
@media(max-width:1050px) and (orientation:portrait){.film-sticky:before{background:linear-gradient(180deg,#080c12f5 0%,#080c12e0 32%,#080c1299 40%,transparent 62%)}.film-copy{left:6%;top:12%;width:88%}.film-copy h2{font-size:clamp(26px,7.3vw,40px)}.film-copy p{max-width:300px}}

@media(max-width:1050px) and (orientation:landscape){.film-copy{left:4%;width:31%;top:23%}.film-copy h2{font-size:clamp(23px,3.4vw,35px)}.film-sticky:before{background:linear-gradient(90deg,#080c12ef 0%,#080c12c9 27%,#080c1230 45%,transparent 62%)}}

/* Vorschaubilder werden aus dem aktuellen Modell erzeugt, nicht separat gezeichnet. */
.part-art{position:relative;aspect-ratio:1.6;height:auto!important;min-height:150px;overflow:hidden}
.part-art canvas,.part-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.part-art canvas{opacity:0}.part-art[data-current=true] canvas{opacity:1}.part-art[data-current=true] img{display:none}
.part-finish{display:block;font-size:9px;letter-spacing:1.2px;text-transform:uppercase;color:#565e55;margin-bottom:12px}

/* Fotografische Detailfahrten bleiben Teil derselben vollflächigen Bühne. */
.macro-layer{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}.macro-layer img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:65% center;opacity:0;will-change:transform,opacity}.chapter-nav{position:absolute;right:4%;top:110px;display:flex;gap:5px;z-index:5}.chapter-nav button{font-size:9px;letter-spacing:1px;color:#dbe0e4;padding:8px;border:1px solid #7b858855;background:#0a101cb0;border-radius:50%;width:32px;height:32px;transition:background .25s,border-color .25s}.chapter-nav button[aria-current=step]{background:#ef9e70;color:#151515;border-color:#ef9e70}.chapter-nav button:hover{border-color:#f6bb98}.film-top,.film-bottom{z-index:6}
.signal-lab{position:relative;isolation:isolate;overflow:hidden;background:#0b1014;color:#eeeae1;padding:65px 4% 26px}.lab-top{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:1.5px;border-bottom:1px solid #65717666;padding-bottom:22px}.lab-live{display:flex;align-items:center;gap:9px;color:#d2d7d9;font-size:9px}.lab-live i{width:5px;height:5px;background:#f4a171;border-radius:50%;box-shadow:0 0 15px #f4a171}.lab-heading{display:flex;justify-content:space-between;align-items:end;padding-top:55px;position:relative;z-index:2}.lab-heading h2{font-size:clamp(42px,5.5vw,96px);font-weight:400;line-height:1.02;letter-spacing:-.055em;margin:0}.lab-heading h2 em{font-style:normal;color:#acb7be}.lab-heading p{font-size:14px;line-height:1.9;color:#bfc8ce;max-width:310px}.wave-stage{height:470px;position:relative;margin-top:-20px;background:radial-gradient(ellipse at 50% 55%,#70442529,transparent 58%)}#wave-field{display:block;width:100%;height:100%;touch-action:pan-y;cursor:crosshair}.wave-reticle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;text-align:center;color:#ffbc91}.wave-reticle span{font-size:30px;font-weight:200}.wave-reticle small{display:block;font:7px/1.5 monospace;letter-spacing:2px;opacity:.65}.wave-axis{position:absolute;bottom:25px;left:0;font-size:9px;letter-spacing:3px;color:#a9b5bc}.lab-controls{border-top:1px solid #65717666;display:grid;grid-template-columns:1.3fr .7fr 1fr;gap:50px;padding-top:28px}.frequency-control label{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1px}.frequency-control output{font-size:18px;letter-spacing:0;color:#ffb68a}.frequency-control input{width:100%;accent-color:#eea274;margin:25px 0 15px;cursor:pointer}.frequency-presets{display:flex;gap:10px}.frequency-presets button,.lab-actions>div button{border:1px solid #71818a;background:transparent;border-radius:30px;color:#e7ecee;padding:9px 13px;font-size:10px}.frequency-presets button[aria-pressed=true]{border-color:#efad86;color:#efad86}.lab-metric{display:flex;flex-direction:column;gap:4px}.lab-metric>span{font-size:10px;letter-spacing:1px}.lab-metric output{font-size:54px;letter-spacing:-3px;line-height:1.3;font-variant-numeric:tabular-nums}.lab-metric output small{font-size:20px;letter-spacing:0}.lab-metric>small{color:#b5c0c7;font-size:10px}.lab-actions>button{display:flex;justify-content:space-between;width:100%;border:0;background:#efac84;color:#171513;padding:18px 20px;font-size:16px;transition:background .25s}.lab-actions>button:hover{background:#ffd1af}.lab-actions>div{display:flex;gap:12px;margin-top:14px}.lab-note{color:#b3bec6;font-size:10px;margin:32px 0 0}.signal-lab button:focus-visible,.signal-lab input:focus-visible{outline:2px solid #ffbd92;outline-offset:5px}.reveal-ready{transition:opacity .8s var(--ease) var(--reveal-delay),transform 1s var(--ease) var(--reveal-delay)}.reveal-ready:not(.revealed){opacity:.15;transform:translateY(45px)}.part-card{transition:transform .5s var(--ease),background .3s}.part-card:hover{transform:translateY(-9px)}.project{position:relative;overflow:hidden}.project:before{content:'';position:absolute;width:55vw;height:55vw;border:1px solid #6e765640;border-radius:50%;right:-14vw;top:-17vw;box-shadow:0 0 0 50px #6e76560a,0 0 0 100px #6e765606;pointer-events:none}.project .primary{transition:transform .3s,background .3s}.project .primary:hover{transform:translateY(-4px)}
@media(max-width:1050px){.chapter-nav{top:auto;bottom:100px;right:4%;gap:4px}.chapter-nav button{width:25px;height:25px;padding:4px;font-size:8px}.macro-layer img{object-position:66% center}.lab-heading{display:block;padding-top:35px}.lab-heading h2{font-size:clamp(35px,7vw,66px)}.lab-heading p{margin:25px 0 0;font-size:12px}.wave-stage{height:360px;margin-top:0}.lab-controls{grid-template-columns:1fr 1fr;gap:28px}.lab-actions{grid-column:1/-1;display:flex;align-items:center;gap:20px}.lab-actions>button{width:50%}.lab-actions>div{margin-top:0}.lab-metric output{font-size:45px}.signal-lab{padding:38px 6% 25px}}
@media(max-width:600px){.chapter-nav{left:6%;right:auto;bottom:90px}.chapter-nav button{width:24px;height:24px}.macro-layer img{object-position:66% 50%}.lab-top{font-size:8px}.lab-live{font-size:7px;letter-spacing:.7px}.lab-heading h2{font-size:39px}.wave-stage{height:300px;margin:12px -6vw 0}.wave-axis{left:6vw;font-size:7px}.lab-controls{gap:26px;grid-template-columns:1fr}.lab-metric{display:grid;grid-template-columns:1fr 1fr;align-items:center}.lab-metric output{grid-column:2;grid-row:1/3;text-align:right}.lab-metric>small{grid-column:1}.lab-actions{display:block}.lab-actions>button{width:100%}.lab-actions>div{margin-top:15px}.lab-note{line-height:1.7}.frequency-presets button{flex:1}.lab-heading p br{display:none}}
@media(max-height:650px) and (orientation:landscape){.chapter-nav{top:65px;bottom:auto}.lab-heading h2{font-size:45px}}
@media(prefers-reduced-motion:reduce){.macro-layer,.chapter-nav{display:none}.reveal-ready:not(.revealed){opacity:1;transform:none}.reveal-ready,.part-card,.project .primary{transition:none}.part-card:hover,.project .primary:hover{transform:none}}
@media(max-width:750px){.site-head nav>a:not(.nav-contact){display:none}.chapter-nav button{width:30px;height:34px}.chapter-nav{gap:4px}}
@media(max-width:600px) and (orientation:portrait){.macro-layer img{top:26%;height:74%;object-position:85% center}}

/* Durchgehender Produktfilm: opake Einstellungen verhindern ein Durchblitzen des Modells. */
.film-sequence{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}.film-frame{position:absolute;inset:0;background:radial-gradient(ellipse at 70% 45%,#202832,#080c12 78%);opacity:0;visibility:hidden;overflow:hidden;will-change:opacity}.film-frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--photo-focus,65%) center;transform-origin:65% 50%;will-change:transform}.film-frame.cutout img{left:35%;top:5%;width:62%;height:90%;object-fit:contain;object-position:50% center;transform-origin:50% 50%}.scroll-film[data-photographic=true] .film-word{opacity:0}.film-stage canvas{transition:opacity .6s}.scroll-film[data-photographic=true] .film-stage canvas{opacity:0}.view-switch{position:absolute;z-index:4;left:36%;bottom:160px;border:1px solid #8a8e80;border-radius:30px;padding:11px 16px;font-size:11px;background:#f8f6efbd;backdrop-filter:blur(12px)}
@media(max-width:1050px) and (orientation:portrait){.film-frame.cutout img{left:8%;top:28%;width:84%;height:64%}}
@media(max-width:750px){.view-switch{left:6%;bottom:auto;top:585px;font-size:10px;padding:8px 12px}.product-caption{margin-top:8px}.stage-tools{top:585px}.film-frame img{top:26%;height:74%;object-position:var(--photo-focus,70%) center}.film-frame.cutout img{top:29%;height:62%;left:5%;width:90%}}
@media(max-height:650px) and (orientation:landscape){.film-frame.cutout img{top:2%;height:96%;left:36%;width:60%}}
@media(prefers-reduced-motion:reduce){.film-frame img{transform:none!important}.film-sequence{display:block}}

/* Eine echte kontinuierliche Aufnahme wird an der Scrollposition dekodiert. */
.scroll-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:1;pointer-events:none;opacity:0;background:#080c12}
.scroll-film[data-video-ready=true] .scroll-video{opacity:1}
.scroll-film[data-video-ready=true] .film-stage,.scroll-film[data-video-ready=true] .film-sequence,.scroll-film[data-video-ready=true] .film-word{visibility:hidden}
@media(max-width:750px){.scroll-video{top:27%;height:65%;object-fit:cover}}
.macro-gallery{padding:70px 4%;background:#10151c;color:#f2f0e8}.macro-heading>span{font-size:10px;letter-spacing:2px;color:#f4b48d}.macro-heading h2{font-size:clamp(40px,5vw,78px);font-weight:400;letter-spacing:-.05em;margin:20px 0}.macro-heading p{font-size:14px;color:#c3ccd2}.macro-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px}.macro-grid figure{position:relative;margin:0;aspect-ratio:1;overflow:hidden;background:#080c12}.macro-grid img{width:100%;height:100%;object-fit:cover;object-position:75% center;transition:transform 1s var(--ease)}.macro-grid figure:hover img{transform:scale(1.07)}.macro-grid figcaption{position:absolute;inset:auto 0 0;padding:70px 24px 25px;background:linear-gradient(transparent,#080c12ed)}.macro-grid figcaption span{display:block;font-size:9px;letter-spacing:1.5px;color:#f4b48d;margin-bottom:12px}.macro-grid strong{font-size:23px;font-weight:400;letter-spacing:-.03em}@media(max-width:750px){.macro-gallery{padding:45px 6%}.macro-grid{grid-template-columns:1fr}.macro-heading p{font-size:12px;line-height:1.7}}@media(prefers-reduced-motion:reduce){.macro-grid img{transition:none}.macro-grid figure:hover img{transform:none}}
.scroll-video{height:90%;object-fit:contain;background:#10151c}.scroll-film[data-video-ready=true] .film-sticky{background:#10151c}.scroll-film[data-video-ready=true] .film-sticky:after{display:none}
@media(max-width:750px){.scroll-video{top:29%;height:58%;object-fit:contain;object-position:center}}
.scroll-film[data-video-loading=true] .scroll-video{opacity:1}.scroll-film[data-video-loading=true] .film-stage,.scroll-film[data-video-loading=true] .film-sequence,.scroll-film[data-video-loading=true] .film-word{visibility:hidden}.scroll-film[data-video-loading=true] .film-sticky{background:#10151c}

/* Digitale Kamerafahrt bleibt innerhalb der durchgehenden Produktbühne. */
.scroll-video{will-change:transform}.film-sticky{overflow:hidden}

.scroll-detail{opacity:0;pointer-events:none}.scroll-film[data-video-ready=true] .scroll-detail{opacity:0}
/* Touch-Ziele, sichere Bildschirmränder und ruhige Größen auf mobilen Browsern. */
@media(pointer:coarse){button,.nav-contact{min-height:44px}.swatch{width:40px;height:40px}.frequency-control input{min-height:44px}.stage-tools button{width:44px;height:44px}}
@media(max-width:750px){
  .chapter-nav{left:4%;right:4%;bottom:calc(90px + env(safe-area-inset-bottom,0px));gap:5px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;padding:4px 0;max-width:92%}
  .chapter-nav::-webkit-scrollbar{display:none}.chapter-nav button{flex:0 0 44px;width:44px;height:44px;font-size:10px}
  .film-bottom{bottom:calc(16px + env(safe-area-inset-bottom,0px));gap:10px}.film-bottom button{min-height:44px}
  .film-top{padding-top:max(22px,env(safe-area-inset-top,0px))}.lab-actions>div button{min-height:44px;flex:1}
  .nav-contact{font-size:10px;padding:11px 12px}.site-head{gap:16px}
}
@media(max-width:360px){.film-scroll{display:none}.film-copy p{font-size:11px}.film-bottom{font-size:8px;padding:10px}.lab-heading h2{font-size:34px}.view-switch{font-size:9px}.studio-top .studio-index{display:none}}

.detail-base{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.electronics-shot{object-fit:cover;background:#10151c;opacity:0;pointer-events:none}

.lab-actions>div button,.frequency-presets button{min-height:44px}
/* Clip verhindert ungewolltes internes Scrollen beim Fokussieren von Kapitelknöpfen. */
.film-sticky{overflow:clip}
.electronics-shot{mask-image:linear-gradient(transparent,#000 14%,#000 86%,transparent);-webkit-mask-image:linear-gradient(transparent,#000 14%,#000 86%,transparent)}
@media(min-width:751px) and (max-width:1050px){.chapter-nav{left:4%;right:4%;gap:5px;overflow-x:auto;scrollbar-width:none}.chapter-nav button{flex:0 0 44px;width:44px;height:44px;font-size:10px}}
@media(max-height:500px) and (orientation:landscape){.film-copy{top:31%}.film-copy h2{font-size:24px;margin-top:8px}.film-copy p{margin-top:12px;font-size:10px}.film-detail{margin-top:10px;padding-top:8px}.film-bottom{bottom:12px}}
@media(max-width:750px){.project h2{font-size:clamp(30px,9.3vw,58px);overflow-wrap:normal}.project-bottom>a:not(.primary){display:flex;align-items:center;min-height:44px}footer a{display:inline-flex;align-items:center;min-height:44px}}

/* Klare Ansichten und ein gemeinsamer visueller Impuls. */
.view-switch{display:flex;gap:3px;padding:4px}.view-switch button{border:0;border-radius:24px;min-height:40px;padding:10px 15px;background:transparent;color:#252820;font:inherit;cursor:pointer}.view-switch button[aria-pressed=true]{background:#252820;color:#faf8f0}.view-context{position:absolute;left:36%;bottom:128px;z-index:3;font-size:10px;letter-spacing:.05em;color:#42483f;pointer-events:none}.view-switch button:focus-visible{outline:2px solid #98603c;outline-offset:3px}.part-card[aria-pressed=true]{outline:2px solid #976344;outline-offset:-2px;background:#e7e2d7}.wave-reticle span{display:block;transform:scale(calc(1 + var(--impulse-energy,0)*.65));text-shadow:0 0 25px #fba56b}.wave-stage:after{content:'';position:absolute;inset:0;pointer-events:none;border:1px solid #c28d6330;opacity:var(--impulse-energy,0)}
@media(max-width:750px){.view-switch{top:575px;left:6%;padding:3px}.view-switch button{min-height:44px;padding:8px 11px}.view-context{top:623px;bottom:auto;left:6%;font-size:9px}.stage-tools{top:579px}}
@media(prefers-reduced-motion:reduce){.wave-reticle span{transform:none}}
@media(min-width:751px) and (max-width:1050px){.view-switch{left:6%;top:575px;bottom:auto;padding:3px}.view-switch button{min-height:44px}.view-context{left:6%;top:623px;bottom:auto}.product-caption{margin-top:8px}.stage-tools{top:579px}}
@media(max-width:1050px){.view-switch{position:relative;top:auto;bottom:auto;left:auto;width:max-content;margin:18px 6% 0}.view-context{position:relative;top:auto;bottom:auto;left:auto;margin:8px 6% 0}.product-caption{max-width:65%}}

/* Gemeinsames Bedienfeld: keine überlagerten Einzelknöpfe auf dem Produkt. */
.product-dock{position:absolute;z-index:5;left:44%;bottom:105px;transform:translateX(-50%);display:grid;grid-template-columns:auto auto;align-items:center;gap:8px 24px;padding:10px 14px;border:1px solid #fff9;background:#f8f6f0eb;border-radius:18px;box-shadow:0 8px 32px #23291d12;backdrop-filter:blur(18px);color:#252820}
.product-dock .view-switch{position:static;margin:0;padding:3px;border:0;background:#e9e7df;box-shadow:none;backdrop-filter:none;transform:none;border-radius:12px;width:auto}
.product-dock .view-switch button{min-height:42px;border-radius:9px;padding:9px 16px;font-size:11px;white-space:nowrap}
.product-dock .stage-tools{position:static;display:flex;gap:10px;transform:none;margin:0;border-left:1px solid #bcbdb280;padding-left:20px}
.product-dock .stage-tools button{width:38px;height:38px;border:1px solid #c4c6bb;border-radius:50%;font:20px/1 NovaGrotesk;background:transparent;color:#252820}
.product-dock .stage-tools span{display:block;font-size:10px;letter-spacing:0;text-transform:none;white-space:nowrap}
.product-dock .view-context{position:static;grid-column:1/-1;grid-row:2;margin:0;text-align:center;font-size:9px;line-height:1.4;color:#545b4c;letter-spacing:.07em}
.stage-floor{display:none}
@media(max-width:1050px){.product-dock{position:relative;left:auto;bottom:auto;transform:none;margin:22px 6% 0;width:auto;justify-content:space-between}.product-dock .stage-tools button{width:44px;height:44px}.product-caption{margin-top:8px}}
@media(max-width:600px){.product-dock{grid-template-columns:1fr;gap:12px;padding:12px}.product-dock .view-switch{justify-self:stretch}.product-dock .view-switch button{flex:1;min-height:44px}.product-dock .stage-tools{grid-row:2;justify-content:space-between;border-left:0;border-top:1px solid #c4c6bb80;padding:10px 0 0}.product-dock .view-context{grid-row:3}.product-dock .stage-tools span{display:block}}



.product-stage[data-renderer=poster]~.product-dock .stage-tools{visibility:hidden}


/* Dezenter Instrumentenring ergänzt den Systemzeiger und blockiert keine Eingabe. */
.nova-cursor{position:fixed;left:0;top:0;z-index:80;pointer-events:none;opacity:0;will-change:transform;transition:opacity .16s ease}.nova-cursor.is-visible{opacity:1}.cursor-ring{position:absolute;left:-23px;top:-23px;width:46px;height:46px;border:1px solid #dd6c39;border-radius:50%;box-shadow:0 0 0 5px #ee652e09;transition:width .25s ease,height .25s ease,left .25s ease,top .25s ease,transform .18s ease,background .25s ease}.cursor-ring:after{content:'';position:absolute;inset:-5px;border-top:2px solid #ee652e;border-bottom:2px solid #ee652e;border-radius:50%;transform:rotate(-35deg);transition:transform .5s ease}.nova-cursor[data-kind=orbit] .cursor-ring,.nova-cursor[data-kind=wave] .cursor-ring{width:76px;height:76px;left:-38px;top:-38px;background:#fffaf01a;backdrop-filter:blur(1px)}.nova-cursor.is-pressed .cursor-ring{transform:scale(.8);background:#ee652e25}.nova-cursor.is-pressed .cursor-ring:after{transform:rotate(70deg)}.cursor-label{position:absolute;top:46px;left:0;transform:translateX(-50%);white-space:nowrap;font-size:9px;font-weight:600;letter-spacing:.13em;color:#272a23;background:#f8f6eff2;padding:5px 8px;border-radius:4px}.cursor-label:empty{display:none}@media(hover:none),(pointer:coarse),(prefers-reduced-motion:reduce){.nova-cursor{display:none}}

/* Freie Kamera nur im bewusst aktivierten Orbit: Studio bleibt scrollbar. */
.product-stage[data-presentation=orbit],.product-stage[data-presentation=orbit] #product{touch-action:none}
.product-dock .stage-tools{gap:6px;flex-wrap:wrap;justify-content:center}
.product-dock .stage-tools button{width:36px;height:36px;font-size:18px}
.product-dock .stage-tools span{font-size:8px;letter-spacing:.06em}
@media(max-width:600px){.product-dock .stage-tools span{display:none}.product-dock .stage-tools button{width:40px;height:44px}}

/* Aktuelles Modell bereits vor WebGL; gleiche Bildhöhe wie die feste Kameraperspektive. */
.product-poster{display:block;pointer-events:none;overflow:hidden}.product-poster img{display:block;position:absolute;left:50%;width:auto;max-width:none;height:100%;transform:translateX(-50%)}