/* Readable contrast and a restrained, warmer neutral palette. */
.service-selector button{color:#575b50}.service-selector small{color:#50584a}.visual-label,.visual-footnote{font-size:9px;color:#4a5542}.automation-visual .visual-label,.automation-visual .visual-footnote{color:#d1dbc4}.service-description ul{font-size:12px;color:#4c5445}.service-description .text-link,.text-link{font-size:13px}.experience-band>.wrap>p>span{font-size:13px}.experience-band a{font-size:12px}.hero-call-note{font-size:11px}.world-toolbar .eyebrow,.world-stages button span,.world-stage-count,.world-instruction,.world-footer .model-labels,.world-ground-label{color:#d8d6c8}.world-stages button{color:#e0ded3}.world-pins button.is-dimmed{opacity:.8}.world-pins button{border-color:#cbb692;background:#171912}.world-pins button span{color:#e3c196}.world-footer>span:last-child{color:#c5c6bb}.world-stage-count{color:#ddc3a3}.world-pins button[aria-pressed=true] span{color:#4e331b}
@media(min-width:801px) and (prefers-reduced-motion:no-preference){.journey.world-scroll-enabled .world-toolbar{padding:12px 26px 8px}.journey.world-scroll-enabled .world-stages{margin-inline:26px}.journey.world-scroll-enabled .world-stages button{min-height:48px;padding:9px 12px}.journey.world-scroll-enabled .world-stages button span{margin-bottom:2px}.journey.world-scroll-enabled .world-title{padding:13px 26px 0}.journey.world-scroll-enabled .world-title h3{font-size:clamp(25px,2.6vw,36px)}.journey.world-scroll-enabled .world-viewport{height:clamp(210px,31vh,310px)}.journey.world-scroll-enabled .world-instruction{padding:0 26px 10px;font-size:12px}.journey.world-scroll-enabled .world-scope{padding:0 26px 10px}.journey.world-scroll-enabled .world-scope button{padding:7px 12px}.journey.world-scroll-enabled .task-inspector{margin:0 26px 10px;min-height:0;padding:10px 16px}.journey.world-scroll-enabled .task-inspector>p{margin:4px 0;font-size:12px}.journey.world-scroll-enabled .inspector-heading strong{font-size:18px}.journey.world-scroll-enabled .world-footer{padding:9px 26px}.journey.world-scroll-enabled .world-layout .journey-chapter{padding:16px 0 5px}.journey.world-scroll-enabled .world-layout .journey-chapter h3{font-size:clamp(25px,2.4vw,34px);margin:7px 0}.journey.world-scroll-enabled .world-layout .journey-chapter>p{font-size:13px}.journey.world-scroll-enabled .world-layout .journey-chapter details{font-size:12px;margin-top:2px}}
/* Remove the intro copy before revealing the headline beneath it. */
.work-intro .film-copy,.work-intro .film-tasks,.work-intro .film-controls,.work-intro .film-bottom{transition:opacity .18s ease}.work-intro.is-finished .film-copy,.work-intro.is-finished .film-tasks,.work-intro.is-finished .film-controls,.work-intro.is-finished .film-bottom{opacity:0}
@media(max-width:700px){.experience-band>.wrap>p>span{font-size:12px}.service-description ul{font-size:12px}.service-description .text-link,.text-link{font-size:12px}.journey .world-stages button{font-size:10px}.journey .world-footer>span:last-child{font-size:8px}.journey .inspector-facts{font-size:10px}}
.insights-teaser{background:#f8f7f2}.teaser-list{border-top:1px solid #c9cabf}.teaser-list a{display:grid;grid-template-columns:minmax(140px,.55fr) 1.5fr 35px;gap:25px;align-items:center;border-bottom:1px solid #c9cabf;padding:27px 0}.teaser-list a>span{font-size:10px;letter-spacing:.1em;color:#725239}.teaser-list strong{font:500 clamp(21px,2.4vw,30px)/1.2 var(--display);letter-spacing:-.04em}.teaser-list b{font-size:19px;font-weight:400}.teaser-list a:hover strong,.teaser-list a:hover b{color:#9e5b20}.teaser-all{display:inline-block;margin-top:26px;border-bottom:1px solid #a8703d;padding-bottom:5px;font-size:13px;font-weight:600}@media(max-width:700px){.teaser-list a{grid-template-columns:1fr 30px;gap:10px;padding:22px 0}.teaser-list a>span{grid-column:1 / -1}.teaser-list strong{font-size:23px}.teaser-list b{text-align:right}}
.service-selector>p{color:#505a4b;font-size:12px}.prompt-example>span{color:#46513f;font-size:10px}.about-statement>p em{color:#a25d1e}.world-pins button b{max-width:150px}.world-pins button.is-dimmed span{color:#ead1ad}
@media(max-width:700px){.showcase-stage,.showcase-stage[data-view=desktop]{min-height:0;width:100%}.showcase-stage[data-view=mobile]{min-height:590px}}
.service-more{display:inline-block;margin-left:20px;font-size:12px;color:#82501f;text-decoration:underline;text-underline-offset:5px}.service-more:hover{color:#4d2d10}@media(max-width:700px){.service-more{margin:15px 0 0;display:block}}
.day-heading{font-size:9px}.day-phases button{font-size:11px}.day-item{font-size:12px}.day-disclaimer{font-size:9px}.day-index{font-size:9px}.showcase-description p{font-size:14px}.showcase-footer>p{font-size:11px}.showcase-tools{font-size:11px}.shot-controls button{font-size:11px}.visual-footnote{font-size:9px}
@media(max-width:700px){.day-heading{font-size:9px}.day-item{font-size:12px}.day-disclaimer{font-size:9px}.hero-call-note{font-size:10px}.showcase-description p{font-size:13px}.showcase-tools>span{font-size:10px}.shot-controls button{font-size:10px}.showcase-footer>p{font-size:10px}}
@media(max-width:1000px){.showcase-stage,.showcase-stage[data-view=desktop]{min-height:0;max-width:100%}.showcase-stage[data-view=mobile]{min-height:610px}}
@media(max-width:700px){.showcase-stage[data-view=mobile]{min-height:590px}}
.ai-result p{color:#3e4937}

/* A clear progression: the plan, the build, adoption, then the people behind it. */
.day-in-the-business{background:rgba(24,21,17,.82)}
.experience-band>.wrap{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:clamp(35px,7vw,110px);align-items:end;padding-top:clamp(50px,6vw,85px);padding-bottom:clamp(50px,6vw,85px)}
.experience-band .experience-story{border:0;padding:0}
.experience-story h2{font:500 clamp(35px,4vw,58px)/1.06 var(--display);letter-spacing:-.055em;color:#f4f1e9;margin:0}
.experience-band .experience-story>p{font:400 clamp(21px,2.3vw,31px)/1.35 var(--display);letter-spacing:-.035em;margin:18px 0 0;color:#e5d9c9}
.experience-story>p span{display:block}.experience-story>p span:last-child{color:#eeb67e}
.experience-band .experience-proof{border:0;border-left:1px solid #ffffff29;padding:0 0 0 clamp(24px,4vw,55px);display:grid;gap:23px}
.experience-proof>p{display:flex;align-items:center;gap:20px;margin:0}.experience-proof>p>span{font-size:13px;line-height:1.7;color:#c4c6b8}
.experience-proof a{justify-self:start;font-size:12px}
@media(max-width:700px){.experience-band>.wrap{grid-template-columns:1fr;gap:28px;padding-top:45px;padding-bottom:45px}.experience-band .experience-story{padding:0;border:0}.experience-band .experience-proof{border-left:0;border-top:1px solid #ffffff29;padding:24px 0 0;gap:20px}.experience-story h2{font-size:38px}.experience-band .experience-story>p{font-size:23px}.experience-proof>p>span{font-size:12px}}
.hero-stage .day-in-the-business{background:rgba(24,21,17,.82)} .experience-band>.wrap .experience-story>p{font-size:clamp(21px,2.3vw,31px);line-height:1.35}@media(max-width:700px){.experience-band>.wrap .experience-story>p{font-size:23px}}
@media(max-width:700px){.service-studio,.service-selector,.service-panels,.service-panel,.service-visual{min-width:0}.service-selector button>span:nth-child(2),.system-route>span{min-width:0;overflow-wrap:anywhere}}

/* Guided service choices give the visitor a clear invitation to explore. */
.service-selector .service-prompt{display:flex;gap:10px;align-items:center;margin:0 0 18px;color:#615b4f;font:700 10px/1.5 var(--sans);letter-spacing:.1em}
.service-prompt span{display:inline-grid;place-items:center;width:25px;height:25px;border:1px solid #bb7950;color:#a45f2c;border-radius:50%;font-size:15px}
.service-selector button{padding:24px 16px;transition:color .25s,background .25s,border-color .25s;grid-template-columns:25px minmax(0,1fr) 22px}
.service-selector button[aria-selected=true]{background:#eae7dc;color:#171a14;border-color:#bca282}
.service-selector button:hover{background:#f0eee6}
.service-selector button>span:nth-child(2){font-size:clamp(18px,1.8vw,24px);line-height:1.25}
.service-selector button small{font-size:9px;letter-spacing:.08em}
.service-selector button em{font:600 11px/1.4 var(--sans);font-style:normal;color:#9a5425;display:block;margin-top:11px}
.service-selector button>b{font-size:22px;align-self:center}
.service-selector button[aria-selected=true]>b{transform:translateX(3px);color:#a05a1d}
.service-panels{scroll-margin-top:24px}
@media(max-width:700px){.service-selector .service-prompt{display:flex;margin-bottom:14px;font-size:9px}.service-selector button{padding:17px 12px;grid-template-columns:22px minmax(0,1fr) 18px}.service-selector button>span:nth-child(2){font-size:19px}.service-selector button em{margin-top:7px}}
@media(prefers-reduced-motion:reduce){.service-selector button{transition:none}}

/* Compact illustrative stories, using live text and no video assets. */
.service-visual.scenario-visual{height:auto;min-height:320px;padding:28px 28px 55px;background:#e9e9df;color:#20251d}
.service-visual.automation-scenario{background:#1c291e;color:#f4f1e9}
.service-visual.website-scenario{background:#e7e4da;color:#25271f}
.scenario-heading{font:500 clamp(21px,2vw,28px)/1.2 var(--display);letter-spacing:-.035em;margin:22px 0 15px}
.ai-examples{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}
.ai-examples button{border:1px solid #a7ab9b;background:transparent;padding:8px 11px;border-radius:2px;font:600 11px/1.3 var(--sans);color:#343b31;cursor:pointer}
.ai-examples button[aria-pressed=true]{background:#293d2b;color:#fff;border-color:#293d2b}
.ai-examples button:focus-visible{outline:3px solid #b46e32;outline-offset:3px}
.scenario-card{border:1px solid #b8bbaa;background:#f8f7f0;padding:13px 15px;color:#243024;min-width:0}
.scenario-card span{font:700 9px/1.4 var(--sans);letter-spacing:.08em;color:#6a715f;display:block}
.scenario-card strong{display:block;font:600 16px/1.3 var(--display);letter-spacing:-.02em;margin-top:6px}
.scenario-card p{font:400 12px/1.55 var(--sans);margin:5px 0 0;color:#555f52}
.scenario-flow{display:grid;gap:2px;margin-top:20px}
.flow-step{padding:10px 14px}
.flow-connector{color:#bf864f;line-height:1;text-align:center;font-size:16px}
.automation-scenario .scenario-card{background:#293a2a;border-color:#697b62;color:#f4f1e9}
.automation-scenario .scenario-card span,.automation-scenario .scenario-card p{color:#d2dac7}
.scenario-visual .visual-footnote{bottom:16px}
@media(max-width:700px){.service-visual.scenario-visual{padding:22px 18px 52px;min-height:320px}.scenario-heading{font-size:23px}.scenario-card strong{font-size:15px}.scenario-card p{font-size:11px}.scenario-visual .visual-footnote{left:18px}}

/* An interactive workspace tells one inquiry story in three moments. */
.automation-exhibit{position:relative;background:#161e18;color:#f2f1e7;border:1px solid #49584a;overflow:hidden;min-width:0}
.exhibit-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:19px 24px 0;color:#c5cdbb;font:700 9px/1.4 var(--sans);letter-spacing:.1em}
.exhibit-replay{color:#f4c08b;background:transparent;border:1px solid #a9977c;padding:7px 11px;cursor:pointer;font:600 11px/1 var(--sans);letter-spacing:0}
.exhibit-stage{height:270px;position:relative;overflow:hidden;perspective:1200px}
.exhibit-grid{position:absolute;inset:12% -10% -20%;transform:perspective(500px) rotateX(61deg);background-image:linear-gradient(#afba9730 1px,transparent 1px),linear-gradient(90deg,#afba9730 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(transparent,#000 25%,transparent 100%)}
.exhibit-workspace{position:absolute;left:11%;top:20px;width:77%;height:205px;transform:rotateY(-11deg) rotateX(7deg) rotateZ(-2deg);transform-style:preserve-3d;transition:transform .7s cubic-bezier(.22,1,.36,1);filter:drop-shadow(0 22px 20px #0008)}
@media(hover:hover){.automation-exhibit:hover .exhibit-workspace{transform:rotateY(-5deg) rotateX(3deg) rotateZ(-1deg)}}
.exhibit-window{position:absolute;inset:0;background:#e8e8db;border:1px solid #c1c7b2;border-radius:6px;overflow:hidden}
.exhibit-window-bar{height:30px;background:#e0e2d8;color:#606c60;display:flex;align-items:center;justify-content:space-between;padding:0 14px;font:700 7px/1 var(--sans);letter-spacing:.08em}.exhibit-dots{color:#9ca99a;font-size:7px}
.exhibit-screen{padding:15px 19px;color:#263226}.exhibit-screen-head{display:flex;justify-content:space-between;font:700 7px/1 var(--sans);letter-spacing:.12em;color:#657565}.exhibit-status{color:#a26836}.exhibit-screen-title{font:600 clamp(16px,2vw,24px)/1.12 var(--display);letter-spacing:-.04em;margin-top:12px}.exhibit-screen-title em{color:#a76331;font-style:normal}
.exhibit-ticket{position:absolute;right:6%;top:43%;width:51%;background:#fffdf4;border:1px solid #b9c1ac;box-shadow:0 9px 17px #26322633;display:flex;gap:9px;align-items:flex-start;padding:10px;transform:translate3d(0,0,30px);transition:transform .85s cubic-bezier(.22,1,.36,1),box-shadow .85s;min-width:0}
.ticket-icon{flex:0 0 25px;width:25px;height:25px;display:grid;place-items:center;background:#e5b678;color:#1d2b20;font-size:14px}
.exhibit-ticket>div{min-width:0;display:grid;gap:3px}.exhibit-ticket small{font:700 7px/1.3 var(--sans);letter-spacing:.08em;color:#73816f}.exhibit-ticket strong{font:600 12px/1.2 var(--display)}.exhibit-ticket div>span{font:400 9px/1.3 var(--sans);color:#687368}.exhibit-ticket>b{margin-left:auto;font:700 8px/1 var(--sans);color:#a47e57}
.exhibit-routing{position:absolute;bottom:16px;left:20px;right:20px;display:flex;align-items:center;gap:5px;font:700 7px/1 var(--sans);letter-spacing:.08em;color:#788578}.exhibit-routing i{height:1px;flex:1;background:#a9b4a0}
.automation-exhibit[data-scene-stage="1"] .exhibit-ticket{transform:translate3d(-26%,-12px,45px) rotate(-2deg);box-shadow:0 18px 28px #26322650}
.automation-exhibit[data-scene-stage="2"] .exhibit-ticket{transform:translate3d(4%,-21px,55px) rotate(2deg);box-shadow:0 20px 30px #26322650}
.exhibit-side-label{position:absolute;right:3%;bottom:29px;writing-mode:vertical-rl;font:700 8px/1 var(--sans);letter-spacing:.15em;color:#9ca995}
.exhibit-content{padding:0 24px 22px}.exhibit-kicker{color:#e4ac72;font:700 9px/1.4 var(--sans);letter-spacing:.1em}.exhibit-content h4{font:600 24px/1.15 var(--display);letter-spacing:-.035em;margin:8px 0}.exhibit-content p{color:#d3dbca;font:400 12px/1.6 var(--sans);min-height:38px;margin:0}
.exhibit-tabs{display:flex;gap:7px;margin-top:19px}.exhibit-tabs button{flex:1;border:1px solid #7d8a77;background:#26342a;color:#e6ebe0;padding:10px 8px;cursor:pointer;font:600 11px/1.25 var(--sans);text-align:left}.exhibit-tabs button span{color:#d7a26d;margin-right:4px}.exhibit-tabs button[aria-pressed=true]{background:#e9ddc8;color:#20291f;border-color:#e9ddc8}.exhibit-tabs button[aria-pressed=true] span{color:#8e4d20}.exhibit-tabs button:hover{border-color:#e8bf8a}.exhibit-tabs button:focus-visible,.exhibit-replay:focus-visible{outline:3px solid #eda963;outline-offset:3px}
.exhibit-footnote{display:block;margin-top:15px;color:#b8c2af;font:700 8px/1.4 var(--sans);letter-spacing:.07em}
@media(max-width:700px){.exhibit-top{padding:16px 16px 0;font-size:8px}.exhibit-stage{height:235px}.exhibit-workspace{left:7%;width:85%;height:180px;top:20px}.exhibit-screen{padding:12px}.exhibit-screen-title{font-size:16px}.exhibit-ticket{width:55%;padding:7px;right:4%}.exhibit-ticket strong{font-size:10px}.exhibit-ticket div>span{font-size:8px}.ticket-icon{width:20px;height:20px;flex-basis:20px}.exhibit-routing{left:12px;right:12px;font-size:6px}.exhibit-content{padding:0 16px 18px}.exhibit-content h4{font-size:21px}.exhibit-tabs button{font-size:10px;padding:10px 5px}.exhibit-side-label{font-size:6px}}
@media(prefers-reduced-motion:reduce){.exhibit-workspace,.exhibit-ticket{transition:none}}

/* A before-and-after workday story. */
.workday-demo{display:grid;grid-template-columns:.82fr 1.18fr;gap:clamp(24px,5vw,70px);align-items:center;border-block:1px solid #64705a;padding:40px 0}
.workday-copy h3{font:500 clamp(30px,3.2vw,43px)/1.1 var(--display);letter-spacing:-.045em;margin:18px 0;max-width:420px}
.workday-copy>p{font:400 14px/1.7 var(--sans);color:#d0d8c9;max-width:390px}.workday-toggle{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-top:25px;padding:14px 17px;border:1px solid #e6b881;background:#e6b881;color:#1a231a;font:600 12px/1.3 var(--sans);cursor:pointer}.workday-toggle:hover{background:#f0c99b}.workday-toggle:focus-visible{outline:3px solid #fff;outline-offset:4px}.workday-toggle b{font-size:18px}.workday-copy .workday-note{font-size:10px;color:#b8c4b3;margin-top:18px}
.workday-scene{position:relative;min-height:340px;display:grid;place-items:center;overflow:hidden;perspective:1100px;background:radial-gradient(ellipse at center,#42543e,#1b241c 72%);border:1px solid #65735c}
.workday-grid{position:absolute;inset:15% -15% -40%;transform:perspective(500px) rotateX(65deg);background-image:linear-gradient(#b0c09a30 1px,transparent 1px),linear-gradient(90deg,#b0c09a30 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(transparent,#000 30%,transparent)}
.workday-window{position:relative;width:80%;max-width:540px;min-height:230px;background:#f2f0e5;color:#233023;border-radius:5px;border:1px solid #c5cbb9;box-shadow:0 25px 45px #0007;transform:rotateY(-10deg) rotateX(5deg) rotateZ(-2deg);transition:transform .8s cubic-bezier(.22,1,.36,1)}
.workday-demo[data-flow-state=after] .workday-window{transform:rotateY(2deg) rotateX(2deg) rotateZ(0)}
.workday-window-bar{display:flex;justify-content:space-between;padding:12px 16px;background:#dfe3d7;font:700 8px/1 var(--sans);letter-spacing:.1em;color:#61715f}
.workday-window-body{padding:22px}.workday-topline{display:flex;justify-content:space-between;gap:8px;font:700 8px/1.4 var(--sans);letter-spacing:.08em;color:#71806c}.workday-badge{color:#955a27}.workday-window h4{font:600 clamp(19px,2.2vw,27px)/1.15 var(--display);letter-spacing:-.035em;margin:16px 0 5px}.workday-window p{font:400 12px/1.5 var(--sans);color:#667462}
.workday-progress{display:flex;gap:6px;margin:22px 0 18px}.workday-progress i{height:3px;flex:1;background:#b7c2ae;transition:background .4s}.workday-demo[data-flow-state=after] .workday-progress i{background:#c88743}
.workday-owner{display:flex;gap:10px;align-items:center;border-top:1px solid #cbd3c2;padding-top:13px}.workday-owner-icon{width:27px;height:27px;display:grid;place-items:center;border-radius:50%;background:#cad2c0;color:#324632}.workday-demo[data-flow-state=after] .workday-owner-icon{background:#d9ab70}.workday-owner small,.workday-owner strong{display:block}.workday-owner small{font:700 7px/1.4 var(--sans);letter-spacing:.09em;color:#778574}.workday-owner strong{font:600 11px/1.4 var(--sans);margin-top:3px}
@media(max-width:700px){.workday-demo{grid-template-columns:1fr;gap:26px;padding:26px 0}.workday-copy h3{font-size:31px}.workday-scene{min-height:265px}.workday-window{width:84%;min-height:210px}.workday-window-body{padding:17px}.workday-window h4{font-size:21px}.workday-window p{font-size:11px}.workday-progress{margin:17px 0 13px}}
@media(prefers-reduced-motion:reduce){.workday-window,.workday-progress i{transition:none}}

/* Distinct illustrated objects for each business area. */
.workday-art{height:86px;margin:10px 0 0;overflow:hidden}.workday-art svg{display:block;width:240px;height:86px;max-width:100%}.workday-demo[data-flow-state=after] .art-link{stroke-dasharray:0;stroke:#47845c}
.workday-demo[data-flow-state=before] .workday-window{box-shadow:0 24px 45px #0007,8px 8px 0 #cf905a55,-7px -7px 0 #77856a44}
.workday-demo[data-flow-state=after] .workday-window{box-shadow:0 25px 45px #0007}
.workday-window{min-height:310px}.workday-scene{min-height:400px}
.flow-owner{display:inline-block;margin-top:12px;padding:5px 7px;background:#f3ddc9;color:#7c451f;font:700 9px/1.2 var(--sans);font-style:normal;letter-spacing:.04em}
.flow-demo.connected .flow-owner{background:#dce9d4;color:#365b35}
.flow-demo:not(.connected) #flow-steps li:not(:last-child)>b{color:#a15d32;transform:rotate(-18deg)}
.flow-demo.connected #flow-steps li:not(:last-child)>b{color:#447448;transform:translateX(4px)}
.flow-effort{display:flex;gap:8px 20px;align-items:baseline;flex-wrap:wrap;padding:17px 25px;background:#f2e1d2;color:#744621;border-top:1px dashed #b98558}
.flow-effort strong{font:700 13px/1.4 var(--sans)}.flow-effort span{font:400 12px/1.5 var(--sans)}
.flow-demo.connected .flow-effort{background:#dcebd7;color:#315c35;border-top:1px solid #9cbf94}
@media(max-width:700px){.workday-scene{min-height:345px}.workday-window{min-height:290px}.workday-art{height:72px}.workday-art svg{height:72px}.flow-effort{padding:15px 20px}.flow-owner{font-size:9px}.flow-demo:not(.connected) #flow-steps li:not(:last-child)>b{transform:rotate(72deg)}.flow-demo.connected #flow-steps li:not(:last-child)>b{transform:rotate(90deg)}}
@media(prefers-reduced-motion:reduce){.art-link{transition:none}}

/* One inquiry moves from scattered handoffs to a shared path. */
.handoff-story{display:grid;grid-template-columns:.82fr 1.18fr;gap:30px;align-items:center;background:#ede8df;padding:32px 28px;border-bottom:1px solid #d6c9b7;overflow:hidden}
.handoff-copy>span{font:700 9px/1.4 var(--sans);letter-spacing:.1em;color:#8d552f}.handoff-copy h3{font:600 clamp(24px,2.5vw,34px)/1.12 var(--display);letter-spacing:-.04em;margin:12px 0}.handoff-copy p{font:400 13px/1.65 var(--sans);color:#655d53;max-width:360px}
.handoff-scene{height:265px;position:relative;isolation:isolate;border:1px solid #d1c1ad;background:linear-gradient(145deg,#e4d9ca,#f3eee5)}
.handoff-object{position:absolute;width:31%;min-height:95px;padding:12px;background:#fffdf7;border:1px solid #cdbca9;box-shadow:0 12px 22px #59463024;transition:transform .85s cubic-bezier(.22,1,.36,1),left .85s cubic-bezier(.22,1,.36,1),top .85s cubic-bezier(.22,1,.36,1),border-color .6s}
.handoff-object span,.handoff-object strong,.handoff-object small{display:block}.handoff-object span{font:700 8px/1.3 var(--sans);letter-spacing:.08em;color:#9b6740}.handoff-object strong{font:600 14px/1.25 var(--display);margin-top:7px}.handoff-object small{font:400 10px/1.4 var(--sans);color:#756b5d;margin-top:5px}
.handoff-inbox{left:5%;top:25px;transform:rotate(-5deg)}.handoff-record{left:36%;top:65px;transform:rotate(4deg)}.handoff-reminder{left:65%;top:24px;transform:rotate(-4deg)}
.handoff-friction{position:absolute;color:#985c32;background:#f2d9bd;padding:5px 7px;font:700 8px/1 var(--sans);letter-spacing:.05em;transition:opacity .3s}.friction-one{left:24%;top:135px}.friction-two{right:20%;top:142px}
.handoff-person{position:absolute;left:34%;bottom:16px;width:32%;display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;color:#5f5142;font:700 9px/1.2 var(--sans)}.handoff-person>span{display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:#b47b50;color:#fff}.handoff-person small{flex-basis:100%;text-align:center;font:400 9px/1 var(--sans);color:#796e60}
.handoff-route{position:absolute;left:16%;right:16%;top:75px;border-top:2px dashed #bd9372;opacity:.6;transition:all .7s}
.flow-demo.connected .handoff-story{background:#e3ebe0;border-color:#bdcfb9}
.flow-demo.connected .handoff-scene{background:linear-gradient(145deg,#d5e4d2,#edf3e9);border-color:#b1c5ad}
.flow-demo.connected .handoff-object{top:37px;transform:rotate(0);border-color:#99b897}.flow-demo.connected .handoff-inbox{left:3%}.flow-demo.connected .handoff-record{left:35%}.flow-demo.connected .handoff-reminder{left:67%}
.flow-demo.connected .handoff-friction{opacity:0}.flow-demo.connected .handoff-route{top:88px;border-top:3px solid #65936a;opacity:1}
.flow-demo.connected .handoff-person>span{background:#54845a}.flow-demo.connected .handoff-object span{color:#4f7d52}
@media(max-width:700px){.handoff-story{grid-template-columns:1fr;gap:20px;padding:24px 18px}.handoff-scene{height:245px}.handoff-object{width:31%;padding:8px;min-height:91px}.handoff-object strong{font-size:12px}.handoff-object small{font-size:9px}.handoff-object span{font-size:7px}.handoff-friction{font-size:7px}.handoff-person{width:45%;left:27.5%}.handoff-copy h3{font-size:26px}}
@media(prefers-reduced-motion:reduce){.handoff-object,.handoff-route,.handoff-friction{transition:none}}

/* The active process detail comes forward where the diagram changes. */
.journey .world-viewport{overflow:visible}
.journey .world-viewport .world-detail-popout{position:absolute;z-index:5;right:22px;bottom:16px;width:min(380px,40%);margin:0;padding:19px 21px;min-height:0;background:#f2ebde;color:#232b21;border:1px solid #d0a66f;border-left:4px solid #cb8745;box-shadow:0 18px 45px #0008;transform-origin:bottom right;border-radius:3px}
.journey .world-detail-popout .inspector-heading{display:block;margin-top:10px}
.journey .world-detail-popout .inspector-heading .eyebrow{display:block;color:#745431;font-size:9px;margin-bottom:5px}
.journey .world-detail-popout .inspector-heading strong{font-size:25px;line-height:1.15;color:#242d20}
.journey .world-detail-popout>p{font-size:14px;line-height:1.6;color:#434d3d;margin:11px 0}
.journey .world-detail-popout .inspector-facts{font-size:11px;color:#77542e;gap:7px}
.journey .world-detail-popout .inspector-facts span+span:before{color:#96826b}
.world-detail-toggle{display:block;margin-left:auto;background:none;border:0;border-bottom:1px solid #a08d70;color:#645138;padding:0 0 3px;font:600 10px/1.3 var(--sans);cursor:pointer}
.world-detail-toggle:focus-visible{outline:3px solid #9b5b28;outline-offset:4px}
.world-detail-popout.is-minimized>p,.world-detail-popout.is-minimized .inspector-facts,.world-detail-popout.is-minimized .inspector-heading .eyebrow{display:none}
.journey .world-detail-popout.is-minimized .inspector-heading strong{font-size:17px}.journey .world-viewport .world-detail-popout.is-minimized{width:auto;max-width:40%;padding:12px 15px}
@media(max-width:800px){.journey .world-viewport{height:auto;min-height:350px;padding-top:350px}.journey .world-render,.journey .world-fallback,.journey .world-pins{height:350px;bottom:auto}.journey .world-ground-label{top:325px;bottom:auto}.journey .world-viewport .world-detail-popout{position:relative;right:auto;bottom:auto;width:auto;max-width:none;margin:0 16px 20px;padding:17px 19px;box-shadow:0 9px 22px #0004}.journey .world-viewport .world-detail-popout.is-minimized{max-width:none;width:auto}.journey .world-detail-popout .inspector-heading strong{font-size:23px}.journey .world-detail-popout>p{font-size:14px}}
@media(prefers-reduced-motion:reduce){.journey .world-detail-popout{animation:none}}
/* Keep process popouts focused on the changing information. */ .journey .world-detail-popout .inspector-heading{display:none}.journey .world-detail-popout>p{margin-top:14px;font-size:16px;line-height:1.55}.journey .world-detail-popout .inspector-facts{display:none}.journey .process-world[data-stage="1"] .world-detail-popout .inspector-facts,.journey .process-world[data-stage="2"] .world-detail-popout .inspector-facts{display:flex}.journey .world-detail-popout.is-minimized .inspector-facts{display:none}.journey .world-viewport .world-detail-popout.is-minimized{min-width:140px}@media(max-width:800px){.journey .world-detail-popout>p{font-size:15px}}
.journey .process-world .world-detail-popout.is-minimized .inspector-facts{display:none}