/* Actual client work: identity redactions are permanently encoded in media files. */
.creative-poster.customer-artwork{aspect-ratio:1760/2352;position:relative;overflow:hidden;background:#e6e3dc}
.creative-poster.customer-artwork>img{width:100%;height:100%;object-fit:contain;display:block}
.customer-stage{margin:70px auto 0;background:#1b2b44;border:1px solid #233a58;border-radius:30px;padding:48px 48px 25px;overflow:hidden;box-shadow:0 25px 65px #132a4512}
.customer-stage-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;max-width:1000px;margin:auto;align-items:start}
.customer-stage-card{display:block;min-width:0;border-radius:8px;overflow:hidden;box-shadow:0 16px 35px #09132230;transition:box-shadow .7s ease,translate .7s cubic-bezier(.2,.65,.25,1)}
.customer-stage-card:nth-child(2){margin-top:22px}
.customer-stage-card:hover{translate:0 -7px;box-shadow:0 24px 44px #09132266}
.customer-stage-card:focus-visible{outline:3px solid #c0d4ff;outline-offset:5px;translate:none}
.customer-stage figcaption,.service-persuasive .customer-stage figcaption{position:static;display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:none;font-size:12px;line-height:1.75;color:#c3cddd;margin:25px 0 0;text-align:left}
.customer-stage figcaption>a{display:inline-flex;align-items:center;justify-content:space-between;gap:22px;min-height:44px;color:#f3f6fb;white-space:nowrap;font-size:13px}
.service-persuasive .customer-stage{min-height:0;padding:48px 48px 25px;background:#1b2b44}
.service-persuasive .customer-stage:before{content:none}
.service-persuasive .creative-item>a{padding:0;border-radius:12px;border:1px solid #d5d9dc;background:#e9eced;box-shadow:0 9px 30px #1d304509}
.service-persuasive .creative-item-caption{padding:20px 3px 0}
.service-persuasive .creative-item-caption h3{font-size:13px;letter-spacing:.04em;color:#52647a}
.service-persuasive .creative-dialog .customer-artwork{width:100%}
@media(max-width:700px){
 .customer-stage,.service-persuasive .customer-stage{padding:0 0 18px;border-radius:20px;margin-top:45px}
 .customer-stage-cards{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:82%;gap:16px;padding:26px 22px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:22px;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#7c8ba3 transparent}
 .customer-stage-card,.customer-stage-card:nth-child(2){margin:0;scroll-snap-align:center}
 .customer-stage-card:hover{translate:none}
 .customer-stage figcaption,.service-persuasive .customer-stage figcaption{margin:14px 22px 0;display:block;font-size:11px}
 .customer-stage figcaption>a{margin-top:8px;font-size:13px}
 .service-persuasive .creative-grid{gap:38px}
}
@media(prefers-reduced-motion:reduce){.customer-stage-card{transition:none;translate:none!important}}
.motion-reduced .customer-stage-card{transition:none;translate:none!important}
.creative-poster.client-artwork{position:relative;overflow:hidden;background:#e9edf2;aspect-ratio:1;isolation:isolate}
.creative-poster.client-film{aspect-ratio:9/16;background:#172435}
.creative-poster.client-artwork>img{display:block;width:100%;height:100%;object-fit:contain}
.service-persuasive .creative-grid.client-work-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:48px 28px;align-items:start}
.client-work-grid .client-work-film{grid-column:span 2}
.client-work-grid .client-work-image{grid-column:span 3}
.client-work-grid .creative-item>a{position:relative;display:block}
.client-play{position:absolute;inset:50% auto auto 50%;translate:-50% -50%;display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:#f7f9fce6;color:#203555;padding-left:4px;font-size:21px;box-shadow:0 8px 35px #08182c55;transition:scale .6s,background .6s}
.client-work-film>a:hover .client-play,.client-work-film>a:focus-visible .client-play{scale:1.1;background:#fff}
.client-work-grid .creative-item-caption{display:flex;flex-direction:row;align-items:center;gap:12px;justify-content:space-between}
.client-work-grid .creative-item-caption span{font-size:11px;line-height:1.7;color:#627187;white-space:nowrap}
.client-work-dialog .creative-dialog-frame{width:min(640px,100%)}
.client-video-dialog .creative-dialog-frame{width:min(450px,100%,calc((100svh - 230px)*.5625))}
.client-video-dialog video{display:block;width:100%;height:auto;aspect-ratio:9/16;background:#14223a;border-radius:7px}
.client-work-dialog .creative-dialog-top h2{font-family:inherit;letter-spacing:-.03em}
@media(max-width:900px){.service-persuasive .creative-grid.client-work-grid{gap:35px 18px}.client-work-grid .creative-item-caption{display:block}.client-work-grid .creative-item-caption span{display:block;margin-top:6px}}
@media(max-width:600px){.service-persuasive .creative-grid.client-work-grid{grid-template-columns:1fr;gap:42px}.client-work-grid .client-work-film,.client-work-grid .client-work-image{grid-column:auto}.client-work-grid .client-work-film{width:min(100%,340px);margin-inline:auto}.client-work-grid .creative-item-caption{display:flex}.client-work-grid .creative-item-caption h3{font-size:13px}.client-video-dialog .creative-dialog-frame{width:min(100%,calc((100svh - 210px)*.5625))}}
@media(prefers-reduced-motion:reduce){.client-play{transition:none}}
