/* 30.09.2026: filmische Bildwelten, echte Inhalte und echte Interaktionen */
:root{--blue:#08b8ff;--gold:#ffd179}
body.cinematic{background:#04070b;color:#f4f5f7;font-family:Arial,Helvetica,sans-serif}
.cinematic h1,.cinematic h2{font-weight:750;letter-spacing:-.055em}.cinematic h3{font-weight:700}
.cinematic .wrap{max-width:1480px;width:calc(100% - 112px)}
.cinematic .site-header{height:90px;background:linear-gradient(120deg,#080b11f5,#020408f5);border-color:#9aabc448;backdrop-filter:blur(14px)}
.cinematic .brand .brand-image{width:157px}.cinematic #main-nav{gap:35px}.cinematic #main-nav>a:not(.button),.cinematic .nav-group>a{font-size:15px;color:#edf0f4}
.cinematic .nav-group>a[aria-current],.cinematic #main-nav>a[aria-current]{color:#fff;position:relative}
.cinematic .nav-group>a[aria-current]::after,.cinematic #main-nav>a[aria-current]::after{content:'';position:absolute;bottom:-8px;height:2px;left:5%;width:90%;background:#04baff;box-shadow:0 0 12px 2px #048dff}
.cinematic .button{border-color:#f1c76d;box-shadow:inset 0 0 5px #eaba5620,0 0 9px #eab54824;background:linear-gradient(145deg,#080f1d,#03070c);font-size:15px;color:#fff;min-height:50px}
.cinematic .actions>.button:first-child{background:linear-gradient(120deg,#003eae,#091c6a);border-color:#41c8ff;box-shadow:0 0 18px #006dff99,inset 0 0 9px #438fff88}
.cinematic .button:hover,.cinematic .button:focus-visible{box-shadow:0 0 26px #0096ffaa,inset 0 0 14px #53bcff55;border-color:#a2e5ff}
.cinematic .eyebrow{color:#ffd079;font-size:12px;letter-spacing:.21em}.cinematic .text-link{color:#85d9ff;border-color:#169aff77}
.cinema-hero{position:relative;isolation:isolate;display:block!important;min-height:790px!important;padding:0!important;overflow:hidden;background-color:#03070c!important;background-size:cover!important;background-position:center!important;border-bottom:1px solid #d6ac6355}
.hero-gallery{background-image:linear-gradient(90deg,#03060924,transparent 58%),url('/assets/v2/cinema-gallery-20260930.webp')!important}
.hero-studio{background-image:linear-gradient(90deg,#03070b44,transparent 55%),url('/assets/v2/cinema-studio-20260930.webp')!important}
.cinema-hero>.wrap{position:relative;z-index:4;padding-block:115px 100px!important}.cinema-hero .hero-content{pointer-events:auto}
.cinema-hero h1{font-size:clamp(46px,5.15vw,86px)!important;line-height:1.055;max-width:49%!important;margin-bottom:30px;background:linear-gradient(#fff 10%,#f8fafb 42%,#b8bec6 83%,#e3d0ac 97%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 9px 18px #0002}
.cinema-hero .eyebrow{max-width:49%;font-size:11px;margin-bottom:28px}.cinema-hero .lead{max-width:45%!important;font-size:20px!important;line-height:1.55;color:#f1f1f4}.cinema-hero .actions{max-width:48%;gap:25px;margin-top:34px;flex-wrap:wrap}.cinema-hero .hero-footnote{margin-top:65px}.cinema-hero .download-note{font-size:11px;max-width:45%;line-height:1.6}
.cinema-stage{position:absolute;right:2.5%;top:90px;width:49%;height:610px;perspective:1600px;z-index:2;pointer-events:none}
.glass-display{position:relative;overflow:visible;padding:7px;border-radius:12px;background:linear-gradient(145deg,#435268,#03050a 34%,#17202c);border:1px solid #ffe0a4;box-shadow:0 35px 55px #000c,0 0 3px 2px #c6eeff80,0 0 25px #0073ff77}
.glass-display::before{content:'';position:absolute;inset:-2px;border-radius:inherit;pointer-events:none;border:1px solid transparent;border-top-color:#41beff;border-right-color:#ffe2a0;box-shadow:-4px -3px 10px #008dff88,4px 5px 12px #ffb54b55}
.glass-display img{display:block;width:100%;height:auto;object-fit:contain;border-radius:6px;background:#eef0f2}.glass-top{height:16px;display:flex;gap:5px;align-items:center;padding:0 5px}.glass-top i{width:5px;height:5px;background:#61a6ce;border-radius:50%}.glass-top i:first-child{background:#ef6e69}.glass-top i:nth-child(2){background:#efd16b}
.cinema-stage .glass-display{position:absolute}.cinema-stage .display-0{width:90%;left:5%;top:185px;transform:rotateY(-13deg) rotateZ(-3deg);z-index:4}.cinema-stage .display-1{width:62%;top:18px;right:0;transform:rotateY(-17deg) rotateZ(5deg);z-index:2}.cinema-stage .display-2{width:52%;bottom:0;left:-8%;transform:rotateY(15deg) rotateZ(-5deg);z-index:5}
.cinema-stage .display-0::after,.display-main::after{content:'';position:absolute;top:calc(100% + 24px);left:0;width:100%;height:70%;background:inherit;opacity:.22;transform:scaleY(-1) skewX(12deg);filter:blur(2px);border:1px solid #35b1ff;mask-image:linear-gradient(to bottom,transparent,#000);pointer-events:none}
.stage-light{position:absolute;width:110%;left:-8%;bottom:-25px;height:95px;border:2px solid #ffcc7a;border-radius:50%;box-shadow:0 0 13px #ffc158,inset 0 0 15px #00aaff,0 0 55px #168dff6b;transform:rotateZ(-6deg) rotateX(47deg);z-index:1}
.stage-pedestal{position:absolute;width:105%;height:70px;bottom:-30px;left:-5%;background:linear-gradient(175deg,#28313a66,#06070c);border-bottom:1px solid #c5ac7355;border-radius:50%;transform:rotateZ(-6deg);z-index:0}
.stage-websites .display-0{width:93%;top:120px;left:10%;transform:rotateY(-14deg) rotateZ(2deg)}.stage-websites .display-1{width:47%;left:-7%;top:auto;bottom:8%;transform:rotateY(14deg) rotateZ(-5deg);z-index:6}.stage-websites .display-2{width:26%;left:auto;right:0;bottom:0;transform:rotateY(-10deg);border-radius:24px;padding:9px}
.stage-references .display-0{top:95px;right:0;left:auto;width:84%;transform:rotateY(-15deg) rotateZ(3deg)}.stage-references .display-1{top:0;left:-8%;width:62%;transform:rotateY(10deg) rotateZ(-3deg)}.stage-references .display-2{bottom:0;left:-5%;width:63%;transform:rotateY(10deg) rotateZ(-2deg)}
.hero-product .cinema-stage{width:52%;right:2%;top:65px}.display-main{width:98%;top:110px;transform:rotateY(-15deg) rotateZ(-3deg)}.hero-product h1{font-size:clamp(48px,5.1vw,84px)!important;max-width:44%!important}.hero-product .lead{max-width:40%!important}.hero-product .actions{max-width:44%}
.cinematic .section{padding-block:105px}.cinematic .section:not(.cinema-pricing):not(.cinema-benefits):not(.cinema-theatre):not(.cinema-albums):not(.cinema-screen-gallery):not(.cinema-paths){background-color:#080c13}.cinematic .section.surface{background-color:#101620!important}
.cinematic .section-heading h2{font-size:clamp(36px,3.8vw,61px)}.cinematic .section-heading{max-width:1100px}.cinematic .copy{color:#c5ccd6}.cinematic .copy p{line-height:1.8}
.cinema-paths{position:relative;overflow:hidden;isolation:isolate;min-height:820px;background:url('/assets/v2/cinema-gallery-20260930.webp') center/cover!important}.cinema-paths>.wrap{position:relative;z-index:3}.cinema-paths .section-heading,.cinema-paths .path-grid{max-width:49%;position:relative;z-index:4}.cinema-paths .path-grid{display:block}.cinema-paths .path{display:grid;grid-template-columns:1fr;gap:0;border-top:1px solid #edd09977;padding:24px 0}.cinema-paths .path h3{font-size:28px;margin:8px 0}.cinema-paths .path p{min-height:0;margin:0 0 10px;font-size:15px}.cinema-paths .cinema-stage{top:70px;right:-2%;width:49%;height:620px}
.cinema-theatre{background:linear-gradient(#02060b30,#02060b75),url('/assets/v2/cinema-gallery-20260930.webp') center/cover!important;min-height:990px;isolation:isolate}.cinema-theatre:before{display:none}.cinema-theatre .section-heading{position:relative;z-index:3}.cinema-theatre .project-carousel{height:620px;margin-inline:-35px}.cinema-theatre .project-slide{grid-template-columns:minmax(280px,1fr) minmax(0,1.65fr);padding:40px;gap:35px;background:linear-gradient(125deg,#0a101beb,#080f1bc4);border:1px solid #ffd995;box-shadow:0 30px 55px #0009,0 0 18px #ffd87a44,inset 0 0 10px #0985fe30;overflow:visible;border-radius:25px}
.cinema-theatre .project-slide:before{content:'';position:absolute;inset:-2px;border-radius:25px;border:1px solid transparent;border-top-color:#40baff;border-left-color:#ffdb91;pointer-events:none;box-shadow:2px -2px 12px #009dff66}
.cinema-theatre .slide-copy{order:0;position:relative;z-index:3}.cinema-theatre .slide-visual{order:1;transform:perspective(1000px) rotateY(-8deg)}.cinema-theatre .slide-copy h2,.cinema-theatre .slide-copy h3{font-size:38px;line-height:1.13}.cinema-theatre .slide-copy p{font-size:17px;color:#e5e7ed}.cinema-theatre .slide-visual .logo-stage{padding:6px;border:1px solid #bce6ff;box-shadow:0 0 17px #009aff88;border-radius:13px;background:#0c1520}
.screen-reflection{position:absolute;top:calc(100% + 14px);width:100%;height:auto!important;transform:scaleY(-1);opacity:.22;mask-image:linear-gradient(transparent,#000);filter:blur(1px);pointer-events:none;border-radius:12px}
.cinematic .carousel-controls{gap:22px}.cinematic .carousel-dots{gap:35px}.cinematic .carousel-dot{width:200px;height:auto;border-radius:0;padding:12px 0 0;background:none;text-align:left;border-top:1px solid #adb4bf7d;color:#a8b0c0;display:flex;align-items:center;gap:14px;font-size:15px}.cinematic .carousel-dot[aria-pressed=true]{color:#fff;background:none;border-color:#19c4ff;box-shadow:none}.timeline-number{font-size:29px;font-weight:750;letter-spacing:-.06em}.carousel-dot[aria-pressed=true] .timeline-number{color:#10b7ff;text-shadow:0 0 13px #008aff80}.cinematic .carousel-hint{color:#c6ccd7}
.cinema-pricing{background:linear-gradient(#050a1233,#04081066),url('/assets/v2/cinema-studio-20260930.webp') center/cover!important}.cinematic .package-grid{gap:25px}.cinematic .package{padding:25px 27px 32px;background:linear-gradient(160deg,#08121fe8,#03070af2);border:1px solid #deb877;box-shadow:0 25px 35px #000a,0 0 8px #ffc66555;border-radius:17px;text-align:left;overflow:visible}.cinematic .package.featured{border-color:#18bbff;background:linear-gradient(145deg,#071b3ae6,#040b1af2);box-shadow:0 0 18px #018dffbb,inset 0 0 12px #129aff44,0 35px 55px #000a}
.package-device{height:185px;position:relative;padding:8px 25px;perspective:900px}.package-screen{transform:rotateY(-12deg) rotateX(5deg);padding:5px;max-width:305px;margin:auto}.package-device:after{content:'';display:block;width:92%;height:10px;margin:0 auto;background:linear-gradient(#414a52,#070a0e);border-radius:0 0 40% 40%;box-shadow:0 5px 8px #baaa7155}.cinematic .package h3{font-size:30px;min-height:72px;text-align:center;margin-top:15px}.cinematic .package .price{font-size:57px;font-weight:750;color:#ffdc96;text-shadow:0 3px 8px #997e5633}.cinematic .package>p:not(.price):not(.eyebrow){min-height:100px;text-align:center;font-size:15px;color:#d2d5dd}.cinematic .package .checklist{min-height:145px}.cinematic .package .checklist li{color:#e0e6f0}.cinematic .package:hover{border-color:#69d8ff;box-shadow:0 0 22px #008aff9a;transform:translateY(-6px)}
.cinema-benefits{background:linear-gradient(#04080c66,#04080c88),url('/assets/v2/cinema-studio-20260930.webp') center/cover!important}.cinema-benefits .editorial-grid{gap:38px}.cinema-benefits .editorial-grid article{border:0}.benefit-visual{height:240px;perspective:1000px;margin-bottom:35px;display:flex;align-items:center}.benefit-visual .glass-display{width:95%;transform:rotateY(-12deg) rotateZ(-3deg)}.benefit-0 .glass-display{max-width:270px;transform:rotateY(18deg) rotateZ(-6deg)}.benefit-1 .glass-display{transform:rotateY(-15deg) rotateZ(3deg)}.benefit-2 .glass-display{transform:rotateY(-13deg) rotateZ(-4deg)}.cinema-benefits h3{font-size:28px}.cinema-benefits p{color:#edf0f5}
.comparison-experience{padding-bottom:30px}.reveal-compare{position:relative;padding:8px;border:1px solid #edd19a;border-radius:17px;background:linear-gradient(150deg,#253548,#03080f);box-shadow:0 0 14px #d5b57655,0 30px 50px #0008;max-width:1120px;margin:20px auto 25px;transform:perspective(1800px) rotateY(-2deg)}
.reveal-view{position:relative;aspect-ratio:1.6;overflow:hidden;border-radius:10px;background:#f3f4f6}.reveal-view>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#fff;display:block}.reveal-before{clip-path:inset(0 calc(100% - var(--reveal)) 0 0)}.reveal-line{position:absolute;left:var(--reveal);top:0;bottom:0;width:2px;background:#1bdcff;box-shadow:0 0 10px 3px #00a8ff;pointer-events:none;z-index:3}.reveal-line>span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:53px;height:53px;background:#051829ee;border:2px solid #48daff;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:25px;box-shadow:0 0 15px #00abff}
.reveal-range{position:absolute;inset:0;width:100%!important;height:100%!important;opacity:0;cursor:ew-resize;z-index:5;margin:0!important;padding:0!important;touch-action:pan-y}.reveal-compare:focus-within{outline:3px solid #65d6ff;outline-offset:5px}.reveal-label{position:absolute;bottom:15px;border:1px solid #ffffff66;background:#060c17e0;color:#fff;padding:5px 15px;border-radius:30px;font-size:12px;z-index:4;pointer-events:none}.label-before{left:15px}.label-after{right:15px}.reveal-instructions{display:flex;justify-content:space-between;gap:8px;align-items:center;color:#cbd4df;font-size:11px;padding:12px 10px 5px}.comparison-experience>.twin-screens{max-width:900px;margin-inline:auto;gap:25px}.comparison-experience .twin-screen{transform:none}.comparison-experience .twin-label{font-size:10px}.comparison-experience .image-open{padding:4px;border-radius:8px}.comparison-experience .image-open>span{font-size:10px;padding:8px}.comparison-experience>.twin-screens::after{display:none}
.cinematic .reference-case{padding:75px 25px 95px;margin-bottom:55px;overflow:hidden;border:1px solid #d4af6940;border-radius:25px;background:linear-gradient(#060c12bb,#06101abb),url('/assets/v2/cinema-studio-20260930.webp') center/cover}.cinematic .reference-case:first-child{padding-top:55px}.cinematic .case-caption{text-align:center;margin-inline:auto;max-width:980px}.cinematic .case-caption .actions{justify-content:center}.cinematic .case-caption h3{font-size:44px}.cinematic .case-caption p{color:#d5dae2}
.cinema-app-gallery{padding:45px 25px 75px;margin-bottom:100px;border-bottom:1px solid #d8b26d66;background:linear-gradient(#050a1255,#03070be6),url('/assets/v2/cinema-gallery-20260930.webp') center/cover;border-radius:22px}.cinema-app-gallery .section-heading{text-align:center;margin-inline:auto}.cinema-app-gallery .app-grid{perspective:1500px;gap:45px}.cinema-app-gallery .reference-card{background:none;border:0;overflow:visible}.cinema-app-gallery .image-open{transform:rotateY(7deg) rotateZ(-2deg);border:1px solid #85d9ff;box-shadow:0 0 16px #009aff88,0 30px 50px #000a;background:#060c17;padding:7px;overflow:visible}.cinema-app-gallery .gallery-1 .image-open{transform:rotateY(-7deg) rotateZ(2deg);border-color:#ffda91;box-shadow:0 0 17px #dfb65e66,0 30px 50px #000a}.cinema-app-gallery .reference-card>div{padding-top:25px}.cinema-app-gallery .reference-card h3{font-size:29px}.cinema-app-gallery .reference-card p{color:#d6dce6}
.cinema-screen-gallery{background:linear-gradient(#04081044,#04081077),url('/assets/v2/cinema-gallery-20260930.webp') center/cover!important}.cinema-screen-gallery .image-open{max-width:1150px;margin-inline:auto;transform:perspective(1600px) rotateY(-4deg);border-color:#60caff;box-shadow:0 0 18px #008fff99,0 35px 55px #0009;overflow:visible}.cinema-screen-gallery .section-heading{max-width:1150px}.cinema-screen-gallery .image-open img{aspect-ratio:auto;object-fit:contain}
.hero-hoerkind{background-image:url('/assets/v2/cinema-hoerkind-20260930.webp')!important}.hero-halloween{background-image:linear-gradient(90deg,#0007,transparent 65%),url('/assets/v2/cinema-halloween-20260930.webp')!important}
.hero-hoerkind>.wrap{padding-left:59%;width:calc(100% - 90px);min-height:810px}.hero-hoerkind h1,.hero-hoerkind .lead,.hero-hoerkind .eyebrow,.hero-hoerkind .actions{max-width:100%!important}.hero-hoerkind h1{font-size:clamp(42px,4.2vw,69px)!important}.hero-halloween h1{font-size:clamp(43px,4.6vw,76px)!important;max-width:42%!important}.hero-halloween .lead{max-width:37%!important}
.album-stage{position:absolute;width:56%;height:650px;top:65px;left:0;perspective:1500px;pointer-events:none;z-index:2}.album-sleeve{position:absolute;top:28%;width:39%;box-shadow:0 25px 30px #0008,0 0 5px 2px #f5d09099;border-radius:5px;border:1px solid #ffe9ba;transform-style:preserve-3d}.album-sleeve img{width:100%;height:auto;display:block;border-radius:4px;aspect-ratio:1;object-fit:contain;background:#0a1320}.album-sleeve:after{content:'';position:absolute;top:calc(100% + 5px);height:65%;width:100%;background:inherit;border:1px solid #fbd48d;transform:scaleY(-1);opacity:.22;mask-image:linear-gradient(transparent,#000);pointer-events:none}.sleeve-0{left:33%;z-index:4;transform:rotateY(-12deg) rotateZ(-5deg)}.sleeve-1{left:60%;top:13%;width:34%;z-index:2;transform:rotateY(-18deg) rotateZ(7deg)}.music-scene-logo{position:absolute;left:4%;top:15%;width:30%;height:auto;object-fit:contain;filter:drop-shadow(0 0 15px #76b8ff88);border-radius:50%;background:#07132799}.stage-halloween{left:auto;right:0;width:61%}.stage-halloween .sleeve-0{left:8%;top:28%;width:40%;transform:rotateY(10deg) rotateZ(-6deg)}.stage-halloween .sleeve-1{left:53%;top:23%;width:40%;transform:rotateY(-10deg) rotateZ(5deg)}.stage-halloween .music-scene-logo{left:29%;top:0;width:24%;height:auto;border-radius:50%;opacity:.9;filter:drop-shadow(0 0 17px #d380ff88)}
.cinematic .music-list{display:block}.cinematic .music-list .music-scene{position:relative;width:100vw;left:50%;transform:translateX(-50%);min-height:820px;display:block;border:0;border-radius:0;padding:0;background-size:cover!important;background-position:center!important;isolation:isolate;box-shadow:none;margin:0 0 80px}.cinematic .music-list .scene-hoerkind{background-image:url('/assets/v2/cinema-hoerkind-20260930.webp')!important}.cinematic .music-list .scene-halloween{background-image:linear-gradient(90deg,#01040b88,transparent 60%),url('/assets/v2/cinema-halloween-20260930.webp')!important}.music-scene-copy{position:relative;z-index:4;max-width:38%;margin-left:59%;padding:100px 55px 100px 0}.scene-halloween .music-scene-copy{margin-left:max(55px,calc((100vw - 1450px)/2));max-width:35%}.music-scene-copy h2{font-size:57px;margin-bottom:23px}.music-scene-copy p{color:#f5f4f6;font-size:18px;line-height:1.65}.music-scene-copy p:last-of-type{color:#ffdd82;font-weight:700}.music-scene-copy .text-link{display:inline-flex;border:1px solid #ffd780;box-shadow:0 0 9px #ddaa3544;background:#020610bb;padding:12px 25px;border-radius:50px;color:#fff;margin-top:18px}
.two-worlds{position:absolute;right:0;top:70px;width:53%;height:640px;z-index:2;perspective:1500px}.world{position:absolute;top:25%;width:51%;aspect-ratio:1;border:3px solid #9dbce8;border-radius:50%;background-position:center;background-size:cover;box-shadow:inset 0 0 35px #dbe7fd77,0 0 5px 2px #fff9,0 0 35px #008aff77,0 35px 60px #0007;display:grid;place-items:center;overflow:hidden}.world img{width:65%;height:65%;object-fit:contain;border-radius:50%;filter:drop-shadow(0 0 15px #81baff88)}.world-hoerkind{left:0;background-image:url('/assets/v2/cinema-hoerkind-20260930.webp');transform:rotateY(15deg) rotateZ(-7deg)}.world-halloween{right:-4%;top:28%;background-image:url('/assets/v2/cinema-halloween-20260930.webp');transform:rotateY(-17deg) rotateZ(7deg)}.sound-bridge{position:absolute;z-index:3;top:40%;left:41%;width:18%;height:150px;display:flex;align-items:center;justify-content:space-between}.sound-bridge i{width:2px;height:55%;background:#c2edff;box-shadow:0 0 10px #008aff}.sound-bridge i:nth-child(3n){height:85%}.sound-bridge i:nth-child(4n){height:35%}.sound-bridge i:nth-child(5n){height:100%}
.cinema-albums{background:linear-gradient(#07101e66,#06090fcc),url('/assets/v2/cinema-studio-20260930.webp') center/cover!important}.page-bones-of-halloween .cinema-albums{background-image:linear-gradient(#03071266,#060910dd),url('/assets/v2/cinema-halloween-20260930.webp')!important}.page-hoerkind .cinema-albums{background-image:linear-gradient(#03081266,#060910dd),url('/assets/v2/cinema-hoerkind-20260930.webp')!important}.cinematic .album-grid{gap:80px;max-width:1120px;margin-inline:auto;perspective:1600px}.cinematic .album-grid article{border:0;background:none;box-shadow:none;overflow:visible}.cinematic .album-grid article>img{width:100%;max-width:440px;height:auto;aspect-ratio:1;object-fit:contain;border:1px solid #f5d99c;box-shadow:0 0 6px #ffe0a566,0 40px 50px #0009;transform:rotateY(7deg) rotateZ(-3deg);margin:20px auto 50px;border-radius:5px}.cinematic .album-grid article:nth-child(2)>img{transform:rotateY(-7deg) rotateZ(3deg)}.cinematic .album-grid article>div{padding:10px 0;background:none}.cinematic .album-grid h3{font-size:32px}.cinematic .album-grid p{color:#e0e3e9}
.cinema-editorial{position:relative;overflow:hidden;min-height:760px;background:url('/assets/v2/cinema-studio-20260930.webp') center/cover!important}.cinema-editorial .split{display:block;position:relative;z-index:4;max-width:48%}.cinema-editorial .copy{margin-top:35px}.cinema-editorial .cinema-stage{top:160px;height:500px}
.cinematic .preview-ribbon{font-size:10px;padding:5px 15px;background:#121a29}.cinematic .cta-section{background:radial-gradient(ellipse at right,#0b265344,transparent 60%),#080c13}.cinematic footer{background:#03070c}
@media(min-width:1750px){.cinema-stage{right:calc((100vw - 1600px)/2);width:730px}.cinema-hero h1{max-width:700px!important}.cinema-hero .lead{max-width:610px!important}.hero-hoerkind>.wrap{padding-left:850px}.hero-hoerkind h1{max-width:100%!important}}
@media(max-width:1250px){.cinematic .wrap{width:calc(100% - 70px)}.cinematic #main-nav{gap:22px}.cinema-hero{min-height:740px!important}.cinema-hero>.wrap{padding-block:95px 90px!important}.cinema-hero h1{font-size:clamp(47px,5.2vw,68px)!important;max-width:48%!important}.cinema-hero .lead{font-size:18px!important;max-width:44%!important}.cinema-stage{width:49%;height:530px;top:100px;right:1%}.cinema-stage .display-0{top:150px}.stage-product{top:90px!important}.display-main{top:120px}.hero-hoerkind>.wrap{padding-left:58%;width:calc(100% - 70px)}.hero-hoerkind h1,.hero-hoerkind .lead{max-width:100%!important}.hero-hoerkind h1{font-size:53px!important}.album-stage{height:560px;top:100px}.cinematic .package{padding:23px 19px}.package-device{height:150px;padding-inline:10px}.cinematic .package h3{font-size:27px}.cinematic .package .price{font-size:48px}.cinematic .carousel-dot{width:155px}.cinematic .carousel-dots{gap:20px}.cinema-theatre .slide-copy h2,.cinema-theatre .slide-copy h3{font-size:33px}.cinema-theatre .project-slide{padding:30px;gap:25px}.music-scene-copy{padding-right:35px}.music-scene-copy h2{font-size:47px}.music-scene-copy p{font-size:17px}.cinematic .music-list .music-scene{min-height:780px}.scene-halloween .music-scene-copy{margin-left:35px}.two-worlds{height:560px;top:125px}.benefit-visual{height:200px}.cinematic .album-grid{gap:55px}}
@media(max-width:950px){.cinematic .site-header{height:auto}.cinematic .wrap{width:calc(100% - 48px)}.cinema-hero{min-height:0!important;background-position:65% center!important}.cinema-hero>.wrap{padding:75px 0 45px!important}.cinema-hero h1,.cinema-hero .lead,.cinema-hero .eyebrow,.cinema-hero .actions,.cinema-hero .download-note{max-width:90%!important}.cinema-hero h1{font-size:64px!important}.cinema-hero .lead{font-size:19px!important}.cinema-stage,.hero-product .cinema-stage{position:relative;width:82%;right:auto;top:auto!important;margin:0 auto 75px;height:570px}.cinema-stage .display-0{top:160px}.hero-product .display-main{top:20px}.hero-product .cinema-stage{height:450px}.cinema-hero>.wrap{background:linear-gradient(#02070fbb,#02070f66)}.hero-hoerkind>.wrap{padding-left:0!important;min-height:0}.hero-hoerkind h1{font-size:60px!important}.hero-hoerkind .album-stage,.hero-halloween .album-stage{position:relative;width:95%;left:auto;right:auto;top:auto;height:550px;margin:0 auto 50px}.hero-halloween>.wrap{padding-bottom:0!important}.cinema-paths .section-heading,.cinema-paths .path-grid{max-width:100%}.cinema-paths .cinema-stage{position:relative;width:82%;margin-top:45px;right:auto;top:auto;height:550px}.cinema-theatre .project-slide{grid-template-columns:minmax(210px,1fr) minmax(0,1.3fr);padding:24px;gap:22px}.cinema-theatre .slide-copy h2,.cinema-theatre .slide-copy h3{font-size:29px}.cinema-theatre .slide-copy p{font-size:15px}.cinematic .carousel-dot{width:135px;font-size:13px}.cinematic .carousel-controls{gap:15px}.cinematic .package-grid{grid-template-columns:1fr}.cinematic .package{max-width:570px;width:100%;margin-inline:auto;padding:30px}.package-device{height:245px;padding-top:15px}.package-screen{max-width:400px}.cinematic .package h3{min-height:0;font-size:34px}.cinematic .package>p:not(.price):not(.eyebrow){min-height:0;font-size:17px}.cinematic .package .checklist{min-height:0}.cinematic .package .price{font-size:60px}.cinematic .music-list .music-scene{padding-top:45px;min-height:0;background-position:50% center!important}.music-scene-copy,.scene-halloween .music-scene-copy{max-width:100%;margin:0;padding:45px 35px 65px;background:linear-gradient(#020710bc,#020710de)}.music-scene .album-stage{position:relative;top:auto;left:auto;right:auto;width:90%;height:550px;margin:auto}.scene-halloween .music-scene-copy{order:0}.two-worlds{position:relative;top:auto;right:auto;width:90%;height:500px;margin:0 auto 45px}.world{top:7%}.world-halloween{top:13%}.sound-bridge{top:23%}.cinema-editorial .split{max-width:100%}.cinema-editorial .cinema-stage{position:relative;width:85%;margin-top:40px;top:auto;height:530px}.benefit-visual{height:230px}.cinema-benefits .editorial-grid{grid-template-columns:1fr}.benefit-visual .glass-display{max-width:450px}.cinematic .reference-case{padding:45px 20px 55px}.cinematic .section{padding-block:75px}}
@media(max-width:620px){.cinematic .wrap{width:calc(100% - 36px)}.cinematic .brand .brand-image{width:125px}.cinema-hero>.wrap{padding:52px 0 35px!important}.cinema-hero h1,.hero-hoerkind h1{font-size:45px!important;max-width:100%!important;line-height:1.06}.cinema-hero .lead{font-size:17px!important;max-width:100%!important}.cinema-hero .eyebrow{font-size:9px;letter-spacing:.15em;max-width:100%}.cinema-hero .actions{max-width:100%!important;gap:20px}.cinema-stage,.hero-product .cinema-stage{width:91%;height:330px;margin:0 auto 45px}.cinema-stage .display-0{top:100px}.cinema-stage .display-1{top:10px}.stage-websites .display-0{top:70px}.stage-websites .display-1{top:auto;bottom:5%}.stage-websites .display-2{width:30%}.stage-references .display-0{top:70px}.hero-product .cinema-stage{height:300px}.hero-product .display-main{top:35px}.glass-display{padding:4px;border-radius:9px}.glass-top{height:12px}.stage-light{bottom:-10px;height:70px}.cinema-paths .cinema-stage,.cinema-editorial .cinema-stage{width:95%;height:340px;margin:25px auto 35px}.cinema-paths{min-height:0}.cinema-paths .path{padding:20px 0}.cinema-paths .path h3{font-size:27px}.cinematic .section-heading h2{font-size:36px}.cinema-theatre{min-height:0}.cinema-theatre .project-carousel{height:730px;margin-inline:-10px}.cinema-theatre .project-slide{display:flex;flex-direction:column;inset:15px 10px 25px;padding:25px 20px;gap:25px;justify-content:center;overflow:hidden}.cinema-theatre .slide-copy{order:1;width:100%}.cinema-theatre .slide-visual{order:0;width:100%}.cinema-theatre .slide-copy h2,.cinema-theatre .slide-copy h3{font-size:32px}.cinema-theatre .slide-copy p{font-size:16px}.screen-reflection{display:none}.cinematic .carousel-dots{order:0;flex-basis:100%;justify-content:center;gap:15px}.cinematic .carousel-dot{width:calc((100vw - 100px)/3);font-size:10px;gap:7px;min-height:45px}.timeline-number{font-size:23px}.cinematic .carousel-controls{max-width:100%;gap:15px}.cinematic .carousel-hint{font-size:10px;margin-inline:15px}.cinematic .package{padding:24px}.package-device{height:170px;padding:0 10px}.cinematic .package h3{font-size:31px}.cinematic .package .price{font-size:53px}.cinematic .package>p:not(.price):not(.eyebrow){font-size:16px}.cinematic .reference-case{padding:35px 12px 45px;margin-bottom:35px;border-radius:15px}.cinematic .case-caption h3{font-size:33px}.cinematic .case-caption p{font-size:16px}.reveal-compare{padding:5px;border-radius:10px;transform:none}.reveal-line>span{width:38px;height:38px;font-size:20px}.reveal-label{padding:3px 8px;bottom:8px;font-size:9px}.label-before{left:8px}.label-after{right:8px}.reveal-instructions{font-size:9px;gap:5px;padding:9px 3px}.reveal-instructions span:nth-child(2){max-width:50%;text-align:center}.comparison-experience>.twin-screens{display:grid;grid-template-columns:1fr 1fr;gap:10px}.comparison-experience .twin-screen .image-open>span{font-size:8px;padding:5px 3px}.cinema-app-gallery{padding:35px 10px 50px;margin-bottom:55px;border-radius:12px}.cinema-app-gallery .app-grid{grid-template-columns:1fr;gap:45px}.cinema-app-gallery .image-open,.cinema-app-gallery .gallery-1 .image-open{transform:perspective(900px) rotateY(-3deg)}.cinema-app-gallery .reference-card>div{padding:22px 5px 0}.cinema-app-gallery .reference-card h3{font-size:28px}.hero-hoerkind .album-stage,.hero-halloween .album-stage,.music-scene .album-stage{width:100%;height:355px;margin-bottom:25px}.album-stage{height:350px;perspective:900px}.album-sleeve{width:42%;top:25%;left:25%}.sleeve-1{width:34%;left:62%;top:14%}.music-scene-logo{left:3%;top:8%;width:26%}.stage-halloween .sleeve-0{left:7%;top:25%;width:42%}.stage-halloween .sleeve-1{left:54%;top:21%;width:41%}.stage-halloween .music-scene-logo{top:0;width:24%;left:34%}.cinematic .music-list .music-scene{margin-bottom:45px;padding-top:25px}.music-scene-copy,.scene-halloween .music-scene-copy{padding:35px 22px 50px}.music-scene-copy h2{font-size:40px}.music-scene-copy p{font-size:17px}.music-scene-copy .text-link{font-size:14px;padding:12px 17px}.two-worlds{height:300px;width:94%;margin-bottom:30px}.world{width:54%;top:5%}.world-halloween{right:-3%;top:16%}.sound-bridge{top:17%;height:100px}.cinematic .album-grid{grid-template-columns:1fr;gap:55px}.cinematic .album-grid article>img{max-width:340px;margin-bottom:35px}.cinematic .album-grid h3{font-size:29px}.cinema-screen-gallery .image-open{transform:none}.cinema-benefits .editorial-grid{gap:30px}.benefit-visual{height:230px}.cinematic .section{padding-block:65px}.cinematic .intro-strip>p:first-child{font-size:32px}.cinematic .preview-ribbon{font-size:9px}.cinematic .legal-copy h2{font-size:25px}}
/* Final visual corrections: no cropped project logos or overlapping card copy. */
.cinematic .package-device{height:auto;min-height:0;margin-bottom:25px}.cinematic .package .eyebrow{text-align:center;min-height:0;margin:8px 0 15px}.cinematic .package h3{margin-top:0;min-height:70px}.cinematic .package .checklist{min-height:0}
.cinematic .package .price{padding:16px 0 20px;margin:8px -6px 20px}.cinematic .package .checklist li{padding-block:9px}.cinematic .package>p:not(.price):not(.eyebrow){min-height:75px}.cinematic .package .text-link{display:inline-block;margin-top:16px}
.music-scene-logo{border-radius:0;background:none;mix-blend-mode:lighten;object-fit:contain}.stage-halloween .music-scene-logo{display:none}.world img{border-radius:0;object-fit:contain}.world-hoerkind img{mix-blend-mode:lighten}.world-halloween img{width:67%;height:67%;transform:rotate(-5deg);border:1px solid #eec985;box-shadow:0 12px 20px #0007}
.hero-hoerkind .lead{background:#03071044;border-radius:5px;text-shadow:0 2px 6px #000}.hero-hoerkind .actions .text-link,.music-scene-copy .text-link{background:#020610a8}.hero-studio .lead{text-shadow:0 2px 7px #000}
.reveal-view>img{width:100%;height:100%}.comparison-experience .twin-screen .image-open img{aspect-ratio:1.6}
html:not(.js) .reveal-compare{display:none}
@media(min-width:951px){.stage-websites .display-1{left:2%;width:43%}.cinema-hero .stage-websites{right:1%;width:47%}.cinema-hero .stage-references{right:1%;width:46%}.cinema-hero .stage-references .display-1{left:0}.cinema-hero .stage-references .display-2{left:0}.hero-product .cinema-stage{width:49%}.hero-product .display-main{width:94%;left:5%}}
@media(max-width:620px){.cinematic .package h3{min-height:0}.cinematic .package-device{margin-bottom:22px}.cinema-hero .hero-footnote{margin-top:35px}.cinema-hero .actions>.button{font-size:14px}.hero-hoerkind .music-scene-logo{width:30%;top:0}.hero-hoerkind .album-stage{margin-top:20px}}
@media(prefers-reduced-motion:reduce){.cinematic *{scroll-behavior:auto!important}.cinema-stage .glass-display,.album-sleeve,.world{animation:none!important}.reveal-compare,.cinema-screen-gallery .image-open{transform:none}.cinematic .package{transition:none}}