/* Loaded only by /expertise/. All service detail pages and the homepage are isolated. */
.expertise-page .expertise-copy-phase>.button{margin-top:34px}
.expertise-page.expertise-motion .expertise-hero{height:calc(var(--expertise-view) * 2.55);padding:0;overflow:visible;position:relative}
.expertise-motion .expertise-sticky{position:sticky;top:var(--expertise-header);height:var(--expertise-view);padding:25px var(--gutter) 20px;display:flex;flex-direction:column;overflow:clip;isolation:isolate}
.expertise-motion .expertise-sticky>.breadcrumbs{margin-bottom:25px;flex-shrink:0}
.expertise-motion .expertise-sticky>.hero-grid{flex:1;gap:50px;align-items:center;min-height:0;max-width:1700px;width:100%;margin:auto}
.expertise-motion .expertise-copy-stage{display:grid;align-items:center;position:relative;z-index:3}
.expertise-motion .expertise-copy-phase{grid-area:1/1;will-change:transform,opacity}
.expertise-motion .expertise-copy-phase>.eyebrow{font-size:9px;margin-bottom:22px}
.expertise-motion .expertise-copy-phase :is(h1,.expertise-scene-title){font-size:clamp(52px,5.35vw,90px);line-height:1.07;letter-spacing:-.06em}
.expertise-motion .expertise-copy-phase>.intro{font-size:clamp(17px,1.45vw,22px);margin-top:26px;max-width:590px}
.expertise-motion .expertise-copy-phase>.support-copy{font-size:13px;margin-top:20px;max-width:500px}
.expertise-motion .expertise-copy-phase>.button{margin-top:30px}
.expertise-motion .expertise-sticky>.hero-baseline{margin-top:25px;padding-top:18px;flex-shrink:0;position:relative}
.expertise-motion .hero-baseline:before{content:'';position:absolute;top:-1px;left:0;right:0;height:1px;background:linear-gradient(90deg,#fe316c,#ffa801,#25d0fe,#2793ff);transform-origin:left;transform:scaleX(var(--expertise-progress,0))}
.expertise-motion .hero-baseline>span:first-of-type{display:none}
.expertise-motion .expertise-chapters{display:flex;align-items:center;gap:25px}
.expertise-chapters button{display:inline-flex;align-items:center;gap:9px;min-height:32px;font-size:9px;letter-spacing:.02em;color:#8fa2bb;border:0;background:transparent;padding:0}
.expertise-chapters button>span{font-size:8px;color:#6c829c}
.expertise-chapters button[aria-current]{color:#ecf7ff}
.expertise-chapters button[aria-current]>span{color:#25d0fe}
.expertise-motion .system-art{height:min(540px,calc(var(--expertise-view) * .69));width:100%;transform:none!important;transition:none;isolation:isolate;perspective:1200px}
.expertise-motion .system-art .system-caption{bottom:0;font-size:7px;letter-spacing:.12em;color:#8aa2bd}
.expertise-page .service-card{--service-progress:.5}
.expertise-page.expertise-card-motion .service-art .identity-sheet{transform:rotate(calc(-10deg + var(--service-progress)*5deg)) translateY(calc(28px - var(--service-progress)*35px));transform-origin:bottom left}
.expertise-page.expertise-card-motion .service-art .identity-stamp{transform:rotate(calc(17deg - var(--service-progress)*10deg)) translate(calc(28px - var(--service-progress)*28px),calc(48px - var(--service-progress)*48px))}
.expertise-page.expertise-card-motion .service-art .swatch-row{transform:scaleX(calc(.3 + var(--service-progress)*.7));transform-origin:left}
.expertise-page.expertise-card-motion .service-art .film-frame:not(.second){transform:rotate(calc(-9deg + var(--service-progress)*5deg)) translateX(calc(-35px + var(--service-progress)*35px))}
.expertise-page.expertise-card-motion .service-art .film-frame.second{transform:rotate(calc(15deg - var(--service-progress)*7deg)) translateX(calc(65px - var(--service-progress)*65px))}
.expertise-page.expertise-card-motion .service-art .edit-timeline>b{left:calc(5% + var(--service-progress)*88%)}
.expertise-page.expertise-card-motion .service-art .browser-window{transform:perspective(900px) rotateY(calc(-12deg + var(--service-progress)*12deg)) rotate(calc(-9deg + var(--service-progress)*4deg)) translateY(calc(25px - var(--service-progress)*25px))}
.expertise-page.expertise-card-motion .service-art .phone-window{transform:rotate(calc(14deg - var(--service-progress)*6deg)) translateX(calc(55px - var(--service-progress)*55px))}
.expertise-page.expertise-card-motion .service-art .campaign-flow path{stroke-dashoffset:calc(300 - var(--service-progress)*300)}
.expertise-page.expertise-card-motion .service-art .audience-nodes>i{transform:translateX(calc((.5 - var(--service-progress))*30px))}
.expertise-page.expertise-card-motion .service-art .ad-message{transform:translateY(calc(30px - var(--service-progress)*30px));opacity:calc(.55 + var(--service-progress)*.45)}
.expertise-page.expertise-card-motion .service-art .action-node{transform:translateY(calc(22px - var(--service-progress)*22px));opacity:calc(.3 + var(--service-progress)*.7)}
.expertise-page.expertise-card-motion .service-art .workflow-node:nth-of-type(1){transform:translateX(calc(-35px + var(--service-progress)*35px))}
.expertise-page.expertise-card-motion .service-art .workflow-node:nth-of-type(3){transform:translateX(calc(30px - var(--service-progress)*30px))}
.expertise-page.expertise-card-motion .service-art .workflow-node:nth-of-type(5){transform:translateX(calc(-25px + var(--service-progress)*25px))}
.expertise-page.expertise-card-motion .service-art .workflow-line:after{top:calc(var(--service-progress)*80%)}
.expertise-page.expertise-card-motion .service-art .search-result{transform:translateX(calc(-25px + var(--service-progress)*25px))}
.expertise-page.expertise-card-motion .service-art .search-result.second{transform:translateX(calc(35px - var(--service-progress)*35px))}
.expertise-page.expertise-card-motion .service-art .search-concept>svg path{stroke-dasharray:450;stroke-dashoffset:calc(450 - var(--service-progress)*450)}
@media(max-width:1100px){.expertise-motion .expertise-sticky>.hero-grid{gap:30px}.expertise-motion .expertise-copy-phase :is(h1,.expertise-scene-title){font-size:clamp(46px,5.1vw,65px)}.expertise-motion .expertise-copy-phase>.intro{font-size:17px}.expertise-motion .expertise-copy-phase>.support-copy{font-size:12px}.expertise-page.expertise-motion .system-art .system-node{font-size:9px;padding:10px 13px}.expertise-motion .expertise-chapters{gap:17px}.expertise-motion .expertise-chapters button{font-size:8px;gap:6px}}
@media(max-width:899px){.expertise-motion .expertise-sticky{padding:20px var(--gutter) 15px}.expertise-motion .expertise-sticky>.breadcrumbs{margin-bottom:15px}.expertise-motion .expertise-sticky>.hero-grid{grid-template-columns:1fr;align-content:center;gap:18px;flex:1}.expertise-motion .expertise-copy-phase :is(h1,.expertise-scene-title){font-size:clamp(38px,6.5vw,56px)}.expertise-motion .expertise-copy-phase>.intro{font-size:17px;margin-top:17px;max-width:650px;line-height:1.65}.expertise-motion .expertise-copy-phase>.support-copy{display:none}.expertise-motion .expertise-copy-phase>.eyebrow{font-size:8px;margin-bottom:15px}.expertise-motion .expertise-copy-phase>.button{margin-top:18px;min-height:44px;font-size:11px;padding:12px 20px}.expertise-motion .system-art{height:min(360px,calc(var(--expertise-view)*.40));max-width:570px;margin:0 auto}.expertise-motion .expertise-sticky>.hero-baseline{margin-top:15px;padding-top:10px}.expertise-motion .hero-baseline>a{font-size:7px}.expertise-motion .hero-baseline>span:nth-of-type(2){display:none}.expertise-motion .system-art .system-caption{font-size:6px;bottom:-7px}.expertise-motion .expertise-chapters{gap:16px}}
@media(max-width:520px){.expertise-motion .expertise-sticky{padding-top:16px;padding-bottom:12px}.expertise-motion .expertise-sticky>.breadcrumbs{margin-bottom:12px;font-size:8px}.expertise-motion .expertise-copy-phase :is(h1,.expertise-scene-title){font-size:38px;letter-spacing:-.055em}.expertise-motion .expertise-copy-phase>.eyebrow{font-size:6.5px;margin-bottom:13px;letter-spacing:.13em}.expertise-motion .expertise-copy-phase>.intro{font-size:15px;line-height:1.65;margin-top:16px}.expertise-motion .expertise-copy-phase>.button{font-size:10px;min-height:40px;padding:10px 17px;margin-top:17px}.expertise-motion .system-art{height:min(280px,calc(var(--expertise-view)*.365))}.expertise-page.expertise-motion .system-art .system-node{font-size:8px;min-height:34px;padding:8px 10px;gap:6px}.expertise-page.expertise-motion .system-art .system-node>i{height:4px;width:4px}.expertise-motion .expertise-chapters{gap:12px}.expertise-motion .expertise-chapters button{font-size:7px;gap:5px;min-height:30px}.expertise-motion .expertise-chapters button>span{font-size:6px}.expertise-motion .hero-baseline>a{display:none}.expertise-motion .expertise-sticky>.hero-grid{gap:16px}.expertise-motion .expertise-sticky>.hero-baseline{margin-top:15px}.expertise-page .expertise-copy-phase>.button{margin-top:27px}}
.expertise-page.motion-paused .service-art .campaign-flow path,.expertise-page.motion-paused .service-art .search-concept>svg path{stroke-dashoffset:0}
.expertise-page.expertise-motion .system-art .system-node{white-space:nowrap}
.expertise-page{overflow-anchor:none}

/* The overview hero's physical campaign studio. The service illustrations stay independent. */
.expertise-page .expertise-studio{transform:none!important;isolation:isolate}
.expertise-page .expertise-studio :is(.system-core,.system-ring,.expertise-wires){display:none!important}
.expertise-page .expertise-studio-view{position:absolute;inset:-18px -30px 82px;pointer-events:none}
.expertise-page .expertise-studio-poster,.expertise-page .expertise-studio-canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block}
.expertise-page .expertise-studio-canvas{opacity:0;transition:opacity .35s}
.expertise-page .studio-ready .expertise-studio-canvas{opacity:1}
.expertise-page .studio-ready .expertise-studio-poster{visibility:hidden}
.expertise-page .expertise-studio .system-node{top:auto!important;bottom:32px!important;left:calc((var(--studio-index) + .5)*100%/6)!important;right:auto!important;transform:translateX(-50%)!important;background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0;font-size:9px!important;padding:8px 4px!important;min-height:34px;gap:6px;white-space:nowrap;will-change:auto!important}
.expertise-page .expertise-studio .system-node:after{content:'';height:1px;background:#25d0fe;position:absolute;bottom:2px;left:5px;right:5px;transform:scaleX(0);transition:transform .3s}
.expertise-page .expertise-studio .system-node[data-emphasis]:after{transform:scaleX(1)}
.expertise-page .expertise-studio .node-0{--studio-index:0}.expertise-page .expertise-studio .node-1{--studio-index:1}.expertise-page .expertise-studio .node-2{--studio-index:2}.expertise-page .expertise-studio .node-3{--studio-index:3}.expertise-page .expertise-studio .node-4{--studio-index:4}.expertise-page .expertise-studio .node-5{--studio-index:5}
.expertise-page .expertise-studio .system-caption{bottom:3px!important;font-size:7px;line-height:1.6;padding:0 5px}
@media(max-width:1100px){.expertise-page .expertise-studio .system-node{font-size:8px!important;gap:4px}.expertise-page .expertise-studio .system-node>i{width:4px;height:4px}}
@media(max-width:899px){.expertise-page .expertise-studio-view{inset:-28px -15px 64px}.expertise-page .expertise-studio .system-node{bottom:24px!important;font-size:8px!important}.expertise-page .expertise-studio .system-caption{font-size:6px}}
@media(max-width:520px){.expertise-page .expertise-studio-view{inset:-24px -22px 56px}.expertise-page .expertise-studio .system-node{bottom:19px!important;font-size:7px!important;gap:3px;padding:6px 0!important;min-height:32px}.expertise-page .expertise-studio .system-node>i{width:3px;height:3px}.expertise-page .expertise-studio .system-caption{font-size:5px;letter-spacing:.08em}}
@media(prefers-reduced-motion:reduce){.expertise-page .expertise-studio-canvas{transition:none}}

.expertise-page:not(.expertise-motion) .expertise-copy-phase>.expertise-scene-title{font-size:clamp(48px,6.7vw,112px);line-height:1.04;letter-spacing:-.065em}
.expertise-chapters button,.expertise-chapters button>span{font-size:11px;min-height:44px}
.expertise-page .expertise-studio .system-caption{font-size:10px;letter-spacing:.035em}
@media(max-width:899px){.expertise-motion .expertise-chapters{gap:8px}.expertise-motion .expertise-chapters button{font-size:11px;gap:4px;min-height:44px}.expertise-motion .expertise-chapters button>span{font-size:10px}.expertise-page .expertise-studio .system-node{font-size:10px!important;min-height:36px}.expertise-page .expertise-studio .system-caption{font-size:10px}.expertise-motion .expertise-copy-phase>.eyebrow{font-size:10px}}