/* Zalty Spatial — original CSS/SVG scene. No camera, headset or WebGL required. */
.hero{padding-top:160px;min-height:960px;background:radial-gradient(ellipse at 82% 42%,#57209c3d,transparent 50%),#08060e;isolation:isolate}.hero>.eyebrow{margin-bottom:34px}.hero-composition{display:grid;grid-template-columns:1fr 1.03fr;align-items:center;gap:3%;position:relative}.hero h1{font-size:clamp(60px,5.9vw,106px);letter-spacing:-.025em;line-height:1.01}.hero-message{position:relative;z-index:3;max-width:650px}.hero-message .lead{font-size:14px;max-width:435px;margin:28px 0 24px;line-height:1.9}.hero-action{min-height:58px}.hero-baseline{margin:38px 0 30px;align-items:center;border-top:1px solid #c298ff26;padding-top:24px;gap:20px}.hero-context{font-size:12px;max-width:300px;color:#e1d6ee}.hero-manifest{display:flex;gap:32px;font:9px/1.8 'JetBrains Mono',monospace;letter-spacing:.1em;color:#d9bcff}.hero-bottom{margin-top:auto}.spatial-lab{height:530px;position:relative;perspective:1200px;isolation:isolate;min-width:0}.spatial-world{--rx:0deg;--ry:0deg;--dx:0px;--dy:0px;position:absolute;inset:0;transform-style:preserve-3d;transform:translate3d(var(--dx),var(--dy),var(--depth,0px)) rotateX(var(--rx)) rotateY(var(--ry));will-change:transform}.spatial-halo{position:absolute;inset:0 -15% -5%;background:radial-gradient(ellipse,#8f40eb36,transparent 65%);pointer-events:none}.spatial-floor{position:absolute;left:-5%;right:-14%;top:64%;height:260px;background-image:linear-gradient(#a879e92e 1px,transparent 1px),linear-gradient(90deg,#a879e92e 1px,transparent 1px);background-size:35px 35px;transform:rotateX(70deg) rotateZ(-12deg) translateZ(-70px);mask-image:radial-gradient(ellipse,#000 5%,transparent 70%);opacity:.7}.spatial-backplate{position:absolute;left:17%;top:14%;width:76%;height:67%;border:1px solid #c79efc30;border-radius:16px;background:linear-gradient(120deg,#9a60d40d,transparent);transform:translateZ(-95px) translate(25px,-20px) rotateY(-12deg) rotateX(4deg)}.spatial-backplate span{position:absolute;right:18px;top:13px;color:#ba9ad9;font:6px monospace;letter-spacing:.18em}.spatial-console{position:absolute;top:10%;left:4%;width:88%;height:365px;border:1px solid #caa3ff79;border-radius:16px;background:linear-gradient(135deg,#5c39802b,#130a24ef 50%,#26103bb3);box-shadow:inset 0 0 70px #9b57dd0c,0 32px 70px #0008;transform:rotateY(-12deg) rotateX(5deg) rotateZ(-3deg);backdrop-filter:blur(12px);transform-style:preserve-3d;overflow:visible}.spatial-console:before,.spatial-console:after{content:'';position:absolute;inset:13px;border-radius:7px;border:1px solid #b58be318;pointer-events:none}.spatial-console:after{inset:-1px;opacity:.7;border-color:transparent;border-top-color:#f4e8ffb0;border-left-color:#c393ff80;mask-image:linear-gradient(130deg,#000,transparent 65%)}.console-top{height:38px;display:flex;align-items:center;gap:9px;margin:0 19px;border-bottom:1px solid #c298ff2a;color:#ebdafb;font:7px 'JetBrains Mono',monospace;letter-spacing:.12em}.console-dot{height:5px;width:5px;background:#d3b2ff;border-radius:50%;box-shadow:0 0 12px #b47aff}.console-cross{margin-left:auto;font-size:15px;color:#cfa9ff}.console-caption,.console-bottom{position:absolute;left:20px;right:20px;display:flex;justify-content:space-between;font:6px 'JetBrains Mono',monospace;letter-spacing:.14em;color:#cfbae5}.console-caption{top:54px}.console-bottom{bottom:19px;align-items:center;border-top:1px solid #c298ff25;padding-top:14px;font-size:5px}.console-bottom i{height:1px;width:28px;background:#b17fe0}.orbital-map{position:absolute;left:7%;right:7%;top:65px;height:260px;transform:translateZ(30px)}.orbital-lines{width:100%;height:100%;overflow:visible}.orbital-core{position:absolute;left:50%;top:50%;width:154px;height:104px;transform:translate(-50%,-50%) translateZ(28px);display:flex;flex-direction:column;justify-content:center;align-items:center;border:1px solid #c9a2ff7d;background:linear-gradient(135deg,#2d1745f5,#140c21);border-radius:9px;box-shadow:0 0 36px #a562e92c,inset 0 0 20px #bd86ff08}.orbital-core>span{font:5px monospace;letter-spacing:.2em;color:#d6bbf3}.orbital-core strong{font:29px/1.2 Instrument,Georgia,serif;color:#fff;margin:5px 0}.orbital-core i{width:24px;height:1px;background:#c391ff;margin-bottom:6px}.orbital-core small{font-size:7px;color:#ddccec}.orbit-label{position:absolute;font:7px 'JetBrains Mono',monospace;color:#f1e7ff;letter-spacing:0;background:#28193bce;border:1px solid #c194f142;padding:5px 8px;border-radius:4px;white-space:nowrap;box-shadow:0 4px 15px #07030e66}.label-a{left:34%;top:0}.label-b{right:-2%;top:21%}.label-c{right:-1%;bottom:19%}.label-d{left:41%;bottom:-1%}.label-e{left:-8%;bottom:19%}.label-f{left:-3%;top:21%}.orbital-trace{stroke-dasharray:.15 .85;animation:spatial-route 12s linear infinite;filter:drop-shadow(0 0 4px #b878ff)}.floating-lens{position:absolute;right:-5%;top:72%;width:216px;height:132px;padding:19px 21px;border-radius:10px;border:1px solid #cda4ff8a;background:linear-gradient(135deg,#3d2255e8,#100a1cf5);box-shadow:0 18px 45px #0006;transform:translateZ(90px) rotateY(-12deg) rotateZ(-3deg)}.spatial-kicker{font:6px 'JetBrains Mono',monospace;color:#e1c8ff;letter-spacing:.15em;display:block}.floating-lens strong{font:25px/1.05 Instrument,Georgia,serif;display:block;margin:10px 0;color:#fff}.signal-line{display:flex;gap:5px;align-items:center;height:9px;position:absolute;right:20px;top:24px}.signal-line i{display:block;width:2px;height:4px;background:#c699ff}.signal-line i:nth-child(3n){height:9px}.signal-line i:nth-child(3n+1){height:6px}.floating-coordinate{position:absolute;left:-2%;top:81%;display:flex;gap:12px;align-items:center;transform:translateZ(65px);font:7px/1.7 monospace;letter-spacing:.1em;color:#dbc1f5}.floating-coordinate i{height:24px;width:24px;border:1px solid #c79eff80;border-radius:50%;position:relative}.floating-coordinate i:after{content:'+';position:absolute;inset:0;text-align:center;font:19px monospace;color:#c79eff}.spatial-footnote{position:absolute;bottom:-5px;left:5%;right:0;display:flex;align-items:center;justify-content:space-between;gap:10px;font:6px 'JetBrains Mono',monospace;letter-spacing:.12em;color:#cbb6e0}.spatial-pause{border:0;border-bottom:1px solid #bc94e54f;border-radius:0;background:none;padding:8px 0;min-height:44px;font:8px Manrope,Arial,sans-serif;color:#eadcfb;display:flex;align-items:center;gap:12px}.spatial-pause span{font-size:12px}.spatial-lab.spatial-paused .spatial-world{transform:none}.spatial-lab.spatial-paused *{animation-play-state:paused!important}.spatial-lab.spatial-dormant *{animation-play-state:paused!important}@keyframes spatial-route{to{stroke-dashoffset:-1}}
/* Spatial reading surfaces beyond the opening scene. */
.vision{background:radial-gradient(at 0% 50%,#60308b16,transparent 55%)}.vision-footer{position:relative}.vision-footer:before{content:'';position:absolute;left:0;top:-1px;width:18%;height:1px;background:#cda6ff;box-shadow:0 0 15px #a363ef}.diagnosis-map{border:1px solid #bb8ee649;border-radius:14px;overflow:hidden;background:linear-gradient(110deg,#25143157,#0f0a17);position:relative}.lens-list{padding:28px}.lens-list button{padding-inline:12px;border-radius:4px;transition:background .25s,color .25s}.lens-list button:hover{background:#aa6cec16}.lens-panels{margin:14px;border:1px solid #bf96e33d;border-radius:8px;background:radial-gradient(at 85% 20%,#7f3fba33,transparent 75%),#130d1c;padding-top:70px;isolation:isolate;min-height:410px}.lens-panels:after{content:'';position:absolute;inset:0;z-index:-1;opacity:.17;background-image:linear-gradient(#c99dff15 1px,transparent 1px),linear-gradient(90deg,#c99dff15 1px,transparent 1px);background-size:30px 30px;mask-image:linear-gradient(90deg,transparent,#000);pointer-events:none}.lens-reticle{position:absolute;right:28px;top:24px;width:52px;height:52px;display:grid;place-items:center;color:#dfc3ff;font:10px monospace}.lens-reticle i{position:absolute;inset:0;border:1px solid #d7b1ff5f;border-radius:50%;transition:transform .4s}.lens-reticle i:nth-child(2){inset:7px;border-style:dashed;transform:rotate(var(--lens-angle,0deg))}.lens-panels [role=tabpanel]:not([hidden]){animation:spatial-panel .35s ease both}.lens-panels .lens-index{font-size:170px;top:85px;right:25px;color:#d5acff0a}.method-projection{height:100px;max-width:310px;margin-bottom:24px;display:flex;align-items:center;justify-content:space-between;gap:15px;font:7px monospace;letter-spacing:.1em;color:#e4cdff}.projection-lines{position:relative;width:130px;height:78px;perspective:200px}.projection-lines i{position:absolute;inset:0;border:1px solid #ba86f05e;border-radius:4px;transform:rotateY(-30deg) rotateZ(-10deg);background:#a468ed08}.projection-lines i:nth-child(2){inset:9px;transform:translateX(10px) rotateY(-30deg) rotateZ(-10deg);border-color:#d6b4ff80}.projection-lines i:nth-child(3){inset:19px;transform:translateX(20px) rotateY(-30deg) rotateZ(-10deg);background:#b379f126}.method-steps article{padding-inline:22px;border-radius:6px}.method-steps article.step-active{background:linear-gradient(90deg,#a365e515,transparent);border-left:1px solid #c093f17d}.method-steps article .motion-icon{right:12px}.chapter{transition:background .3s}.chapter summary{padding-inline:18px}.chapter:hover,.chapter[open]{background:linear-gradient(100deg,#a56ce912,transparent)}.chapter[open]{border-left:1px solid #c094f273}.chapter-content{padding-right:18px}.journey-funnel{perspective:900px}.journey-funnel li{transform-origin:50% 50%;box-shadow:0 10px 30px #0003;border-radius:8px;transition:border-color .3s}.journey-funnel li:hover{border-color:#dcbeff}.journey-funnel li:before{content:'';position:absolute;inset:5px;border:1px solid #bd90e812;border-radius:4px;pointer-events:none}.contact form{padding:30px;border:1px solid #c79df140;border-radius:14px;background:linear-gradient(130deg,#47285a26,#100a18b0);box-shadow:0 20px 60px #0002}.contact .field>span{left:0}.contact .button{width:100%}@keyframes spatial-panel{from{transform:translateY(8px);opacity:.85}to{transform:none;opacity:1}}
@media(min-width:1600px){.spatial-lab{height:620px}.spatial-console{height:440px;top:10%}.orbital-map{height:320px;top:75px}.console-top{height:44px;font-size:9px}.console-caption{top:59px;font-size:8px}.console-bottom{font-size:7px}.orbital-core{width:190px;height:128px}.orbital-core strong{font-size:38px}.orbital-core>span{font-size:6px}.orbital-core small{font-size:9px}.orbit-label{font-size:9px;padding:6px 10px}.floating-lens{top:76%;width:240px;height:144px}.floating-lens strong{font-size:30px}.spatial-footnote{bottom:-12px}.hero{min-height:1050px}.hero-message .lead{font-size:16px;max-width:500px}.hero-baseline{margin-top:35px}}
@media(max-width:1100px) and (min-width:701px){.hero{padding-inline:6vw}.hero h1{font-size:62px}.hero-composition{grid-template-columns:1fr .95fr;gap:0}.spatial-lab{height:440px}.spatial-console{height:310px;width:94%;left:3%;top:13%}.orbital-map{height:215px;top:65px}.orbital-core{width:120px;height:90px}.orbital-core strong{font-size:25px}.orbit-label{font-size:6px;padding:4px}.floating-lens{width:175px;height:120px;right:-2%;top:75%;padding:18px}.floating-lens strong{font-size:23px}.spatial-footnote{bottom:-30px}.hero-message .lead{font-size:13px}.hero-baseline{flex-direction:row;align-items:center;margin-top:40px}.hero-manifest{gap:14px;font-size:7px}.lens-panels{padding-inline:25px}.contact form{padding:22px}}
@media(max-width:700px){.hero{padding:126px 24px 0;min-height:auto}.hero>.eyebrow{margin-bottom:32px;font-size:8px}.hero-composition{grid-template-columns:1fr;gap:10px}.hero-message{max-width:none}.hero h1{font-size:clamp(48px,13vw,78px)}.hero-message .lead{font-size:14px;margin:24px 0;max-width:440px}.hero-action{font-size:12px;min-height:56px}.spatial-lab{height:415px;margin:20px -6px 0;perspective:900px}.spatial-console{width:88%;height:280px;left:5%;top:9%;transform:rotateY(-10deg) rotateX(5deg) rotateZ(-3deg)}.console-top{font-size:5px;height:32px;margin-inline:15px}.console-caption{top:44px;left:16px;right:16px;font-size:5px}.orbital-map{height:195px;top:54px;left:7%;right:7%}.orbital-core{width:116px;height:80px}.orbital-core strong{font-size:24px}.orbital-core>span{font-size:4px}.orbital-core small{font-size:6px}.orbit-label{font-size:5px;padding:4px 5px}.console-bottom{font-size:4px;bottom:14px;left:16px;right:16px;padding-top:10px}.floating-lens{top:71%;right:0;width:176px;height:106px;padding:14px 16px}.floating-lens strong{font-size:23px;margin-top:9px}.signal-line{right:12px;gap:3px;top:17px}.signal-line i{width:1px}.spatial-kicker{font-size:5px}.floating-coordinate{left:2%;top:79%;font-size:6px;gap:8px}.spatial-footnote{bottom:-16px;left:3%;right:0;font-size:5px}.spatial-pause{font-size:8px}.hero-baseline{margin:40px 0 18px;align-items:flex-start;flex-direction:column;gap:12px}.hero-manifest{font-size:7px;gap:15px}.hero-context{font-size:11px}.hero-bottom{margin-top:0}.method-projection{height:80px;max-width:280px;margin-bottom:18px}.projection-lines{height:60px;width:110px}.diagnosis-map{border-radius:10px}.lens-list{padding:10px 14px;gap:0 8px}.lens-list button{padding-inline:7px;font-size:11px}.lens-panels{margin:0 8px 8px;padding:55px 20px 25px;min-height:390px}.lens-panels h3{font-size:37px}.lens-reticle{right:15px;top:13px;width:38px;height:38px}.lens-panels .lens-index{font-size:140px;top:85px}.method-steps article{padding-inline:15px}.chapter summary{padding-inline:10px;gap:10px}.chapter h3{font-size:25px}.chapter-content{padding-left:38px;padding-right:16px}.contact form{padding:24px 18px}.contact-grid{gap:24px}}
@media(prefers-reduced-motion:reduce){.spatial-world{transform:none!important;will-change:auto}.orbital-trace{animation:none}.spatial-lab *{animation:none!important;transition:none!important}.spatial-pause{display:none}.lens-panels [role=tabpanel]:not([hidden]){animation:none}.journey-funnel li{transform:none!important}}
/* Reserve separate space for motion controls below the floating planes. */
.floating-lens{top:68%}.spatial-footnote{bottom:-25px}@media(min-width:1600px){.floating-lens{top:70%}.spatial-footnote{bottom:-12px}}@media(max-width:1100px) and (min-width:701px){.floating-lens{top:64%}.spatial-footnote{bottom:-15px}}@media(max-width:700px){.floating-lens{top:65%}.spatial-footnote{bottom:-16px}}
/* Motion study from supplied video: glass window recedes, opens, tiles rise in cascade. */
.film-lab{height:590px;perspective:1400px}.film-lab .spatial-world{inset:0 -2% 0 0}.film-lab .spatial-halo{background:radial-gradient(ellipse at 50% 50%,#8844c941,transparent 68%)}.film-room{position:absolute;inset:-10px -12% -10px 0;overflow:hidden;pointer-events:none;mask-image:linear-gradient(90deg,transparent,#000 15%,#000 80%,transparent)}.film-room>i{position:absolute;top:0;bottom:8%;width:24%;background:linear-gradient(95deg,#110b1d,#4f277e24,#140c21);border-left:1px solid #b78de523;transform:skewY(-5deg)}.film-room>i:nth-child(1){left:10%}.film-room>i:nth-child(2){left:39%;top:-20px}.film-room>i:nth-child(3){left:68%;top:20px}.film-screen{position:absolute;inset:6% 0 auto 0;height:460px;border:1px solid #d3b3ff93;border-radius:21px;background:linear-gradient(125deg,#a078cc27,#261436c9 35%,#0c0815eb 75%,#6c418b33);box-shadow:0 30px 65px #0006,inset 0 1px 0 #efe1ff66,inset 0 0 35px #b882e30b;backdrop-filter:blur(14px);transform:rotateY(-10deg) rotateX(3deg) rotateZ(-2deg);transform-style:preserve-3d;overflow:hidden;will-change:transform,opacity}.film-screen:before{content:'';position:absolute;inset:5px;border:1px solid #e4cbff1e;border-radius:16px;pointer-events:none;z-index:2}.film-screen:after{content:'';position:absolute;inset:0;background:linear-gradient(115deg,#e8cbff12,transparent 35%,transparent 76%,#ffffff08);pointer-events:none;z-index:2}.film-toolbar{position:relative;height:45px;margin:0 20px;display:flex;align-items:center;gap:10px;border-bottom:1px solid #d6b3ff2b;color:#f1e4ff;font:7px 'JetBrains Mono',monospace;letter-spacing:.1em}.film-toolbar>span:last-child{margin-left:auto;color:#d9c0f2;font-size:6px}.film-sign{font:12px Manrope,Arial,sans-serif;border:1px solid #c8a2ee63;width:23px;height:20px;display:grid;place-items:center;border-radius:4px}.film-tiles{position:absolute;inset:62px 19px 41px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(5,1fr);grid-template-areas:'brand presence offer' 'brand presence offer' 'journey presence demand' 'journey retention demand' 'intelligence intelligence intelligence';gap:9px;perspective:900px}.film-tile{position:relative;overflow:hidden;display:block;min-width:0;min-height:44px;border:1px solid #d7b4ff42;border-radius:9px;background:#211131;transform-origin:50% 100%;box-shadow:0 6px 12px #08040d26;transition:border-color .25s,box-shadow .25s;isolation:isolate}.film-tile:before{content:'';position:absolute;inset:0;background:linear-gradient(transparent 30%,#080510e8);z-index:1;pointer-events:none}.film-tile svg{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}.film-tile>span{position:absolute;inset:auto 9px 9px;color:#fff;font:10px/1.4 Manrope,Arial,sans-serif;z-index:2;padding-right:10px}.film-tile small{display:block;font:6px/1.7 'JetBrains Mono',monospace;color:#dac3f5;letter-spacing:.13em}.film-tile i{font:11px Manrope;position:absolute;right:0;bottom:0;font-style:normal;color:#e8ceff}.film-tile:hover,.film-tile:focus-visible{border-color:#e3c4ff;box-shadow:0 0 20px #bc82f52b}.film-tile:hover img{transform:scale(1.08)}.tile-1{grid-area:brand}.tile-2{grid-area:presence}.tile-3{grid-area:offer}.tile-4{grid-area:demand}.tile-5{grid-area:journey}.tile-6{grid-area:retention}.tile-7{grid-area:intelligence}.tile-7 svg{position:absolute;width:55%;right:0;object-position:50% 60%}.tile-7:before{background:linear-gradient(90deg,#21132f,transparent)}.tile-7>span{inset:auto auto 15px 15px;font-size:13px}.tile-7 small{display:inline;margin-right:10px}.tile-7 i{right:-30px;bottom:1px}.tile-6>span{font-size:9px;inset:auto 7px 7px}.tile-6 small{display:none}.film-screen-caption{position:absolute;bottom:18px;left:23px;right:23px;display:flex;justify-content:space-between;gap:15px;color:#dfc7f3;font:5px 'JetBrains Mono',monospace;letter-spacing:.12em}.film-pedestal{position:absolute;left:-3%;right:-3%;height:80px;top:79%;border-radius:50%;background:radial-gradient(ellipse,#8b4dc62a,transparent 60%);transform:rotateX(60deg) translateZ(-65px)}.film-pedestal:before{content:'';position:absolute;inset:15px 5%;border-radius:50%;border-top:1px solid #c49bea4f;box-shadow:0 -8px 45px #9d50dd1f}.film-dock{position:absolute;left:15%;right:5%;top:88%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:3px 8px 3px 15px;min-height:48px;border:1px solid #cdabf057;border-radius:35px;background:linear-gradient(135deg,#452955d6,#170c24d9);box-shadow:0 10px 30px #0003;backdrop-filter:blur(10px);transform:translateZ(35px) rotateY(-8deg) rotateZ(-2deg);font:10px Manrope,Arial,sans-serif;color:#f0e4fc}.film-dock-dot{flex:0 0 5px;height:5px;background:#c7a0f4;border-radius:50%;box-shadow:0 0 10px #a764ef}.film-replay{border:0;border-left:1px solid #c8a2e33a;background:none;min-height:44px;padding:0 10px 0 15px;color:#f2e6ff;font:10px Manrope,Arial,sans-serif;white-space:nowrap}.film-replay span{padding-left:5px;font-size:17px}.film-lab .spatial-footnote{bottom:-18px;left:3%;right:0}.film-lab.spatial-paused .spatial-world{transform:none}.film-lab:focus-within .film-screen{outline-offset:4px}.hero-composition{gap:4%;grid-template-columns:1fr 1.04fr}.hero>.eyebrow{margin-bottom:24px}.hero{min-height:1000px}.film-lab .spatial-world{transform:translate3d(var(--dx,0px),var(--dy,0px),var(--depth,0px)) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg))}
@media(min-width:1600px){.film-lab{height:640px}.film-screen{height:510px}.film-tiles{gap:12px;inset:68px 23px 46px}.film-tile>span{font-size:13px;inset:auto 12px 12px}.film-tile small{font-size:8px}.film-toolbar{height:48px;font-size:9px}.film-toolbar>span:last-child{font-size:8px}.film-screen-caption{font-size:7px}.tile-7>span{font-size:16px}.tile-6>span{font-size:11px}.film-dock{font-size:12px}.hero{min-height:1090px}}
@media(max-width:1100px) and (min-width:701px){.film-lab{height:500px}.film-screen{height:385px}.film-tiles{inset:55px 14px 35px;gap:6px}.film-toolbar{margin:0 15px;font-size:5px;height:38px}.film-toolbar>span:last-child{font-size:4px}.film-tile>span{font-size:8px;inset:auto 6px 7px}.film-tile small{font-size:5px}.tile-6>span{font-size:7px}.tile-7>span{font-size:10px}.film-screen-caption{font-size:4px;left:17px;right:17px;bottom:14px}.film-dock{left:8%;right:0;font-size:8px;gap:8px;top:86%}.film-replay{font-size:8px}.film-lab .spatial-footnote{bottom:-12px;font-size:5px}}
@media(max-width:700px){.hero-composition{grid-template-columns:1fr;gap:12px}.film-lab{height:460px;margin:22px 0 0}.film-lab .spatial-world{inset:0}.film-room{inset:0 -8%}.film-screen{top:6%;left:0;right:0;height:360px;border-radius:16px;transform:rotateY(-8deg) rotateX(2deg) rotateZ(-2deg)}.film-screen:before{border-radius:12px}.film-tiles{inset:49px 12px 32px;gap:6px}.film-toolbar{height:34px;margin:0 14px;font-size:5px;gap:7px}.film-toolbar>span:last-child{font-size:4px}.film-sign{font-size:9px;width:19px;height:17px}.film-tile{border-radius:6px}.film-tile>span{font-size:8px;inset:auto 6px 7px}.film-tile small{font-size:5px}.film-tile i{font-size:9px}.tile-6>span{font-size:7px}.tile-7>span{font-size:11px}.tile-7 small{font-size:6px}.film-screen-caption{font-size:4px;left:16px;right:16px;bottom:14px}.film-dock{left:7%;right:0;top:86%;font-size:9px;min-height:44px}.film-replay{font-size:9px;min-height:44px}.film-lab .spatial-footnote{bottom:-18px;font-size:5px}.hero{min-height:auto}.hero-baseline{margin-top:36px}}
@media(prefers-reduced-motion:reduce){.film-screen,.film-tile,.film-dock{animation:none!important;transition:none!important}.film-screen{transform:none}.film-replay{display:none}.film-lab .spatial-world{transform:none!important}}
.film-sign{font:6px 'JetBrains Mono',monospace;letter-spacing:0}.film-dock{top:85%}@media(max-width:1100px) and (min-width:701px){.film-dock{top:82%}}@media(max-width:700px){.film-dock{top:82%}}
@media(min-width:701px) and (max-width:1000px){.hero-composition{grid-template-columns:1fr;gap:25px}.hero-message{max-width:650px}.hero h1{font-size:76px}.hero-message .lead{max-width:520px;font-size:15px}.film-lab{width:min(560px,100%);height:550px;justify-self:center;margin-top:15px}.film-screen{height:440px}.film-toolbar{height:44px;font-size:7px}.film-toolbar>span:last-child{font-size:6px}.film-tiles{inset:62px 18px 41px;gap:9px}.film-tile>span{font-size:11px;inset:auto 9px 9px}.film-tile small{font-size:6px}.tile-6>span{font-size:9px}.tile-7>span{font-size:13px}.film-dock{top:87%;font-size:11px}.film-screen-caption{font-size:5px}.film-replay{font-size:10px}.film-lab .spatial-footnote{bottom:-20px}.hero-baseline{margin-top:40px}}
/* Hit areas must remain above the decorative perspective layers. */
.film-lab .spatial-world,.film-lab .film-screen,.film-lab .film-tiles,.film-lab .film-dock{pointer-events:none}.film-lab .film-tile,.film-lab .film-replay{pointer-events:auto}.film-tile>svg,.film-tile>span{pointer-events:none}
/* More visible original mark; no change to the animation or footer. */
.floating-nav .brand img{height:48px}.floating-nav .brand{min-width:64px}@media(max-width:700px){.floating-nav .brand img{height:38px}.floating-nav .brand{min-width:52px}}