.vh3d{--v-papier:#F5F5F7;--v-graphit:#17191C;--v-stahl:#6C7278;--v-nebel:#E3E3E8;--v-mia:#1F3FE0;position:relative;background:var(--v-papier);color:var(--v-graphit);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:17px;line-height:1.6}.vh3d *{box-sizing:border-box}.vh3d .track{position:relative;height:680vh}.vh3d .stage{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;background:var(--v-papier);transition:background-color .55s ease}.vh3d .stage:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(118% 76% at 50% 34%,#fbfbfd,#f5f5f7 46%,#ebebef);transition:opacity .55s ease}.vh3d .gshadow{position:absolute;pointer-events:none;border-radius:50%;opacity:0;background:radial-gradient(50% 50% at 50% 50%,#17191c66,#17191c2b 44%,#17191c00 72%);filter:blur(7px);transition:opacity .45s ease}.vh3d .cv{position:absolute;left:0;top:0;width:100%;height:100%;display:block;touch-action:pan-y;cursor:grab}.vh3d .cv:active{cursor:grabbing}.vh3d .chap{position:absolute;top:30px;left:30px;display:flex;gap:11px;align-items:center;font-size:11.5px;letter-spacing:.13em;text-transform:uppercase;color:var(--v-stahl);transition:color .55s ease}.vh3d .chap b{color:var(--v-graphit);font-weight:600;font-family:JetBrains Mono,ui-monospace,monospace;transition:color .55s ease}.vh3d .chap i{width:5px;height:5px;border-radius:50%;background:var(--v-mia);display:block}.vh3d .skip{position:absolute;left:30px;bottom:34px;display:inline-flex;align-items:center;gap:7px;font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:var(--v-stahl);text-decoration:none;padding:10px 0;min-height:44px;transition:color .25s ease,opacity .4s ease}.vh3d .skip:hover{color:var(--v-graphit)}.vh3d .skip svg{width:10px;height:10px}.vh3d .dragh{position:absolute;left:50%;bottom:98px;transform:translate(-50%);font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:var(--v-stahl);opacity:0;transition:opacity .5s ease;pointer-events:none;white-space:nowrap}.vh3d .dragh.on{opacity:1}.vh3d .opener{position:absolute;left:30px;top:50%;transform:translateY(-50%);max-width:min(38vw,420px);transition:opacity .5s ease}.vh3d .opener h1{margin:0;font-size:clamp(28px,3.4vw,44px);font-weight:300;letter-spacing:-.02em;line-height:1.14;text-wrap:balance}.vh3d .opener p{margin:18px 0 0;color:var(--v-stahl);font-size:15.5px;max-width:34ch}.vh3d .words{position:absolute;left:30px;bottom:104px;height:40px}.vh3d .words span{position:absolute;left:0;bottom:0;white-space:nowrap;font-size:clamp(19px,2.2vw,27px);font-weight:400;letter-spacing:-.01em;opacity:0;transform:translateY(10px);transition:opacity .5s ease,transform .5s ease}.vh3d .words span.on{opacity:1;transform:none}.vh3d .labs{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.vh3d .lab{--dx:158px;position:absolute;opacity:0;transition:opacity .5s ease;white-space:nowrap}.vh3d .lab.on{opacity:1}.vh3d .lab i{position:absolute;left:-4px;top:-4px;width:8px;height:8px;border-radius:50%;background:var(--v-mia);box-shadow:0 0 0 5px #1f3fe021}.vh3d .lab .ln{position:absolute;top:0;height:1px;background:var(--v-nebel)}.vh3d .lab .tx{position:absolute;top:calc(-27px + var(--oy,0px));background:var(--v-papier);padding:3px 7px;border-radius:3px;transition:background-color .55s ease}.vh3d .lab u{display:block;text-decoration:none;font-size:16px;font-weight:500;font-family:JetBrains Mono,ui-monospace,monospace}.vh3d .lab small{display:block;font-size:10.5px;letter-spacing:.09em;text-transform:uppercase;color:var(--v-stahl);margin-top:2px}.vh3d .lab[data-d=r] .tx{left:calc(var(--dx) + 10px)}.vh3d .lab[data-d=r] .ln{left:0;width:var(--dx);transform-origin:left center}.vh3d .lab[data-d=l] .tx{right:calc(var(--dx) + 10px);text-align:right}.vh3d .lab[data-d=l] .ln{right:0;width:var(--dx);transform-origin:right center}.vh3d .swatch{position:absolute;right:30px;bottom:36px;display:flex;gap:9px;align-items:center}.vh3d .swatch button{width:30px;height:30px;border-radius:50%;border:1px solid var(--v-nebel);cursor:pointer;padding:0;transition:box-shadow .2s ease,border-color .55s ease}.vh3d .swatch button[aria-pressed=true]{box-shadow:0 0 0 2px var(--v-papier),0 0 0 3.5px var(--v-mia)}.vh3d .swatch .s-schwarz{background:#1a1c20}.vh3d .swatch .s-blau{background:#89cff0}.vh3d .prog{position:absolute;right:31px;top:50%;transform:translateY(-50%);width:2px;height:118px;background:var(--v-nebel);border-radius:2px;overflow:hidden;transition:background-color .55s ease}.vh3d .prog i{display:block;width:100%;background:var(--v-mia);height:0}.vh3d .hint{position:absolute;bottom:34px;left:50%;transform:translate(-50%);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--v-stahl);transition:opacity .5s ease,color .55s ease}.vh3d .load{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--v-stahl)}.vh3d .vstatic{display:none;max-width:1120px;margin:0 auto;padding:72px 28px}.vh3d .vstatic h2{font-size:clamp(28px,3.4vw,42px);font-weight:300;letter-spacing:-.02em;margin:0}.vh3d .vstatic p{color:var(--v-stahl);max-width:56ch;margin-top:16px}.vh3d .vstatic img{width:100%;max-width:520px;height:auto;display:block;margin-top:28px;border-radius:8px}.vh3d .vstatic dl{display:grid;grid-template-columns:repeat(3,1fr);gap:20px 32px;margin-top:40px}.vh3d .vstatic dt{font-size:10.5px;letter-spacing:.09em;text-transform:uppercase;color:var(--v-stahl)}.vh3d .vstatic dd{margin:5px 0 0;font-family:JetBrains Mono,ui-monospace,monospace;font-size:16px}.vh3d.night .stage{background:#0b0c0e}.vh3d.night .stage:before{opacity:0}.vh3d.night .chap{color:#8a9099}.vh3d.night .chap b{color:#f2f3f5}.vh3d.night .chap i{background:#89cff0}.vh3d.night .skip,.vh3d.night .dragh{color:#8a9099}.vh3d.night .lab .tx{background:#0b0c0e}.vh3d.night .lab u{color:#f2f3f5}.vh3d.night .lab small{color:#9aa0a8}.vh3d.night .lab .ln{background:#3a3f46}.vh3d.night .lab i{background:#89cff0;box-shadow:0 0 0 5px #89cff029}.vh3d.night .prog{background:#2a2e34}.vh3d.night .prog i{background:#89cff0}.vh3d.night .hint{color:#8a9099}.vh3d.night .swatch button{border-color:#3a3f46}.vh3d.night .swatch button[aria-pressed=true]{box-shadow:0 0 0 2px #0b0c0e,0 0 0 3.5px #89cff0}.vh3d.fb .track{display:none}.vh3d.fb .vstatic{display:block}@media(max-width:860px){.vh3d .track{height:320vh}.vh3d .chap{top:16px;left:18px}.vh3d .opener{left:18px;right:18px;top:auto;bottom:150px;transform:none;max-width:none}.vh3d .opener h1{font-size:clamp(24px,6.4vw,31px)}.vh3d .opener p{margin:12px 0 0;font-size:14.5px;max-width:none}.vh3d .words{left:18px;right:18px;bottom:70px;height:auto;min-height:56px}.vh3d .words span{white-space:normal;width:100%;font-size:clamp(20px,5.4vw,26px);line-height:1.25}.vh3d .prog{right:12px;height:76px}.vh3d .swatch{right:18px;bottom:18px}.vh3d .skip{left:18px;bottom:18px}.vh3d .hint{bottom:24px}.vh3d .dragh{bottom:86px}.vh3d .vstatic{padding:56px 18px}.vh3d .vstatic dl{grid-template-columns:repeat(2,1fr)}.vh3d .lab{--dx:44px}.vh3d .lab u{font-size:14px}.vh3d .lab small{font-size:9.5px}}@media(prefers-reduced-motion:reduce){.vh3d .track{display:none}.vh3d .vstatic{display:block}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/vhion-scroll.css.map */