/* Shared chrome identity. Original supplied PNGs, no alteration to the artwork. */
.n-header .content-row.content-align-middle{min-width:0!important;gap:0!important}
.n-header .logo-header{width:136px!important;height:64px!important;overflow:hidden}
.n-header .systems247-header-mark{position:relative;width:100%;height:100%}
.n-header .systems247-header-mark img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block!important;transition:opacity .32s ease;filter:drop-shadow(0 3px 5px #0002)}
.n-header .systems247-on-dark{opacity:1}.n-header .systems247-on-light{opacity:0}
.n-header[data-chrome-tone="light"] .systems247-on-dark{opacity:0}
.n-header[data-chrome-tone="light"] .systems247-on-light{opacity:1}
.n-header[data-chrome-tone] .n-nav{transition:background-color .32s,color .32s;border-color:#ffffff20!important;background:#111111ee!important;color:#fff!important;backdrop-filter:blur(18px)}
.n-header[data-chrome-tone="light"] .n-nav{background:#fffffff2!important;color:#141414!important;border-color:#1112!important}
.n-header[data-chrome-tone="light"] .n-nav-link,.n-header[data-chrome-tone="light"] .w-dropdown-toggle{color:#141414!important}
.n-header[data-chrome-tone="dark"] .n-nav-link,.n-header[data-chrome-tone="dark"] .w-dropdown-toggle{color:#fff!important}
.n-header .n-brand{padding:0!important;margin:0!important;display:block}
.n-header .part-of-unify{display:none!important}
@media(max-width:1100px){.n-header .logo-header{width:116px!important;height:56px!important}}
@media(max-width:600px){.n-header .logo-header{width:100px!important;height:50px!important}}
/* Five actual workspaces. Motion stays inside each product illustration. */
.ov-workspace{position:relative;background:#0d1016;box-shadow:0 30px 90px #0005}
.ov-topbar{background:#171b23}.ov-workspace .ov-brand-logo{object-fit:cover}
.ov-card-1 .ov-brand-logo,.ov-brand-detail>.ov-brand-logo{content:url('/assets/247-systems/logo-chrome-black.png')}
.ov-art-grid{perspective:1200px;gap:16px}.ov-creative-card{border-radius:10px;box-shadow:0 15px 35px #0006}
.ov-card-0 .ov-art{background:radial-gradient(ellipse at 40% 30%,#0040c055,transparent 70%),#080b13}
.ov-card-1 .ov-art{background:#e9e9e9}.ov-card-2 .ov-art{background:linear-gradient(140deg,#0037a3,#08132a)}
.ov-card-1 .ov-card-copy{top:auto;bottom:49px}.ov-art .ov-brand-logo{padding:0 4px 65px}
.ov-card-copy{font-size:clamp(20px,2.3vw,34px);letter-spacing:-.045em}
.ov-video-art{height:310px}.ov-video-art>.ov-brand-logo{object-fit:cover;width:56%;height:100%;top:0;right:0}
.studio-progress{height:2px;background:#ffffff0b;overflow:hidden}.studio-progress span{display:block;height:100%;width:0;background:#548cff}
.ov-workspace.is-in-view .studio-progress span{animation:studio-progress 9s linear infinite}
.ov-workspace.is-in-view .ov-creative-card{animation:studio-card 9s ease infinite;animation-delay:calc(var(--studio-i,0)*.4s)}
.ov-workspace.is-in-view .ov-playhead{animation:studio-scrub 9s linear infinite}
.ov-workspace.is-in-view .ov-video-art>.ov-brand-logo{animation:studio-focus 9s ease-in-out infinite}
.ov-workspace.is-in-view .ov-brand-main>.ov-brand-logo{animation:studio-focus 9s ease-in-out infinite}
.ov-workspace.is-in-view .ov-brand-detail{animation:studio-exposure 9s ease-in-out infinite}
.ov-workspace.is-in-view .ov-mini-bars i{transform-origin:bottom;animation:studio-bars 9s ease infinite;animation-delay:calc(var(--studio-i,0)*.12s)}
.ov-workspace.is-in-view .ov-task-table>div:not(:first-child){animation:studio-row 9s ease infinite;animation-delay:calc(var(--studio-i,0)*.35s)}
.ov-workspace.is-in-view .ov-flow-node{animation:studio-node 9s ease infinite;animation-delay:calc(var(--studio-i,0)*1.8s)}
.ov-workspace.is-in-view .ov-flow-line{background:linear-gradient(90deg,transparent,#77a3ff,transparent);height:2px;border:0;background-size:35% 100%;animation:studio-flow 5s linear infinite}
@keyframes studio-progress{0%{width:0}95%,100%{width:100%}}
@keyframes studio-card{0%,5%{opacity:.3;transform:translateY(18px) rotateX(8deg)}20%,88%{opacity:1;transform:translateY(0) rotateX(0)}100%{opacity:.3;transform:translateY(18px)}}
@keyframes studio-scrub{0%{left:15%}95%,100%{left:94%}}
@keyframes studio-focus{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}
@keyframes studio-exposure{0%,42%,58%,100%{filter:brightness(1)}50%{filter:brightness(1.3)}}
@keyframes studio-bars{0%,5%{transform:scaleY(.15)}30%,90%{transform:scaleY(1)}100%{transform:scaleY(.15)}}
@keyframes studio-row{0%,8%{opacity:.3;transform:translateX(8px)}25%,90%{opacity:1;transform:none}100%{opacity:.3}}
@keyframes studio-node{0%,10%,55%,100%{border-color:#ffffff24;box-shadow:0 12px 30px #0003}25%,40%{border-color:#84acff;box-shadow:0 0 35px #0040c066}}
@keyframes studio-flow{from{background-position:-55% 0}to{background-position:155% 0}}
@media(max-width:700px){.ov-video-art{height:260px}.ov-art-grid{gap:8px}.ov-card-copy{font-size:21px}.ov-workspace.is-in-view .ov-flow-line{width:2px;height:auto;background:#548cff55;animation:none}}
@media(prefers-reduced-motion:reduce){.n-header *{transition:none!important}.ov-workspace *{animation:none!important}.studio-progress span{width:100%}}
.n-header[data-chrome-tone]{background:transparent!important;border-color:transparent!important}
.n-header[data-chrome-tone] .n-main-nav-wrapper{background:#111111f2!important;color:#fff;transition:background-color .32s,border-color .32s}
.n-header[data-chrome-tone="light"] .n-main-nav-wrapper{background:#fffffff5!important;border-color:#1112!important;color:#141414}
.n-header[data-chrome-tone] .n-nav{background:transparent!important;backdrop-filter:none}
.n-header .logo-header{height:68px!important}
@media(max-width:1100px){.n-header .logo-header{height:58px!important}}
@media(max-width:600px){.n-header .logo-header{height:50px!important}}
.n-header[data-chrome-tone="light"] .hamburger-layer{background:#141414!important}
.n-header[data-chrome-tone="dark"] .hamburger-layer{background:#fff!important}
.ov-brand-main:after{content:"";position:absolute;inset:0;background:#f3f3f3 url('/assets/247-systems/logo-chrome-black.png') center/cover no-repeat;opacity:0;pointer-events:none}
.ov-workspace.is-in-view .ov-brand-main:after{animation:studio-shoot 9s ease-in-out infinite}
.ov-brand-main .ov-image-label{z-index:2;background:#0b0e16d9;padding:6px 10px;border-radius:20px;color:#fff}
@keyframes studio-shoot{0%,35%,95%,100%{opacity:0}45%,85%{opacity:1}}
@media(prefers-reduced-motion:reduce){.ov-workspace *:after{animation:none!important}}
.footer-column-top .footer-dark-logo,.footer-column-top .footer-light-logo{width:110px!important;height:55px!important;object-fit:cover}
/* Keep dropdown chevrons outside labels at every navigation width. */
.n-header .n-nav-link.w-dropdown-toggle{display:flex!important;align-items:center;gap:10px;padding-right:12px!important}
.n-header .w-dropdown-toggle>.w-icon-dropdown-toggle{position:static!important;inset:auto!important;margin:0!important;flex:0 0 12px;order:2;transform:none!important;font-size:12px;line-height:1}
.n-header .w-dropdown-toggle>.n-nav-link_text{order:1;white-space:nowrap}
/* Align footer content to a shared top edge and remove the empty newsletter gap. */
.gd-footer-grid{grid-template-columns:1.1fr 1.6fr .85fr!important}
.gd-footer-grid>.footer-grid_col{min-width:0;padding:40px 30px!important}
.gd-footer-grid>.footer-grid_col._1st{display:flex;flex-direction:column;justify-content:flex-start;gap:24px}
.footer-letstalk_top-part{min-height:0!important;height:auto!important;margin:0!important}
.footer-column-top{justify-content:flex-start!important;align-items:center;min-height:0!important}
.footer-column-top>a{display:block;width:120px;height:60px}
.footer-column-top .footer-dark-logo,.footer-column-top .footer-light-logo{width:120px!important;height:60px!important}
.footer_block._26-footer{margin:0!important;padding:0!important;max-width:340px}
.systems247-signature{font-size:clamp(22px,2vw,30px)!important;line-height:1.15!important;margin:0 0 18px!important}
.gd-footer-grid .footer-grid_col._2nd{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 24px!important;align-content:start}
.gd-footer-grid .footer-link_list{gap:12px!important;min-width:0}
.gd-footer-grid .footer-nav_menu-head{margin-bottom:8px!important}
.gd-footer-grid .gd-footer-link_tiny{line-height:1.6;overflow-wrap:anywhere}
.gd-footer-grid>.footer-grid_col._4th,.gd-footer-grid>.footer-grid_col._6th{padding:18px 30px!important}
.footer-bottom_content-wrapper{flex-wrap:wrap;gap:16px!important}
@media(max-width:900px){.gd-footer-grid{grid-template-columns:1fr 1fr!important}.gd-footer-grid>.footer-grid_col._1st{grid-column:1/-1}.gd-footer-grid>.footer-grid_col{padding:28px 22px!important}.gd-footer-grid .footer-grid_col._2nd{gap:28px 18px!important}.gd-footer-grid>.footer-grid_col._6th{grid-column:1/-1}}
@media(max-width:550px){.gd-footer-grid{grid-template-columns:1fr!important}.gd-footer-grid>.footer-grid_col{grid-column:1!important}.gd-footer-grid .footer-grid_col._2nd{grid-template-columns:1fr 1fr!important}.footer-column-top>a{width:110px}.systems247-signature{max-width:300px}}
/* Agent cursors are illustrative, never a claim of a live production run. */
.ov-workspace .studio-agent{position:absolute;z-index:5;pointer-events:none;left:32%;top:38%;padding:6px 10px;background:#185ce0;border:1px solid #b4ccff66;color:white;border-radius:5px;font-size:10px;box-shadow:0 5px 18px #0005;opacity:0;white-space:nowrap}
.studio-agent:before{content:'↖';position:absolute;font-size:23px;left:-14px;top:-20px;color:#73a2ff;text-shadow:0 1px 2px #000}
.ov-workspace .studio-agent.agent-review{background:#19735d;left:70%;top:62%}.agent-review:before{color:#5ed8a6}
.ov-workspace.is-in-view .studio-agent{animation:agent-work 9s ease-in-out infinite}.ov-workspace.is-in-view .agent-review{animation-delay:3.8s}
@keyframes agent-work{0%,8%,72%,100%{opacity:0;transform:translate(-12px,12px)}15%,28%{opacity:1;transform:translate(0,0)}40%,60%{opacity:1;transform:translate(26px,-25px)}}
.campaign-image{background-image:url('/assets/247-systems/campaign-examples.png');background-repeat:no-repeat;background-size:300% 100%;background-position:0 50%}
.campaign-bag{background-position:50% 50%}.campaign-lamp{background-position:100% 50%}
.ov-art.campaign-image{height:280px}.ov-card-0 .ov-art,.ov-card-1 .ov-art,.ov-card-2 .ov-art{background-color:#101318}
.ov-card-copy{color:#fff!important;text-shadow:0 2px 18px #0009!important;font-size:clamp(20px,2vw,29px)}
.ov-creative-card:after{content:'';position:absolute;inset:45% 0 35px;background:linear-gradient(transparent,#0009);pointer-events:none}
.ov-card-copy,.ov-card-label{z-index:2}.ov-card-label{color:#fff!important;text-shadow:0 1px 5px #000}
.ov-video-art.campaign-image{background-size:300% 100%;background-position:0 50%;isolation:isolate}
.ov-video-art.campaign-image:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#020916c9,transparent);z-index:-1}
.ov-video-art.campaign-image strong{max-width:52%;font-size:40px}
.ov-brand-main.campaign-image{background-position:50% 50%}.ov-brand-main.campaign-image:after{background:#f3e8db url('/assets/247-systems/campaign-examples.png') 100% 50%/300% 100% no-repeat}
.ov-brand-detail.campaign-image{background-position:100% 50%}
@media(prefers-reduced-motion:reduce){.ov-workspace .studio-agent{animation:none!important;opacity:1;transform:none}}
.ov-workspace .ov-art.campaign-image{background-image:url('/assets/247-systems/campaign-examples.png');background-size:300% 100%;background-repeat:no-repeat;background-position:0 50%}
.ov-workspace .ov-art.campaign-bag{background-position:50% 50%}
.ov-workspace .ov-art.campaign-lamp{background-position:100% 50%}
.footer-contact-description{font-size:14px;line-height:1.5;color:#666;white-space:normal;margin:0 0 8px;max-width:230px}

/* Preserve the source photograph ratio: scale uniformly, crop excess only. */
.ov-workspace .campaign-image{position:relative;container-type:size;background-image:none!important;overflow:hidden}
.campaign-surface{position:absolute;inset:0;display:block;background:url('/assets/247-systems/campaign-examples.png') no-repeat 0 32%;background-size:max(300cqw,150cqh) auto;pointer-events:none}
.campaign-bag>.campaign-surface{background-position:50% 35%}
.campaign-lamp>.campaign-surface{background-position:100% 35%}
.ov-workspace .ov-art.campaign-image{height:auto;aspect-ratio:4/5}
.ov-creative-card{min-height:0}
.ov-card-copy{font-size:clamp(17px,1.6vw,26px);right:14px;bottom:56px;line-height:1.1}
.ov-card-1 .ov-card-copy{bottom:56px}
.ov-workspace.is-in-view .ov-creative-card{animation:none;transform:none;opacity:1}
.ov-brand-main.campaign-image:after{display:none}
.ov-brand-detail .ov-image-label{z-index:2;background:#0b0e16d9;padding:6px 10px;border-radius:20px;color:#fff}
.ov-video-art.campaign-image>.campaign-surface{left:43%;background-position:0 25%}
.ov-video-art.campaign-image:before{z-index:1;background:linear-gradient(90deg,#080d18 38%,#080d1855 58%,transparent 75%);pointer-events:none}
.ov-video-art strong,.ov-timecode,.ov-caption{z-index:2}
.ov-workspace.is-in-view .ov-video-art>.campaign-surface{animation:studio-focus 9s ease-in-out infinite}
@media(max-width:700px){.ov-art-grid{grid-template-columns:1fr}.ov-creative-card:last-child{display:block}.ov-workspace .ov-art.campaign-image{aspect-ratio:4/5}.ov-card-copy{font-size:27px}.ov-card-label{font-size:10px}.ov-card-meta{font-size:10px;padding:12px}.ov-video-art.campaign-image strong{font-size:27px}.ov-workspace .studio-agent{font-size:9px;max-width:120px}.ov-bottom{flex-wrap:wrap}.ov-stat-grid{grid-template-columns:1fr}.ov-stat-grid small{font-size:10px}.ov-stat-grid p{font-size:11px}}
.campaign-surface,.campaign-bag>.campaign-surface,.campaign-lamp>.campaign-surface{background-position-y:0}
.ov-video-art.campaign-image>.campaign-surface{left:auto;right:7%;width:50cqh;background-size:150cqh auto;background-position:0 0}
.ov-video-art.campaign-image strong{max-width:48%;white-space:normal}
.ov-brand{grid-template-columns:minmax(0,.65fr) minmax(0,1fr);align-items:start}
.ov-brand-main.campaign-image{min-height:0;aspect-ratio:1/2;max-width:275px;width:100%;justify-self:center}
.ov-brand-detail.campaign-image>.campaign-surface{background-position:50% 43%}
@media(max-width:700px){.ov-brand{grid-template-columns:1fr}.ov-brand-main.campaign-image{max-width:240px}.ov-brand-side{grid-template-columns:1fr;grid-template-rows:180px auto}}