.cinematic-home{background:#111114;color:#f3f0e7}.cinematic-home .site-header{background:#111114f2;border-bottom:1px solid #ffffff1c}.cinematic-home .wrap{max-width:1320px}.cinematic-home .site-header .nav-cta{background:#d4c3fa;color:#16131d}.cinema{height:290vh;--progress:0;--turn:-13deg;--tilt:10deg;--lift:0px;background:radial-gradient(ellipse at 50% 55%,#30283f 0,transparent 55%),#111114}.cinema-sticky{height:calc(100svh - 85px);min-height:650px;position:sticky;top:85px;overflow:hidden;padding:25px 4vw 0}.cinema-top,.cinema-bottom,.cinema-kicker{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:1.5px;font-weight:600}.cinema-top{color:#a8a4af}.cinema-heading{text-align:center;position:relative;z-index:1;margin-top:25px}.cinema-heading h1{font-family:Arial,Helvetica,sans-serif;font-size:clamp(64px,8.5vw,135px);line-height:.88;font-weight:900;letter-spacing:-.075em;margin:0}.cinema-heading h1 span{color:#d4c3fa}.digital-stage{position:absolute;inset:170px 0 90px;perspective:1200px;display:grid;place-items:center;pointer-events:none;z-index:2}.digital-device{width:min(610px,52vw);border:1px solid #a59ab3;border-radius:15px;background:linear-gradient(135deg,#8e8798,#23212a 25%,#66616c);padding:9px;box-shadow:3px 12px 0 #36323e,6px 14px 0 #77717e,0 50px 80px #0008;transform:translateY(var(--lift)) rotateX(var(--tilt)) rotateY(var(--turn)) rotateZ(-4deg);transition:transform .1s linear;position:relative;z-index:3}.device-toolbar{display:flex;justify-content:space-between;padding:9px 10px;background:#24232a;border-radius:8px 8px 0 0;color:#bdb9c8;font-size:8px;letter-spacing:1px}.device-toolbar>span:first-child{color:#d4c3fa}.device-display{position:relative;aspect-ratio:1.8;background:#16151c;overflow:hidden}.device-code,.device-web,.device-app{position:absolute;inset:0;transition:opacity .6s,transform .8s}.device-code{padding:30px}.code-caption{color:#8d8699;font-size:9px;letter-spacing:1.5px}.device-code pre{font:clamp(10px,1.4vw,18px)/1.7 Consolas,monospace;color:#d5d0dd;margin:18px 0}.device-code b{color:#bf9ff2}.device-code em{font-style:normal;color:#aee3db}.code-status{font-size:9px;color:#8e879c;display:flex;gap:7px;align-items:center}.code-status i{width:5px;height:5px;background:#c0e2cb;border-radius:50%}.device-web,.device-app{opacity:0;transform:scale(1.08)}.device-web img{width:100%;height:100%;object-fit:cover;object-position:top}.device-web>span{position:absolute;bottom:10px;left:15px;background:#111c;padding:7px;font-size:9px;letter-spacing:1px}.device-foot{display:flex;justify-content:space-between;padding:8px 10px 2px;font-size:7px;color:#e5e0ee;letter-spacing:2px}.device-app{display:flex;background:#f0eef6;color:#211e2b}.app-sidebar{background:#24202d;width:20%;padding:18px 12px;color:#fff;font-size:28px;font-weight:bold}.app-sidebar>span{color:#c7a6f5}.app-sidebar small{display:block;margin-top:20px;font-size:8px;line-height:1.6;font-weight:400;color:#bcb2cb}.app-body{padding:22px;width:80%}.app-body>span{font-size:7px;letter-spacing:1px;color:#7b6f8b}.app-body h3{font-size:22px;letter-spacing:-1px;margin:10px 0 20px}.app-numbers{display:flex;gap:20px;font-size:8px;color:#7b6f8b}.app-numbers>div{flex:1}.app-numbers strong{display:block;font-size:26px;color:#30243e;margin-top:5px}.app-graph{height:65px;display:flex;align-items:end;gap:10px;border-bottom:1px solid #c4b9d6;margin:15px 0}.app-graph i{background:#ad91d5;width:9%;height:45%;border-radius:3px 3px 0 0}.app-graph i:nth-child(2n){height:75%;background:#c9b6e6}.app-graph i:nth-child(3n){height:95%}.app-body>p{font-size:7px;letter-spacing:1px}.cinema[data-scene="1"] .device-code,.cinema[data-scene="2"] .device-code{opacity:0;transform:scale(.9)}.cinema[data-scene="1"] .device-web,.cinema[data-scene="2"] .device-app{opacity:1;transform:scale(1)}.floating-code{position:absolute;background:#26222edb;border:1px solid #ffffff26;border-radius:9px;padding:20px;box-shadow:0 20px 45px #0005;z-index:4}.floating-code>span{font-size:8px;color:#b7a4ce;letter-spacing:1.5px;display:block;margin-bottom:15px}.floating-code code{font:14px/1.8 Consolas,monospace;color:#dfd2f2}.code-left{left:9%;top:30%;transform:rotate(-12deg) translateY(calc(var(--progress)*-45px))}.code-right{right:9%;bottom:15%;transform:rotate(10deg) translateY(calc(var(--progress)*40px))}.code-right strong{font-size:18px;line-height:1.3}.code-right i{display:block;font-style:normal;color:#b5dce0;font-size:35px;margin-top:12px}.stage-orbit{position:absolute;border:1px solid #bcb2cf38;width:76%;height:66%;border-radius:50%;transform:rotate(-20deg);z-index:0}.orbit-two{width:65%;height:95%;transform:rotate(22deg);border-color:#bcb2cf17}.stage-spark{position:absolute;color:#c8b3ed;font-size:65px}.spark-one{left:22%;bottom:2%}.spark-two{right:18%;top:5%;font-weight:200;color:#bce0e7;font-size:85px}.cinema-bottom{position:absolute;bottom:30px;left:4vw;right:4vw;gap:25px;z-index:5}.scene-caption{width:270px}.scene-number{color:#cbb4ed;font-size:9px}.scene-description{font-size:13px;line-height:1.5;margin:8px 0 0;letter-spacing:0;color:#c0bbc8;max-width:260px;min-height:40px}.cinema-cta{border:1px solid #cbb4ed;border-radius:50px;padding:16px 23px;font-size:13px;letter-spacing:0;display:flex;gap:45px;background:#d4c3fa;color:#20172d}.cinema-cta:hover{background:#eee4ff}.scroll-cue{font-size:8px;color:#aaa1b7;display:flex;gap:20px}.scroll-cue span{font-size:22px}.scene-progress{position:absolute;bottom:0;left:0;width:100%;height:2px;background:#ffffff12}.scene-progress i{display:block;height:100%;width:100%;transform:scaleX(var(--progress));transform-origin:left;background:#c5aceb}.manifesto{background:#eeeae0;color:#242225;padding:90px 0 100px}.cinema-kicker{padding-bottom:35px;border-bottom:1px solid #8885}.cinema-kicker>span:last-child:not(:first-child){font-size:11px}.manifesto .cinema-kicker>span:last-child{font-size:40px}.manifesto h2,.cinema-projects h2,.cinema-about h2{font:900 clamp(52px,7.8vw,120px)/.94 Arial,sans-serif;letter-spacing:-.065em;margin:50px 0}.manifesto h2 em{font-style:normal;color:#7d6598}.manifesto-bottom{display:flex;justify-content:space-between;align-items:end;gap:50px;padding:5px 0 60px}.manifesto-bottom p{max-width:540px;font-size:18px;line-height:1.7;color:#5b555c}.manifesto-bottom a,.cinema-about-bottom a{border-bottom:1px solid;padding-bottom:8px;font-size:14px;white-space:nowrap}.cinema-services{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #bcb5bb}.cinema-services>a{padding:40px 40px 0 0}.cinema-services>a+a{padding-left:50px;border-left:1px solid #bcb5bb}.cinema-services span{font-size:10px;letter-spacing:1px;color:#736575}.cinema-services h3{font-size:42px;letter-spacing:-2px;margin:25px 0 20px}.cinema-services p{max-width:400px;color:#6a616b;font-size:16px;line-height:1.7}.cinema-services b{display:block;font-size:13px;margin-top:30px;font-weight:500}.cinema-projects{padding-top:95px;padding-bottom:110px}.cinema-projects h2 em{font-style:normal;color:#cdb9ec}.cinema-project-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px 35px}.cinema-project:nth-child(even){padding-top:100px}.cinema-project-image{position:relative;background:#302b39;padding:30px;overflow:hidden}.cinema-project:nth-child(2) .cinema-project-image{background:#aebbbc}.cinema-project:nth-child(3) .cinema-project-image{background:#b7a7c6}.cinema-project:nth-child(4) .cinema-project-image{background:#c4bdae}.cinema-project-image img{width:100%;height:auto;aspect-ratio:1.65;object-fit:cover;object-position:top;transition:transform .6s;box-shadow:0 10px 30px #0003}.cinema-project:hover img{transform:translateY(-5px) scale(1.02)}.cinema-project-image>span{position:absolute;bottom:0;right:0;background:#eeeae0;color:#25212c;font-size:8px;letter-spacing:1px;padding:12px 18px}.cinema-project-info{display:flex;justify-content:space-between;align-items:center;padding-top:20px}.cinema-project-info span{font-size:10px;color:#a49bab}.cinema-project-info h3{font-size:24px;margin:8px 0 0;letter-spacing:-.7px}.cinema-project-info>b{font-size:30px;font-weight:400}.cinema-about{background:#cec0e5;color:#2b2237;padding:85px 0}.cinema-about h2 em{font-style:normal;color:#76618f}.cinema-about-bottom{display:flex;justify-content:space-between;align-items:center;gap:70px;margin-bottom:65px}.cinema-about-bottom img{width:220px;filter:brightness(.15)}.cinema-about-bottom>div{max-width:480px}.cinema-about-bottom p{font-size:17px;line-height:1.7;color:#51435f}.cinema-process{display:grid;grid-template-columns:repeat(4,1fr);gap:35px;border-top:1px solid #77638755;padding-top:35px}.cinema-process span{font-size:11px;color:#76618f}.cinema-process h3{font-size:23px;letter-spacing:-1px;margin:18px 0 10px}.cinema-process p{font-size:13px;color:#675473;line-height:1.6}.cinematic-home .cta{background:#111114;color:#f3f0e7}.cinematic-home .cta h2 em{color:#d4c3fa}.cinematic-home .cta-arrow{background:#d4c3fa;color:#21172e}.cinematic-home .footer{border-color:#ffffff20}.cinematic-home a:focus-visible{outline:3px solid #9f80d0;outline-offset:6px}
@media(min-width:1600px){.digital-device{width:700px}.digital-stage{top:210px}.cinema-sticky{max-height:1100px}}
@media(max-width:900px){.cinema-sticky{top:76px;height:calc(100svh - 76px);min-height:620px}.cinema-heading{margin-top:40px}.cinema-heading h1{font-size:10vw}.digital-stage{inset:170px 0 100px}.digital-device{width:64vw}.code-left{left:3%;top:25%;padding:13px}.code-right{right:3%;padding:13px}.floating-code code{font-size:10px}.code-right strong{font-size:14px}.spark-one{left:10%}.cinema-top{font-size:8px}.scroll-cue{display:none}.cinema-project-info h3{font-size:20px}.cinema-project-image{padding:20px}.cinema-services h3{font-size:34px}}
@media(max-width:600px){.cinema{height:240svh}.cinema-sticky{top:72px;height:calc(100svh - 72px);min-height:590px;padding:22px 20px 0}.cinema-top{font-size:7px;letter-spacing:1px}.cinema-top>span:last-child{display:none}.cinema-heading{margin-top:35px}.cinema-heading h1{font-size:12vw;letter-spacing:-.07em;line-height:.98}.digital-stage{inset:135px 0 130px}.digital-device{width:80vw;max-width:430px;padding:5px;border-radius:10px}.device-toolbar{font-size:5px;padding:7px}.device-code{padding:15px}.code-caption{font-size:6px;letter-spacing:.8px}.device-code pre{font-size:9px;margin:10px 0;line-height:1.6}.code-status{font-size:5px}.device-foot{font-size:4px;padding:6px;letter-spacing:1px}.floating-code{padding:10px}.floating-code>span{font-size:5px;margin-bottom:7px}.floating-code code{font-size:8px}.code-left{top:1%;left:7%;transform:rotate(-9deg);z-index:1}.code-right{right:5%;bottom:0;transform:rotate(8deg);padding:10px 15px}.code-right strong{font-size:11px}.code-right i{display:none}.spark-one{font-size:38px;left:12%;bottom:5%}.spark-two{font-size:45px;top:0;right:9%}.stage-orbit{width:95%}.app-sidebar{font-size:18px;padding:12px 8px}.app-sidebar small{font-size:5px;margin-top:12px}.app-body{padding:12px}.app-body>span{font-size:5px}.app-body h3{font-size:14px;margin:6px 0 12px}.app-numbers{font-size:5px;gap:9px}.app-numbers strong{font-size:18px;margin-top:2px}.app-graph{height:35px;gap:5px;margin:8px 0}.app-body>p{font-size:4px}.cinema-bottom{left:20px;right:20px;bottom:23px;gap:12px;align-items:end}.scene-caption{width:48%}.scene-description{font-size:11px;min-height:48px}.scene-number{font-size:7px;letter-spacing:1px}.cinema-cta{font-size:11px;padding:13px 15px;gap:15px;white-space:nowrap}.manifesto,.cinema-about{padding:50px 0}.cinema-kicker{font-size:8px;letter-spacing:1px;padding-bottom:20px}.cinema-kicker>span:last-child:not(:first-child){font-size:7px;max-width:120px;text-align:right}.manifesto h2,.cinema-projects h2,.cinema-about h2{font-size:12vw;margin:35px 0}.manifesto-bottom{display:block;padding:0 0 35px}.manifesto-bottom p{font-size:15px;margin-bottom:25px}.cinema-services{grid-template-columns:1fr}.cinema-services>a{padding:30px 0}.cinema-services>a+a{border-left:0;border-top:1px solid #bcb5bb;padding:30px 0 0}.cinema-services h3{font-size:36px;margin:16px 0}.cinema-services p{font-size:14px}.cinema-services b{font-size:12px;margin-top:20px}.cinema-projects{padding-top:50px;padding-bottom:55px}.cinema-project-grid{grid-template-columns:1fr;gap:35px}.cinema-project:nth-child(even){padding-top:0}.cinema-project-image{padding:22px}.cinema-project-info h3{font-size:23px}.cinema-about-bottom{display:flex;flex-direction:column;align-items:start;gap:15px;margin-bottom:40px}.cinema-about-bottom img{width:150px}.cinema-about-bottom p{font-size:15px}.cinema-process{grid-template-columns:1fr 1fr;gap:30px 20px}.cinema-process h3{font-size:21px}.cinema-process p{font-size:12px}}
@media(prefers-reduced-motion:reduce){.cinema{height:auto}.cinema-sticky{position:relative;top:0}.digital-device{transform:rotateZ(-3deg);transition:none}.device-web,.device-code,.device-app{transition:none}.scene-progress{display:none}}
/* Continuous exploded-device sequence */
.cinema{height:420svh;background:#101014;--explode:0;--depth:0px;--depth-back:-18px;--depth-front:3px;--light:0}.cinema-sticky{isolation:isolate}.cinema-sticky:before{content:'';position:absolute;inset:0;background:#eeeae0;opacity:var(--light);z-index:-1}.cinema-heading{opacity:var(--heading-opacity,1);transform:translateY(calc(var(--progress)*-200px))}.digital-stage{perspective:1500px;inset:210px 0 120px;overflow:visible}.assembly{width:min(610px,49vw);aspect-ratio:1.65;position:relative;transform-style:preserve-3d;transform:translate3d(var(--move-x,0px),var(--move-y,0px),0) rotateX(var(--rx,12deg)) rotateY(var(--ry,-24deg)) rotateZ(var(--rz,-12deg)) scale(var(--scale,.92));will-change:transform}.assembly .digital-device{width:100%;position:absolute;inset:0;transform:translateZ(var(--depth));transition:none;box-shadow:0 4px 0 #8c839c,0 9px 0 #3b344a,0 13px 0 #82758f,0 35px 60px #0006;border:1px solid #c9bed8;background:linear-gradient(140deg,#d5c9e3,#544c62 45%,#a9a0b7);border-radius:13px;transform-style:preserve-3d}.hardware-layer,.wire-layer,.glass-layer{position:absolute;inset:0;border-radius:12px;backface-visibility:visible}.hardware-layer{transform:translateZ(var(--depth-back));background:repeating-linear-gradient(90deg,transparent 0 29px,#ab93db20 30px 31px),repeating-linear-gradient(0deg,#211c2d 0 29px,#ab93db20 30px 31px);border:2px solid #8d7caa;box-shadow:0 5px 0 #50455f,0 8px 0 #857297,0 45px 80px #0005;display:grid;place-items:center}.chip{background:linear-gradient(135deg,#a38bca,#27202f);border:6px double #c8b4e6;padding:20px 30px;text-align:center;font-size:55px;line-height:1;color:#f1eaff;box-shadow:0 0 55px #b78aea66}.chip span{color:#b5f0e9}.chip small{display:block;font-size:7px;letter-spacing:2px;margin-top:12px}.circuit{position:absolute;width:25%;height:25%;border:2px solid #9a80ba;border-left:0;border-bottom:0;left:8%;top:15%}.circuit-b{left:auto;right:8%;top:55%;transform:rotate(180deg)}.circuit-c{top:65%;width:20%;height:12%}.wire-layer{transform:translateZ(-4px);border:1px solid #cab4e7;background:#b89ad022;display:grid;grid-template-columns:1fr 2fr;gap:15px;padding:30px;opacity:var(--explode);box-shadow:0 0 40px #aa80dd22}.wire-layer>div{border:1px solid #cdb8e5;border-radius:4px;background:#ab8ed522}.wire-layer>span{position:absolute;bottom:10px;left:30px;font-size:7px;letter-spacing:2px;color:#b99bd9}.glass-layer{transform:translateZ(var(--depth-front));border:1px solid #e5d5ff;z-index:4;background:linear-gradient(130deg,#e7d9ff22,transparent 45%,#c8faff18);opacity:calc(var(--explode)*.85);box-shadow:inset 0 0 30px #e0cfff15;display:flex;justify-content:space-between;align-items:start;padding:22px;color:#cbb7e9}.glass-layer span{font-size:8px;letter-spacing:3px}.glass-layer i{font-size:70px;font-style:normal}.floating-code,.stage-spark,.stage-orbit{display:none}.energy-ribbon{position:absolute;width:min(1000px,95vw);height:150%;overflow:visible;transform:rotate(var(--ribbon-turn,-25deg)) rotateX(55deg);filter:drop-shadow(0 0 8px #b48cff);opacity:calc(1 - var(--light)*.6);z-index:5;pointer-events:none}.scene-word{position:absolute;top:65px;left:0;width:100%;text-align:center;font:900 clamp(60px,10.3vw,160px)/.9 Arial,sans-serif;letter-spacing:-.075em;color:#d1b9f2;opacity:var(--word-opacity,0);z-index:0;white-space:nowrap}.scene-subtitle{position:absolute;top:38%;left:50%;transform:translateX(-50%);font-size:9px;letter-spacing:3px;opacity:var(--word-opacity,0);color:#9785ac;white-space:nowrap}.cinema[data-light=true] .scene-word{color:#6e527e}.cinema[data-light=true] .scene-caption p,.cinema[data-light=true] .cinema-top,.cinema[data-light=true] .scene-number,.cinema[data-light=true] .scroll-cue{color:#5e4e69}.cinema[data-light=true] .cinema-cta{background:#30223f;color:#fff;border-color:#30223f}.cinema-bottom{gap:20px}.play-scene{border:0;background:transparent;color:#c3a6e7;border-bottom:1px solid #9276ae;padding:10px 0;font:inherit;letter-spacing:0;cursor:pointer;white-space:nowrap}.cinema[data-light=true] .play-scene{color:#59436b}.scroll-cue{display:none}.cinema-sticky .device-display{height:calc(100% - 49px);aspect-ratio:auto}.scene-caption{min-height:64px}.device-code pre{font-size:16px}.cinema[data-scene='1'] .device-web{opacity:1}.cinema[data-scene='1'] .device-code{opacity:0}.cinema[data-scene='2'] .device-web{opacity:0}.cinema[data-scene='2'] .device-app{opacity:1}.cinema[data-scene='0'] .device-code{opacity:1}.cinema-project img{content-visibility:auto}
@media(max-width:900px){.assembly{width:65vw}.digital-stage{inset:220px 0 130px}.scene-word{top:95px;font-size:11vw}.device-code pre{font-size:12px}.scene-subtitle{top:30%}}
@media(max-width:600px){.cinema{height:350svh}.digital-stage{inset:200px 0 145px;perspective:1000px}.assembly{width:77vw;aspect-ratio:1.55}.cinema-heading h1{font-size:10.6vw;white-space:nowrap}.cinema-heading{margin-top:30px}.scene-word{top:95px;font-size:10.6vw}.scene-subtitle{font-size:6px;letter-spacing:1px;top:27%}.cinema-bottom{flex-wrap:wrap;gap:8px;bottom:20px}.scene-caption{width:48%;min-height:50px}.scene-description{min-height:32px}.play-scene{font-size:9px;margin-left:auto}.cinema-sticky .device-display{height:calc(100% - 30px)}.device-code pre{font-size:8px}.hardware-layer{border-width:1px}.chip{font-size:30px;padding:12px 18px;border-width:3px}.chip small{font-size:4px;letter-spacing:1px}.glass-layer{padding:12px}.glass-layer span{font-size:5px;letter-spacing:1px}.glass-layer i{font-size:35px}.wire-layer{padding:18px;gap:7px}.wire-layer>span{font-size:4px;bottom:6px;left:18px}.energy-ribbon{width:120vw;height:160%}}
@media(prefers-reduced-motion:reduce){.cinema{height:auto}.assembly{transform:rotateZ(-3deg)}.hardware-layer,.wire-layer,.glass-layer,.energy-ribbon,.play-scene{display:none}.cinema-heading{opacity:1;transform:none}.scene-word,.scene-subtitle{display:none}.cinema-sticky:before{opacity:0}.cinema[data-light=true] .scene-caption p,.cinema[data-light=true] .cinema-top,.cinema[data-light=true] .scene-number{color:#c7b5dc}}