/* Figma 1138px frames, 2026-11-12. Only the redesigned English Chloe sections. */
.hero.figma-hero.figma-rebuild{min-height:0}
.hero.figma-hero.figma-rebuild .figma-hero-copy{font-size:clamp(12px,1.05448vw,22px);font-weight:300}
.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}
/* Keep the frame, shadow and label stationary; only the edge-to-edge photo track moves. */
#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}

/* Revised Client work frame 26:58. Photos use the current Figma crop and shadow. */
.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){
 .hero.figma-hero.figma-rebuild{min-height:650px}
 .hero.figma-hero.figma-rebuild .figma-hero-title{left:var(--gutter);width:calc(100% - 2*var(--gutter));font-size:min(40px,calc((100vw - 2*var(--gutter))*40/427))}
 .hero.figma-hero.figma-rebuild .figma-hero-copy{left:var(--gutter);width:calc(100% - 2*var(--gutter));font-size:12px}
 .hero.figma-hero.figma-rebuild .figma-hero-cta{left:var(--gutter)}
 .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}
}


/* Dedicated native anchors avoid the legacy #case-* lightbox history handler. */
.chloe-home .case-heading[id^="client-case-"]{scroll-margin-top:104px}

/* A single Figma Mission panel; three equal scroll intervals control its state. */
#our-mission.mission-sticky{--mission-header:80px;--mission-travel:225svh;position:relative;height:calc(100svh - var(--mission-header) + var(--mission-travel));background:#fff;color:#000;font-synthesis:none}
#our-mission .mission-pin{position:sticky;top:var(--mission-header);height:calc(100svh - var(--mission-header));display:flex;align-items:center;justify-content:center}
#our-mission .mission-layout{position:relative;container-type:inline-size;width:min(100%,calc((100svh - var(--mission-header) - 32px)*1138/685));aspect-ratio:1138/685}
#our-mission .mission-copy{position:absolute;left:4.39367%;top:6.56942%;width:45.60633%}
#our-mission h2{margin:0;font-family:"OPTITimes-Roman",serif;font-weight:500;font-style:normal;font-size:3.16344cqw;line-height:1.38889;letter-spacing:0}
#our-mission h2 em{font-family:"OPTITimesRoman-Italic",serif;font-style:italic;font-weight:500}
#our-mission .mission-claims{position:relative;margin-top:2.37258cqw}
#our-mission .mission-claim{margin:0;min-height:3.60281cqw;color:#b5b5b5;font-family:"OPTITimes-Roman",serif;font-size:1.75747cqw;font-weight:500;line-height:1.97;letter-spacing:0;transition:color .45s ease,transform .45s cubic-bezier(.22,.61,.36,1);transform:translateX(0)}
#our-mission .mission-claim.is-active{color:#000;transform:translateX(2.54833cqw)}
#our-mission .mission-marker{position:absolute;left:0;top:0;display:flex;align-items:center;height:3.60281cqw;font-family:Arial,sans-serif;font-size:2.46046cqw;line-height:1;transition:none}
#our-mission .mission-visuals{position:absolute;left:50.87873%;top:6.56942%;width:44.72759%;aspect-ratio:509/573}
#our-mission .mission-visual{position:absolute;inset:0;margin:0;pointer-events:none}
#our-mission .mission-visual img{display:block;width:100%;height:100%;object-fit:cover}
#our-mission .mission-visual figcaption{position:absolute;left:18.5%;bottom:2.4%;margin:0;padding:0;background:transparent;color:#000;font-family:"Chloe Figma Inter",sans-serif;font-size:1.05448cqw;font-style:italic;font-weight:400;line-height:1.5}
@media(max-width:767px){
 #our-mission.mission-sticky{--mission-header:64px;--mission-travel:225svh}
 #our-mission .mission-layout{width:100%;height:calc(100svh - 64px);aspect-ratio:auto;display:flex;flex-direction:column;padding:20px;gap:18px}
 #our-mission .mission-copy{position:static;width:100%;flex:none}
 #our-mission h2{font-size:clamp(24px,6.5cqw,36px);line-height:1.15}
 #our-mission .mission-claims{margin-top:18px}
 #our-mission .mission-claim{font-size:clamp(13px,3.6cqw,18px);line-height:1.55;min-height:28px;white-space:nowrap}
 #our-mission .mission-claim.is-active{transform:translateX(20px)}
 #our-mission .mission-marker{height:28px;font-size:20px}
 #our-mission .mission-visuals{position:relative;left:auto;top:auto;flex:1;min-height:0;width:100%;aspect-ratio:auto;container-type:size}
 #our-mission .mission-visual{left:50%;right:auto;top:0;width:min(100cqw,calc(100cqh*509/573));height:auto;aspect-ratio:509/573;transform:translateX(-50%)}
 #our-mission .mission-visual img{object-fit:cover}
 #our-mission .mission-visual figcaption{font-size:10px}
}
@media(prefers-reduced-motion:reduce){#our-mission .mission-marker,#our-mission .mission-claim{transition:none}}

#our-mission .mission-marker img{width:1.94112cqw;height:1.94112cqw;display:block}
@media(max-width:767px){#our-mission .mission-marker img{width:16px;height:16px}}

/* Mission transitions only. Geometry and the three scroll intervals are unchanged. */
#our-mission .mission-image-frame{position:absolute;inset:0;overflow:hidden}
#our-mission .mission-picture{position:absolute;inset:0;filter:blur(12px);transform:scale(1.04);transform-origin:center;transition:filter .65s ease,transform .65s cubic-bezier(.22,.61,.36,1);will-change:filter,transform}
#our-mission .mission-main-image{opacity:0;transition:opacity .65s ease}
#our-mission .mission-visual.is-active .mission-picture{filter:blur(0);transform:scale(1)}
#our-mission .mission-visual.is-active .mission-main-image{opacity:1}
#our-mission .mission-thumbnails{position:absolute;inset:0 auto 0 0;width:15.913556%}
#our-mission .mission-thumbnail{position:absolute;left:0;right:0;top:var(--thumb-top);height:var(--thumb-height);opacity:0;transition:opacity .32s ease;transition-delay:var(--thumb-delay)}
#our-mission .mission-visual.is-active .mission-thumbnail{opacity:1}
#our-mission .mission-visual figcaption{opacity:0;filter:blur(8px);transition:opacity .65s ease,filter .65s ease}
#our-mission .mission-visual.is-active figcaption{opacity:1;filter:blur(0)}
#our-mission .mission-marker img{transform:scale(1);transform-origin:center;opacity:1}
@media(prefers-reduced-motion:reduce){#our-mission .mission-picture,#our-mission .mission-main-image,#our-mission .mission-thumbnail,#our-mission .mission-visual figcaption{transition:none}}