@font-face{font-family:dmSans;src:url(../media/DMSans_Variable-s.p.26ydf-cqcbk-4.ttf)format("truetype");font-display:swap;font-weight:300 600}@font-face{font-family:dmSans Fallback;src:local(Arial);ascent-override:93.39%;descent-override:29.18%;line-gap-override:0.0%;size-adjust:106.22%}.dmsans_300abc54-module__Vkb9uG__className{font-family:dmSans,dmSans Fallback}.dmsans_300abc54-module__Vkb9uG__variable{--font-dm-sans:"dmSans", "dmSans Fallback"}
:root{--color-page:#f4f4f4;--color-surface:#fff;--color-ink:#2f2c2c;--color-muted:#505050;--color-border:#737373;--color-media-dark:#151721;--color-media-light:#e1e1e1;--color-media-cool:#e9ecf4;--container-wide:1200px;--container-standard:954px;--container-reading:780px;--gutter:32px;--radius-media:10px;--tracking:.25px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-20:80px;--space-24:96px;--space-25:100px;--case-end-gap:var(--space-24)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--color-page);color:var(--color-ink);font-family:var(--font-dm-sans), "DM Sans", sans-serif;letter-spacing:var(--tracking);margin:0}a{color:inherit;text-decoration:none}img{display:block}p,h1,h2,dl,dd,figure{margin:0}.page-shell{background:var(--color-page);min-width:320px}.content-container{width:min(var(--container-max), calc(100% - (var(--gutter) * 2)));margin-inline:auto}.container-wide{--container-max:var(--container-wide)}.container-standard{--container-max:var(--container-standard)}.container-reading{--container-max:var(--container-reading)}.site-header{width:100%;height:64px;padding-inline:var(--gutter);color:#000;z-index:10;justify-content:space-between;align-items:center;font-size:14px;line-height:1.5;display:flex;position:relative}.site-name{width:203px;font-weight:600}.site-nav-list{justify-content:flex-end;gap:var(--space-6);white-space:nowrap;width:621.5px;margin:0;padding:0;list-style:none;display:flex}.site-menu-toggle{width:32px;height:32px;color:inherit;cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:4px;margin:0;padding:6px;display:none}.site-menu-toggle span{transform-origin:50%;background:currentColor;width:18px;height:1px;transition:opacity .2s ease-out,transform .2s ease-out;display:block}.site-menu-toggle[aria-expanded=true] span:first-child{transform:translateY(5px)rotate(45deg)}.site-menu-toggle[aria-expanded=true] span:nth-child(2){opacity:0}.site-menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-5px)rotate(-45deg)}.site-header a,.project-link,.next-project-card{border-radius:2px}.site-nav-arrow-reveal{margin-inline-end:-1.1em;padding-inline-end:1.1em;display:inline-block;position:relative}.site-nav-arrow-reveal:after{content:"→";opacity:0;transition:opacity .2s ease-out,transform .2s ease-out;position:absolute;inset-inline-end:0;transform:translate(-3px)}.site-nav-arrow-reveal:hover:after,.site-nav-arrow-reveal:focus-visible:after{opacity:1;transform:translate(0)}.site-header a:focus-visible,.site-menu-toggle:focus-visible,.site-footer a:focus-visible,.project-link:focus-visible,.next-project-card:focus-visible{outline:2px solid var(--color-ink);outline-offset:4px}.home-content{margin-top:var(--space-20);margin-bottom:var(--space-20)}.home-intro{gap:var(--space-4);flex-direction:column;display:flex}.home-intro h1{max-width:954px;font-size:40px;font-weight:600;line-height:1.5}.home-intro p{max-width:954px;font-size:20px;font-weight:400;line-height:1.5}.project-list{gap:var(--space-24);flex-direction:column;padding-top:251px;display:flex}@media (prefers-reduced-motion:no-preference){.home-page>.site-header,.home-intro>*,.home-page>.site-footer,.project-list>*,.case-page>.site-header,.case-content>*,.case-page>.next-project,.case-page>.site-footer{animation:.8s cubic-bezier(.22,1,.36,1) both home-element-enter}.home-page>.site-header{animation-delay:40ms}.home-intro>:first-child{animation-delay:.12s}.home-intro>:nth-child(2){animation-delay:.2s}.project-list>:first-child{animation-delay:.28s}.project-list>:nth-child(2){animation-delay:.36s}.project-list>:nth-child(3){animation-delay:.44s}.project-list>:nth-child(4){animation-delay:.52s}.home-page>.site-footer{animation-delay:.6s}.case-page>.site-header{animation-delay:40ms}.case-content>:first-child{animation-delay:.12s}.case-content>:nth-child(2){animation-delay:.2s}.case-content>:nth-child(3){animation-delay:.28s}.case-content>:nth-child(4){animation-delay:.36s}.case-content>:nth-child(5){animation-delay:.44s}.case-content>:nth-child(6){animation-delay:.52s}.case-content>:nth-child(7){animation-delay:.6s}.case-content>:nth-child(8){animation-delay:.68s}.case-content>:nth-child(9){animation-delay:.76s}.case-page>.next-project{animation-delay:.84s}.case-page>.site-footer{animation-delay:.92s}}@keyframes home-element-enter{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.project-card{justify-content:space-between;gap:var(--space-8);grid-template-columns:minmax(312px,450px) minmax(0,609px);min-height:315px;display:grid}.project-card-anchor{border-radius:var(--radius-media);display:block}.project-card-anchor:focus-visible{outline:2px solid var(--color-ink);outline-offset:6px}.project-card-anchor:hover .project-link>span:first-child{text-underline-offset:4px;text-decoration:underline}.project-card-copy{flex-direction:column;justify-content:space-between;height:100%;display:flex}.project-card-copy>div:first-child{gap:var(--space-3);flex-direction:column;display:flex}.project-eyebrow{color:var(--color-muted);letter-spacing:.1px;font-size:14px;font-weight:300;line-height:20px}.project-card h2{width:100%;font-size:24px;font-weight:600;line-height:1.5}.project-card-media{aspect-ratio:1200/621;border-radius:var(--radius-media);background:var(--color-media-dark);width:609px;height:auto;position:relative;overflow:hidden}.project-card-media img{object-fit:contain}.project-link{width:fit-content;color:var(--color-muted);align-items:center;gap:10px;font-size:16px;font-weight:400;line-height:normal;display:inline-flex}.project-link:not(.project-link-disabled):hover span:first-child{text-underline-offset:4px;text-decoration:underline}.project-link-icon{flex:0 0 16px;width:16px;height:16px;position:relative;overflow:hidden}.project-link-icon img{width:100%;height:100%}.project-link-disabled{cursor:default}.site-footer{width:100%;height:158px;padding:24px var(--gutter);border-top:.5px solid var(--color-border);background:var(--color-surface);color:var(--color-border);justify-content:center;align-items:flex-end;font-size:14px;line-height:1.5;display:flex}.site-footer a:hover{text-underline-offset:3px;text-decoration:underline}.case-content{gap:var(--space-25);min-height:0;margin-top:var(--space-12);margin-bottom:var(--case-end-gap);flex-direction:column;display:flex}.case-content>.content-container{margin-inline:0}.case-content>.container-wide{width:100%}.case-content>.container-standard{width:min(var(--container-standard), 100%)}.case-content>.container-reading{width:min(var(--container-reading), 100%)}.case-title{gap:var(--space-2);flex-direction:column;display:flex}.case-title p{color:var(--color-muted);font-size:14px;line-height:normal}.case-title h1{font-size:40px;font-weight:600;line-height:normal}.media-panel{border-radius:var(--radius-media);justify-content:center;align-items:center;width:100%;height:621px;display:flex;position:relative;overflow:hidden}.wide-visual{aspect-ratio:954/621;height:auto}.media-panel-dark{background:var(--color-media-dark)}.media-panel-light{background:var(--color-media-light)}.media-panel-cool{background:var(--color-media-cool)}.media-image{position:relative;overflow:hidden}.media-image img{object-fit:contain}.image-encoded-data{aspect-ratio:1920/1080;width:82.81%;height:auto}.case-narrative{flex-direction:column;gap:30px;font-size:16px;line-height:1.5;display:flex}.project-details{gap:var(--space-8);width:100%;color:var(--color-muted);grid-template-columns:repeat(2,minmax(0,1fr));font-size:14px;line-height:normal;display:grid}.project-details>div{gap:var(--space-1);flex-direction:column;display:flex}.project-details dt{font-weight:600}.project-details dd{max-width:368px}.project-details>div:nth-child(3) dd{white-space:nowrap;max-width:none}.figure-with-caption{gap:var(--space-4);flex-direction:column;display:flex}.figure-with-caption figcaption{width:min(var(--container-standard), 100%);color:var(--color-muted);font-size:14px;line-height:normal}.split-media{gap:var(--space-10);width:100%;display:flex}.split-media-first{aspect-ratio:954/526;height:auto}.split-media-first .media-panel{height:100%}.split-media-wide{flex:0 0 61.01%;overflow:hidden}.split-media-narrow{flex:1}.image-coding-drag{border-radius:4px;width:min(600px,100%);height:auto}.image-coding-drag img{object-position:50% 24%}.image-coding-drag video{object-position:center;width:100%;height:auto;display:block}.image-dataset-overview{aspect-ratio:798/789;border-radius:4px;width:71.08%;height:auto;box-shadow:0 0 16px #0b122233}.image-dataset-overview img{object-position:52% 35%}.image-pick-codeframe{aspect-ratio:1401/743;border-radius:8px;width:61.64%;height:auto}.image-pick-codeframe img{object-position:center}.split-media-equal>*{flex:1 1 0}.split-media-equal .media-panel,.component-collage{aspect-ratio:457/621;height:auto}.image-job-settings{aspect-ratio:731/879;border-radius:8px;width:73.96%;height:auto}.image-job-settings img{object-position:43% 36%}.component-collage{justify-content:center;align-items:center;gap:var(--space-4);border-radius:var(--radius-media);background:var(--color-media-cool);flex-direction:column;min-width:0;display:flex}.component-wide,.component-small{border-radius:4px;position:relative;overflow:hidden;box-shadow:0 0 16px #0b122233}.component-medium{border-radius:4px;position:relative;overflow:hidden}.component-wide{aspect-ratio:2562/670;width:82.93%;height:auto}.component-small{aspect-ratio:1554/1682;width:31.93%;height:auto}.component-medium{aspect-ratio:774/272;background:#fff;width:63.85%;height:auto}.component-wide img,.component-small img,.component-medium img{object-fit:contain}.component-small img{object-position:0 14%}.component-row{align-items:flex-start;gap:var(--space-4);width:82.93%;display:flex}.image-comparison-check{aspect-ratio:1155/1034;border-radius:8px;width:72.12%;height:auto}.image-comparison-check img{object-position:center 40%}.case-outcome{gap:var(--space-3)}.case-outcome h2{color:var(--color-muted);font-size:16px;font-weight:400;line-height:normal}.case-outcome p+p{margin-top:22px}.case-content>.lens-reading,.case-content>.content-experience-reading{width:min(750px,100%)}.content-experience-content{min-height:0}.content-experience-case .project-details>div:last-child dd{white-space:nowrap}.content-exp-panel{border-radius:var(--radius-media);background:#dddbd8;justify-content:center;align-items:center;width:100%;padding:56px;display:flex}.content-exp-builder-panel{aspect-ratio:1200/621;padding:0}.content-exp-builder-image{object-fit:contain;width:71%;height:auto;display:block}.content-exp-split{gap:40px;display:grid}.content-exp-prototype-split{grid-template-columns:342fr 743fr}.content-exp-system-split{grid-template-columns:665fr 421fr}.content-exp-split .content-exp-panel{height:526px;padding:0}.content-exp-prototype-ui-panel{background:#0d0d0d}.content-exp-card{object-fit:contain;border-radius:8px;width:auto;max-width:100%;height:auto;max-height:100%;display:block}.content-exp-prototype-modal-panel .content-exp-card{width:84%}.content-exp-prototype-ui-panel .content-exp-card{width:88%}.content-exp-system-cards-panel .content-exp-card{width:81%}.content-exp-tokens-panel .content-exp-card{height:82%}.automation-content{min-height:0}.case-content>.automation-reading{width:min(750px,100%)}.automation-cycle,.automation-system,.automation-generation{border-radius:var(--radius-media);width:100%;position:relative;overflow:hidden}.automation-cycle{background:#f1d9d4;flex-direction:column;justify-content:center;align-items:center;min-height:621px;padding:80px;display:flex}.automation-cycle:before{content:"";border:1.5px solid #665b58;border-bottom:0;border-radius:24px 24px 0 0;width:25%;height:112px;position:absolute;top:86px;left:50%}.automation-cycle-row{justify-content:center;align-items:center;width:min(820px,100%);display:flex}.automation-step{color:#2f201d;text-align:center;background:#ea6248;border-radius:4px;justify-content:center;align-items:center;min-height:112px;padding:20px 28px;font-size:16px;display:flex}.automation-arrow,.automation-mapping-arrow,.automation-plus,.automation-down-arrow{color:#665b58;font-size:32px;font-weight:300}.automation-arrow{text-align:center;flex:1}.automation-cycle-repeat{background:#ea6248;border-radius:50%;place-items:center;width:52px;height:52px;font-size:30px;display:grid;position:absolute;top:62px;left:50%;transform:translate(-50%)}.automation-down-arrow{margin-left:54%;line-height:1.6}.automation-delivery{margin-left:54%}.automation-system{background:#d6d2d1;grid-template-columns:minmax(0,1fr) auto minmax(0,1.08fr);align-items:center;gap:42px;min-height:438px;padding:58px 72px;display:grid}.automation-system-asset,.automation-generation-asset{justify-content:center;align-items:center;min-width:0;display:flex}.automation-system-asset{height:322px}.automation-system-asset img,.automation-generation-asset img{object-fit:contain;width:100%;height:auto;max-height:100%;display:block}.automation-system-source{grid-template-columns:132px 1fr;gap:18px;display:grid}.automation-layer-list,.automation-component-card,.automation-template-card,.automation-input-card,.automation-output-card{background:#fff;border-radius:5px;box-shadow:0 8px 20px #231c1b17}.automation-layer-list{color:#656565;flex-direction:column;gap:14px;padding:20px 14px;font-size:11px;display:flex}.automation-layer-list span:before{content:"◆";color:#8c6cf2;margin-right:7px;font-size:8px}.automation-component-card,.automation-template-card{min-height:270px;padding:28px}.automation-component-card{color:#fff;background:#282633;flex-direction:column;gap:12px;display:flex}.automation-kicker,.automation-template-label,.automation-input-card>span,.automation-output-card>span{color:#77727f;letter-spacing:.8px;text-transform:uppercase;font-size:10px;font-weight:600}.automation-component-card strong{font-size:18px}.automation-mini-chart,.automation-template-chart,.automation-report-bars{align-items:flex-end;gap:9px;height:116px;margin-top:auto;display:flex}.automation-mini-chart i,.automation-template-chart i,.automation-report-bars i{background:#8a70eb;border-radius:2px 2px 0 0;flex:1;height:44%}.automation-mini-chart i:nth-child(2),.automation-template-chart i:nth-child(2),.automation-report-bars i:nth-child(2){height:72%}.automation-mini-chart i:nth-child(3),.automation-template-chart i:nth-child(3),.automation-report-bars i:nth-child(3){height:56%}.automation-mini-chart i:nth-child(4),.automation-template-chart i:nth-child(4),.automation-report-bars i:nth-child(4){height:88%}.automation-template-chart i:nth-child(5),.automation-report-bars i:nth-child(5){height:67%}.automation-report-bars i:nth-child(6){height:48%}.automation-template-card{flex-direction:column;gap:20px;display:flex}.automation-template-title{background:#d2d2d2;width:56%;height:12px}.automation-template-body{grid-template-columns:1.5fr 1fr;align-items:center;gap:26px;display:grid}.automation-template-chart{height:150px}.automation-template-copy,.automation-report-copy{flex-direction:column;gap:12px;display:flex}.automation-template-copy i,.automation-report-copy i{background:#d6d6d6;height:8px}.automation-generation{background:#d6d2d1;grid-template-columns:minmax(0,.72fr) auto minmax(0,1.12fr) auto minmax(0,1.78fr);align-items:center;gap:28px;min-height:252px;padding:36px 56px;display:grid}.automation-generation-asset{height:180px}.automation-input-card,.automation-output-card{height:180px;padding:18px}.automation-grid{grid-template-columns:repeat(6,1fr);gap:3px;margin-top:20px;display:grid}.automation-grid i{background:#f3f3f3;border:1px solid #c4c4c4;height:16px}.automation-slide{background:#f0f1f7;grid-template-columns:1.3fr 1fr;gap:8px;height:108px;margin-top:20px;padding:13px;display:grid}.automation-slide i:first-child{background:#8270dd}.automation-slide i:nth-child(2),.automation-slide i:nth-child(3){background:#fff;height:42%}.automation-output-card{background:#2a2832;min-width:0}.automation-output-card>span{color:#d7d4de}.automation-report-preview{background:#fff;grid-template-columns:1.5fr 1fr;gap:18px;height:118px;margin-top:16px;padding:16px;display:grid}.automation-report-bars{height:82px}@media (max-width:720px){.automation-cycle{min-height:430px;padding:44px 24px}.automation-cycle-row{flex-direction:column;gap:10px}.automation-step{width:min(250px,100%);min-height:64px}.automation-arrow{transform:rotate(90deg)}.automation-cycle-repeat,.automation-down-arrow,.automation-cycle:before{display:none}.automation-delivery{margin-top:10px;margin-left:0}.automation-system{grid-template-columns:1fr;gap:20px;padding:32px 24px}.automation-system-asset{width:100%;height:auto}.automation-system-source{grid-template-columns:90px 1fr}.automation-mapping-arrow{justify-self:center;transform:rotate(90deg)}.automation-generation{grid-template-columns:1fr;gap:16px;padding:28px 24px}.automation-generation-asset{width:100%;height:auto}.automation-generation .automation-plus{justify-self:center}.automation-input-card,.automation-output-card{width:100%}}.case-panel-figure,.case-panel-image{border-radius:var(--radius-media);width:100%;height:auto;display:block}.lens-full-figure,.lens-full-image{width:100%;height:auto;display:block}.lens-full-figure,.lens-full-image,.lens-prototype{border-radius:var(--radius-media)}.lens-comparison{gap:var(--space-10);grid-template-columns:404fr 756fr;width:100%;display:grid}.lens-prototype{background:var(--color-media-light);object-fit:contain;width:100%;height:auto;display:block}.lens-production-panel{aspect-ratio:1200/621;background:#9eadac}.lens-components-panel{aspect-ratio:1200/621}.lens-components-image{aspect-ratio:3288/1644;width:68.5%;height:auto}.lens-production-image{aspect-ratio:786/475;border-radius:8px;width:65.5%;height:auto}.next-project{border-top:.5px solid var(--color-border);height:337px}.next-project-inner{justify-content:space-between;align-items:center;height:100%;display:flex}.next-project-inner>.project-link{gap:var(--space-4)}.next-project-card{align-items:flex-start;gap:var(--space-6);display:flex}.next-project-thumbnail{aspect-ratio:1200/621;border-radius:var(--radius-media);background:#3d4047;width:272px;height:auto;display:block;position:relative;overflow:hidden}.next-project-thumbnail img{object-fit:contain}.next-project-card>span:last-child{align-items:center;width:314px;min-height:66px;font-size:20px;font-weight:600;line-height:1.5;display:flex}@media (max-width:1023px){:root{--gutter:24px}.home-content{min-height:0;margin-bottom:0;padding-bottom:160px}.case-content{min-height:0;margin-bottom:var(--case-end-gap);padding-bottom:0}.project-card{gap:var(--space-8);grid-template-columns:minmax(230px,312px) minmax(0,609px)}.project-card-media{width:100%}.content-exp-panel{padding:28px}.content-exp-builder-panel{padding:0}.content-exp-split{grid-template-columns:1fr;gap:20px}.content-exp-split .content-exp-panel{height:auto;min-height:360px;padding:28px}.split-media-wide{flex-basis:61%}.next-project-card>span:last-child{width:min(32vw,314px)}}@media (max-width:720px){:root{--gutter:20px;--case-end-gap:64px}.site-header{height:64px}.site-name{width:auto}.site-menu-toggle{display:flex}.site-primary-nav{padding:12px var(--gutter) 24px;background:#fff;display:none;position:absolute;inset-block-start:100%;inset-inline:0}.site-primary-nav.is-open{display:block}.site-nav-list{flex-direction:column;align-items:flex-end;width:100%}.home-content{margin-top:64px}.home-intro h1{font-size:clamp(30px,8vw,40px);line-height:1.35}.home-intro p{font-size:18px}.project-list{gap:72px;padding-top:144px}.project-card{gap:var(--space-8);flex-direction:column;display:flex}.project-card-copy{gap:var(--space-8);height:auto}.project-card h2{width:100%}.project-card-media{aspect-ratio:1200/621;height:auto}.case-content{gap:72px}.project-details{grid-template-columns:1fr}.project-details>div:nth-child(3) dd{white-space:normal}.media-panel,.split-media-first .media-panel,.split-media-equal .media-panel,.component-collage{aspect-ratio:auto;height:min(72vw,520px);min-height:340px}.image-encoded-data,.image-comparison-check{aspect-ratio:16/9;width:82%;height:auto}.image-pick-codeframe{aspect-ratio:1401/743;width:82%;height:auto}.image-comparison-check{aspect-ratio:1155/1034}.split-media{flex-direction:column;height:auto}.split-media-wide{flex-basis:auto}.split-media-narrow{padding-block:var(--space-8)}.split-media-narrow .image-dataset-overview{width:80%;max-width:80%;height:auto;max-height:100%}.image-coding-drag{width:600px;max-width:none;height:auto}.image-job-settings{aspect-ratio:731/879;width:auto;max-width:74%;height:78%;max-height:78%;margin:auto}.component-wide,.component-row{width:82%}.component-small{flex:0 31.93%}.component-medium{flex:63.85%}.lens-comparison{gap:var(--space-8);grid-template-columns:1fr}.lens-production-panel{aspect-ratio:auto;min-height:340px}.lens-production-image,.lens-components-image{width:82%}.next-project{height:auto;padding-block:64px}.next-project-inner{align-items:flex-start;gap:var(--space-10);flex-direction:column}.next-project-card{flex-direction:column;width:100%}.next-project-thumbnail,.next-project-card>span:last-child{width:100%}.next-project-thumbnail{aspect-ratio:1200/621;height:auto}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.site-nav-arrow-reveal:after{transition:none;transform:none}.site-menu-toggle span{transition:none}}