
/* User-directed visual polish: meaningful scenes, clearer type, gold illumination. */
.title-separator::before{content:' –';color:#f5e3b6;-webkit-text-fill-color:#f5e3b6;font-weight:400}
.cinematic .cinema-hero h1{font-size:clamp(40px,4.45vw,74px)!important;max-width:47%!important;line-height:1.09}.cinematic .hero-hoerkind h1{font-size:clamp(42px,4.1vw,65px)!important;max-width:100%!important}.cinematic .hero-halloween h1{max-width:42%!important}.cinematic .cinema-hero .eyebrow{max-width:47%}
.cinematic .cinema-hero .stage-websites{width:45%;right:4%;height:540px;top:110px}.cinematic .stage-websites .display-0{width:85%;left:7%;top:100px;transform:rotateY(-9deg) rotateZ(1deg)}.cinematic .stage-websites .display-1{width:42%;left:0;bottom:6%;top:auto}.cinematic .stage-websites .display-2{right:0;bottom:0;width:25%}
.cinematic .button{position:relative;isolation:isolate;overflow:visible;transition:box-shadow .25s,border-color .25s,background .25s;transform:none!important}.cinematic .button:hover,.cinematic .button:focus-visible{background:linear-gradient(135deg,#302415,#080d17 55%,#102852)!important;border-color:#ffe8b3!important;box-shadow:0 0 3px #fff4d8,0 0 17px #fcb84a99,0 0 31px #107cfa55,inset 0 0 18px #eabc5533!important;color:#fff;transform:none!important}.cinematic .button::after{content:'';position:absolute;top:-1px;left:12%;width:30%;height:2px;background:linear-gradient(90deg,transparent,#fff8d2,transparent);box-shadow:0 0 13px 3px #ffb35b80;opacity:0;transition:opacity .25s;pointer-events:none}.cinematic .button:hover::after,.cinematic .button:focus-visible::after{opacity:1}
.cinematic .package-note{color:#cbd3df!important;background:#050b14c9;padding:15px;border:1px solid #8294b433;border-radius:8px}.offer-complete .sample-photo{min-height:60px;padding:8px}.offer-complete .quality-grid{margin-top:5px}.offer-complete .quality-grid span{padding:5px 2px}.offer-complete .editor-strip{margin-top:5px;padding:5px 6px}.cinematic .package .price{background:linear-gradient(176deg,#fffcea 5%,#ffeac0 27%,#d5a456 50%,#ffe0a0 65%,#bd8137 92%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 9px #efb44939);text-shadow:none}.cinematic .package .price span{-webkit-text-fill-color:#c4cbd8;display:block;background:none}.care-emphasis{display:inline-block;color:#ffde99!important;border-bottom:1px solid #e3b66799;padding:4px 0;text-shadow:0 0 14px #c8953244}.care-summary p:has(.care-emphasis){background:linear-gradient(100deg,#503c1e55,transparent);border-left:2px solid #ffcf77;padding:13px 20px;border-radius:0 8px 8px 0}.care-price-heading{font-size:16px!important;color:#ffe1a0!important;text-shadow:0 0 14px #efb34144}
.cinematic .section.cinema-paths{background:#03080f!important;min-height:870px}.cinematic .cinema-paths::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#03080f 0%,#03080fea 38%,transparent 49%);pointer-events:none;z-index:1}.pathways-art{mask-image:linear-gradient(to bottom,transparent,#000 12%,#000 88%,transparent);position:absolute;top:50%;left:0;width:100%;height:auto;transform:translateY(-50%);object-fit:contain;object-position:right center;z-index:0;pointer-events:none}.cinema-paths>.wrap{z-index:2}.cinematic .cinema-paths .section-heading,.cinematic .cinema-paths .path-grid{max-width:39%}.cinematic .cinema-paths .section-heading h2{font-size:45px}.cinematic .cinema-paths .path h3{font-size:26px}
.offer-illustration{position:relative;height:215px;margin:0 -4px 22px;perspective:1200px}.mock-device{border:1px solid #e5c286;border-radius:12px;padding:6px;background:linear-gradient(145deg,#1b2b3c,#050910);box-shadow:0 20px 26px #0008,0 0 9px #2daaff60;overflow:hidden}.mock-bar{height:12px;display:flex;gap:4px;align-items:center;padding:0 4px}.mock-bar i{width:4px;height:4px;border-radius:50%;background:#ffd37e}.mock-bar i:first-child{background:#fa817b}.website-sample{background:#091523;border-radius:6px;padding:10px;color:#f3f5f7;font-size:11px;line-height:1.3;overflow:hidden}.sample-brand{display:flex;align-items:center;gap:7px;font-size:9px;min-height:20px}.sample-mark{color:#ffc56e;font-size:16px}.sample-menu{margin-left:auto;color:#abc8e2;font-size:8px}.sample-photo{position:relative;background:linear-gradient(90deg,#03101cc7,transparent),url('/assets/v2/cinema-craft-20260930.webp') center/cover;min-height:83px;display:flex;align-items:center;padding:12px;margin:8px -4px;color:#fff}.sample-photo>span{font-size:20px;line-height:1.15;font-weight:700;letter-spacing:-.025em;max-width:75%;text-shadow:0 2px 5px #000}.sample-content,.quality-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:10px}.sample-content span,.quality-grid span{background:#142434;border:1px solid #718daa33;padding:8px 3px;font-size:8px;text-align:center;border-radius:4px}.sample-cta{display:flex;justify-content:space-between;align-items:center;margin-top:10px;background:linear-gradient(120deg,#896129,#342819);color:#ffe9bc;border:1px solid #e9c478;border-radius:18px;font-size:9px;padding:7px 12px}.sample-line{height:4px;background:#6b809c66;border-radius:2px;margin:10px 0}.sample-line.short{width:65%}.sample-fields{display:grid;gap:11px;margin:15px 0}.sample-fields span{display:block;padding:10px 12px;border:1px solid #718ba85e;border-radius:5px;font-size:10px;background:#0b1826;color:#b8c5d6}.sample-fields span:last-child{height:65px}.sample-contact-icons{display:flex;justify-content:space-around;color:#d7c097;font-size:20px;margin-top:14px}.editor-strip{margin-top:8px;display:flex;align-items:center;gap:8px;background:#082d52;border:1px solid #51baff88;border-radius:5px;padding:7px 6px;font-size:8px}.editor-strip i{margin-left:auto;width:23px;height:10px;border-radius:10px;background:#008cee;box-shadow:0 0 8px #00a3ff}.old-brand{font-size:15px;color:#798088;margin-bottom:10px}.old-menu{font-size:8px;background:#ddd;color:#687075;padding:8px}.sample-old{background:#e1e1e1;color:#777}.old-block{height:65px;margin:10px 0;background:linear-gradient(135deg,#b5b5b5,#ddd);border:1px solid #aaa}
.offer-laptop{position:absolute;left:4%;top:3px;width:79%;transform:rotateY(-10deg) rotateZ(-3deg)}.offer-laptop .website-sample{max-height:175px}.offer-phone{position:absolute;right:0;bottom:25px;width:25%;padding:4px;border-radius:15px;transform:rotateY(-9deg);z-index:2}.offer-phone .website-sample{padding:5px;font-size:7px}.offer-phone .sample-menu,.offer-phone .sample-content,.offer-phone .sample-cta{display:none}.offer-phone .sample-brand{font-size:6px;gap:3px}.offer-phone .sample-mark{font-size:10px}.offer-phone .sample-photo{min-height:110px;padding:8px;margin-bottom:0}.offer-phone .sample-photo span{font-size:12px;max-width:100%}.offer-phone .mock-bar{height:7px}.offer-tablet{position:absolute;right:0;bottom:22px;width:37%;transform:rotateY(-7deg) rotateZ(4deg);z-index:3}.offer-tablet .sample-photo{min-height:60px;padding:6px}.offer-tablet .sample-photo span{font-size:12px}.offer-tablet .website-sample{padding:6px}.offer-tablet .sample-line{display:none}.offer-tablet .quality-grid{margin-top:5px}.offer-tablet .sample-brand{font-size:6px}.offer-tablet .quality-grid span{font-size:5px;padding:5px 2px}.offer-complete .offer-laptop{left:0;top:0;width:82%}.offer-old{position:absolute;top:20px;left:0;width:52%;transform:rotateY(13deg) rotateZ(-5deg)}.offer-new{position:absolute;top:34px;right:0;width:61%;transform:rotateY(-9deg) rotateZ(4deg)}.offer-new .sample-photo{min-height:76px}.offer-new .sample-photo span{font-size:17px}.offer-new .sample-content{display:none}.offer-transition{position:absolute;top:3px;right:34%;font-size:41px;color:#ffd380;z-index:3;text-shadow:0 0 12px #edb44288;transform:rotate(-12deg)}.example-label{position:absolute;bottom:0;left:0;width:100%;text-align:center;letter-spacing:.14em;font-size:8px;color:#aab8c9;text-transform:uppercase}.cinematic .package h3{min-height:0;margin-bottom:21px}.cinematic .package>p:not(.price):not(.eyebrow){min-height:80px}
.meaningful-visual{position:relative;height:340px;perspective:1300px;display:flex;justify-content:center;align-items:center;margin-bottom:28px}.benefit-device{width:94%;transform:rotateY(-8deg) rotateZ(2deg)}.meaningful-visual .website-sample{padding:16px;font-size:13px}.meaningful-visual .sample-brand{font-size:12px}.meaningful-visual .sample-photo{min-height:145px}.meaningful-visual .sample-photo span{font-size:24px}.meaningful-visual .sample-content span,.meaningful-visual .quality-grid span{font-size:10px;padding:10px 3px}.meaningful-visual .sample-cta{font-size:11px;padding:10px 13px}.benefit-0 .benefit-device{width:58%;transform:rotateY(11deg) rotateZ(-4deg);border-radius:25px;padding:8px}.benefit-0 .sample-menu{display:none}.benefit-0 .sample-brand{font-size:9px;gap:4px}.benefit-0 .sample-photo{min-height:155px}.benefit-0 .sample-photo span{font-size:23px;max-width:100%}.benefit-0 .website-sample{padding:10px;border-radius:18px}.benefit-0 .sample-content span{font-size:7px;padding:8px 2px}.benefit-1 .benefit-device{transform:rotateY(-10deg) rotateZ(3deg)}.benefit-2 .benefit-device{transform:rotateY(-8deg) rotateZ(-3deg)}.cinema-benefits .editorial-grid h3{font-size:26px}.cinema-benefits .editorial-grid p{font-size:16px}
.cinematic .reference-spotlight-section{background:linear-gradient(135deg,#111d2c,#080d15)!important;border-block:1px solid #ddb56e55}.reference-spotlight{display:grid;grid-template-columns:1fr auto 1fr;gap:30px;align-items:center;perspective:1500px;margin-top:45px;padding:15px 0}.spotlight-screen{border:1px solid #e6c485;border-radius:12px;padding:7px;background:#050b13;box-shadow:0 24px 40px #0007;transform:rotateY(5deg)}.spotlight-after{transform:rotateY(-5deg);box-shadow:0 0 16px #008dff66,0 24px 40px #0007;border-color:#76ccff}.spotlight-screen img{display:block;width:100%;height:auto;object-fit:contain;border-radius:6px}.spotlight-screen>span{display:block;padding:5px 9px 10px;color:#ffdd97;font-size:12px;letter-spacing:.16em;text-transform:uppercase}.spotlight-arrow{color:#ffd080;text-shadow:0 0 16px #eaae4066;font-size:38px}
.about-pathways-art{position:absolute;right:0;top:0;width:54%;height:100%;object-fit:cover;object-position:70% center;mask-image:linear-gradient(to right,transparent,#000 15%);z-index:1}.about-variety .wrap{position:relative;z-index:3}.about-album-composition{position:absolute;right:5%;top:140px;width:44%;height:480px;perspective:1200px}.about-album-composition img{position:absolute;width:65%;height:auto;object-fit:contain;border:1px solid #f9d189;border-radius:6px;box-shadow:0 25px 50px #0008;transform:rotateY(8deg) rotateZ(-6deg)}.about-album-composition img:nth-child(2){width:59%;right:0;top:140px;transform:rotateY(-10deg) rotateZ(6deg)}
.cinematic .music-scene{display:grid!important;grid-template-columns:minmax(0,3fr) minmax(0,2fr);align-items:center;gap:30px;padding:70px 60px!important;min-height:800px!important}.cinematic .music-scene-copy{grid-column:2;max-width:none;margin:0;padding:35px 30px;border:1px solid #b2bce629;border-radius:17px;background:linear-gradient(130deg,#030914f3,#030914db);box-shadow:0 20px 45px #0005;backdrop-filter:blur(7px);color:#f6f7fb}.cinematic .scene-halloween{grid-template-columns:minmax(0,2fr) minmax(0,3fr)}.cinematic .scene-halloween .music-scene-copy{grid-column:1;margin:0;max-width:none;background:linear-gradient(130deg,#09050ef4,#080713e5);border-color:#d19c543e}.cinematic .music-scene-copy p{font-size:17px;line-height:1.65;color:#f0f2f6}.cinematic .music-scene-copy .eyebrow{color:#ffdc94;padding:5px 0;font-size:11px;letter-spacing:.16em}.cinematic .music-scene-copy h2{font-size:43px}.cinematic .music-scene-copy p:last-of-type{color:#ffe5a6;background:#32251588;padding:12px 14px;border-left:2px solid #efc477;border-radius:0 6px 6px 0;font-size:16px}
.cinematic .album-stage.stage-hoerkind{width:57%;height:590px;top:90px}.cinematic .stage-hoerkind .music-scene-logo{left:7%;top:5%;width:29%;background:#0610239c;border-radius:10px;padding:5px;mix-blend-mode:normal}.cinematic .stage-hoerkind .sleeve-0{left:40%;top:31%;width:35%;transform:rotateY(-10deg) rotateZ(-4deg)}.cinematic .stage-hoerkind .sleeve-1{left:68%;top:12%;width:29%;transform:rotateY(-12deg) rotateZ(5deg)}.cinematic .album-stage.stage-halloween{width:56%;right:0;height:590px;top:105px}.cinematic .stage-halloween .sleeve-0{left:14%;width:36%;top:28%}.cinematic .stage-halloween .sleeve-1{left:57%;width:36%;top:23%}.cinematic .hero-hoerkind>.wrap{padding-left:62%;width:calc(100% - 100px)}.cinematic .hero-hoerkind .eyebrow{max-width:100%}.cinematic .hero-hoerkind .lead{padding:14px 17px;background:#030811e0;border:1px solid #adbbd130;text-shadow:none}.cinematic .hero-halloween .lead{padding:12px 0;text-shadow:0 2px 7px #000}
.cinematic .hero-music .actions .music-back-link{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 22px;line-height:1.4;color:#fff!important;background:#080b15ee!important;border:1px solid #d1b782;border-radius:28px;box-shadow:0 0 13px #11182f80;text-decoration:none;font-size:14px}.cinematic .hero-music .actions .music-back-link:hover,.cinematic .hero-music .actions .music-back-link:focus-visible{background:#2a2116!important;box-shadow:0 0 17px #ebb75788;outline-offset:4px;border-color:#ffe2a1}
.pumpkin-icon{flex:0 0 31px;filter:drop-shadow(0 0 7px #fba02b66);margin-right:10px;vertical-align:middle}.cinematic .halloween-cta{display:inline-flex!important;align-items:center;justify-content:center;background:linear-gradient(120deg,#31140c,#100a15 65%)!important;border:1px solid #f5b956!important;border-radius:32px 26px 35px 25px!important;padding:11px 22px!important;color:#ffe6b1!important;box-shadow:0 0 16px #ff85062b,inset 0 0 15px #ad491626!important;text-decoration:none;font-size:14px;line-height:1.4;position:relative;gap:0}.cinematic .halloween-cta:hover,.cinematic .halloween-cta:focus-visible{background:linear-gradient(120deg,#623016,#22102c)!important;box-shadow:0 0 24px #ff982e88,0 0 15px #9f55dd44!important;color:#fff8dc!important;border-color:#ffe4a5!important;transform:none!important}.cinematic .halloween-cta:hover .pumpkin-icon{filter:drop-shadow(0 0 9px #ffdb6588)}.cinematic .halloween-cta>span:last-child{margin-left:9px}.page-bones-of-halloween .album-grid .text-link{margin-top:12px}.scene-halloween .music-scene-copy .halloween-cta{background:#170b16f5!important}
@media(max-width:1250px){.cinematic .cinema-hero h1{font-size:clamp(42px,4.25vw,59px)!important}.cinematic .hero-hoerkind h1{font-size:49px!important}.cinematic .cinema-paths .section-heading h2{font-size:39px}.cinematic .cinema-paths .section-heading,.cinematic .cinema-paths .path-grid{max-width:42%}.cinematic .music-scene{padding:55px 35px!important;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:25px}.cinematic .scene-halloween{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr)}.cinematic .music-scene-copy{padding:28px 23px}.cinematic .music-scene-copy h2{font-size:35px}.cinematic .music-scene-copy p{font-size:16px}.meaningful-visual{height:300px}.offer-illustration{height:195px}.offer-laptop .sample-photo span{font-size:16px}.offer-phone .sample-photo span{font-size:10px}.cinematic .album-stage.stage-hoerkind{height:520px}.cinematic .stage-hoerkind .music-scene-logo{top:1%;width:28%;left:7%}.cinematic .stage-hoerkind .sleeve-0{top:35%}.cinematic .stage-hoerkind .sleeve-1{top:17%}.cinematic .album-stage.stage-halloween{height:520px;top:130px}.meaningful-visual .sample-brand{font-size:10px}.meaningful-visual .sample-photo span{font-size:20px}}
@media(max-width:950px){.cinematic .cinema-hero h1,.cinematic .hero-hoerkind h1{font-size:53px!important;max-width:100%!important}.cinematic .cinema-hero .stage-websites{position:relative;top:auto;right:auto;width:86%;height:480px;margin:0 auto 55px}.cinematic .hero-hoerkind>.wrap{padding-left:0;width:calc(100% - 48px)}.cinematic .cinema-paths .section-heading,.cinematic .cinema-paths .path-grid{max-width:100%}.cinematic .cinema-paths{padding-bottom:0!important;min-height:0}.cinematic .cinema-paths::after{display:none}.pathways-art{mask-image:none;transform:none;position:relative;inset:auto;display:block;height:auto;width:100%;object-fit:contain;margin-top:10px;object-position:center}.cinema-paths>.wrap{padding-bottom:40px}.cinema-paths{display:flex;flex-direction:column}.pathways-art{order:2}.cinema-paths>.wrap{order:1}.cinematic .music-scene,.cinematic .scene-halloween{display:flex!important;flex-direction:column;padding:30px 25px 45px!important;min-height:0!important;gap:25px}.cinematic .album-stage.stage-hoerkind,.cinematic .album-stage.stage-halloween{position:relative;top:auto;left:auto;right:auto;width:100%;height:500px;margin:0}.cinematic .music-scene-copy,.cinematic .scene-halloween .music-scene-copy{max-width:100%;width:100%;margin:0;padding:35px;border-radius:14px}.cinematic .hero-music .album-stage{margin:20px auto 45px;width:100%}.cinematic .stage-hoerkind .music-scene-logo{top:0;left:5%;width:25%}.cinematic .stage-hoerkind .sleeve-0{top:25%;left:36%;width:37%}.cinematic .stage-hoerkind .sleeve-1{top:10%;left:65%;width:31%}.cinematic .stage-halloween .sleeve-0{top:15%;left:9%;width:37%}.cinematic .stage-halloween .sleeve-1{top:12%;left:56%;width:36%}.offer-illustration{height:255px;max-width:430px;margin:0 auto 20px}.offer-laptop .sample-photo span{font-size:20px}.meaningful-visual{height:370px;max-width:600px}.benefit-device{max-width:450px}.benefit-0 .benefit-device{max-width:245px}.about-pathways-art{position:relative;display:block;width:100%;height:auto;mask-image:none;object-fit:contain;margin-top:35px}.about-album-composition{position:relative;top:auto;right:auto;width:85%;height:520px;margin:40px auto 0}.reference-spotlight{gap:16px}}
@media(max-width:620px){.cinematic .cinema-hero h1,.cinematic .hero-hoerkind h1{font-size:38px!important;line-height:1.12;max-width:100%!important}.cinematic .cinema-hero .eyebrow{max-width:100%}.cinematic .cinema-hero .stage-websites{width:88%;height:330px}.cinematic .stage-websites .display-0{width:87%;left:5%;top:50px}.cinematic .cinema-paths .section-heading h2{font-size:35px}.cinematic .cinema-paths .path h3{font-size:26px}.pathways-art{object-fit:cover;aspect-ratio:1.5;object-position:right center}.meaningful-visual{height:350px;width:100%;margin-bottom:25px}.benefit-0 .benefit-device{width:60%}.meaningful-visual .sample-brand{font-size:11px}.meaningful-visual .sample-photo span{font-size:22px}.offer-illustration{height:220px}.offer-laptop .sample-photo{min-height:81px}.offer-laptop .sample-photo span{font-size:18px}.offer-phone .sample-photo{min-height:95px}.offer-phone .sample-photo span{font-size:11px}.offer-old{top:18px}.offer-new{top:34px}.cinematic .package>p:not(.price):not(.eyebrow){min-height:0}.cinematic .music-scene,.cinematic .scene-halloween{padding:24px 18px 35px!important}.cinematic .music-scene-copy,.cinematic .scene-halloween .music-scene-copy{padding:26px 21px}.cinematic .music-scene-copy h2{font-size:33px}.cinematic .music-scene-copy p{font-size:16px}.cinematic .music-scene-copy p:last-of-type{font-size:15px}.cinematic .album-stage.stage-hoerkind,.cinematic .album-stage.stage-halloween{width:100%;height:315px}.cinematic .stage-hoerkind .music-scene-logo{left:4%;top:0;width:26%;padding:3px}.cinematic .stage-hoerkind .sleeve-0{left:37%;top:31%;width:36%}.cinematic .stage-hoerkind .sleeve-1{left:67%;top:13%;width:29%}.cinematic .stage-halloween .sleeve-0{top:20%;left:7%;width:39%}.cinematic .stage-halloween .sleeve-1{top:16%;left:55%;width:39%}.cinematic .hero-hoerkind>.wrap{width:calc(100% - 36px)}.cinematic .hero-hoerkind .lead{padding:13px 15px}.cinematic .hero-music .actions .music-back-link{font-size:13px;padding:12px 19px}.cinematic .halloween-cta{padding:10px 17px!important;font-size:13px}.pumpkin-icon{width:28px;height:28px;flex-basis:28px;margin-right:8px}.reference-spotlight{grid-template-columns:1fr;gap:15px;margin-top:30px}.spotlight-screen,.spotlight-after{transform:none}.spotlight-arrow{text-align:center;transform:rotate(90deg);font-size:30px;line-height:1}.about-album-composition{height:340px;width:95%}.about-album-composition img:nth-child(2){top:90px}.care-summary p:has(.care-emphasis){padding:12px 15px}.title-separator::before{font-size:.85em}}
@media(prefers-reduced-motion:reduce){.cinematic .button,.cinematic .button::after{transition:none!important}}
