/* Detail sheets (strategy + engineering), carousel, media. */
.sysOverlay.pathaiCaseOverlay .sysOverlayStage{transform:translate(100%)}
.sysOverlay.pathaiCaseOverlay.is-open .sysOverlayStage{transform:translate(0,0)}
.pathaiCaseOverlay .sysOverlaySheet{background:#171717}
@media (max-width:900px) {
.sysOverlay.pathaiCaseOverlay .sysOverlayStage{transform:translateY(100%)}
.sysOverlay.pathaiCaseOverlay.is-open .sysOverlayStage{transform:translate(0,0)}
}
@media (prefers-reduced-motion:reduce) {
.pathaiCaseOverlay .sysOverlayScrim,.pathaiCaseOverlay .sysOverlayStage{transition:none!important}
}
.chHero:has(.floatingVideoControl) .chCard{z-index:3}
.sysOverlay{z-index:80;pointer-events:none;position:fixed;inset:0}
.sysOverlay.is-open{pointer-events:auto}
body:has(.sysOverlay,.resumeDialog[open]) #main{transition:filter .15s ease-out}
body:has(.sysOverlay.is-open,.resumeDialog[open][data-visible=true]) #main{filter:blur(6px)}
.sysOverlayScrim,.resumeScrim{background:#000c}
@media (prefers-reduced-motion:reduce) {
body:has(.sysOverlay,.resumeDialog[open]) #main{transition:none}
}
.sysOverlayScrim{cursor:pointer;opacity:0;transition:opacity var(--sys-dur) var(--sys-ease);border:0;margin:0;padding:0;position:absolute;inset:0}
.sysOverlay.is-open .sysOverlayScrim{opacity:1}
.sysOverlayStage{z-index:1;pointer-events:none;will-change:transform;width:100%;height:100%;transition:transform var(--sys-dur) var(--sys-ease);padding-top:16px;display:flex;position:absolute;top:0;right:0;transform:translateY(100%)}
.sysOverlay.is-open .sysOverlayStage{transform:translate(0,0)}
@media (min-width:901px) {
.sysOverlayStage{width:calc(50vw + 60px);padding:0 0 0 60px;transform:translate(100%)}
.sysOverlay.is-open .sysOverlayStage{transform:translate(0,0)}
}
.sysOverlayClose{z-index:2;-webkit-backdrop-filter:blur(16px);width:44px;height:44px;color:var(--text);cursor:pointer;pointer-events:auto;opacity:0;transform-origin:50%;transition:transform .24s cubic-bezier(.22, 1, .36, 1), opacity var(--sys-hover-ms) linear 80ms, background-color var(--sys-hover-ms) linear;background:#00000061;border:0;border-radius:8px;justify-content:center;align-items:center;padding:16px;display:none;position:absolute;top:16px;left:0;transform:scale(1)}
.sysOverlay.is-open .sysOverlayClose{opacity:1}
.sysOverlayClose:hover{background:#ffffff24}
.sysOverlayClose:active{transition-duration:var(--sys-hover-ms), var(--sys-press-ms);background:#00000061}
.sysOverlayClose:focus-visible{outline:1px solid var(--color-border);outline-offset:2px}
@media (min-width:901px) {
.sysOverlayClose{display:inline-flex}
}
.sysOverlaySheet{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;pointer-events:auto;background:var(--sys-off-black);border-radius:12px 12px 0 0;flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden auto}
@media (min-width:901px) {
.sysOverlaySheet{overscroll-behavior:contain;border-radius:0;padding-bottom:24px;overflow-y:auto}
}
.sysOverlayHandle{border-radius:var(--radius-lg);background:var(--sys-handle);flex-shrink:0;width:48px;height:2px;margin:8px auto 0}
@media (min-width:901px) {
.sysOverlayHandle{display:none}
}
.sysOverlayBody{flex-direction:column;gap:24px;padding:16px 16px 96px;display:flex}
@media (min-width:901px) {
.sysOverlayBody{padding:32px 28px 24px}
.strategyDetailOverlay .sysOverlayBody{padding-top:24px}
}
.sysOverlayHeadline{font-family:var(--font-body);letter-spacing:-.02em;color:var(--text);text-wrap:pretty;margin:0;font-size:32px;font-weight:400;line-height:36px}
@media (max-width:900px) {
.sysOverlayHeadline{font-size:28px;line-height:32px}
}
.sysOverlayTags{flex-wrap:wrap;gap:8px;margin:-12px 0 0;padding:0;list-style:none;display:flex}
.strategyDetailOverlay .sysOverlayTags{margin:-8px 0 8px}
.sysOverlayTags li{font-family:var(--font-label), ui-monospace, monospace;letter-spacing:var(--tracking-label);text-transform:uppercase;color:#fafafa;background:#2b2b2b;border-radius:4px;padding:7.5px 12px 6.5px;font-size:12px;font-weight:500;line-height:1.2}
.sysOverlayImpact{border-radius:var(--radius-lg);background:#242424;align-items:center;gap:14px;margin:0;padding:18px 20px;display:flex}
.sysOverlayImpactIcon{color:#0d1a14;background:#03bb7d;border-radius:999px;flex:none;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}
.sysOverlayImpactIcon svg{width:16px;height:16px;display:block}
.sysOverlayImpactText{font-family:var(--font-body);letter-spacing:-.01em;color:var(--muted);text-wrap:pretty;font-size:16px;font-weight:400;line-height:20px}
.sysOverlayImpactText strong{color:var(--text);font-weight:500}
.sysOverlayFigure{width:100%;margin:0;position:relative}
.sysOverlayFigure.has-impact{border-radius:var(--radius-lg);overflow:hidden}
.sysOverlayFigureMedia{border-radius:var(--radius-lg);width:100%;position:relative;overflow:hidden}
.sysOverlayFigureMedia[aria-roledescription=carousel]{touch-action:pan-y;-webkit-user-select:none;user-select:none}
.sysOverlayFigureMedia[aria-roledescription=carousel]:focus-visible{outline:2px solid var(--text);outline-offset:3px}
.sysOverlayFigure.has-impact .sysOverlayFigureMedia{border-bottom-right-radius:0;border-bottom-left-radius:0}
.sysOverlayFigure.has-impact .sysOverlayImpact{border-top-left-radius:0;border-top-right-radius:0}
.sysOverlayFigureNav{transform-origin:50%;color:#fff;cursor:pointer;touch-action:manipulation;background:#1414148c;border:0;border-radius:8px;justify-content:center;align-items:center;width:44px;height:44px;padding:0;transition:transform .24s cubic-bezier(.22,1,.36,1),background-color .167s linear;display:inline-flex;position:absolute;top:50%;transform:translateY(-50%)scale(1)}
.sysOverlayFigureNav svg{width:16px;height:16px;display:block}
@media (hover:hover) and (pointer:fine) {
.sysOverlayFigureNav:hover{background:#141414c7}
}
.sysOverlayFigureNav:focus-visible{outline-offset:2px;outline:2px solid #fff}
.sysOverlayFigureNav.is-prev{left:12px}
.sysOverlayFigureNav.is-next{right:12px}
.sysOverlayFigure img{object-fit:cover;width:100%;height:100%;animation:.18s ease-out both sys-overlay-shot-next;display:block;position:absolute;inset:0}
.sysOverlayFigure img.from-prev{animation-name:sys-overlay-shot-prev}
.csBack:active,.aboutTmArrow:active,.sysOverlayClose:active,.engModalClose:active,.chBack:active{transition-duration:90ms;transform:scale(.92)}
.sysOverlayFigureNav:active{transition-duration:90ms;transform:translateY(-50%)scale(.92)}
@media (prefers-reduced-motion:reduce) {
.sysOverlayFigure img{animation:none}
}
.sysOverlayHighlights{flex-direction:column;gap:24px;display:flex}
.strategyDetailOverlay .sysOverlayHighlights{margin-top:8px}
.sysOverlaySection{flex-direction:column;gap:8px;display:flex}
.sysOverlaySectionLabel{font-family:var(--font-mono);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--muted);margin:0;font-size:13px;font-weight:500;line-height:20px}
.sysOverlaySectionBody{font-family:var(--font-body);letter-spacing:-.01em;color:var(--text);text-wrap:pretty;margin:0;font-size:16px;font-weight:400;line-height:24px}
.engDetailOverlay{z-index:160}
.engModal{z-index:1;border-radius:var(--radius-lg);width:min(1040px,100%);height:min(860px,100vh - 48px);color:var(--color-body);transform-origin:50%;will-change:transform, opacity;animation:engModalIn var(--eng-open-ms,.26s) cubic-bezier(.32, 0, .12, 1) both;background:#121212;border:0;flex-direction:column;display:flex;position:relative;overflow:hidden}
.engModalRoot.is-closing .engModal{animation:engModalOut var(--eng-close-ms,.1s) cubic-bezier(.4, 0, 1, 1) both}
.engModalHead{align-items:flex-start;gap:var(--space-4);padding:var(--space-5) var(--space-5) 0;flex:none;display:flex}
.engModalHeadText{flex:1;min-width:0}
.engModalStack li{padding:0}
.engModalStack a{border-radius:inherit;color:inherit;align-items:center;gap:8px;padding:7.5px 12px 6.5px;text-decoration:none;display:inline-flex}
.engModalStack a:hover{background:#3b3b3b}
.engModalStack a:focus-visible{outline:2px solid var(--text);outline-offset:3px}
.engModalToolIcon[src$=cursor-2\.png],.engModalToolIcon[src$=rive\.jpeg]{width:17px;height:17px}
.engModalToolIcon[src$=sketchfab\.png]{background:#1aaad9}
.engModalTitleRow{justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}
.engModalTitleRow .engModalTitle{flex:200px;min-width:0}
.engModalTitleRow .engModalCta{align-self:center}
.engModalActions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}
@media (min-width:901px) {
.engDetailOverlay .engModalHeadText{column-gap:var(--space-4);grid-template-columns:minmax(0,1fr) auto;display:grid}
.engDetailOverlay .engModalTitleRow{display:contents}
.engDetailOverlay .engModalKind,.engDetailOverlay .engModalTitle{grid-column:1}
.engDetailOverlay .engModalActions{grid-area:1/2/3;align-self:start}
.engDetailOverlay .engModalStack{grid-column:1/-1}
}
.engModalKind{margin:0 0 var(--space-1);font-family:var(--font-label), ui-sans-serif, system-ui, sans-serif;letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--color-faint);font-size:13px;font-weight:500;line-height:20px}
.engModalTitle{font-family:var(--font-body);letter-spacing:-.02em;color:var(--color-text);margin:0;font-size:32px;font-weight:400;line-height:36px}
.engModalBody{gap:var(--space-5);padding:var(--space-5);overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex-direction:column;flex:auto;min-height:0;display:flex;overflow:hidden auto}
.engModalMeta,.engModalSiteChrome{flex:none}
.engModalMedia,.engModalSiteHit{object-fit:cover;border:0;width:100%;height:100%;position:absolute;inset:0}
.engModalMedia{object-fit:cover;pointer-events:none}
.engModalMeta{justify-content:space-between;align-items:flex-end;gap:var(--space-6);padding-bottom:var(--space-5);border-bottom:1px solid var(--color-border);display:flex}
.engModalMeta.is-last{border-bottom:0;padding-bottom:0}
.engModalMetaCopy{gap:var(--space-4);flex-direction:column;flex:1;min-width:0;display:flex}
.engModalLead{max-width:none;font-family:var(--font-body);letter-spacing:-.01em;color:var(--text);text-wrap:pretty;margin:0;font-size:20px;font-weight:400;line-height:26px}
.engModalContentSection{gap:var(--space-4);padding-top:var(--space-5);border-top:1px solid var(--color-border);flex-direction:column;flex:none;display:flex}
.engModalMeta+.engModalContentSection,.engModalProcessSection+.engModalProcessSection{border-top:0;padding-top:0}
.engModalProcessSection{gap:8px}
.engModalProcessSection .engModalContentFrame{margin-top:16px}
.engModalContentHead{justify-content:space-between;align-items:baseline;gap:var(--space-3);flex-wrap:wrap;display:flex}
.engModalContentSection.engModalMediaSection{border-top:0;padding-top:0}
.engModalBody:has(>.engModalMediaSection){gap:8px}
:is(.engModalBody:has(>.engModalMediaSection)>.engModalStageWrap,.engModalBody:has(>.engModalMediaSection)>.engModalMeta){margin-bottom:16px}
.engModalProcessSection+.engModalMediaSection{margin-top:16px}
@media (min-width:721px) {
.engModalHead{padding-bottom:var(--space-5);flex:none}
.engModalBody{overscroll-behavior:contain;scrollbar-gutter:stable;padding-top:0;overflow:hidden auto}
}
.engDetailOverlay .engDetailSheet{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;background:var(--sys-off-black);will-change:auto;border-radius:12px 12px 0 0;width:100%;height:100%;animation:none;display:block;overflow:hidden auto}
.engDetailOverlay .engModalBody{scrollbar-gutter:auto;flex:none;height:auto;overflow:visible}
@media (min-width:901px) {
.engDetailOverlay .engDetailSheet{border-radius:0}
}
@media (max-width:900px) {
.engDetailOverlay .engDetailClose,.strategyDetailOverlay .sysOverlayClose{display:inline-flex;inset:32px 16px auto auto;transform:none}
.engDetailOverlay .engDetailClose:hover,.engDetailOverlay .engDetailClose:active,.strategyDetailOverlay .sysOverlayClose:hover,.strategyDetailOverlay .sysOverlayClose:active{transform:none}
.engDetailOverlay .engModalHead{padding-right:var(--space-5)}
.engDetailOverlay .engModalHeadText{flex-direction:column;display:flex}
.engDetailOverlay .engModalTitleRow{display:contents}
.engDetailOverlay .engModalKind,.engDetailOverlay .engModalTitle{padding-right:60px}
.engDetailOverlay .engModalTitle{flex:none}
.engDetailOverlay .engModalStack{order:1}
.engDetailOverlay .engModalActions{order:2;margin-top:12px}
.strategyDetailOverlay .sysOverlayHandle{display:none}
.strategyDetailOverlay .sysOverlayBody{padding:var(--space-5)}
.strategyDetailOverlay .sysOverlayHeadline{padding-right:60px}
}
.engModalStack{margin:12px 0 0}
.engModalCta{color:#121413;height:36px;font-family:var(--font-body);letter-spacing:0;box-sizing:border-box;cursor:pointer;background:#fff;border:1px solid #0000;border-radius:8px;flex-shrink:0;justify-content:center;align-self:flex-end;align-items:center;gap:6px;margin:0;padding:0 20px;font-size:14px;font-weight:500;line-height:1;text-decoration:none;transition:opacity .167s linear,transform .167s ease-out;display:inline-flex}
.engModalCta:hover{opacity:.88}
.engModalCtaSecondary{color:#fafafa;background:#353535}
.engModalCtaSecondary:hover{opacity:1;background:#4a4a4a}
.engModalCta:active{transform:translateY(1px)}
.engModalCta:focus-visible{outline-offset:3px;outline:2px solid #fff}
.engModalCta svg{flex-shrink:0}
@media (prefers-reduced-motion:reduce) {
.engModal,.engModalRoot.is-closing .engModal,.engModalRoot.is-closing .engModalScrim{animation:none}
}
@media (max-width:720px) {
.engModal{width:100%;height:calc(100dvh - 24px)}
.engModalBody{gap:var(--space-3);padding:var(--space-4);overscroll-behavior:contain;-webkit-overflow-scrolling:touch;overflow:hidden auto}
.engModalMeta+.engModalContentSection{padding-top:var(--space-3)}
.engModalTitle{font-size:30px}
.engModalMeta{align-items:stretch;gap:var(--space-4);flex-direction:column}
.engModalCta{width:auto;max-width:100%;padding-inline:12px}
}
@media (max-width:900px) {
.sysOverlayClose{border-radius:8px;gap:0;width:44px;min-width:44px;height:44px;padding:0;display:inline-flex;inset:32px 16px auto auto;transform:none}
}
@media (hover:hover) and (pointer:fine) {
.csBack:hover,.aboutTmArrow:hover,.sysOverlayClose:hover,.engModalClose:hover,.chBack:hover,.chContactButton:hover{transform:scale(.98)}
.sysOverlayFigureNav:hover{transform:translateY(-50%)scale(.98)}
}
@media (prefers-reduced-motion:reduce) {
.csBack,.aboutTmArrow,.sysOverlayClose,.sysOverlayFigureNav,.engModalClose,.chBack,.chContactButton{transition-duration:0s}
.csBack:hover,.aboutTmArrow:hover,.sysOverlayClose:hover,.engModalClose:hover,.chBack:hover,.chContactButton:hover,.csBack:active,.aboutTmArrow:active,.sysOverlayClose:active,.engModalClose:active,.chBack:active,.chContactButton:active{transform:scale(1)}
.sysOverlayFigureNav:hover,.sysOverlayFigureNav:active{transform:translateY(-50%)scale(1)}
}
.elastic-pagination-module__7B0CQa__pagination{isolation:isolate;color:var(--text,#fafafa);flex-shrink:0;align-items:center;display:inline-flex;position:relative}
.elastic-pagination-module__7B0CQa__button{width:24px;height:44px;color:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:0;place-items:center;padding:0;display:grid;position:relative}
.elastic-pagination-module__7B0CQa__dot,.elastic-pagination-module__7B0CQa__active{border-radius:999px;height:8px;display:block}
.elastic-pagination-module__7B0CQa__dot{opacity:.24;background:currentColor;width:8px;transition:opacity .16s ease-out,transform .2s cubic-bezier(.22,1,.36,1)}
.elastic-pagination-module__7B0CQa__active{pointer-events:none;background:currentColor;position:absolute;top:18px;left:8px}
.elastic-pagination-module__7B0CQa__button:focus-visible{outline-offset:-3px;outline:2px solid}
@media (hover:hover) {
.elastic-pagination-module__7B0CQa__button:hover .elastic-pagination-module__7B0CQa__dot{opacity:.5;transform:scale(1.25)}
}
@media (prefers-reduced-motion:reduce) {
.elastic-pagination-module__7B0CQa__dot{transition:none}
}
.elastic-pagination-module__7B0CQa__overlay{color:#fff;background:#1414148c;border-radius:999px;padding:0 8px;transition:background-color .167s linear;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}
.elastic-pagination-module__7B0CQa__overlay .elastic-pagination-module__7B0CQa__button{height:36px}
.elastic-pagination-module__7B0CQa__overlay .elastic-pagination-module__7B0CQa__active{top:14px;left:16px}
@media (hover:hover) and (pointer:fine) {
.elastic-pagination-module__7B0CQa__overlay:hover{background:#141414c7}
}
@media (prefers-reduced-motion:reduce) {
.elastic-pagination-module__7B0CQa__overlay{transition:none}
}