@import url("/chloe-assets/figma-fonts-1112/fonts.css");
/* Source: client-work-1111/client-work.css */
.cw-index{padding-top:31px;padding-bottom:48px}
.cw-index .cw-index-heading{width:259px;max-width:100%;margin:0;font-family:"OPTITimes-Roman",serif;font-weight:500;letter-spacing:0;font-synthesis:none}
.cw-index .cw-index-eyebrow{display:block;font-family:"OPTITimesRoman-Italic",serif;font-style:italic;font-size:20px;line-height:30px}
.cw-index .cw-index-title-text{display:block;font-size:48px;line-height:67px}
.cw-index .cw-index-gallery{position:relative;width:100%;aspect-ratio:921/609;margin-top:31px}
.cw-index .cw-index-card{position:absolute;display:block;min-width:0;overflow:hidden;background:#eee;scroll-margin-top:104px}
.cw-index .cw-index-photo{display:block;width:100%;height:100%;object-fit:cover}
.cw-index .cw-index-caption{position:absolute;right:7.0485%;bottom:2.318%;width:70.4846%;height:auto;pointer-events:none;container-type:inline-size;color:#fff;text-align:right;font-family:"OPTITimes-Roman",serif;font-weight:500;letter-spacing:0;font-synthesis:none}
.cw-index .cw-index-caption em{display:block;font-family:"OPTITimesRoman-Italic",serif;font-size:8.125cqw;font-style:italic;line-height:12.5cqw;font-weight:500;white-space:nowrap}
.cw-index .cw-index-brand{display:block;font-size:15cqw;line-height:24.375cqw}
.cw-index .cw-index-kodak-group{left:0;top:.3284%;width:49.3759%;height:99.6388%}
.cw-index .cw-index-kodak-group .cw-index-caption{left:50%;right:auto;bottom:6.558%;width:42.0009%;transform:translateX(-50%);text-align:center}
.cw-index .cw-index-kodak-group .cw-index-caption em{font-size:10.4712cqw;line-height:15.7068cqw;margin-bottom:-3.14136cqw}
.cw-index .cw-index-kodak-group .cw-index-brand{font-size:25.1309cqw;line-height:35.0785cqw}
.cw-index .cw-index-kodak-single{left:50.0543%;top:0;width:24.6471%;height:49.5895%}
.cw-index .cw-index-rc-campaign{left:75.3529%;top:.1642%;width:24.6471%;height:49.4253%}
.cw-index .cw-index-ybag{left:50.0543%;top:50.4105%;width:24.6471%;height:49.5895%}
.cw-index .cw-index-ug{left:75.3529%;top:50.4105%;width:24.5385%;height:49.5895%}
.cw-index .cw-index-card:focus-visible{outline:2px solid var(--ink);outline-offset:3px;z-index:1}
@media(max-width:767px){.cw-index{padding-top:24px;padding-bottom:32px}
.cw-index .cw-index-heading{width:233px}
.cw-index .cw-index-eyebrow{font-size:18px;line-height:27px}
.cw-index .cw-index-title-text{font-size:43.18px;line-height:60.27px}
.cw-index .cw-index-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;aspect-ratio:auto;margin-top:24px}
.cw-index .cw-index-card{position:relative;inset:auto;width:100%;height:auto;aspect-ratio:227/302}
.cw-index .cw-index-kodak-group{grid-column:1/-1;aspect-ratio:454.752/606.8}
.cw-index .cw-index-photo{position:absolute;inset:0}
.cw-index .cw-index-caption{right:12px;bottom:8px;width:calc(100% - 24px);max-width:200px}
.cw-index .cw-index-kodak-group .cw-index-caption{width:54.6%;max-width:none}
}
/* Source: redesign-1112/redesign.css */
.figma-section-heading{margin:0;font-synthesis:none}
.figma-section-heading .figma-eyebrow{font-family:"OPTITimesRoman-Italic",serif;font-style:italic;font-size:clamp(18px,1.75747vw,24px);font-weight:500;line-height:1.5;color:#000;margin:0;letter-spacing:0}
.figma-section-heading h2{font-family:"OPTITimes-Roman",serif;font-size:clamp(40px,4.21793vw,60px);font-weight:500;line-height:1.39583;color:#000;margin:0;letter-spacing:0}
#services.figma-brand-imagery{padding-top:1.75747vw;padding-bottom:7.67135vw}
#services.figma-brand-imagery .service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.43937vw;margin-top:1.93322vw}
#services.figma-brand-imagery .service-grid>article{position:relative;min-width:0;aspect-ratio:342.68/456.69;overflow:hidden;padding:0;margin:0;border:0;background:#eee}
#services.figma-brand-imagery .service-grid>article:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(156,156,156,0),rgba(54,54,54,.35));mix-blend-mode:multiply;pointer-events:none;z-index:1}
#services.figma-brand-imagery .service-grid>article>.media-carousel{position:absolute;inset:0;width:100%;height:100%;margin:0}
#services.figma-brand-imagery .carousel-track,#services.figma-brand-imagery .carousel-slide,#services.figma-brand-imagery .media-stage{height:100%!important;min-height:0!important;aspect-ratio:auto!important;margin:0!important}
#services.figma-brand-imagery .service-grid>article>h3{position:absolute;left:0;right:0;bottom:3.4356%;z-index:2;text-align:center;font-family:"OPTITimesRoman-Italic",serif;font-size:clamp(18px,1.75747vw,24px);font-weight:500;font-style:italic;line-height:1.7;color:#fff;letter-spacing:0;pointer-events:none;margin:0;font-synthesis:none}
#services.figma-brand-imagery .service-grid>article>p{display:none}
#services.figma-brand-imagery .media-carousel{overflow:hidden;padding:0!important}
#services.figma-brand-imagery .carousel-track{display:flex!important;width:100%;gap:0!important;padding:0!important;overflow:visible!important;transition:none;transform:translateX(0);will-change:transform}
#services.figma-brand-imagery .carousel-slide{display:block;position:relative!important;inset:auto!important;flex:0 0 100%;width:100%;min-width:0;max-width:none;padding:0!important;opacity:1!important;transform:none!important;transition:none!important}
#services.figma-brand-imagery .media-stage{display:block;width:100%!important;padding:0!important;border:0!important}
#services.figma-brand-imagery .service-grid>article .media-stage img{position:absolute!important;inset:0!important;left:0!important;top:0!important;transform:none!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:cover!important;margin:0!important;padding:0!important;opacity:1!important;transition:none!important}
#services.figma-brand-imagery .aligned-angle-quadrants{inset:0!important;width:100%!important;height:100%!important;gap:0!important;margin:0!important;padding:0!important}
#services.figma-brand-imagery .aligned-angle-quadrants>span{min-width:0;min-height:0;margin:0;padding:0}
#services.figma-brand-imagery .carousel-slide[data-loop-clone]{pointer-events:auto}
.cw-index.figma-client-index{padding-top:1.75747vw;padding-bottom:1.75747vw}
.cw-index.figma-client-index .cw-index-heading{width:auto;max-width:none}
.cw-index.figma-client-index .cw-index-eyebrow{font-size:clamp(18px,1.75747vw,24px);line-height:1.5}
.cw-index.figma-client-index .cw-index-title-text{font-size:clamp(40px,4.21793vw,60px);line-height:1.39583;color:#000}
.cw-index.figma-client-index .cw-index-gallery{aspect-ratio:1038/689;margin-top:1.84534vw;container-type:inline-size;--client-u:calc(100cqw/1038)}
.cw-index.figma-client-index .cw-index-kodak-group{left:0;top:0;width:49.8073%;height:100%}
.cw-index.figma-client-index .cw-index-kodak-single{left:50.289%;top:0;width:24.5665%;height:49.492%}
.cw-index.figma-client-index .cw-index-rc-campaign{left:75.3372%;top:0;width:24.6628%;height:49.492%}
.cw-index.figma-client-index .cw-index-ybag{left:50.289%;top:50.2192%;width:24.5665%;height:49.7808%}
.cw-index.figma-client-index .cw-index-ug{left:75.3372%;top:50.3628%;width:24.6628%;height:49.6372%}
.cw-index.figma-client-index .cw-index-caption{container-type:normal;right:7.0588%;bottom:2.2%;width:70.5882%}
.cw-index.figma-client-index .cw-index-caption em{font-size:calc(var(--client-u)*13);line-height:1.5144}
.cw-index.figma-client-index .cw-index-brand{font-size:calc(var(--client-u)*24);line-height:1.41667}
.cw-index.figma-client-index .cw-index-kodak-group .cw-index-caption{left:50%;right:auto;bottom:6.82%;width:41.5861%}
.cw-index.figma-client-index .cw-index-kodak-group .cw-index-caption em{font-size:calc(var(--client-u)*20);line-height:1.5;margin-bottom:calc(var(--client-u)*-3)}
.cw-index.figma-client-index .cw-index-kodak-group .cw-index-brand{font-size:calc(var(--client-u)*48);line-height:1.39583}
@media(max-width:767px){.figma-section-heading .figma-eyebrow{font-size:18px;line-height:27px}
.figma-section-heading h2{font-size:40px;line-height:56px}
#services.figma-brand-imagery{padding-top:24px;padding-bottom:64px}
#services.figma-brand-imagery .service-grid{grid-template-columns:1fr;gap:6px;margin-top:22px}
#services.figma-brand-imagery .service-grid>article>h3{font-size:20px}
.cw-index.figma-client-index{padding-top:24px;padding-bottom:32px}
.cw-index.figma-client-index .cw-index-eyebrow{font-size:18px;line-height:27px}
.cw-index.figma-client-index .cw-index-title-text{font-size:43.18px;line-height:60.27px}
.cw-index.figma-client-index .cw-index-gallery{aspect-ratio:auto;margin-top:24px}
.cw-index.figma-client-index .cw-index-card{inset:auto;width:100%;height:auto}
.cw-index.figma-client-index .cw-index-caption{right:12px;bottom:8px;width:calc(100% - 24px)}
.cw-index.figma-client-index .cw-index-caption em{font-size:13px;line-height:20px}
.cw-index.figma-client-index .cw-index-brand{font-size:24px;line-height:34px}
.cw-index.figma-client-index .cw-index-kodak-group .cw-index-caption{width:70%;max-width:none;bottom:6.82%}
.cw-index.figma-client-index .cw-index-kodak-group .cw-index-caption em{font-size:20px;line-height:30px;margin-bottom:-3px}
.cw-index.figma-client-index .cw-index-kodak-group .cw-index-brand{font-size:48px;line-height:67px}
}
/* Source: workflow-scroll-1113/workflow.css */
#wf-scroll{--ink:#000;--gray:#c9c9c9;--gray2:#b5b5b5;--t:.45s;--wf-column:317px;--wf-art-height:491px;--wf-art-scale:1;--wf-stage-height:622px;position:relative;height:auto;color:#000;font-family:"Chloe Figma Inter",Helvetica,Arial,sans-serif;font-synthesis:none;overflow-anchor:auto}
#wf-scroll *{box-sizing:border-box;margin:0;padding:0}
#wf-scroll #wf{position:relative;height:var(--wf-stage-height);overflow:hidden;background:#fff}
#wf-scroll #stage{position:absolute;left:50%;top:50%;width:1140px;height:var(--wf-stage-height);transform:translate(-50%,-50%);transform-origin:center}
#wf-scroll .serif{font-family:"OPTITimes-Roman","Times New Roman",Georgia,serif;font-weight:500}
#wf-scroll .serif-i{font-family:"OPTITimesRoman-Italic","Times New Roman",Georgia,serif;font-style:italic;font-weight:500}
#wf-scroll #hd{position:absolute;left:50px;top:0px;width:323px}
#wf-scroll #hd .k{font-size:20px;line-height:1.514;white-space:pre}
#wf-scroll #hd .h{font-size:48px;line-height:1.1}
#wf-scroll #desc{position:absolute;right:52px;top:21px;width:314px;text-align:right;font-weight:300;font-size:12px;line-height:1.514}
#wf-scroll #left{position:absolute;left:50px;top:130px;width:var(--wf-column);height:var(--wf-art-height)}
#wf-scroll .gridrow{position:relative;width:100%;height:calc(130px*var(--wf-art-scale));overflow:hidden}
#wf-scroll .gridrow img{position:absolute;width:100%;height:100%;left:0;top:0;display:block}
#wf-scroll #looks{display:flex;gap:calc(3px*var(--wf-art-scale));margin-top:calc(6px*var(--wf-art-scale))}
#wf-scroll #looks div{flex:1;min-width:0;height:calc(225px*var(--wf-art-scale));background:#eee center/cover}
#wf-scroll svg#wires{position:absolute;left:0;top:0;width:1140px;height:var(--wf-stage-height);pointer-events:none}
#wf-scroll .wire{fill:none;stroke:var(--gray);stroke-width:2}
#wf-scroll .wire.ink{stroke:var(--ink);stroke-dasharray:60;stroke-dashoffset:0}
#wf-scroll #boxg{fill:none;stroke:var(--gray);stroke-width:1}
#wf-scroll #boxi{fill:none;stroke:var(--ink);stroke-width:1;stroke-dasharray:none;stroke-dashoffset:0}
#wf-scroll #algo{position:absolute;left:412px;top:130px;width:var(--wf-column);height:var(--wf-art-height);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:32px}
#wf-scroll #algo .title{position:static;width:223px;text-align:center;font-size:24px;color:var(--ink)}
#wf-scroll #algo.on .title{color:var(--ink)}
#wf-scroll #rows{position:static;width:223px}
#wf-scroll .rule{height:1px;background:var(--ink)}
#wf-scroll .rule.on{background:var(--ink)}
#wf-scroll .row{position:relative;height:49px;display:flex;align-items:center;justify-content:space-between}
#wf-scroll .row .lab{position:relative;z-index:1;font-size:12px;font-weight:300;color:var(--ink)}
#wf-scroll .row img{position:relative;z-index:1;height:25px;display:block;opacity:1;filter:none}
#wf-scroll .row img.pal{height:11px}
#wf-scroll .row img.col{height:30px}
#wf-scroll .row .sweep{position:absolute;left:-8px;right:-8px;top:6px;bottom:6px;background:#f2f2f2;opacity:0;transform:scaleX(0);transform-origin:left}
#wf-scroll .row.on .lab{color:var(--ink)}
#wf-scroll .row.on img{opacity:1;filter:none}
#wf-scroll .row .chk{position:absolute;left:-22px;top:50%;width:12px;height:12px;margin-top:-6px;opacity:1;transform:scale(1)}
#wf-scroll .row.on .chk{opacity:1;transform:scale(1)}
#wf-scroll #out{position:absolute;left:774px;top:130px;width:var(--wf-column);height:var(--wf-art-height);background:#fff;overflow:hidden}
#wf-scroll #out img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
#wf-scroll #out img.pre{opacity:.2}
#wf-scroll #out img.full{clip-path:inset(0)}
#wf-scroll #cap{position:absolute;left:774px;top:calc(130px + var(--wf-art-height) - 52px);width:var(--wf-column);text-align:right;padding-right:20px;color:#fff;opacity:1}
#wf-scroll #cap .a{font-size:13px;line-height:1.514}
#wf-scroll #cap .b{font-size:24px;line-height:1.1}
#wf-scroll #cap.on{opacity:1}
@media(prefers-reduced-motion:reduce){#wf-scroll *{transition:none!important;animation:none!important}
}
/* Source: design-system-1113/home.css */
:is(#services .figma-section-heading h2,#client-work-index .cw-index-title-text){font-size:var(--ds-title);line-height:1.2;color:var(--ink)}
:is(#services .figma-eyebrow,#client-work-index .cw-index-eyebrow){font-family:"OPTITimesRoman-Italic",serif;font-size:clamp(18px,1.75747vw,20px);line-height:1.5;color:var(--ink)}
@media(hover:hover){:is(.image-open,.cw-index-card,.viewer-image):not(:disabled):hover{filter:brightness(.94);box-shadow:none}
}
@media(max-width:767px){:is(#services .figma-section-heading h2,#client-work-index .cw-index-title-text){font-size:var(--ds-title);line-height:1.2}
}
.cw-index.figma-client-index .cw-index-title-text{font-size:var(--ds-title);line-height:1.2}
.cw-index.figma-client-index .cw-index-eyebrow{font-size:clamp(18px,1.75747vw,20px);line-height:1.5}
#wf-scroll #hd,#wf-scroll #left{left:0}
#wf-scroll #algo{left:var(--wf-center,412px)}
#wf-scroll #out,#wf-scroll #cap{left:var(--wf-right,774px)}
#wf-scroll #desc{left:var(--wf-right,774px);right:auto;width:var(--wf-column,317px)}
@media(hover:hover){a:not(.button):not(.cw-index-card):hover,button:is(.text-link,.text-button,.email-addresses):hover{color:var(--muted);filter:none}
}
#wf-scroll #desc{left:auto;right:0;width:var(--wf-copy-width,680px);font-size:var(--wf-copy-font,16px);line-height:var(--wf-copy-line,26px);transform:scale(var(--wf-copy-inverse,1));transform-origin:top right}
#wf-scroll #desc>span{display:block}
#wf-scroll :is(#left,#algo,#out,#cap,#wires){margin-top:var(--wf-copy-offset,0px)}

:is(#services.figma-brand-imagery,#client-work-index,#wf-scroll){--ds-title:clamp(32px,4.21793vw,48px);--ds-section-space:40px;--ds-ease:cubic-bezier(.22,.61,.36,1);font-family:"Chloe Figma Inter",sans-serif;padding-block:40px}
#wf-scroll{margin:0}
#services.figma-brand-imagery .carousel-controls,#services.figma-brand-imagery .carousel-thumbs{display:none}
:is(#services,#client-work-index) :is(h2,h3){font-weight:500;letter-spacing:0}
#client-work-index .cw-index-card{scroll-margin-top:104px}
@media(max-width:767px){:is(#services.figma-brand-imagery,#client-work-index,#wf-scroll){padding-block:24px}}
html[lang="zh"] :is(#services,#client-work-index,#wf-scroll){font-family:inherit}

#wf-scroll .workflow-original{display:block;width:100%;height:100%;border:0;padding:0;background:transparent;cursor:zoom-in}
/* Preserve the approved desktop diagram; reflow its same panels on phones instead
   of shrinking the algorithm labels to a few pixels. Each photo fits a viewport. */
@media(max-width:600px){
 #wf-scroll #wf{height:auto!important;overflow:visible}
 #wf-scroll #stage{position:relative;left:auto;top:auto!important;width:calc(100% - 40px)!important;height:auto;transform:none!important;margin:auto;display:flex;flex-direction:column;gap:24px}
 #wf-scroll #hd{position:static;width:100%;order:0}
 #wf-scroll #hd .k{font-size:18px;line-height:1.5;white-space:normal}
 #wf-scroll #hd .h{font-size:32px;line-height:1.2}
 #wf-scroll #desc{position:static;order:1;width:100%;font-size:15px;line-height:1.6;transform:none;text-align:left;margin-top:-8px}
 #wf-scroll #left{position:static;order:2;width:100%;height:auto;margin-top:0}
 #wf-scroll .gridrow{height:calc((100vw - 40px)*130/317)}
 #wf-scroll #looks{gap:4px;margin-top:6px}
 #wf-scroll #looks div{height:calc((100vw - 40px)*225/317)}
 #wf-scroll #wires{display:none}
 #wf-scroll #algo{position:static;order:3;width:100%;height:auto;padding:28px 32px;border:1px solid #000;gap:24px;margin-top:0}
 #wf-scroll #algo .title{width:100%;font-size:24px}
 #wf-scroll #rows{width:100%}
 #wf-scroll .row .lab{font-size:13px}
 #wf-scroll .row .chk{left:-19px}
 #wf-scroll #out{position:relative;left:auto;top:auto;order:4;width:100%;height:calc((100vw - 40px)*491/317);margin-top:0}
 #wf-scroll #cap{position:relative;left:auto;top:auto;order:5;width:100%;height:52px;z-index:1;margin-top:-104px;margin-bottom:28px}
}

#wf-scroll #cap{pointer-events:none}