/* Interaction surfaces share the studio's existing charcoal/lime identity. */
.lab-switches{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0}.lab-switches button,.save-look{border:1px solid #ffffff35;background:#101612;color:#eee;padding:12px 18px;border-radius:24px;font:inherit;font-size:14px;cursor:pointer;min-height:44px}.lab-switches button[aria-pressed=true],.save-look[aria-pressed=true]{background:#99d44f;color:#10150e;border-color:#99d44f}.lab-switches button:focus-visible,.save-look:focus-visible,.inspiration-open:focus-visible{outline:3px solid #c1f581;outline-offset:4px}.lab-switches button:disabled{opacity:.65;cursor:default}.lab-caption{font-size:14px!important;color:#aeb7af!important;max-width:72ch;line-height:1.6}.lab-range{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin:18px 0;font-size:16px}.lab-range input{width:min(320px,100%);accent-color:#99d44f;min-height:32px}.lab-range output{min-width:3em}.reel-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.reel-cards article{min-width:0}.reel-cards img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:4px}.reel-cards h3{font-size:24px;margin:18px 0}.reel-cards .text-link{font-size:14px;display:inline-flex;margin:8px 14px 12px 0}.reel-cards .save-look{display:block;margin-top:12px}.reel-cards[hidden],.service-example[hidden],[hidden].save-look,[hidden].inspiration-open,[hidden].model-controls,[hidden].model-start,[hidden].model-poster,[hidden].inspiration-form{display:none!important}.shot-notes{padding:26px 0 0;border-top:1px solid #ffffff25;margin-top:24px}.shot-notes p{font-size:16px;line-height:1.65}.comparison.inspect-environment .comparison-images:after{content:"Digital environment";position:absolute;left:42%;top:2%;width:50%;height:39%;border:2px solid #b4ef70;color:white;font-size:13px;padding:8px;background:linear-gradient(#10200933,transparent);pointer-events:none;text-shadow:0 1px 3px black}.spot-layout{display:grid;grid-template-columns:1.45fr 1fr;gap:40px;align-items:start}.spot-frame{position:relative}.spot-frame img{width:100%;height:auto;display:block}.spot-frame span{position:absolute;bottom:12px;left:12px;background:#060a09d9;padding:8px 12px;font-size:14px}.spot-controls h3{font-size:28px;line-height:1.2;margin:10px 0 22px}.spot-controls p{line-height:1.6}.spot-controls .text-link{display:block;margin:20px 0}.spot-controls button[hidden]{display:none}.spot-controls .pill{margin:16px 0}.color-frame{max-width:1000px;background:#070b09}.color-frame img{width:100%;height:auto;display:block}.service-example{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center}.service-example img{width:100%;aspect-ratio:16/9;object-fit:cover}.service-example h3{font-size:28px}.service-example .text-link{display:block;margin:18px 0}.model-stage{position:relative;aspect-ratio:16/9;min-height:260px;background:#080d0a;overflow:hidden;border:1px solid #ffffff25}.model-poster,.model-stage canvas{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:cover}.model-stage canvas{touch-action:pan-y;cursor:grab}.model-stage canvas:active{cursor:grabbing}.model-start{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;white-space:nowrap}.model-stage [data-model-status]{position:absolute;left:20px;right:20px;bottom:10px;background:#070c09c9;padding:8px;font-size:14px}.model-stage [data-model-status]:empty{display:none}.model-controls{padding-top:10px}.save-look{margin-top:14px}.project-head+.save-look,.project-cover+.save-look{margin-left:4.5vw}.inspiration-open{position:fixed;bottom:20px;right:24px;z-index:70;display:flex;align-items:center;gap:12px;background:#99d44f;color:#0b1008;border:1px solid #b5e57b;border-radius:50px;padding:13px 20px;box-shadow:0 4px 24px #0008;font:inherit;font-size:14px;cursor:pointer}.inspiration-open span{border-radius:50%;background:#12230d;color:#b8ee83;min-width:24px;line-height:24px;text-align:center}#inspiration-dialog{width:min(640px,calc(100% - 32px));max-height:85dvh;overflow:auto;background:#0f1712;color:#eee;border:1px solid #617348;padding:28px;border-radius:12px}#inspiration-dialog::backdrop{background:#000b}#inspiration-dialog .dialog-bar{padding:0;gap:16px}#inspiration-dialog h2{font-size:32px}#inspiration-dialog>p{font-size:16px;line-height:1.6}#inspiration-dialog button{font:inherit;cursor:pointer;color:inherit;background:transparent;border:1px solid #68735d;border-radius:20px;padding:10px 14px;min-height:44px}#inspiration-dialog article{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 0;border-bottom:1px solid #ffffff25}#inspiration-dialog article a{font-size:18px;text-decoration:underline;text-underline-offset:4px}#inspiration-dialog .pill{margin-top:18px}.inspiration-form{padding:18px;border:1px solid #88b84966;background:#152310;margin:20px 0}.inspiration-form label{display:flex!important;align-items:center;gap:12px;line-height:1.4}.inspiration-form input[type=checkbox]{width:20px;height:20px;accent-color:#99d44f;flex-shrink:0}.inspiration-form p{font-size:14px;line-height:1.6;margin-bottom:0}.reel-explorer,.spot-vfx,.model-lab,.color-lab,.service-explorer{border-top:1px solid #ffffff20}body:has(dialog[open]) .inspiration-open{visibility:hidden}
@media(max-width:700px){.reel-cards{grid-template-columns:1fr;gap:36px}.spot-layout,.service-example{grid-template-columns:1fr;gap:24px}.spot-controls h3{font-size:24px}.lab-switches{gap:8px}.lab-switches button{padding:11px 14px}.model-stage{aspect-ratio:1/1}.inspiration-open{bottom:14px;right:14px;padding:10px 15px}.comparison.inspect-environment .comparison-images:after{font-size:12px;padding:3px}.lab-range{display:grid;grid-template-columns:1fr}.lab-range input{width:100%}.reel-explorer h2,.spot-vfx h2,.model-lab h2,.color-lab h2{overflow-wrap:break-word}}

.color-frame{position:relative;isolation:isolate}.color-frame:after{content:"";position:absolute;inset:0;background:#296fae;opacity:var(--cool-tint,0);mix-blend-mode:color;pointer-events:none}