.cs-root{background:#fff;color:#171717}.cs-root .section{padding-block:72px}.cs-root h1,.cs-root h2,.cs-root h3{font-family:Onest,Arial,sans-serif;font-weight:400;letter-spacing:-.035em}.cs-root p,.cs-process p{color:#71686c;font:400 16px/1.65 Onest,Arial,sans-serif;letter-spacing:0}.cs-root h2,.cs-process h2{font-size:clamp(30px,3vw,46px);line-height:1.18;margin:16px 0 24px}.cs-heading{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}.cs-heading h1{font-size:clamp(50px,6vw,88px);line-height:1.05;margin:16px 0 0;overflow-wrap:anywhere}.cs-heading h2{font-size:32px;margin:0 0 20px}.cs-meta{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid #e7e2e4;margin:36px 0 24px;padding-top:18px;font:400 13px/1.5 Onest,Arial,sans-serif;color:#71686c}.cs-root a{color:inherit}.cs-root svg{width:20px;height:20px;flex-shrink:0}.cs-meta a{display:inline-flex;align-items:center;gap:12px;text-decoration:none}.cs-photo{margin:0;min-width:0}.cs-photo img{display:block;width:100%;height:auto;border-radius:8px;background:#f4f2f3}.cs-photo figcaption{margin-top:14px;font:400 12px/1.5 Onest,Arial,sans-serif;color:#81767b}.cs-context{display:grid;grid-template-columns:1fr 1fr;gap:80px;border-top:1px solid #e7e2e4}.cs-context p{max-width:58ch}.cs-features{background:#32131d;color:#fff}.cs-section-head{display:flex;justify-content:space-between;align-items:start;gap:32px;margin-bottom:36px}.cs-section-head h2{margin:0}.cs-section-head>span{font:400 12px/1.5 Onest,Arial,sans-serif;color:#81767b;padding-top:8px}.cs-features .cs-section-head>span,.cs-features p{color:#cbbec3}.cs-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}.cs-feature-grid article{border-top:1px solid #ffffff30;padding-top:20px}.cs-feature-grid article>span{font:400 12px/1.4 Onest,Arial,sans-serif;color:#ff5a2b}.cs-feature-grid h3{font-size:25px;line-height:1.3;margin:24px 0 18px}.cs-screen-pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,.29fr);gap:32px;align-items:start}.cs-photo-mobile{padding:16px;background:#f6f4f5;border-radius:10px}.cs-photo-mobile img{border:1px solid #e4dde0;border-radius:6px;max-height:580px;object-fit:contain}.cs-process{background:#f6f4f5;color:#171717;scroll-margin-top:140px}.cs-process .cs-section-head h2{margin:14px 0 0;font-weight:400}.cs-duration{display:grid;gap:8px;flex-shrink:0;color:#32131d}.cs-duration span{font:400 12px/1.5 Onest,Arial,sans-serif;color:#81767b}.cs-duration strong{font:400 32px/1.2 Onest,Arial,sans-serif;letter-spacing:-.035em}.cs-process ol{list-style:none;padding:0;margin:0}.cs-process li{display:grid;grid-template-columns:40px minmax(0,1fr) 150px;gap:24px;padding:24px 0;border-top:1px solid #ded6da;align-items:start}.cs-step-num{color:#b8a9b0;font:400 13px/1.5 Onest,Arial,sans-serif;padding-top:5px}.cs-process h3{font:400 24px/1.3 Onest,Arial,sans-serif;letter-spacing:-.02em;margin:0 0 8px}.cs-process li p{font-size:14px;max-width:64ch;margin:0}.cs-period{font:400 13px/1.5 Onest,Arial,sans-serif;color:#32131d;padding-top:5px;justify-self:end}.cs-process .cs-timing-note{font-size:12px;margin-top:20px;color:#81767b;max-width:80ch}.cs-video video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#171717;border-radius:8px}.cs-result{background:#32131d;color:#fff}.cs-result .eyebrow{color:#cbbec3}.cs-result h2{max-width:28ch}.cs-result-actions{display:flex;align-items:center;flex-wrap:wrap;gap:24px;margin-top:32px}.cs-result-actions a{display:inline-flex;align-items:center;gap:12px}.cs-result-actions .primary{background:#ff5a2b;color:#171717}.cs-root .pcase-breadcrumb{margin-bottom:40px;flex-wrap:wrap}.cs-root .eyebrow,.cs-process .eyebrow{font-size:12px;letter-spacing:0}
@media(max-width:900px){.cs-heading,.cs-context{grid-template-columns:1fr;gap:32px}.cs-feature-grid{gap:24px}.cs-feature-grid h3{font-size:22px}.cs-root .section{padding-block:56px}.cs-heading h1{max-width:none}.cs-heading h2{font-size:30px}.cs-screen-pair{gap:20px}}
@media(max-width:600px){.cs-root .section{padding-block:40px}.cs-root h2,.cs-process h2{font-size:30px}.cs-heading h1{font-size:48px}.cs-heading h2{font-size:26px}.cs-root p{font-size:15px}.cs-meta{align-items:start;flex-direction:column;gap:10px;margin-top:24px}.cs-feature-grid{grid-template-columns:1fr;gap:28px}.cs-feature-grid h3{margin:12px 0;font-size:23px}.cs-section-head{flex-direction:column;gap:14px;margin-bottom:26px}.cs-section-head>span{padding-top:0}.cs-screen-pair{grid-template-columns:1fr;gap:28px}.cs-photo-mobile{width:min(100%,280px);box-sizing:border-box;justify-self:center}.cs-process li{grid-template-columns:24px minmax(0,1fr);gap:8px 12px;padding:20px 0}.cs-period{grid-column:2;justify-self:start;grid-row:auto;padding-top:0;font-size:12px}.cs-process h3{font-size:21px}.cs-process li p{font-size:13px}.cs-duration strong{font-size:28px}.cs-root .pcase-breadcrumb{font-size:12px;gap:10px;margin-bottom:28px}.cs-result-actions{align-items:start;flex-direction:column}.cs-result-actions .button{box-sizing:border-box;width:100%;justify-content:space-between;font-size:14px}}
/* The portfolio is a light reading surface throughout scrolling. */
body:has(.cs-root,.smm-case-root) .enterprise-header.compact-header{background:#fff!important;color:#171717!important;border-bottom:1px solid #ece7e9;}
body:has(.cs-root,.smm-case-root) .enterprise-header .logo img{filter:none!important;}
body:has(.cs-root,.smm-case-root) .enterprise-header .desktop-nav>a,body:has(.cs-root,.smm-case-root) .enterprise-header .nav-disclosure{color:#171717!important;}
body:has(.cs-root,.smm-case-root) .enterprise-header .menu-toggle{color:#171717!important;border-color:#d9d2d6!important;}
body:has(.cs-root,.smm-case-root) .enterprise-header .menu-toggle span:not(.ui-action-icon){background:#171717!important;}
html body.web-page.video-case-page.hero-gradient-top:has(.cs-root,.smm-case-root) header.header.enterprise-header.compact-header{background:#fff!important;color:#171717!important;border-bottom:1px solid #ece7e9!important;}
html body.web-page.video-case-page.hero-gradient-top:has(.cs-root,.smm-case-root) header.header.enterprise-header.compact-header .desktop-nav>a,html body.web-page.video-case-page.hero-gradient-top:has(.cs-root,.smm-case-root) header.header.enterprise-header.compact-header .nav-disclosure,html body.web-page.video-case-page.hero-gradient-top:has(.cs-root,.smm-case-root) header.header.enterprise-header.compact-header .menu-toggle{color:#171717!important;}
html body.web-page.video-case-page.hero-gradient-top:has(.cs-root,.smm-case-root) header.header.enterprise-header.compact-header .menu-toggle>span{background:#171717!important;}

.cs-root .cs-site-link{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-height:48px;margin-top:8px;padding:13px 20px;border-radius:8px;background:#32131d;color:#fff;font:400 15px/1.4 Onest,Arial,sans-serif;text-decoration:none;transition:background .2s}.cs-root .cs-site-link:hover{background:#512333}.cs-root .cs-site-link:focus-visible{outline:2px solid #ff5a2b;outline-offset:4px}@media(max-width:700px){.cs-root .cs-site-link{width:100%;margin-top:4px}}

/* One reading sequence: project, scope, action, actual screen. */
.cs-root .cs-hero{padding-top:48px}.cs-root .cs-hero .pcase-breadcrumb{margin-bottom:32px}.cs-root .cs-heading{display:block;margin-bottom:36px}.cs-root .cs-heading h1{font-size:clamp(44px,5vw,72px);line-height:1.08;margin:12px 0 20px;max-width:22ch}.cs-root .cs-heading .cs-lead{font-size:20px;line-height:1.5;max-width:62ch;margin:0}.cs-hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:24px;margin-top:28px}.cs-root .cs-hero-actions .cs-site-link{margin:0;width:auto;min-width:192px}.cs-stage-link{display:inline-flex;align-items:center;gap:12px;min-height:48px;text-decoration:none;font:400 14px/1.5 Onest,Arial,sans-serif;color:#71686c!important}.cs-stage-link:hover{color:#32131d!important}.cs-stage-link:focus-visible{outline:2px solid #ff5a2b;outline-offset:4px}@media(max-width:600px){.cs-root .cs-hero{padding-top:28px}.cs-root .cs-hero .pcase-breadcrumb{margin-bottom:24px}.cs-root .cs-heading{margin-bottom:28px}.cs-root .cs-heading h1{font-size:40px;margin:12px 0 16px}.cs-root .cs-heading .cs-lead{font-size:17px;line-height:1.5}.cs-hero-actions{gap:8px 20px;margin-top:22px}.cs-root .cs-hero-actions .cs-site-link{width:100%;min-width:0}.cs-stage-link{min-height:40px;font-size:13px}}