@property --grade-offset{syntax:"<percentage>";inherits:true;initial-value:0%}@property --pointer-u{syntax:"<percentage>";inherits:true;initial-value:50%}@property --pointer-v{syntax:"<percentage>";inherits:true;initial-value:50%}.hero-canvas-figure{text-align:left;width:100%;max-width:1160px;margin:0 auto}.hero-canvas{--canvas-x:0px;--canvas-y:0px;--canvas-rx:0deg;--canvas-ry:0deg;--pointer-u:50%;--pointer-v:50%;--grade-offset:0%;--service-ink:#f6f4ed;--service-muted:#c2cbc7;--service-accent:#c9d7b7;aspect-ratio:2.28;isolation:isolate;contain:layout paint;touch-action:pan-y;background:#253331;border:1px solid #ffffff20;border-radius:25px;width:100%;min-width:0;max-width:100%;min-height:430px;transition:border-color .5s,box-shadow .5s,background .8s,--grade-offset .45s cubic-bezier(.16,.8,.2,1),--pointer-u .35s cubic-bezier(.16,.8,.2,1),--pointer-v .35s cubic-bezier(.16,.8,.2,1);position:relative;overflow:hidden;box-shadow:0 28px 70px -35px #0008}.hero-canvas[data-hovered=true]{border-color:#d4c3a378;box-shadow:0 25px 75px -25px #0009,0 0 0 1px #d4c3a312}.hero-canvas[data-theme=branding]{--service-ink:#293531;--service-muted:#53615a;--service-accent:#806c4e}.hero-canvas:focus-visible{outline-offset:5px;outline:2px solid #d4c3a3}.hero-canvas:after{content:"";pointer-events:none;z-index:5;border-radius:inherit;opacity:.2;transition:opacity .6s;position:absolute;inset:0;box-shadow:inset 0 1px #fffdf628}.hero-canvas[data-hovered=true]:after{opacity:.85}.hero-canvas-topline{z-index:6;color:var(--service-ink);letter-spacing:.12em;pointer-events:none;justify-content:space-between;align-items:center;gap:20px;font-size:10px;font-weight:500;display:flex;position:absolute;inset:27px 32px auto}.hero-canvas-topline>span:first-child{align-items:center;gap:9px;display:flex}.hero-canvas-topline i{background:var(--service-accent);border-radius:50%;width:5px;height:5px;display:inline-block;box-shadow:0 0 12px #d4c3a360}.hero-canvas-study{font-variant-numeric:tabular-nums;opacity:.65}.service-slide{--service-ink:#f6f4ed;--service-muted:#c2cbc7;--service-accent:#c9d7b7;z-index:2;isolation:isolate;position:absolute;inset:0}.service-incoming{animation:.9s cubic-bezier(.22,.75,.2,1) both service-slide-in}.service-outgoing{z-index:1;pointer-events:none;animation:.9s cubic-bezier(.22,.75,.2,1) both service-slide-out}.hero-canvas[data-slide-direction="-1"] .service-incoming{animation-name:service-slide-in-back}.hero-canvas[data-slide-direction="-1"] .service-outgoing{animation-name:service-slide-out-back}.filming-glass:after,.edit-preview:after,.grade-screen:after,.brand-main-card:after,.storyboard-main:after{content:"";pointer-events:none;border-radius:inherit;background:linear-gradient(112deg,transparent calc(var(--pointer-u) - 30%),#fffdf61c var(--pointer-u),transparent calc(var(--pointer-u) + 30%));opacity:.15;transition:opacity .6s;position:absolute;inset:0;box-shadow:inset 0 1px #fff9}.hero-canvas[data-hovered=true] :is(.filming-glass,.edit-preview,.grade-screen,.brand-main-card,.storyboard-main):after{opacity:.8}.service-copy{z-index:4;pointer-events:none;width:43%;position:absolute;top:50%;left:5.5%;transform:translateY(-47%)}.service-detail{color:var(--service-accent);letter-spacing:.005em;margin-bottom:18px;font-size:13px;line-height:1.6;display:block}.service-copy h2{letter-spacing:-.06em;color:var(--service-ink);max-width:510px;font-size:clamp(54px,5.4vw,78px);font-weight:600;line-height:1.03}.service-copy p{max-width:355px;color:var(--service-muted);margin-top:24px;font-size:15px;line-height:1.7}.service-artwork{z-index:1;pointer-events:none;perspective:1100px;position:absolute;inset:0 0 0 39%}.service-depth{transform:perspective(1100px) translate3d(var(--canvas-x),var(--canvas-y),0) rotateX(var(--canvas-rx)) rotateY(var(--canvas-ry));transform-style:preserve-3d;transition:transform .65s cubic-bezier(.16,.8,.2,1);position:absolute;inset:0}.service-float{animation:7s ease-in-out infinite alternate paused service-drift;position:absolute;inset:0}.hero-canvas[data-running=true] .service-float{animation-play-state:running}.service-legibility-wash{z-index:2;pointer-events:none;background:linear-gradient(90deg,#253331 0%,#253331ed 20%,#253331b0 36%,#25333100 65%);position:absolute;inset:0}.service-card-footer{color:var(--service-muted);letter-spacing:.1em;z-index:4;pointer-events:none;justify-content:space-between;align-items:center;gap:12px;font-size:8px;display:flex;position:absolute;inset:auto 32px 25px}.service-pointer-hint{letter-spacing:0;opacity:.7;align-items:center;gap:9px;font-size:10px;display:flex}.service-pointer-hint>i{border:1px solid #cbd1c538;border-radius:50%;place-items:center;width:23px;height:23px;font-size:13px;font-style:normal;transition:transform .35s;display:grid}.hero-canvas[data-hovered=true] .service-pointer-hint>i{background:#d4c3a320;transform:rotate(45deg)}.service-filming{background:radial-gradient(at 78% 30%,#52655b,#253331 68%)}.filming-art{inset:11% 4% 13% 5%;transform:rotate(-6deg)}.filming-set{background:linear-gradient(135deg,#6c8e7e,#334e42 48%,#1b3029);border-radius:7px;position:absolute;inset:5% 0 4%;overflow:hidden;box-shadow:0 25px 40px #0c171a40}.set-light{background:linear-gradient(120deg,#0000 30%,#d9e6bb9c 41%,#e0ecc071 48%,#0000 61%);animation:8s ease-in-out infinite alternate paused set-light;position:absolute;inset:-30% -15% 0 20%;transform:rotate(-12deg)}.set-plane{background:linear-gradient(90deg,#33473c,#a5b299);border-left:1px solid #d5e3c2;width:37%;height:110%;position:absolute;top:-10%;left:48%;transform:skewY(-17deg);box-shadow:-15px 0 45px #112b2455}.set-plane-front{background:linear-gradient(90deg,#253b32,#526c5a);width:35%;height:90%;top:17%;left:73%}.set-floor{background:linear-gradient(10deg,#bbcab2,#7a9a81);position:absolute;inset:78% -5% -15%;transform:rotate(-12deg)}.filming-glass{transform:translate3d(calc(var(--canvas-x) * -.35),calc(var(--canvas-y) * -.35),0);background:linear-gradient(130deg,#f3f1db0b,#0000 55%);border:1px solid #e3f0d757;border-radius:9px;transition:transform .65s;position:absolute;inset:0 2% 9% -3%;box-shadow:0 5px 40px #071a1b33}.record-label,.filming-frame-rate,.filming-bottom{letter-spacing:.1em;color:#e7eedc;font-size:9px;position:absolute}.record-label{align-items:center;gap:6px;display:flex;top:16px;left:19px}.record-label>i{background:#eb9881;border-radius:50%;width:5px;height:5px;animation:2.8s ease-in-out infinite paused record-blink}.filming-frame-rate{opacity:.7;top:16px;right:16px}.filming-bottom{align-items:center;gap:12px;display:flex;bottom:17px;left:20px}.filming-bottom>i{background:#c9d7b7;border-radius:50%;width:4px;height:4px}.focus-box{animation:4.5s ease-in-out infinite paused focus-breathe;position:absolute;inset:26% 28% 27%}.focus-box>i{border:0 solid #f4f3d9;border-width:1px 0 0 1px;width:19px;height:19px;position:absolute}.focus-box>i:nth-child(2){right:0;transform:rotate(90deg)}.focus-box>i:nth-child(3){bottom:0;right:0;transform:rotate(180deg)}.focus-box>i:nth-child(4){bottom:0;left:0;transform:rotate(270deg)}.focus-box>span{width:18px;height:18px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.focus-box>span:before,.focus-box>span:after{content:"";background:#f4f3d9a1;width:1px;height:18px;position:absolute;left:9px}.focus-box>span:after{transform:rotate(90deg)}.focus-meter{align-items:center;gap:7px;display:flex;position:absolute;bottom:18px;right:22px}.focus-meter i{background:#e4edd099;width:1px;height:7px}.focus-meter i:nth-child(3n){height:12px}.focus-meter i:nth-child(6){background:#f9f5dd;height:17px}.filming-plane{color:#344139;height:48px;transform:rotate(9deg) translate3d(calc(var(--canvas-x) * .4),calc(var(--canvas-y) * .4),0);letter-spacing:.1em;background:#d2cfb9;border:1px solid #ffffff60;align-items:center;gap:15px;padding:0 20px;font-size:8px;transition:transform .65s;display:flex;position:absolute;inset:auto 10% 0 22%;box-shadow:0 10px 25px #10232033}.filming-plane>span:first-child{font-size:21px;font-weight:500}.filming-plane>i{background:#34413945;flex:1;height:1px}.hero-canvas[data-running=true] .set-light,.hero-canvas[data-running=true] .record-label>i,.hero-canvas[data-running=true] .focus-box{animation-play-state:running}.service-editing{--service-accent:#d7c3de;--service-muted:#cbc7d2;background:radial-gradient(at 77% 38%,#514c63,#2e2c37 65%)}.service-editing .service-legibility-wash{background:linear-gradient(90deg,#2e2c37,#2e2c37e8 22%,#2e2c37ac 37%,#2e2c3700 65%)}.editing-art{inset:9% -2% 11% 6%;transform:rotate(-7deg)}.edit-preview{transform:translate3d(calc(var(--canvas-x) * -.35),calc(var(--canvas-y) * -.35),0);background:#21252b;border:1px solid #ffffff40;border-radius:7px;transition:transform .65s;position:absolute;inset:0 13% 35% 7%;overflow:hidden;box-shadow:0 25px 35px #10121755}.edit-preview-frame{background:linear-gradient(140deg,#c6c8b2,#7c9c8d 50%,#334b46);position:absolute;inset:11% 10% 16%;overflow:hidden}.edit-preview-frame>span{background:linear-gradient(90deg,#658c7e,#d4d8bd);border-left:1px solid #eaf0d2;width:40%;height:180%;position:absolute;top:-30%;left:40%;transform:rotate(-28deg)}.edit-preview-frame>i{background:#35463e;position:absolute;inset:62% -20% -45%;transform:rotate(10deg)}.edit-preview-frame>b{background:#ffffff10;border:1px solid #eff0db66;border-radius:50%;width:25px;height:25px;position:absolute;bottom:12px;left:13px}.edit-preview-frame>b:after{content:"";border-top:4px solid #0000;border-bottom:4px solid #0000;border-left:6px solid #f3f1e4;position:absolute;top:8px;left:10px}.edit-preview-time{letter-spacing:.06em;color:#cbd0cf;justify-content:space-between;font-size:8px;display:flex;position:absolute;bottom:10px;left:20px;right:20px}.timeline-panel{transform:translate3d(calc(var(--canvas-x) * .35),calc(var(--canvas-y) * .35),0);background:linear-gradient(145deg,#4f4b5a,#35333d);border:1px solid #ddd7e750;border-radius:9px;transition:transform .65s;position:absolute;inset:42% 0 -1%;overflow:hidden;box-shadow:0 17px 30px #14131c55}.timeline-ruler{color:#c8c2cf;background:repeating-linear-gradient(90deg,#0000 0 17px,#dcd2e32b 17px 18px,#0000 18px 34px) 0 100%/100% 4px no-repeat;border-bottom:1px solid #dcd2e321;justify-content:space-between;padding:15px 18px 12px 39px;font-size:8px;display:flex}.timeline-tracks{flex-direction:column;gap:6px;padding:13px 17px 10px;display:flex}.timeline-track{align-items:stretch;gap:4px;height:31px;display:flex}.timeline-track>b{color:#b8b6c1;flex:0 0 17px;align-items:center;font-size:7px;font-weight:400;display:flex}.clip{background:#9b8aab66;border:1px solid #ffffff24;border-radius:3px;display:block;position:relative;overflow:hidden}.clip-caption{color:#f2e4ce;letter-spacing:.12em;background:#d4c3a37a;flex:0 0 47%;padding:8px;font-size:7px}.clip-short{flex:1;margin-left:12%}.clip-first{background:linear-gradient(120deg,#9dad9177,#4f796eaa);flex:1.3}.clip-second{background:linear-gradient(120deg,#d1b18d99,#97899588);flex:.9}.clip-third{background:linear-gradient(120deg,#8a9dcb77,#a693a988);flex:1.4}.clip-first:after,.clip-second:after,.clip-third:after{content:"";background:repeating-linear-gradient(90deg,#ffffff08 0 15%,#101d2029 15% 17%,#ffffff08 17% 30%);border-radius:1px;position:absolute;inset:5px}.audio-track{height:34px}.audio-wave{background:#88a9993d;border:1px solid #c3dec028;border-radius:3px;flex:1;align-items:center;gap:3px;padding:3px 5px;display:flex}.audio-wave>i{background:#c7dec78c;flex:1;min-width:1px;display:block}.edit-playhead{background:#f5e2c7;width:1px;transition:left .5s cubic-bezier(.16,.8,.2,1);animation:7s ease-in-out infinite alternate paused edit-scrub;position:absolute;top:15px;bottom:23px;left:50%;box-shadow:0 0 12px #d4c3a34d}.edit-playhead>i{border-top:7px solid #f5e2c7;border-left:4px solid #0000;border-right:4px solid #0000;display:block;position:absolute;top:0;left:-4px}.hero-canvas[data-running=true] .edit-playhead{animation-play-state:running}.timeline-bottom{color:#c1bac8;letter-spacing:.08em;justify-content:space-between;align-items:center;font-size:7px;display:flex;position:absolute;inset:auto 18px 7px 39px}.timeline-bottom>span:first-child{align-items:center;gap:5px;display:flex}.timeline-bottom i{background:#becdae;border-radius:50%;width:4px;height:4px}.service-branding{--service-ink:#293531;--service-muted:#53615a;--service-accent:#806c4e;background:radial-gradient(at 75% 45%,#f4f0e5,#d7dbcf 75%);border-color:#f4f1e536}.service-branding .service-legibility-wash{background:linear-gradient(90deg,#d7dbcf,#d7dbcfec 20%,#d7dbcfa8 37%,#d7dbcf00 65%)}.service-branding .hero-canvas-topline i{background:#806c4e}.service-branding .service-pointer-hint>i{border-color:#53615a40}.branding-art{inset:10% 2% 10% 1%;transform:rotate(-5deg)}.brand-grid{background-image:linear-gradient(#52675010 1px,#0000 1px),linear-gradient(90deg,#52675010 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:-10%;-webkit-mask-image:radial-gradient(#000 20%,#0000 73%);mask-image:radial-gradient(#000 20%,#0000 73%)}.brand-main-card{color:#e8e4d3;z-index:2;background:#2d403a;border:1px solid #faf4d780;border-radius:5px;padding:23px 23px 15px;position:absolute;inset:2% 11% 11% 29%;transform:rotate(7deg);box-shadow:10px 25px 35px #46544738}.brand-card-top{letter-spacing:.1em;color:#c1c8b6;justify-content:space-between;font-size:7px;display:flex}.brand-card-top>i{font-size:13px;font-style:normal}.brand-main-card>img{opacity:.9;width:clamp(38px,5.6vw,75px);height:auto;margin:23px 0 12px}.brand-main-card>strong{letter-spacing:.05em;font-size:clamp(20px,3.2vw,44px);font-weight:600;line-height:1.2;display:block}.brand-main-card>strong>span{letter-spacing:.49em;margin-top:8px;margin-left:2px;font-size:7px;font-weight:400;display:block}.brand-card-rule{background:#d5dac42e;height:1px;margin-top:22px}.brand-card-caption{letter-spacing:.15em;color:#cbd3be;margin-top:12px;font-size:6px;display:block}.brand-letter-card{color:#35443a;background:#efe8d6;border:1px solid #fff6e4;border-radius:4px;flex-direction:column;justify-content:space-between;width:41%;height:65%;padding:21px;display:flex;position:absolute;top:17%;left:4%;transform:rotate(-12deg);box-shadow:0 15px 25px #3a4b3726}.brand-letter-card>span{letter-spacing:.08em;font-size:7px}.brand-letter-card>strong{letter-spacing:-.08em;font-size:clamp(60px,8.5vw,106px);font-weight:500;line-height:.9}.brand-letter-card>div{letter-spacing:.1em;align-items:center;gap:8px;font-size:7px;display:flex}.brand-letter-card>div>i{background:#35443a;border-radius:50%;width:4px;height:4px}.brand-palette{z-index:3;transform:rotate(-7deg) translate3d(calc(var(--canvas-x) * .5),calc(var(--canvas-y) * .5),0);background:#eeecdf;border:1px solid #fff9ea;border-radius:4px;padding:12px 15px 15px;transition:transform .65s;position:absolute;inset:auto 0 0 28%;box-shadow:0 15px 20px #3a4b3726}.brand-palette>span{color:#435440;letter-spacing:.12em;font-size:7px}.brand-palette>div{gap:5px;height:37px;margin-top:8px;display:flex}.brand-palette i{background:#33463d;border-radius:2px;flex:1}.brand-palette i:nth-child(2){background:#718676}.brand-palette i:nth-child(3){background:#c8b38e}.brand-palette i:nth-child(4){background:#dbd9c7}.brand-alignment{background:#64765c35;width:1px;height:100%;position:absolute;top:-1%;left:21%;transform:rotate(7deg)}.align-two{left:97%;transform:rotate(7deg)}.service-grading{--service-accent:#ead0a8;--service-muted:#c4ceca;background:radial-gradient(at 77% 38%,#476760,#263e3b 67%)}.service-grading .service-legibility-wash{background:linear-gradient(90deg,#263e3b,#263e3be8 22%,#263e3bb5 37%,#263e3b00 65%)}.service-grading .service-depth{transform:translate(calc(var(--canvas-x) * .6),calc(var(--canvas-y) * .6));transform-style:flat}.grading-art{animation-name:grade-float;inset:12% 2% 10% 4%;transform:none}.grade-screen{background:#607d87;border:1px solid #eee8ce66;border-radius:7px;position:absolute;inset:0 4% 25%;overflow:hidden;box-shadow:0 25px 40px #0c27274d}.grade-landscape{background:radial-gradient(at 73% 18%,#c5d4d373,#0000 55%),linear-gradient(140deg,#8da3a7,#6e8c93 55%,#354d58);position:absolute;inset:0;overflow:hidden}.grade-landscape>i{background:linear-gradient(90deg,#405a63,#aab9b555 75%,#c1d3cb);border-left:1px solid #c1c4bb66;border-radius:46% 46% 8% 8%;width:30%;height:180%;position:absolute;top:-45%;left:25%;transform:rotate(27deg);box-shadow:-15px 0 35px #29445344}.grade-landscape>i:nth-child(2){background:linear-gradient(90deg,#65808a,#b4c4b8);border-radius:50% 50% 3% 3%;width:27%;height:140%;top:-10%;left:53%}.grade-landscape>i:nth-child(3){background:linear-gradient(90deg,#405d68,#799592);border-radius:48%;width:32%;top:-35%;left:85%}.grade-landscape>span{background:linear-gradient(#a3afab,#3a535f);border-top:1px solid #b9c3b878;border-radius:50% 50% 0 0;position:absolute;inset:74% -20% -35%;transform:rotate(-12deg)}.grade-corrected{clip-path:inset(0 0 0 calc(50% + var(--grade-offset)));background:#c5aa6c;animation:4.8s ease-in-out infinite alternate paused grade-comparison;position:absolute;inset:0}.grade-corrected .grade-landscape{background:radial-gradient(at 73% 18%,#fff4bc8c,#0000 55%),linear-gradient(140deg,#e7cfa1,#bd995c 55%,#5d6d51)}.grade-corrected .grade-landscape>i{background:linear-gradient(90deg,#5f765a,#d3ce9b55 75%,#ece3ab);border-color:#f5e1ab80;box-shadow:-15px 0 35px #304b3544}.grade-corrected .grade-landscape>i:nth-child(2){background:linear-gradient(90deg,#9a9d6d,#e9dfac)}.grade-corrected .grade-landscape>i:nth-child(3){background:linear-gradient(90deg,#526b51,#b3be8b)}.grade-corrected .grade-landscape>span{background:linear-gradient(#c3bc83,#526a50);border-color:#efe3ac}.grade-divider{top:0;bottom:0;left:calc(50% + var(--grade-offset));background:#fff4d6;width:1px;animation:4.8s ease-in-out infinite alternate paused grade-divider;position:absolute}.grade-divider>i{color:#fff5d9;background:#30473eaa;border:1px solid #fff5da9c;border-radius:50%;place-items:center;width:27px;height:27px;font-size:13px;font-style:normal;display:grid;position:absolute;top:42%;left:-13px}.hero-canvas[data-running=true] .grade-corrected,.hero-canvas[data-running=true] .grade-divider{animation-play-state:running}.grade-before,.grade-after{color:#f3f2e2;letter-spacing:.12em;background:#253e4166;border-radius:3px;padding:5px 7px;font-size:7px;position:absolute;top:16px;left:15px}.grade-after{background:#334a3466;left:auto;right:15px}.grade-screen-bottom{color:#eef1d9;letter-spacing:.1em;justify-content:space-between;font-size:7px;display:flex;position:absolute;bottom:13px;left:17px;right:17px}.color-scope{transform:translate(calc(var(--canvas-x) * .25),calc(var(--canvas-y) * .25));background:#203936;border:1px solid #a9c2ac78;border-radius:6px;padding:12px 15px 6px;transition:transform .65s;position:absolute;inset:69% 18% -1% 0;box-shadow:0 10px 25px #18373166}.scope-label{color:#c1d0bc;letter-spacing:.12em;align-items:center;gap:4px;font-size:7px;display:flex}.scope-label>span{margin-right:auto}.scope-label>i{background:#cb9186;border-radius:50%;width:4px;height:4px}.scope-label>i:nth-child(3){background:#9eba8b}.scope-label>i:nth-child(4){background:#8fb4c7}.color-scope>svg{background:repeating-linear-gradient(0deg,#0000 0 14px,#b7c9af12 14px 15px);width:100%;height:calc(100% - 16px);margin-top:4px;overflow:visible}.color-scope path{fill:none;stroke-width:1.25px;stroke-linecap:round;stroke-linejoin:round;opacity:.85}.scope-red{stroke:#e3a699}.scope-green{stroke:#b6d89a}.scope-blue{stroke:#9ecde3}.grade-swatches{grid-template-columns:repeat(5,1fr);gap:2px;width:13%;height:27%;display:grid;position:absolute;bottom:0;right:1%}.grade-swatches>i{background:linear-gradient(#435d4f,#334a41);border:1px solid #ffffff15;border-radius:2px}.grade-swatches>i:nth-child(2){background:linear-gradient(#83967a,#718466)}.grade-swatches>i:nth-child(3){background:linear-gradient(#b6b88c,#a4a778)}.grade-swatches>i:nth-child(4){background:linear-gradient(#dfcd9c,#cfba85)}.grade-swatches>i:nth-child(5){background:linear-gradient(#f2e3c0,#e8d6ae)}.grade-swatches>span{letter-spacing:.1em;color:#dce1c9;white-space:nowrap;grid-column:1/-1;font-size:5px}.service-direction{--service-accent:#d0d9e3;--service-muted:#c5cbd1;background:radial-gradient(at 75% 40%,#535e6b,#2c343e 68%)}.service-direction .service-legibility-wash{background:linear-gradient(90deg,#2c343e,#2c343ee8 22%,#2c343eb0 37%,#2c343e00 65%)}.direction-art{inset:12% 2% 11%;transform:rotate(-7deg)}.storyboard-back{color:#304139;background:#89968e;border:1px solid #c5d0bf;border-radius:4px;padding:19px;position:absolute;inset:0 10% 6% 19%;transform:rotate(13deg);box-shadow:0 15px 25px #13232933}.storyboard-back>span{letter-spacing:.12em;font-size:7px}.storyboard-back>div{background:linear-gradient(150deg,#ffffff08,#293f3c15);border:1px solid #3c554d55;border-radius:2px;width:27%;height:47%;margin-top:25px;margin-right:5%;display:inline-block}.storyboard-main{color:#394542;background:#e5dfce;border:1px solid #fff3da;border-radius:5px;padding:21px;position:absolute;inset:6% 6% 2% 4%;transform:rotate(-1deg);box-shadow:0 20px 30px #18232f55}.storyboard-heading{letter-spacing:-.04em;justify-content:space-between;align-items:center;gap:12px;font-size:clamp(14px,1.9vw,23px);font-weight:500;display:flex}.storyboard-heading>i{font-size:22px;font-style:normal;font-weight:400}.storyboard-panels{gap:10px;height:52%;margin-top:17px;display:flex}.storyboard-panel{background:#c5c9b9;border:1px solid #7c898055;border-radius:2px;flex:1;position:relative;overflow:hidden}.storyboard-panel>span{letter-spacing:.07em;color:#536157;font-size:5px;position:absolute;top:6px;left:8px}.storyboard-panel>svg{fill:none;stroke:#6c7e6d;stroke-width:1px;width:100%;height:80%;position:absolute;top:20%;left:0;right:0}.board-wide{background:linear-gradient(135deg,#d0d4c3,#9ba994)}.board-close{background:linear-gradient(135deg,#d9d2bd,#b7af9a)}.board-close>svg{stroke:#82765e}.storyboard-notes{flex-direction:column;gap:6px;margin-top:14px;display:flex}.storyboard-notes>span{background:#65735a35;width:64%;height:2px}.storyboard-notes>span:nth-child(2){width:40%}.storyboard-notes>i{letter-spacing:.12em;color:#6e775f;margin-top:4px;font-size:6px;font-style:normal}.direction-cue{color:#e0e3ce;width:50%;height:28%;transform:rotate(7deg) translate3d(calc(var(--canvas-x) * .5),calc(var(--canvas-y) * .5),0);background:#35473e;border:1px solid #bdc8af99;border-radius:4px;padding:10px 16px;transition:transform .65s;position:absolute;bottom:-2%;right:-1%;box-shadow:0 10px 25px #10292055}.direction-cue>span{letter-spacing:.1em;font-size:7px}.direction-cue>div{gap:5px;display:flex;position:absolute;top:13px;right:15px}.direction-cue i{background:#d9e0c9;width:20px;height:2px}.direction-cue i:last-child{width:8px}.direction-cue>strong{letter-spacing:-.04em;margin-top:4px;font-size:clamp(15px,2.4vw,28px);font-weight:500;line-height:1.4;display:block}.hero-canvas-caption{color:var(--white,#f5f5f7);justify-content:space-between;align-items:center;gap:15px;padding:19px 0 0;display:flex}.hero-canvas-controls{flex-wrap:wrap;align-items:center;gap:3px;min-width:0;display:flex}.hero-canvas-selector{color:#a9aeb1;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:7px;min-height:44px;padding:10px 12px;font-size:11px;font-weight:500;line-height:1.5;transition:color .2s,background .2s,border-color .2s;display:flex;position:relative;overflow:hidden}.hero-canvas-selector-number{color:#828b8e;font-variant-numeric:tabular-nums;font-size:8px}.hero-canvas-selector:hover{color:#f5f5f7;background:#ffffff08;border-color:#ffffff14}.hero-canvas-selector.is-active{color:#f5f5f7;background:#ffffff0a;border-color:#ffffff1c}.hero-canvas-selector.is-active .hero-canvas-selector-number{color:#d4c3a3}.hero-canvas-progress{background:0 0;height:2px;position:absolute;bottom:0;left:12px;right:12px;overflow:hidden}.hero-canvas-selector.is-active .hero-canvas-progress{background:#d4c3a333}.hero-canvas-progress>i{transform-origin:0;background:#d4c3a3;height:100%;display:block;transform:scaleX(0)}.hero-canvas-selector.is-active .hero-canvas-progress>i{transform:scaleX(1)}.hero-canvas[data-rotating=true]+.hero-canvas-caption .hero-canvas-selector.is-active .hero-canvas-progress>i{animation:6s linear forwards canvas-progress}.hero-canvas-transport{flex-shrink:0;align-items:center;gap:3px;display:flex}.hero-canvas-arrow,.hero-canvas-play{color:#d8dcdb;background:#ffffff03;border:1px solid #ffffff26;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;transition:background .2s,border-color .2s;display:flex}.hero-canvas-arrow:hover,.hero-canvas-play:hover{background:#d4c3a31a;border-color:#d4c3a38c}.hero-canvas-arrow>svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.hero-canvas-play{margin-left:9px}.hero-canvas-play:disabled{cursor:default;opacity:.5}.hero-canvas-play>svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px}.hero-canvas-play .canvas-play-symbol{fill:currentColor;stroke:none}.hero-canvas-counter{font-variant-numeric:tabular-nums;text-align:center;color:#e0e2df;min-width:47px;font-size:9px}.hero-canvas-counter>span{color:#858d90}@keyframes service-slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes service-slide-out{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes service-slide-in-back{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes service-slide-out-back{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes service-drift{0%{translate:0 -6px;rotate:-1.3deg}to{translate:0 9px;rotate:1.4deg}}@keyframes set-light{0%{opacity:.55;translate:-7%}to{opacity:1;translate:8%}}@keyframes record-blink{0%,35%,to{opacity:1}50%,85%{opacity:.35}}@keyframes focus-breathe{0%{scale:.9}to{scale:1.07}}@keyframes edit-scrub{0%{transform:translate(-130px)}to{transform:translate(100px)}}@keyframes grade-float{0%{translate:0 -5px}to{translate:0 7px}}@keyframes grade-comparison{0%{clip-path:inset(0 0 0 calc(30% + var(--grade-offset)))}to{clip-path:inset(0 0 0 calc(70% + var(--grade-offset)))}}@keyframes grade-divider{0%{left:calc(30% + var(--grade-offset))}to{left:calc(70% + var(--grade-offset))}}@keyframes canvas-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media (min-width:1600px){.service-copy h2{font-size:80px}}@media (max-width:1100px){.hero-canvas{min-height:415px}.service-copy{width:45%;left:5%}.service-copy h2{font-size:clamp(48px,6vw,65px)}.service-copy p{max-width:320px;font-size:14px}.service-detail{font-size:12px}.hero-canvas-caption{flex-wrap:wrap;justify-content:center;gap:14px}.hero-canvas-controls{justify-content:center}.hero-canvas-selector{padding-inline:12px;font-size:12px}.hero-canvas-selector-number,.service-pointer-hint{font-size:9px}.brand-main-card{padding:20px}.brand-main-card>img{margin-top:25px}.brand-card-rule{margin-top:20px}}@media (max-width:760px){.hero-canvas{aspect-ratio:auto;border-radius:20px;height:485px;min-height:0}.hero-canvas-topline{letter-spacing:.1em;font-size:9px;inset:22px 24px auto}.hero-canvas-topline>span:first-child{gap:8px}.hero-canvas-topline i{width:4px;height:4px}.service-artwork{opacity:.92;perspective:700px;inset:41px -2% 45% 2%}.service-depth{transform:perspective(700px) translate3d(calc(var(--canvas-x) * .6),calc(var(--canvas-y) * .6),0) rotateX(var(--canvas-rx)) rotateY(var(--canvas-ry))}.service-copy{width:auto;max-width:450px;inset:auto 24px 54px;transform:none}.service-copy h2{letter-spacing:-.055em;max-width:460px;font-size:clamp(36px,9.7vw,54px);line-height:1.04}.service-copy p{max-width:410px;margin-top:15px;font-size:14px;line-height:1.65}.service-detail{margin-bottom:11px;font-size:12px}.service-legibility-wash{background:linear-gradient(#2533310d 26%,#253331c9 56%,#253331 64% 100%)}.service-editing .service-legibility-wash{background:linear-gradient(#2e2c370d 26%,#2e2c37c9 56%,#2e2c37 64% 100%)}.service-branding .service-legibility-wash{background:linear-gradient(#d7dbcf0d 26%,#d7dbcfc9 56%,#d7dbcf 64% 100%)}.service-grading .service-legibility-wash{background:linear-gradient(#263e3b0d 26%,#263e3bc9 56%,#263e3b 64% 100%)}.service-direction .service-legibility-wash{background:linear-gradient(#2c343e0d 26%,#2c343ec9 56%,#2c343e 64% 100%)}.service-card-footer{letter-spacing:.1em;font-size:7px;inset:auto 24px 22px}.service-pointer-hint{display:none}.filming-art{inset:10% 3% 5% 10%;transform:rotate(-6deg)}.filming-glass{inset:0 2% 5% -3%}.filming-plane{height:38px;padding:0 12px;font-size:6px;bottom:-3%;left:25%;right:3%}.filming-plane>span:first-child{font-size:18px}.record-label,.filming-frame-rate,.filming-bottom{font-size:7px}.record-label{top:12px;left:12px}.filming-frame-rate{top:12px;right:12px}.filming-bottom{gap:8px;bottom:12px;left:13px}.focus-meter{gap:5px;bottom:12px;right:14px}.focus-meter i{height:5px}.focus-meter i:nth-child(3n){height:9px}.focus-meter i:nth-child(6){height:13px}.focus-box>i{width:14px;height:14px}.editing-art{inset:8% 0 0 9%;transform:rotate(-5deg)}.edit-preview{inset:0 12% 33% 8%}.edit-preview-time{font-size:6px;bottom:7px;left:12px;right:12px}.timeline-panel{inset:41% 0 -3%}.timeline-ruler{padding:9px 12px 9px 27px;font-size:6px}.timeline-tracks{gap:4px;padding:8px 10px}.timeline-track{gap:3px;height:22px}.timeline-track>b{flex-basis:13px;font-size:5px}.clip-caption{padding:5px;font-size:5px}.audio-track{height:23px}.audio-wave{gap:2px}.timeline-bottom{font-size:5px;bottom:6px;left:26px;right:12px}.edit-playhead{top:10px;bottom:17px}.branding-art{inset:5% 6% 0 8%;transform:rotate(-5deg)}.brand-main-card{padding:14px;inset:0 6% 5% 33%}.brand-card-top{font-size:5px}.brand-main-card>img{width:43px;margin:15px 0 11px}.brand-main-card>strong{font-size:29px}.brand-main-card>strong>span{margin-top:5px;font-size:5px}.brand-card-rule{margin-top:14px}.brand-card-caption{margin-top:7px;font-size:4px}.brand-letter-card{width:43%;height:72%;padding:15px;top:13%;left:1%}.brand-letter-card>span,.brand-letter-card>div{font-size:5px}.brand-letter-card>strong{font-size:69px}.brand-palette{padding:8px 10px 9px;inset:auto 0 -7% 35%}.brand-palette>span{font-size:5px}.brand-palette>div{gap:4px;height:26px;margin-top:6px}.grading-art{inset:9% 1% 0 8%;transform:none}.grade-screen{inset:0 3% 22%}.grade-before,.grade-after{padding:4px 5px;font-size:5px;top:11px;left:11px}.grade-after{left:auto;right:11px}.grade-screen-bottom{font-size:5px;bottom:10px;left:12px;right:12px}.grade-divider>i{width:23px;height:23px;font-size:12px;left:-11px}.color-scope{padding:8px 11px 4px;inset:73% 17% -9% 0}.scope-label{font-size:5px}.scope-label>i{width:3px;height:3px}.grade-swatches{height:28%;bottom:-8%}.grade-swatches>span{font-size:4px}.direction-art{inset:8% 2% 1% 5%;transform:rotate(-5deg)}.storyboard-back{padding:12px}.storyboard-back>span{font-size:5px}.storyboard-main{padding:15px;inset:7% 5% -2% 3%}.storyboard-heading{font-size:20px}.storyboard-heading>i{font-size:19px}.storyboard-panels{gap:7px;height:53%;margin-top:12px}.storyboard-panel>span{font-size:4px;top:5px;left:5px}.storyboard-notes{gap:4px;margin-top:10px}.storyboard-notes>i{margin-top:3px;font-size:4px}.direction-cue{width:46%;height:30%;padding:8px 12px;bottom:-10%}.direction-cue>span{font-size:5px}.direction-cue>strong{margin-top:2px;font-size:22px}.direction-cue>div{top:12px;right:10px}.direction-cue i{width:15px}.hero-canvas-caption{justify-content:center;gap:14px;padding-top:14px}.hero-canvas-controls{justify-content:center;gap:5px;width:100%}.hero-canvas-selector{background:#ffffff03;border-color:#ffffff0c;border-radius:7px;gap:6px;min-height:45px;padding:11px 10px;font-size:12px}.hero-canvas-selector-number{font-size:8px}.hero-canvas-progress{left:10px;right:10px}.hero-canvas-selector.is-active{background:#d4c3a310;border-color:#d4c3a34d}.hero-canvas-transport{gap:6px}.hero-canvas-counter{min-width:53px;font-size:10px}.hero-canvas-play{margin-left:8px}}@media (max-width:370px){.hero-canvas{height:495px}.hero-canvas-topline{inset-inline:21px}.service-copy{bottom:52px;left:21px;right:21px}.service-copy h2{font-size:34px}.service-copy p{font-size:14px;line-height:1.6}.service-detail{font-size:11px}.service-artwork{bottom:47%}.service-card-footer{left:21px;right:21px}.hero-canvas-selector{padding-inline:9px;font-size:11px}}@media (hover:none){.service-pointer-hint{display:none}}@media (prefers-reduced-motion:reduce){.hero-canvas *,.hero-canvas :before,.hero-canvas :after{transition:none!important;animation:none!important}.service-depth,.filming-glass,.filming-plane,.edit-preview,.timeline-panel,.brand-palette,.color-scope,.direction-cue{translate:none!important}.service-depth{transform:none!important}.hero-canvas:after{display:none}.service-slide{opacity:1}}