.production-scroll{--scene-p:0;--object-scale:1;--object-yaw:0deg;--object-roll:0deg;--light-x:25%;--object-light:1;position:relative;background:#08130f;color:#eef5f0;isolation:isolate}
.production-stage{position:relative;overflow:hidden;padding:118px max(24px,6vw) 32px;box-sizing:border-box}
.production-scene-heading{position:relative;z-index:3}.production-scene-heading h1{font-size:clamp(1.8rem,3.4vw,3.5rem);margin:8px 0}.production-scene-heading .eyebrow{margin:0;color:#b6dacb}
.production-space{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 50% 48%,#203a2e 0,transparent 66%)}
.production-grid{position:absolute;inset:35% -50% -70%;background-image:linear-gradient(#b6dacb12 1px,transparent 1px),linear-gradient(90deg,#b6dacb12 1px,transparent 1px);background-size:90px 90px;transform:perspective(850px) rotateX(65deg);transform-origin:50% 0;opacity:.6}
.production-halo{position:absolute;inset:15% 0;background:radial-gradient(ellipse at var(--light-x) 40%,#c6e4d426,transparent 50%)}
.production-object-area{position:relative;display:flex;align-items:center;justify-content:center;perspective:1200px;margin:32px auto}
.production-object{position:relative;width:min(88vw,1450px);transform:rotateY(var(--object-yaw)) rotateZ(var(--object-roll)) scale(var(--object-scale));filter:brightness(var(--object-light));transform-origin:center;will-change:auto}
.production-object::before{content:"";position:absolute;left:12%;right:12%;height:9%;bottom:-7%;background:#0008;border-radius:50%;filter:blur(16px);transform:scaleY(.6)}
.production-object picture,.production-object img{display:block;width:100%;height:auto}
.production-sheen{position:absolute;inset:0;pointer-events:none;background:linear-gradient(112deg,transparent 20%,#dcefe618 46%,#fff3 49%,transparent 57%);background-size:260% 100%;background-position:var(--light-x) 0;mask:url('/static/sales/production/gklasse.webp') center/contain no-repeat;-webkit-mask:url('/static/sales/production/gklasse.webp') center/contain no-repeat;mix-blend-mode:screen;opacity:.35}
.production-scene-copy{position:relative;z-index:2;max-width:780px}.production-scene-copy article{margin:28px 0}.production-scene-copy h2{font-size:clamp(1.6rem,3.1vw,3.2rem);margin:4px 0 10px;line-height:1.08}.production-scene-copy p{margin:8px 0;max-width:60ch}.production-scene-copy .eyebrow{font-size:.75rem;color:#b6dacb}.production-scene-copy .button{margin-top:8px;white-space:normal;max-width:100%}
.production-scene-tools{position:relative;z-index:4;display:flex;gap:20px;align-items:center;flex-wrap:wrap;font-size:.75rem;color:#b6dacb;margin-top:24px}.production-scene-tools button{background:transparent;border:1px solid #b6dacb60;color:inherit;border-radius:8px;padding:8px 12px;font:inherit;min-height:40px}.production-progress{display:none}
.production-scroll.is-scrubbed{height:550svh}.is-scrubbed .production-stage{height:100svh;min-height:520px;position:sticky;top:0;padding-top:110px}
.is-scrubbed .production-object-area{position:absolute;inset:24% 0 29%;margin:0}.is-scrubbed .production-object{width:min(84vw,1450px)}
.is-scrubbed .production-scene-copy{position:absolute;left:max(24px,6vw);right:max(24px,6vw);bottom:88px;max-width:900px;min-height:152px}.is-scrubbed .production-scene-copy article{position:absolute;inset:auto 0 0;margin:0}.is-scrubbed .production-scene-copy article[hidden]{display:none}
.is-scrubbed .production-scene-tools{position:absolute;bottom:22px;left:max(24px,6vw);right:max(24px,6vw);margin:0}.is-scrubbed .production-progress{position:absolute;bottom:0;left:0;right:0;height:2px;display:block;background:#b6dacb22}.production-progress span{display:block;height:100%;background:#b6dacb;transform-origin:left;transform:scaleX(var(--scene-p))}
#production-details{scroll-margin-top:100px}
@media(max-width:680px){.production-stage{padding:106px 20px 28px}.is-scrubbed .production-stage{padding-top:104px;min-height:520px}.production-scroll.is-scrubbed{height:480svh}.is-scrubbed .production-object-area{inset:22% 0 50%}.is-scrubbed .production-object{width:92vw}.is-scrubbed .production-scene-copy{left:20px;right:20px;bottom:178px;min-height:175px}.production-scene-copy h2{font-size:clamp(1.45rem,6vw,2rem)}.production-scene-copy p{font-size:.92rem}.is-scrubbed .production-scene-tools{left:20px;right:20px;bottom:88px;gap:8px 14px}.production-scene-tools [data-production-scroll-hint]{flex-basis:100%;order:3;font-size:.7rem}.production-sheen{mask-image:url('/static/sales/production/gklasse-mobile.webp');-webkit-mask-image:url('/static/sales/production/gklasse-mobile.webp')}.production-grid{background-size:60px 60px}.production-object::before{filter:blur(10px)}}
@media(max-height:620px) and (min-width:681px){.is-scrubbed .production-scene-copy{max-width:44%;bottom:75px}.is-scrubbed .production-object-area{inset:24% 0 20% 44%}.is-scrubbed .production-object{width:48vw}.production-scene-copy h2{font-size:1.7rem}}
@media(prefers-reduced-motion:reduce){.production-object{transform:none!important;filter:none!important}.production-sheen{display:none}}
@media(max-height:700px) and (max-width:680px){.production-scene-heading h1{font-size:1.4rem}.is-scrubbed .production-object-area{inset:27% 0 44%}.is-scrubbed .production-scene-copy{bottom:100px;min-height:130px}.production-scene-copy h2{font-size:1.25rem}.production-scene-copy p{font-size:.8rem}.production-scene-copy .button{font-size:.8rem;padding:10px 18px}.production-scene-copy .eyebrow{font-size:.65rem}}
/* Reserve separate rows for the object, captions and tools at every viewport height. */
.is-scrubbed .production-stage{display:grid;grid-template-rows:auto minmax(0,1fr) 200px auto;gap:12px;padding-bottom:22px}
.is-scrubbed .production-object-area{position:relative;inset:auto;min-height:0;height:100%;width:100%;margin:0}
.is-scrubbed .production-object{width:94%;max-width:1450px;height:90%}
.is-scrubbed .production-object picture,.is-scrubbed .production-object img{width:100%;height:100%;object-fit:contain}
.is-scrubbed .production-scene-copy{position:relative;inset:auto;min-height:0;max-width:900px;align-self:stretch}
.is-scrubbed .production-scene-tools{position:relative;inset:auto;margin:0}
@media(max-width:680px){.is-scrubbed .production-stage{grid-template-rows:auto minmax(0,1fr) 200px auto;padding-bottom:88px;gap:8px}.is-scrubbed .production-object{width:100%;height:92%}}
@media(max-height:700px) and (max-width:680px){.is-scrubbed .production-stage{grid-template-rows:auto minmax(0,1fr) 170px auto;padding-bottom:80px}}
@supports(width:1cqh){.is-scrubbed .production-object-area{container-type:size}.is-scrubbed .production-object{width:min(94cqw,180cqh,1450px);height:auto}.is-scrubbed .production-object picture,.is-scrubbed .production-object img{height:auto}}