.page-guide{--guide-height:158px;position:fixed;z-index:80;left:0;top:0;width:calc(var(--guide-height)*.59);height:var(--guide-height);pointer-events:none;contain:layout style;will-change:transform;color:#132530;font-family:Arial,Helvetica,sans-serif}
.page-guide[hidden]{display:none!important}
/* Room to visit the right side of each service image without covering its neighbour. */
@media(min-width:801px){.experience-page .studio-service-grid{column-gap:5vw}}
.guide-actor{position:relative;display:block;width:100%;height:100%;margin:0;padding:0;border:0;background:none;cursor:pointer;pointer-events:auto;isolation:isolate;-webkit-tap-highlight-color:transparent}
.guide-actor::after{content:"";position:absolute;bottom:1%;left:16%;width:70%;height:5px;border:1px solid #b8decd77;background:#06100c55;border-radius:50%;z-index:-1;transform:rotate(-4deg)}
.guide-rig{display:block;width:100%;height:100%;overflow:visible;filter:none;transform-origin:50% 90%;transition:transform .3s ease}
.is-travelling .guide-rig{transform:perspective(500px) rotateY(calc(var(--guide-facing,1)*var(--guide-weight,0)*-16deg)) rotate(var(--guide-lean,0deg))}
.guide-original{display:none}
.guide-limb{transform-box:view-box}
.guide-parts{transform-box:view-box;transform-origin:50% 90%}
.is-travelling .guide-parts{animation:none;transform:translateY(var(--guide-bob,0px))}
.guide-leg-left{transform:rotate(var(--guide-leg,0deg))}
.guide-leg-right{transform:rotate(calc(var(--guide-leg,0deg)*-1))}
.guide-arm-left{transform:rotate(var(--guide-arm,0deg))}
.guide-arm-right{transform:rotate(calc(var(--guide-arm,0deg)*-1))}
.is-travelling .guide-actor::after{transform:scaleX(calc(1 - var(--guide-weight,0)*.15)) rotate(-4deg);opacity:calc(.75 - var(--guide-weight,0)*.2)}
.is-waving:not(.is-travelling) .guide-arm-right{animation:guideHello 2s ease-in-out both}
.guide-speech{position:absolute;left:-250px;top:-100px;width:244px;max-width:calc(100vw - 24px);padding:15px 17px 12px;border:1px solid #b8decd;border-radius:13px;background:#f6faf6;color:#142b37;box-shadow:0 8px 25px #0003;pointer-events:none;visibility:hidden;opacity:0;transform:translateY(5px);transition:opacity .18s,transform .18s,visibility .18s;text-align:left}
.is-speaking .guide-speech{pointer-events:auto;visibility:visible;opacity:1;transform:none}
.guide-eyebrow{margin:0 24px 8px 0;font:700 10px/1.4 Consolas,monospace;letter-spacing:.06em;color:#245d4c}
.guide-eyebrow span{font-weight:400;font-size:8px;display:block;margin-top:2px;color:#567367}
.guide-step{display:block;font:600 14px/1.3 Arial,Helvetica,sans-serif;margin:0 0 6px}
.guide-copy{font:400 12px/1.6 Arial,Helvetica,sans-serif;margin:0 0 8px;color:#294754}
.guide-next{display:inline-flex;align-items:center;min-height:32px;font:600 11px/1.4 Arial,Helvetica,sans-serif;color:#175d4b;text-decoration:underline;text-underline-offset:3px;max-width:100%}
.guide-dismiss{position:absolute;right:7px;top:7px;width:30px;height:30px;border:0;border-radius:5px;background:transparent;color:#34564b;font:400 21px/1 Arial,Helvetica,sans-serif;cursor:pointer}
.guide-dismiss:hover{background:#dfece3}
.guide-toggle{border:0;background:none;color:inherit;font:inherit;font-size:.75rem;padding:.7rem 0;min-height:44px;cursor:pointer;text-align:left;margin-right:1rem}
.guide-toggle:hover{text-decoration:underline;text-underline-offset:4px}
.page-guide.is-form-quiet,body.is-booting .page-guide,body.menu-open .page-guide{visibility:hidden;pointer-events:none}
.page-guide.is-form-quiet *,body.is-booting .page-guide *,body.menu-open .page-guide *{pointer-events:none!important}
.page-guide.is-form-quiet .guide-speech,body.is-booting .page-guide .guide-speech,body.menu-open .page-guide .guide-speech{visibility:hidden;opacity:0;pointer-events:none}
.guide-visited .puppet-head{animation-name:guideBotGreeting;animation-duration:1.6s;animation-iteration-count:1}
.guide-visited .puppet-wave{animation-name:guideBotWave;animation-duration:1.6s;animation-iteration-count:1}
body.motion-paused .guide-rig *,body.is-booting .guide-rig *,.motion-document-hidden .guide-rig *,body.motion-paused .guide-actor::after{animation-play-state:paused!important}
@keyframes guideHello{0%,100%{transform:rotate(0)}22%,54%{transform:rotate(-125deg)}38%,70%{transform:rotate(-104deg)}}
@keyframes guideBotGreeting{0%,100%{transform:rotate(0)}30%{transform:rotate(-5deg)}65%{transform:rotate(4deg)}}
@keyframes guideBotWave{0%,100%{transform:rotate(0)}35%,65%{transform:rotate(48deg)}50%{transform:rotate(23deg)}}
@media(max-width:800px){.guide-speech{width:240px;box-shadow:0 6px 22px #0004}.guide-actor{border-radius:12px;background:#081217ed;border:1px solid #b8decd66}.guide-rig{padding:3px 0}.guide-actor::after{display:none}.guide-copy{font-size:12px}.guide-eyebrow{font-size:10px}.guide-next{min-height:38px}}
@media(prefers-reduced-motion:reduce){.guide-rig .guide-original{display:block}.guide-rig .guide-parts{display:none}.guide-speech,.guide-rig{transition:none}.guide-rig *,.guide-actor::after{animation:none!important}.page-guide{will-change:auto}}