.m-visual{isolation:isolate;background:#242724;width:100%;height:100%;position:relative;overflow:hidden}.m-visual-editorial>img{object-fit:cover;object-position:50% 50%;width:100%;height:100%;display:block}.m-visual-intellijex>img{object-position:57% 50%}.m-visual-voiceperi>img{object-position:54% 50%}.m-visual-operations>img{object-position:50% 50%}.m-work .m-project{aspect-ratio:auto;height:clamp(340px,100svh - 240px,760px);scroll-margin-top:120px}.m-work .m-project-caption{gap:18px;bottom:clamp(26px,3vw,40px);left:clamp(24px,2.4vw,40px);right:clamp(24px,2.4vw,40px)}.m-work .m-project-name{font-size:clamp(25px,2.25vw,34px)}.m-work .m-project-arrow{background:#ffffffed;flex:none;width:52px;height:52px;transition:background .22s,box-shadow .22s;transform:none;box-shadow:0 2px 10px #00000012}.m-work .m-project-arrow svg{width:22px;height:22px;transform:none}.m-work .m-project:is(:hover,:focus-visible) .m-project-arrow{background:#fff;box-shadow:0 4px 24px #00000024}.m-work .m-project:after{background:linear-gradient(#0000,#00000015 30%,#000000bd);inset:48% 0 0}.m-showcase.m-showcase-monitor{aspect-ratio:3/2;color:#252b28;background:#b8b5b1;height:auto;min-height:0;display:block}.m-showcase.m-showcase-monitor:before{display:none}.m-monitor-photo-stage{aspect-ratio:3/2;width:100%;position:absolute;top:0;left:0}.m-monitor-photo-world{transform-origin:0 0;visibility:hidden;width:1920px;height:1280px;position:absolute;inset:0 auto auto 0}.m-monitor-photo-world[data-ready=true]{visibility:visible}.m-monitor-photo{width:1920px;height:1280px;display:block}.m-monitor-screen{transform-origin:0 0;background:#f8faff;border-radius:3px;width:1000px;height:625px;position:absolute;top:0;left:0;overflow:hidden;transform:matrix3d(.877339,-.128792,0,-.000154082,-.00972833,1.11156,0,-.0000127677,0,0,1,0,389,210,0,1)}.m-monitor-screen>img{width:100%;height:100%;display:block}.m-monitor-reflection{pointer-events:none;background:linear-gradient(119deg,#ffffff03 0%,#ffffff0d 60%,#ffffff02 60.15%,#0000 100%);position:absolute;inset:0;box-shadow:inset 0 0 6px #141c2522}.m-monitor-perch{width:1px;height:1px;position:absolute;top:100px;left:1320px}.m-monitor-foot{width:1px;height:1px;position:absolute;top:1144px;left:1020px}.m-showcase-monitor .m-showcase-caption{z-index:2;letter-spacing:.08em;color:#414b44;font-size:11px;top:34px;left:38px}.m-monitor-project{line-height:1.3;position:absolute;bottom:30px;left:38px}.m-monitor-project>span{letter-spacing:-.04em;font-size:23px;font-weight:500;display:block}.m-monitor-project>p{color:#505a53;margin-top:5px;font-size:12px}.m-monitor-open{align-items:center;gap:16px;font-size:13px;display:flex;position:absolute;bottom:35px;right:38px}.m-monitor-open svg{width:18px;height:18px}@media (width<=809px){.m-work .m-project{height:clamp(450px,75svh,650px)}.m-work .m-project-caption p{max-width:220px}.m-work .m-project-arrow{width:44px;height:44px}.m-showcase.m-showcase-monitor{aspect-ratio:1;border-radius:18px;height:auto;min-height:0}.m-monitor-photo-stage{width:150%;left:-25%}.m-showcase-monitor .m-showcase-caption{letter-spacing:.045em;font-size:8px;top:19px;left:20px;right:20px}.m-monitor-project{bottom:20px;left:20px}.m-monitor-project>span{font-size:18px}.m-monitor-project>p{display:none}.m-monitor-open{gap:9px;font-size:10px;bottom:22px;right:20px}.m-monitor-open svg{width:15px;height:15px}}.m-work-heading .m-work-note{max-width:370px;margin:36px 0 0 auto}.m-work-heading .m-work-note>p{margin:0}.m-project-media{background:#232524}.m-project-media[data-brand-film=true]{background:#090f20}.m-work .m-project:has(.m-project-media[data-brand-film=true]){height:clamp(400px,46vw,660px)}.m-project-media[data-brand-film=true]>.m-project-poster,.m-project-media[data-brand-film=true]>video{object-fit:contain;object-position:center}.m-project-media[data-brand-film=true][data-media-mode=intro]:after{display:none}.m-work .m-project-art{transform:none}.m-project-media>.m-project-poster,.m-project-media>video{object-fit:cover;object-position:center;width:100%;height:100%;position:absolute;inset:0}.m-project-media>video{opacity:0;transition:opacity .5s}.m-project-media[data-playing=true]>video{opacity:1}.m-project-brand{z-index:2;background:#fff;border-radius:7px;width:138px;height:42px;transition:opacity .3s;position:absolute;top:28px;left:28px;overflow:hidden;box-shadow:0 2px 20px #0000000b}.m-project-brand img{width:118px;max-width:none;height:auto;position:absolute}.m-project-brand--intellijex img{top:-12px;left:10px}.m-project-brand--voiceperi img{top:9px;left:10px}.m-project-preview{z-index:3;color:#181818;opacity:0;pointer-events:none;background:#f7f7f5;flex-direction:column;justify-content:center;padding:96px 28px 116px;transition:opacity .4s,transform .5s cubic-bezier(.2,.7,.2,1);display:flex;position:absolute;inset:0;transform:translateY(8px)}.m-project-browser{color:#7a7a7a;background:#fff;border:1px solid #00000012;border-bottom:0;border-radius:8px 8px 0 0;flex:none;align-items:center;gap:4px;padding:10px 12px;font-size:10px;display:flex}.m-project-browser span{margin-right:auto}.m-project-browser i{background:#bfbfbf;border-radius:50%;width:4px;height:4px}.m-project-screen{object-fit:contain;object-position:center top;background:#fff;border-radius:0 0 6px 6px;width:100%;height:auto;min-height:0;max-height:calc(100% - 32px);display:block;box-shadow:0 18px 35px #00000015}.m-project:focus-visible .m-project-preview{opacity:1;transform:none}.m-project:focus-visible .m-project-brand{opacity:0}@media (hover:hover){.m-project:hover .m-project-preview{opacity:1;transform:none}.m-project:hover .m-project-brand{opacity:0}.m-project:hover .m-project-caption{color:#111}.m-project:hover .m-project-caption p{color:#676767}.m-work .m-project:hover:after{opacity:0}.m-project:hover .m-project-tags span{color:#242424;background:#e9e9e7}}.m-project:focus-visible .m-project-caption{color:#111}.m-project:focus-visible .m-project-caption p{color:#676767}.m-project:focus-visible .m-project-tags span{color:#242424;background:#e9e9e7}.m-work .m-project:focus-visible:after{opacity:0}.m-project-workflow{width:min(100%,380px);margin:auto}.m-project-workflow small{text-transform:uppercase;letter-spacing:.13em;color:#777;font-size:10px}.m-project-workflow h4{letter-spacing:-.045em;margin:18px 0 24px;font-size:clamp(24px,3vw,38px);font-weight:500;line-height:1.12}.m-project-workflow ol{margin:0;padding:0;list-style:none}.m-project-workflow li{border-top:1px solid #0000001a;align-items:center;gap:18px;padding:15px 0;font-size:15px;display:flex}.m-project-workflow li span{color:#8b8b8b;font-variant-numeric:tabular-nums;font-size:11px}.m-project-film-title{z-index:3;color:#fff;text-shadow:0 2px 20px #0008;max-width:65%;position:absolute;bottom:9%;left:6%}.m-project-film-title>span{text-transform:uppercase;letter-spacing:.18em;opacity:.75;font-size:10px}.m-project-film-title p{letter-spacing:-.045em;max-width:650px;margin-top:16px;font-size:clamp(24px,3vw,48px);line-height:1.08}.m-project-media[data-media-mode=intro]:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(#0000,#000a);position:absolute;inset:45% 0 0}.m-project-media[data-media-mode=intro][data-playing=true] .m-project-film-title{animation:1.2s cubic-bezier(.2,.7,.2,1) both project-film-reveal}.m-project-media[data-media-mode=intro] .m-project-brand{transform-origin:0 0;top:6%;left:6%;transform:scale(1.2)}.m-project-film-control{z-index:4;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);color:#fff;cursor:pointer;background:#ffffff20;border:1px solid #ffffff30;border-radius:50px;align-items:center;gap:8px;padding:10px 14px;font-size:12px;display:flex;position:absolute;bottom:9%;right:5%}.m-project-film-control .m-arrow{width:16px;height:16px}.m-project-motion-toggle{font:inherit;color:#999;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #ffffff30;margin-top:18px;padding:0 0 3px;font-size:11px}.m-work-note{max-width:240px}.m-work-note>p{margin:0}@keyframes project-film-reveal{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@media (width<=809px){.m-project-preview{padding:75px 18px 110px}.m-project-brand{width:120px;height:37px;top:66px;left:20px}.m-project-brand img{width:100px}.m-project-brand--intellijex img{top:-9px}.m-project-brand--voiceperi img{top:8px}.m-project-film-title{max-width:83%;bottom:24%}.m-project-film-control{bottom:7%}.m-project-workflow h4{font-size:28px}.m-project-workflow li{padding:12px 0;font-size:13px}}@media (prefers-reduced-motion:reduce){.m-project-media>video{display:none}.m-project-media *,.m-project-preview{transition:none!important;animation:none!important}.m-project-film-control,.m-project-motion-toggle{display:none}}
