.operation-story{padding:108px 24px 0;background:#fff;color:#17181b;overflow:clip}.operation-heading{max-width:1120px;margin:0 auto 44px}.operation-eyebrow{display:flex;align-items:center;gap:9px;font-size:10px!important;font-weight:650;letter-spacing:.11em;color:#6c6e77;margin:0 0 22px!important}.operation-eyebrow>span{width:5px;height:5px;border-radius:50%;background:#765cf0}.operation-heading h2{font-size:clamp(35px,4.4vw,58px);font-weight:560;letter-spacing:-.052em;line-height:1.1;margin:0 0 21px}.operation-heading h2 span{color:#767780}.operation-heading>p:last-child{font-size:15px;color:#6c6e77;line-height:1.65;max-width:470px;margin:0}.operation-scroll-scene{height:210vh;max-width:1120px;margin:auto;--scene-progress:0}.operation-sticky{position:sticky;top:92px;min-height:600px;height:calc(100vh - 112px);max-height:780px;display:grid;grid-template-columns:350px minmax(0,1fr);gap:80px;align-items:center}.operation-narrative{padding:0 0 30px}.operation-chapters{position:relative}.operation-chapters:before{content:"";position:absolute;left:13px;top:24px;bottom:41px;width:1px;background:#e4e4e9}.operation-chapter{position:relative;margin-bottom:22px}.operation-chapter button{position:relative;display:flex;align-items:center;gap:16px;width:100%;background:#fff;color:#6c6e77;border:0;cursor:pointer;padding:9px 0;text-align:left;font:inherit;font-size:24px;letter-spacing:-.055em;font-weight:550;line-height:1.25;transition:color .3s ease}.operation-chapter button>svg{margin-left:auto;opacity:0;transform:translate(-4px,4px);transition:opacity .25s,transform .25s}.operation-chapter button:hover{color:#17181b}.operation-chapter button:focus-visible{outline:2px solid #765cf0;outline-offset:5px;border-radius:3px}.operation-chapter-number{display:flex;align-items:center;justify-content:center;flex:0 0 28px;height:28px;border:1px solid #e4e4e9;border-radius:50%;background:#fff;color:#6c6e77;font-size:10px;font-weight:550;letter-spacing:0;transition:background .3s,color .3s,border-color .3s}.operation-chapter-copy{padding-left:44px;display:grid;grid-template-rows:0fr;opacity:0;visibility:hidden;transition:grid-template-rows .4s ease,opacity .3s,visibility .3s}.operation-chapter-copy>p{color:#6c6e77;line-height:1.75;font-size:14px;max-width:300px;overflow:hidden;min-height:0;margin:0}.operation-chapter-copy>a{display:none;align-items:center;gap:7px;font-size:12px;color:#17181b;margin-top:16px;text-decoration:none;letter-spacing:-.01em}.operation-chapter-copy>a:hover{color:#655f70}.operation-chapter-active button{color:#17181b}.operation-chapter-active button>svg{opacity:1;transform:none}.operation-chapter-active .operation-chapter-number{background:#765cf0;border-color:#765cf0;color:#fff}.operation-chapter-active .operation-chapter-copy{grid-template-rows:1fr;opacity:1;visibility:visible;padding-top:8px}.operation-chapter-active .operation-chapter-copy>a{display:flex}.operation-progress-note{margin:34px 0 0 44px;display:flex;align-items:center;gap:9px;color:#6c6e77;font-size:10px;letter-spacing:.01em}.operation-progress-note circle{fill:none;stroke:#e9e7ef;stroke-width:3}.operation-progress-note .operation-progress-ring{stroke:#765cf0;stroke-linecap:round;stroke-dasharray:144.51;stroke-dashoffset:calc(144.51 * (1 - var(--scene-progress)));transform:rotate(-90deg);transform-origin:center}.operation-mobile-note{display:none}.operation-demo-area{min-width:0;width:100%;padding-bottom:20px}.operation-demo-topline{display:flex;align-items:center;justify-content:space-between;gap:16px;color:#6c6e77;font-size:9px;margin-bottom:18px}.operation-demo-topline>span:first-child{display:flex;align-items:center;gap:6px;font-size:9px;font-weight:600;letter-spacing:.08em;color:#6c6e77}.operation-demo-topline>span:first-child>span{width:5px;height:5px;background:#765cf0;border-radius:50%}.operation-demo-stack{position:relative;height:490px;background:#f3f4f5;border-radius:18px;isolation:isolate}.operation-demo-panel{position:absolute;inset:0;opacity:0;visibility:hidden;transform:translateY(30px) scale(.965);transition:opacity .38s,transform .6s cubic-bezier(.22,1,.36,1),visibility .4s;pointer-events:none}.operation-demo-panel.operation-demo-active{opacity:1;visibility:visible;transform:translateY(0) scale(1);pointer-events:auto;z-index:1}.operation-demo-canvas{position:relative;width:100%;height:100%;font-family:Arial,Helvetica,sans-serif;font-size:11px;letter-spacing:0;line-height:1.5;perspective:900px}.operation-window{position:absolute;background:#fff;border:1px solid #e3e4e8;border-radius:11px;box-shadow:0 5px 12px #14131e05,0 24px 48px #14131e07;overflow:hidden;transition:transform .7s cubic-bezier(.22,1,.36,1)}.operation-window-body{padding:21px 24px}.operation-window-body h4{font:600 19px/1.25 Arial,Helvetica,sans-serif;letter-spacing:-.04em;color:#17181b;margin:8px 0 17px}.operation-ui-eyebrow{font-size:8px;font-weight:600;letter-spacing:.09em;color:#655f70}.operation-ui-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.operation-ui-title-row h4{margin:0;font-size:16px}.operation-ui-subtitle{font-size:10px;line-height:1.5;color:#655f70;margin:0 0 20px}.operation-window-bar{height:43px;border-bottom:1px solid #ececf0;display:flex;align-items:center;gap:7px;padding:0 17px;font-size:9px;white-space:nowrap;color:#3d3e46}.operation-window-bar>svg{color:#655f70}.operation-workspace-mark{position:relative;display:flex;gap:2px;width:15px;height:13px;margin-right:2px;align-items:center}.operation-workspace-mark>span{display:block;width:3px;height:9px;background:#17181b;border-radius:1px;transform:skewY(-22deg)}.operation-workspace-mark>span:nth-child(2){height:13px}.operation-window-location{color:#655f70}.operation-workspace-avatar{margin-left:auto;width:19px;height:19px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#eee9ff;color:#655f70;font-size:8px;font-weight:600}.operation-site-bar{height:45px;display:flex;align-items:center;gap:5px;padding:0 22px;border-bottom:1px solid #f0f0f3;color:#17181b}.operation-site-bar strong{font-size:17px;letter-spacing:-.07em;font-weight:600}.operation-site-bar>span{margin-left:auto;font-size:8px;color:#655f70}.operation-enquiry-window{top:29px;left:28px;width:75%;z-index:1}.operation-enquiry-window .operation-window-body{padding-bottom:17px}.operation-field-row{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:0 0 9px}.operation-example-field{background:#f8f8fa;border:1px solid #eeeef3;border-radius:5px;padding:8px 10px;line-height:1.5}.operation-example-field>span,.operation-example-field>strong{display:block}.operation-example-field>span{font-size:8px;color:#655f70;margin-bottom:2px}.operation-example-field>strong{font-size:10px;font-weight:400;color:#575962}.operation-example-message{margin-bottom:12px}.operation-sent-button{display:flex;align-items:center;justify-content:center;gap:6px;width:max-content;padding:7px 12px;background:#17181b;color:#fff;font-size:9px;border-radius:5px}.operation-connector{position:absolute;left:0;top:0;width:100%;height:100%;z-index:0}.operation-connector path{stroke:#cec5ec;stroke-width:1.5;stroke-dasharray:4 5}.operation-connector circle{fill:#cec5ec}.operation-connector .operation-flow-dot{fill:#765cf0;opacity:0}.operation-demo-active .operation-flow-dot{animation:operation-travel 1.8s .4s both}.operation-crm-window{bottom:29px;right:27px;width:65%;z-index:2}.operation-crm-window .operation-window-body{padding:16px 20px}.operation-status{display:inline-flex;align-items:center;gap:4px;white-space:nowrap;font-size:8px;font-weight:500;padding:3px 7px;border-radius:4px;line-height:1.5}.operation-status-green,.operation-status-purple{background:#eee9ff;color:#655f70}.operation-person-row{display:flex;align-items:center;gap:10px;margin:18px 0}.operation-person-avatar{width:34px;height:34px;display:flex;justify-content:center;align-items:center;border-radius:50%;background:#f0edf9;color:#655f70;font-size:9px}.operation-person-row>div>strong{display:block;font-size:12px;font-weight:550;color:#2b2c33}.operation-person-row>div>span{font-size:9px;color:#655f70}.operation-person-row>svg{margin-left:auto;color:#655f70}.operation-lead-details{display:flex;align-items:center;gap:16px;border-top:1px solid #eeeef3;padding-top:13px;color:#655f70;font-size:8px}.operation-lead-details>span{display:flex;align-items:center;gap:5px;white-space:nowrap}.operation-owner-dot{width:5px;height:5px;background:#c5bbdf;border-radius:50%}.operation-example-notice{display:flex;align-items:center;gap:5px;color:#655f70;font-size:8px;margin-top:14px}.operation-demo-caption{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px;font-size:9px;color:#6c6e77}.operation-caption-connection{color:#6c6e77;font-weight:500}.operation-quote-window{width:64%;left:26px;top:31px;z-index:1}.operation-quote-window .operation-window-body{padding:17px 21px 0}.operation-document-icon{display:flex;align-items:center;justify-content:center;width:31px;height:36px;color:#655f70;background:#f4f0fc;border:1px solid #e9e1f6;border-radius:4px}.operation-quote-window h4{margin:14px 0 4px;font-size:18px}.operation-quote-items{margin:16px 0 0;font-size:9px}.operation-quote-items>div{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-top:1px solid #f0f0f4}.operation-quote-items dt{color:#655f70}.operation-quote-items dd{margin:0;color:#655f70;font-size:8px}.operation-quote-footer{display:flex;align-items:center;gap:6px;padding:12px 0;color:#655f70;font-size:8px;border-top:1px solid #f0f0f4}.operation-job-window{bottom:29px;right:26px;width:78%;z-index:2}.operation-job-window .operation-window-body{padding:17px 20px 15px}.operation-job-window h4{margin:13px 0 4px}.operation-job-window .operation-ui-subtitle{margin-bottom:13px}.operation-task-list{list-style:none;padding:0;margin:0}.operation-task-list li{display:flex;align-items:center;gap:8px;padding:10px 0;border-top:1px solid #ededf1;color:#655f70;font-size:10px}.operation-task-list li>span:first-child{width:14px;height:14px;flex:0 0 14px;border-radius:3px;border:1px solid #dddce5;display:flex;align-items:center;justify-content:center}.operation-task-list .operation-task-done>span:first-child{background:#765cf0;border-color:#765cf0;color:#fff}.operation-task-done>div{color:#655f70;text-decoration:line-through;text-decoration-color:#c1c1c9}.operation-task-list small{display:block;font-size:8px;font-weight:400;color:#655f70;margin-top:2px;text-decoration:none}.operation-task-avatar{width:20px;height:20px;border-radius:50%;justify-content:center;margin-left:auto;background:#eeedf5}.operation-job-note,.operation-task-avatar{display:flex;align-items:center;color:#655f70;font-size:8px}.operation-job-note{gap:5px;margin-top:12px}.operation-job-transfer{position:absolute;right:65px;top:186px;display:flex;justify-content:center;align-items:center;background:#fff;width:34px;height:34px;border-radius:50%;border:1px solid #e8e2f3;color:#655f70;transform:rotate(90deg);z-index:1}.operation-demo-active .operation-job-window{animation:operation-card-arrive .7s .15s both}.operation-automation-window{width:86%;left:7%;top:34px;z-index:1}.operation-automation-window .operation-window-body{padding:20px 24px 17px}.operation-automation-window .operation-ui-title-row{align-items:flex-start}.operation-automation-window .operation-ui-title-row h4{font-size:16px;max-width:240px;line-height:1.3}.operation-automation-window .operation-ui-subtitle{margin:6px 0 12px}.operation-automation-switch{position:relative;display:block;flex:0 0 25px;height:14px;background:#765cf0;border-radius:9px}.operation-automation-switch:after{content:"";display:block;position:absolute;width:10px;height:10px;top:2px;right:2px;border-radius:50%;background:#fff}.operation-automation-flow{background:#faf9fc;border:1px solid #eeeaf6;border-radius:7px;padding:8px 13px}.operation-flow-step{display:flex;align-items:center;gap:10px;padding:4px 0}.operation-flow-step>span:first-child{display:flex;align-items:center;justify-content:center;flex:0 0 30px;height:30px;background:#fff;border:1px solid #eae6f2;border-radius:6px;color:#655f70}.operation-flow-step>div{min-width:0}.operation-flow-step small{display:block;color:#655f70;font-size:7px;letter-spacing:.08em;margin-bottom:1px}.operation-flow-step strong{display:block;font-size:10px;font-weight:500;color:#655f70}.operation-flow-step>svg{margin-left:auto;color:#655f70}.operation-flow-line{position:relative;width:30px;height:10px;display:flex;align-items:center;justify-content:center;margin:0;color:#655f70}.operation-flow-line:before{content:"";position:absolute;top:-1px;bottom:-1px;left:14px;width:1px;background:#e1dcea;z-index:0}.operation-flow-line svg{z-index:1;background:#faf9fc}.operation-automation-status{position:relative;height:19px;width:45px;margin-left:auto;color:#655f70;font-size:8px}.operation-automation-status>span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:3px;border-radius:4px;background:#f0ebf6}.operation-automation-status .operation-delivered{opacity:0;background:#eee9ff;color:#655f70}.operation-demo-active .operation-delivered{animation:operation-status-sent 1.5s .4s both}.operation-demo-active .operation-queued{animation:operation-status-queued 1.5s .4s both}.operation-message-window{left:17%;right:5%;bottom:27px;z-index:2;padding:17px 19px}.operation-message-heading{display:flex;align-items:center;gap:10px}.operation-message-heading>span{flex:0 0 28px;height:28px;display:flex;align-items:center;justify-content:center;background:#eee9ff;border-radius:7px;color:#655f70}.operation-message-heading strong{font-size:12px;font-weight:550;color:#3c3b46;display:block}.operation-message-heading small{font-size:8px;color:#655f70;display:block;margin-top:1px}.operation-message-heading>svg{margin-left:auto;color:#655f70}.operation-message-window>p{font-size:10px;color:#655f70;line-height:1.75;margin:13px 0}.operation-message-attachment{display:inline-flex;align-items:center;gap:5px;border:1px solid #ebe8f1;border-radius:4px;background:#fbfafc;color:#655f70;padding:5px 7px;font-size:8px}.operation-demo-active .operation-message-window{animation:operation-card-arrive .5s .25s both}@keyframes operation-travel{0%{opacity:0;transform:translate(0)}15%{opacity:1;transform:translate(0)}45%{opacity:1;transform:translateY(66px)}85%{opacity:1;transform:translate(256px,66px)}to{opacity:0;transform:translate(256px,66px)}}@keyframes operation-card-arrive{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes operation-status-sent{0%,40%{opacity:0;transform:translateY(3px)}70%,to{opacity:1;transform:translateY(0)}}@keyframes operation-status-queued{0%,40%{opacity:1;transform:translateY(0)}70%,to{opacity:0;transform:translateY(-3px)}}@media (min-width:1400px){.operation-sticky{gap:110px;grid-template-columns:360px minmax(0,1fr)}}@media (max-width:1100px){.operation-sticky{gap:38px;grid-template-columns:310px minmax(0,1fr)}.operation-demo-topline>span:last-child{display:none}.operation-demo-stack{height:490px}.operation-window-body{padding-left:18px;padding-right:18px}.operation-chapter button{font-size:22px}.operation-enquiry-window{width:83%;left:20px}.operation-crm-window{width:86%;right:20px}.operation-enquiry-window .operation-example-message{display:none}.operation-lead-details{gap:9px}.operation-quote-window{width:73%;left:20px}.operation-job-window{width:87%;right:18px}.operation-automation-window .operation-window-body{padding-left:19px;padding-right:19px}.operation-automation-window .operation-ui-title-row h4{font-size:15px}}@media (max-width:959px){.operation-story{padding:80px 24px}.operation-heading{margin-bottom:36px}.operation-scroll-scene{height:auto}.operation-sticky{position:static;height:auto;min-height:0;max-height:none;grid-template-columns:1fr;gap:26px}.operation-narrative{padding:0}.operation-chapters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:start}.operation-chapters:before{display:none}.operation-chapter{display:contents;margin:0}.operation-chapter button{font-size:18px;gap:10px;flex-wrap:wrap;line-height:1.3;padding:12px 0;border-top:1px solid #e4e4e9;min-height:74px;align-items:flex-start;grid-row:1}.operation-chapter button>span:nth-child(2){flex:1 1 100%}.operation-chapter button>svg{display:none}.operation-chapter-copy{padding-left:0;grid-column:1/-1;grid-row:2;display:none}.operation-chapter-active .operation-chapter-copy{display:block}.operation-chapter-copy>p{font-size:13px;line-height:1.7;max-width:560px}.operation-chapter-copy>a{font-size:10px;margin-top:12px}.operation-progress-note{margin:20px 0 0}.operation-desktop-note,.operation-progress-note svg{display:none}.operation-mobile-note{display:inline}.operation-demo-area{max-width:650px;margin:auto;padding-bottom:0}.operation-demo-topline{margin:0 0 12px}.operation-demo-topline>span:last-child{display:inline}.operation-demo-stack{height:500px}.operation-enquiry-window{width:75%;left:28px}.operation-crm-window{width:77%;right:27px}.operation-quote-window{width:64%;left:26px}.operation-job-window{width:78%;right:26px}.operation-lead-details{gap:16px}.operation-automation-window .operation-window-body{padding-left:24px;padding-right:24px}.operation-automation-window .operation-ui-title-row h4{font-size:17px}}@media (max-width:599px){.operation-story{padding:64px 18px}.operation-heading h2{font-size:35px}.operation-heading>p:last-child{font-size:13px;max-width:300px}.operation-eyebrow{font-size:9px!important;margin-bottom:16px!important}.operation-heading{margin-bottom:29px}.operation-chapters{gap:11px}.operation-chapter button{font-size:16px;min-height:81px}.operation-chapter-number{flex-basis:23px;height:23px;font-size:9px}.operation-chapter-copy>p{font-size:13px;max-width:100%}.operation-chapter-copy>a{font-size:11px;line-height:1.6;align-items:flex-start;gap:4px}.operation-chapter-copy>a>svg{flex:0 0 11px;margin-top:2px}.operation-demo-topline,.operation-demo-topline>span:first-child{font-size:8px}.operation-demo-topline>span:last-child{display:none}.operation-demo-stack{height:465px;border-radius:12px}.operation-demo-caption{font-size:8px;gap:8px;align-items:flex-start}.operation-demo-caption>span:last-child{max-width:112px;text-align:right}.operation-enquiry-window{width:87%;left:15px;top:20px}.operation-window-body{padding:16px}.operation-window-body h4{font-size:17px}.operation-site-bar{padding:0 16px;height:39px}.operation-site-bar strong{font-size:16px}.operation-site-bar>span,.operation-ui-eyebrow{font-size:7px}.operation-example-field{padding:6px 8px}.operation-example-field>strong{font-size:9px}.operation-crm-window{width:88%;right:15px;bottom:20px}.operation-crm-window .operation-window-body{padding:15px}.operation-window-bar{padding:0 12px;height:38px;font-size:8px;gap:5px}.operation-window-location{display:none}.operation-workspace-avatar{width:17px;height:17px}.operation-lead-details{gap:8px;font-size:7px}.operation-quote-window{width:77%;left:15px;top:20px}.operation-quote-window .operation-window-body{padding-left:16px;padding-right:16px}.operation-quote-items{font-size:8px}.operation-quote-items>div{padding:7px 0}.operation-quote-window .operation-ui-subtitle{font-size:9px;margin-bottom:10px}.operation-job-window{width:89%;right:14px;bottom:20px}.operation-job-window .operation-window-body{padding:15px 16px}.operation-task-list li{font-size:9px;padding:8px 0}.operation-job-note,.operation-task-list small{font-size:7px}.operation-job-transfer{right:40px;top:156px}.operation-automation-window{width:90%;left:5%;top:20px}.operation-automation-window .operation-window-body{padding:17px 15px}.operation-automation-window .operation-ui-title-row h4{font-size:15px;max-width:190px}.operation-automation-window .operation-ui-subtitle{font-size:9px;margin-bottom:12px}.operation-automation-flow{padding:8px 10px}.operation-flow-step{gap:8px;padding:5px 0}.operation-flow-step strong{font-size:9px}.operation-flow-step>span:first-child{flex-basis:26px;height:26px}.operation-flow-line{width:26px;height:10px}.operation-flow-line:before{left:12px}.operation-automation-status{width:38px;font-size:7px}.operation-message-window{left:10%;right:4%;bottom:20px;padding:16px}.operation-message-heading strong{font-size:10px}.operation-message-heading small{font-size:7px}.operation-message-window>p{font-size:9px}.operation-message-heading>span{flex-basis:26px;height:26px}.operation-connector{display:none}}@media (prefers-reduced-motion:reduce){.operation-scroll-scene{height:auto}.operation-sticky{position:static;min-height:0;height:auto;max-height:none;padding:35px 0 72px}.operation-chapter-copy{display:block;opacity:1;visibility:visible;padding-top:8px;grid-row:auto}.operation-chapter-copy>a{display:flex}.operation-chapter-copy>p{overflow:visible}.operation-chapter button,.operation-chapter button>svg,.operation-chapter-copy,.operation-chapter-number,.operation-demo-panel,.operation-window{transition:none}.operation-demo-active .operation-delivered,.operation-demo-active .operation-flow-dot,.operation-demo-active .operation-job-window,.operation-demo-active .operation-message-window,.operation-demo-active .operation-queued{animation:none}.operation-delivered{opacity:1!important}.operation-queued{opacity:0!important}.operation-desktop-note,.operation-progress-note svg{display:none}.operation-mobile-note{display:inline}.operation-demo-panel{transform:none}}.operation-story .operation-demo-canvas .operation-delivered,.operation-story .operation-demo-canvas .operation-status-green,.operation-story .operation-demo-canvas .operation-status-purple{color:#6243ba}.portfolio-showcase{padding-top:116px;padding-bottom:90px}.portfolio-heading{display:grid;grid-template-columns:1.2fr .8fr;gap:60px;align-items:end;margin-bottom:56px}.portfolio-heading h2{font-size:clamp(38px,4.7vw,64px);line-height:1.05;letter-spacing:-.055em;margin:22px 0 0;font-weight:600}.portfolio-heading h2 span{color:#77717e}.portfolio-heading>div:last-child{max-width:350px;justify-self:end;padding-bottom:5px}.portfolio-heading>div:last-child>p{font-size:14px;line-height:1.8;color:#655f70;margin:0 0 20px}.portfolio-projects{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px}.portfolio-device{padding:34px 28px 0;background:#ede7dc;border-radius:20px;min-width:0}.portfolio-project-1 .portfolio-device{background:#e3ecea}.portfolio-project-2 .portfolio-device{background:#f1e5eb}.portfolio-project-3 .portfolio-device{background:#e5e9f2}.portfolio-preview{display:block;border:1px solid #151515;border-radius:11px 11px 0 0;background:#fff;overflow:hidden;box-shadow:0 20px 45px #191b2026;position:relative;transform:translateZ(12px)}.portfolio-browser{display:flex;align-items:center;justify-content:space-between;gap:12px;height:33px;padding:0 12px;border-bottom:1px solid #e1dfe4;color:#66616d;font-size:9px;background:#f8f7fa}.portfolio-browser-dots{display:flex;gap:4px}.portfolio-browser-dots i{width:5px;height:5px;background:#b3aeb9;border-radius:50%}.portfolio-screen{position:relative;aspect-ratio:1.36;overflow:hidden}.portfolio-screen img{width:100%;height:100%;display:block;object-fit:cover;object-position:top;transition:transform .6s cubic-bezier(.2,.65,.2,1)}.portfolio-preview:hover .portfolio-screen img{transform:scale(1.025)}.portfolio-view{align-items:center;position:absolute;bottom:15px;right:15px;color:#fff;padding:10px 13px;background:#191a1f;border-radius:7px;font-size:11px;box-shadow:0 3px 15px #0002}.portfolio-caption,.portfolio-view{display:flex;justify-content:space-between;gap:20px}.portfolio-caption{margin-top:24px}.portfolio-type{text-transform:uppercase;letter-spacing:.1em;font-size:9px;color:#655f70;margin:0 0 10px}.portfolio-caption .portfolio-type{font-size:11px}.portfolio-caption>div>p:not(.portfolio-type){color:#655f70;font-size:16px;line-height:1.75;margin:0}.portfolio-caption h3{margin:0 0 9px;font-size:25px;letter-spacing:-.035em;font-weight:550}.portfolio-caption>div>p:last-child{color:#655f70;font-size:16px;line-height:1.75;max-width:425px;margin:0}.portfolio-external{display:grid;place-items:center;width:44px;height:44px;flex:0 0 44px;border:1px solid #dfdce4;border-radius:50%;margin-top:18px;transition:background .2s}.portfolio-external:hover{background:#eee9ff}.portfolio-cta{margin-top:50px;padding-top:25px;border-top:1px solid #e7e4ea;display:flex;justify-content:space-between;align-items:center;gap:18px}.portfolio-cta p{font-size:14px;color:#655f70;margin:0}@media (max-width:760px){.portfolio-showcase{padding-top:75px;padding-bottom:55px}.portfolio-heading{grid-template-columns:1fr;gap:25px;margin-bottom:35px}.portfolio-heading>div:last-child{max-width:450px;justify-self:start}.portfolio-heading h2{font-size:43px}.portfolio-projects{grid-template-columns:1fr;gap:42px}.portfolio-device{padding:25px 18px 0}.portfolio-caption h3{font-size:23px}.portfolio-cta{align-items:start;flex-direction:column}}@media (prefers-reduced-motion:reduce){.portfolio-external,.portfolio-screen img{transition:none}.portfolio-preview:hover .portfolio-screen img{transform:none}}