.sketch-portfolio{background:#fff;color:#1d2430;margin-top:88px;padding-block:78px 36px}.sketch-portfolio .portfolio-heading{margin-bottom:60px}.sketch-portfolio .portfolio-heading h2{font-size:48px;letter-spacing:-.035em}.sketch-portfolio .portfolio-heading p{color:#5c6572;max-width:380px}.sketch-portfolio .portfolio-track{gap:40px;align-items:stretch}.sketch-portfolio .portfolio-slide{background:none;color:#1d2430;border-radius:0;flex-basis:min(1280px,calc(100vw - 112px));padding:0;min-height:600px;display:grid;grid-template-columns:38% 62%;align-items:center;overflow:visible;isolation:auto}.sketch-copy{padding:10px 25px 40px 0;min-width:0}.sketch-copy h3{font-size:clamp(36px,3.7vw,54px);letter-spacing:-.04em;line-height:1.12;overflow-wrap:normal;margin-bottom:8px;max-width:none}.sketch-copy h3 span{color:#566cab}.sketch-copy .banner-sector{font-size:13px;letter-spacing:0;color:#626e7e;margin:0 0 30px}.sketch-copy .sketch-lead{font-size:27px;line-height:1.3;letter-spacing:-.025em;max-width:440px;margin-bottom:24px}.sketch-copy .sketch-description{font-size:15px;line-height:1.7;letter-spacing:0;color:#56616f;max-width:410px}.sketch-features{display:grid;grid-template-columns:1fr 1fr;list-style:none;padding:0;gap:12px 18px;margin:26px 0;font-size:12px}.sketch-features li{border-bottom:1px solid #dde1e6;padding-bottom:9px}.sketch-links{display:flex;align-items:start;flex-direction:column;gap:12px}.sketch-links .banner-link{font-size:14px;margin-top:0;gap:18px;color:#263d6b;max-width:100%}.sketch-links .banner-link:hover{gap:24px;color:#142348}.sketch-secondary{font-size:12px;color:#56616f;padding-block:8px;text-decoration:underline}.sketch-scene{min-width:0;align-self:center}.pencil-scene{display:block;width:100%;height:auto;aspect-ratio:3/2;stroke:none;stroke-width:0;overflow:visible}.sketch-guide{opacity:0}.sketch-workflow{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:20px 18px 0;font-size:13px;color:#39495c}.sketch-workflow span{position:relative;padding-top:16px;border-top:1px solid #d1d8e2;line-height:1.5}.sketch-workflow span:before{content:'';position:absolute;top:-3px;left:0;width:5px;height:5px;background:#4b6194;border-radius:50%}.sketch-caption{display:flex;justify-content:space-between;align-items:center;margin:28px 18px 0;color:#697381;font-size:11px}.replay-sketch{display:inline-flex;gap:8px;align-items:center;background:none;color:#56616f;border:0;font-size:11px;padding:10px 0;min-height:40px}.replay-sketch svg{width:16px;height:16px;stroke-width:1.5}.replay-sketch:hover{color:#1d355c}.sketch-portfolio .portfolio-controls{border-top:1px solid #dde2e8;padding-top:16px;margin-top:24px}.sketch-portfolio .portfolio-dots button:before{background:#bec6d3}.sketch-portfolio .portfolio-dots button[aria-current=true]:before{background:#263d6b}.sketch-portfolio .portfolio-navigation>span{color:#56616f}.sketch-portfolio .portfolio-navigation button{color:#263d6b;border-color:#c2ccd9}.sketch-portfolio .portfolio-navigation button:hover{background:#edf1f8;border-color:#6c80a2}.sketch-portfolio .portfolio-navigation #portfolio-pause{border-color:transparent}.sketch-portfolio a:focus-visible,.sketch-portfolio button:focus-visible,.sketch-portfolio .portfolio-track:focus-visible{outline-color:#2549e8}.sketch-scene.draw-ready .mask-complete{opacity:0}.sketch-scene.draw-ready .sketch-stroke{stroke-dasharray:100;stroke-dashoffset:100}.sketch-scene.draw-ready .sketch-guide{opacity:.09}.sketch-scene.is-drawn .sketch-stroke{animation:pencil-draw 4.8s cubic-bezier(.36,.1,.27,.99) both}.sketch-scene.is-drawn .mask-complete{animation:pencil-complete .3s 4.5s linear forwards}.sketch-scene.is-drawn .sketch-workflow span:before{animation:workflow-dot .65s calc(var(--step)*1.5s + .5s) ease-out both}.sketch-scene:not(.sketch-visible) *,.sketch-scene:not(.sketch-visible) *:before,.sketch-scene:not(.sketch-visible) *:after{animation-play-state:paused!important}
@keyframes pencil-draw{to{stroke-dashoffset:0}}@keyframes pencil-complete{to{opacity:1}}@keyframes workflow-dot{from{transform:scale(.4);background:#b1bdd0}to{transform:scale(1);background:#4b6194}}
@media(min-width:1500px){.sketch-copy h3{font-size:50px}}
@media(max-width:1100px){.sketch-portfolio .portfolio-slide{flex-basis:calc(100vw - 64px);grid-template-columns:40% 60%;min-height:600px}.sketch-copy h3{font-size:36px}.sketch-copy .sketch-lead{font-size:25px}.sketch-copy .sketch-description{font-size:14px}.sketch-workflow{font-size:12px;gap:12px}.sketch-features{gap:10px;font-size:12px}.sketch-copy{padding-right:16px}.sketch-portfolio .portfolio-heading h2{font-size:42px}}
@media(max-width:800px){.sketch-portfolio .portfolio-slide{display:flex;flex-direction:column;align-items:stretch;min-height:0}.sketch-copy{padding:0;display:contents}.sketch-copy h3{order:0;font-size:42px}.sketch-copy .banner-sector{order:1;margin-bottom:22px}.sketch-scene{order:2;width:100%;max-width:620px;margin:auto}.sketch-copy .sketch-lead{order:3;margin-top:28px;font-size:28px;max-width:none}.sketch-copy .sketch-description{order:4;max-width:600px}.sketch-features{order:5;max-width:540px;font-size:13px}.sketch-links{order:6;margin-bottom:12px}.sketch-portfolio .portfolio-track{gap:40px}.sketch-workflow{margin-top:12px}.sketch-caption{margin-top:16px}.sketch-portfolio .portfolio-heading{align-items:start}.sketch-portfolio .portfolio-heading h2{font-size:38px}.sketch-portfolio .portfolio-heading p{max-width:280px}}
@media(max-width:700px){.sketch-portfolio{margin-top:60px;padding-block:48px 24px}.sketch-portfolio .portfolio-heading{margin-bottom:42px}.sketch-portfolio .portfolio-heading h2{font-size:35px}.sketch-portfolio .portfolio-heading p{max-width:330px;font-size:14px}.sketch-portfolio .portfolio-slide{flex-basis:calc(100vw - 40px)}.sketch-copy h3{font-size:34px}.sketch-copy .banner-sector{font-size:12px;margin-bottom:12px}.sketch-workflow{gap:10px;font-size:11px;margin-inline:0}.sketch-caption{margin-inline:0;font-size:10px}.sketch-copy .sketch-lead{font-size:25px;margin-top:22px;margin-bottom:18px}.sketch-copy .sketch-description{font-size:14px;line-height:1.65}.sketch-features{gap:10px 18px;font-size:12px;margin:22px 0}.sketch-links .banner-link{font-size:13px}.sketch-portfolio .portfolio-controls{margin-top:28px}.sketch-portfolio .portfolio-track{gap:24px}}
@media(max-width:380px){.sketch-portfolio .portfolio-slide{flex-basis:calc(100vw - 32px)}.sketch-copy h3{font-size:29px}.sketch-workflow{font-size:11px;gap:8px}.sketch-copy .sketch-lead{font-size:23px}.sketch-links .banner-link{font-size:12px;gap:12px}}
@media(prefers-reduced-motion:reduce){.sketch-scene.draw-ready .mask-complete{opacity:1}.sketch-scene.draw-ready .sketch-stroke{stroke-dashoffset:0}.sketch-scene .sketch-guide{opacity:0}}
body.motion-paused .sketch-scene .mask-complete{opacity:1!important}body.motion-paused .sketch-scene .sketch-guide{opacity:0}.replay-sketch:disabled{opacity:.5;cursor:default}