.hero h1{will-change:transform,opacity}.production-layers{--scene-progress:0;position:absolute;inset:0;pointer-events:none;z-index:1}.production-frame{position:absolute;border:1px solid #ffffff40;background:#000000;box-shadow:0 20px 60px #0007;padding:7px;color:white;width:22%;height:38%;overflow:hidden;will-change:transform}.production-frame img{width:100%;height:calc(100% - 25px);object-fit:cover}.production-frame span{display:block;font:7px 'JetBrains Mono',monospace;letter-spacing:1px;padding:8px 3px}.frame-one{top:12%;left:4%;transform:translate(calc((1 - var(--scene-progress))*130px),calc((1 - var(--scene-progress))*70px)) rotate(calc(-14deg + var(--scene-progress)*9deg))}.frame-two{top:8%;right:4%;transform:translate(calc((1 - var(--scene-progress))*-100px),calc((1 - var(--scene-progress))*100px)) rotate(calc(14deg - var(--scene-progress)*7deg))}.frame-three{bottom:10%;right:18%;width:19%;height:34%;transform:translate(calc((1 - var(--scene-progress))*-50px),calc((1 - var(--scene-progress))*70px)) rotate(calc(-12deg + var(--scene-progress)*7deg))}.film p{z-index:2;text-shadow:0 4px 24px #0009;pointer-events:none}.film-corner,.film-bottom,.reel-cta{z-index:3}.film .film-shade{z-index:1;pointer-events:none;background:linear-gradient(0deg,#0008,transparent 40%,#0003)}.film>img{filter:grayscale(.8) brightness(.65)}.motion-word{display:inline-block;will-change:opacity,transform;transition:none}.capability-window{cursor:grab;outline-offset:-2px}.capability-window:focus-visible{outline:2px solid var(--accent)}.capability-window.is-dragging{cursor:grabbing;user-select:none}.capability-window img{-webkit-user-drag:none;user-select:none}.gallery-cursor{position:fixed;z-index:40;pointer-events:none;width:85px;height:85px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:white;font:10px 'JetBrains Mono',monospace;transform:translate(-50%,-50%) scale(.5);opacity:0;transition:opacity .2s,transform .2s;box-shadow:0 8px 25px #0004}.gallery-cursor.is-visible{opacity:1;transform:translate(-50%,-50%) scale(1)}.view-frame{position:absolute;top:16px;right:16px;z-index:3;border:1px solid #ffffff70;background:#1118;backdrop-filter:blur(10px);color:white;border-radius:30px;padding:10px 15px;font:9px 'JetBrains Mono',monospace;letter-spacing:.5px;transition:background .25s,transform .25s}.view-frame:hover{background:var(--accent);transform:translateY(-2px)}.capability-slide .card-media img{filter:saturate(.85)}.capability-slide .card-media:after{opacity:.5}.frame-dialog{width:min(1080px,94vw);max-width:1080px;padding:0;border-radius:24px;overflow:auto;max-height:90svh}.frame-dialog[open]{display:grid;grid-template-columns:1.1fr 1fr}.frame-detail-image{width:100%;height:100%;min-height:450px;max-height:80svh;object-fit:cover}.frame-detail-copy{padding:65px 35px 40px;align-self:center}.frame-detail-copy>span{font:8px 'JetBrains Mono',monospace;letter-spacing:1px;color:var(--accent)}.frame-detail-copy h2{font-size:40px;line-height:1.12;margin:25px 0;font-family:'Instrument Serif',serif;font-weight:400}.frame-detail-copy p{font-size:14px;line-height:1.8;color:var(--muted)}.frame-detail-cta{display:inline-block;margin-top:24px;background:var(--accent);color:white;border-radius:30px;padding:15px 20px;font-size:12px}.frame-close{position:absolute;top:14px;right:14px;border-radius:50%;width:36px;height:36px;border:1px solid #ffffff50;background:#111b;color:white;font-size:25px;z-index:5}.orb,.quote-trigger,.send-enquiry{transition:translate .2s,background .3s,color .3s,transform .3s}@media(max-width:700px){.production-frame{width:32%;height:30%;padding:4px}.production-frame span{font-size:5px;letter-spacing:0;padding:7px 2px}.frame-one{top:16%;left:3%}.frame-two{top:8%;right:3%}.frame-three{width:30%;height:28%;right:8%;bottom:18%}.film p{top:32%;font-size:10vw}.gallery-cursor{display:none}.view-frame{font-size:8px;padding:8px 11px;top:12px;right:12px}.frame-dialog[open]{grid-template-columns:1fr}.frame-detail-image{height:250px;min-height:0}.frame-detail-copy{padding:30px 25px}.frame-detail-copy h2{font-size:34px;margin:18px 0}.frame-detail-copy p{font-size:13px}.frame-detail-cta{margin-top:15px}.frame-close{width:32px;height:32px}}@media(prefers-reduced-motion:reduce){.motion-word{opacity:1!important;transform:none!important;filter:none!important}.hero h1{transform:none!important;opacity:1!important}.gallery-cursor{display:none}.production-frame{transform:none!important}.production-layers{opacity:1!important}}
