/* Shared paper surface and alternating project composition. */
.work-card{position:relative;isolation:isolate}.work-card::before{content:'';position:absolute;inset:0;border-radius:inherit;background:url('/assets/card-paper.jpg') center/cover no-repeat;opacity:.18;mix-blend-mode:multiply;pointer-events:none;z-index:0}.work-card>div{position:relative;z-index:1;min-width:0}.work-card .work-case-cta{margin:18px 0 24px;font-size:14px;font-weight:500;line-height:1.45}.work-card-copy{grid-area:copy}.work-card-visual{grid-area:visual}@media(min-width:951px){.work-card.visual-right{grid-template-areas:'copy visual';grid-template-columns:1fr 1fr}.work-card.visual-left{grid-template-areas:'visual copy';grid-template-columns:1fr 1fr}}@media(max-width:950px){.work-card{grid-template-columns:1fr;grid-template-areas:'copy' 'visual';gap:35px}.work-card-visual{width:100%}.work-card .work-hf-media{padding-top:0}.work-card .risk-pair{margin-top:0}}@media(max-width:450px){.work-card .work-case-cta{font-size:13px}}
.savings-film{margin:28px 0 0;max-width:300px;width:100%;border-radius:18px;overflow:hidden}.savings-film video{display:block;width:100%;aspect-ratio:1;object-fit:contain;background:#fff}@media(max-width:950px){.savings-film{max-width:320px}}
/* Give the launch film more presence beside the product walkthrough. */
#automated-savings .savings-film{max-width:390px;margin-top:32px;border-radius:20px}#automated-savings .work-card-copy{align-self:center}#automated-savings .eyebrow{text-transform:uppercase}@media(min-width:951px){#automated-savings{gap:6%;grid-template-columns:1.1fr 1fr}#automated-savings .as-device{width:280px}}@media(max-width:950px){#automated-savings .savings-film{max-width:390px}#automated-savings .work-card-visual{margin-top:5px}}@media(max-width:600px){#automated-savings .savings-film{max-width:100%;margin-top:25px}}
/* Product work leads; launch films remain supporting details. */
#automated-savings .savings-film,#portfolio-customization .savings-film{max-width:260px;margin-top:25px}#automated-savings .as-device{width:100%;max-width:380px}#portfolio-customization .eyebrow{text-transform:uppercase}.portfolio-demo-size{position:relative;width:392px;max-width:100%;height:826px}.portfolio-demo-size iframe{position:absolute;top:0;left:50%;margin-left:-140px;transform:scale(1.4);transform-origin:center top}@media(min-width:951px){#automated-savings{grid-template-columns:1fr 1.1fr}#portfolio-customization{grid-template-columns:1.1fr 1fr;gap:6%}}@media(max-width:600px){#automated-savings .as-device{max-width:340px}.portfolio-demo-size{width:322px;height:679px}.portfolio-demo-size iframe{transform:scale(1.15)}#automated-savings .savings-film,#portfolio-customization .savings-film{max-width:240px}}@media(max-width:380px){.portfolio-demo-size{width:280px;height:590px}.portfolio-demo-size iframe{transform:none}}
/* Match the carousel's open sketchbook binding along the left edge. */
.work-card{border-top-left-radius:2px;border-bottom-left-radius:2px;-webkit-mask-image:linear-gradient(#000,#000),url('/assets/sketchbook-edge.svg');mask-image:linear-gradient(#000,#000),url('/assets/sketchbook-edge.svg');-webkit-mask-size:calc(100% - 25px) 100%,26px 48px;mask-size:calc(100% - 25px) 100%,26px 48px;-webkit-mask-position:right top,left top;mask-position:right top,left top;-webkit-mask-repeat:no-repeat,repeat-y;mask-repeat:no-repeat,repeat-y;padding-left:max(42px,5%)}

#automated-savings .launch-scale{margin:26px 0;padding:20px 0;border-block:1px solid #cbc8df;max-width:440px}#automated-savings .launch-scale-title{font-size:14px;font-weight:600;color:#252137;margin:0 0 16px}.launch-scale-numbers{display:flex;align-items:center;gap:24px}.launch-scale-numbers strong{font-size:clamp(30px,3.2vw,44px);font-weight:500;letter-spacing:-.045em;line-height:1.1;color:#5140bd}.launch-scale-numbers strong span{font:inherit;letter-spacing:inherit}.launch-scale-numbers .result-count{font-variant-numeric:tabular-nums}.launch-scale-arrow{color:#8c86a5;font-size:24px}#automated-savings .launch-scale-numbers p{font-size:12px;line-height:1.5;margin:8px 0 0}#automated-savings .launch-scale-note{font-size:12px;line-height:1.5;margin:16px 0 0;color:#797486}@media(max-width:380px){.launch-scale-numbers{gap:14px}}

.portfolio-launch-result{max-width:440px;margin:26px 0;padding:22px 0;border-block:1px solid #cbc8df}.portfolio-launch-result strong{display:block;font-size:clamp(44px,4.8vw,64px);font-weight:500;letter-spacing:-.045em;line-height:1.1;color:#5140bd}.portfolio-launch-result strong span{font:inherit;letter-spacing:inherit}.portfolio-launch-result .result-count{font-variant-numeric:tabular-nums}#portfolio-customization .portfolio-result-label{font-size:15px;line-height:1.5;margin:12px 0 0;color:#39324c}#portfolio-customization .portfolio-result-note{font-size:12px;line-height:1.6;margin:12px 0 0;color:#797486}

.risk-launch-result{max-width:470px;margin:26px 0;padding:22px 0;border-block:1px solid #cbc8df}#risk-quiz .risk-result-title{font-size:14px;font-weight:600;color:#252137;margin:0 0 18px}.risk-result-numbers{display:grid;grid-template-columns:1fr 1fr;gap:20px}.risk-result-numbers strong{font-size:clamp(30px,3.5vw,46px);line-height:1.1;font-weight:500;letter-spacing:-.045em;color:#5140bd}.risk-result-numbers strong span{font:inherit;letter-spacing:inherit}.risk-result-numbers .result-count{font-variant-numeric:tabular-nums}#risk-quiz .risk-result-numbers p{font-size:12px;line-height:1.5;margin:8px 0 0}#risk-quiz .risk-result-summary{font-size:14px;line-height:1.6;margin:20px 0 0;color:#39324c}#risk-quiz .risk-result-note{font-size:11px;line-height:1.6;margin:12px 0 0;color:#797486}.risk-quiz-link{display:inline-block;color:#5140bd;font-size:15px;font-weight:500;text-underline-offset:5px}

.work-intro{display:grid;grid-template-columns:1.1fr 1fr;gap:7%;align-items:center;padding:64px 5% 64px;position:relative;isolation:isolate}.work-intro:before{content:"";position:absolute;inset:0;z-index:-1;background:url('/assets/card-paper.jpg') center/cover;opacity:.075;pointer-events:none}.work-opening h1{margin:28px 0 24px;font-size:clamp(42px,5.1vw,76px);line-height:1.08;letter-spacing:-.055em}.work-opening h1 em{font-style:normal;color:#5942ce}.work-opening-copy{font-size:18px;line-height:1.7;max-width:440px;color:#4f495d;margin:0 0 18px}.work-opening-note{font-size:14px;line-height:1.7;max-width:380px;color:#797286}.work-intro .work-index{display:flex;flex-direction:column;gap:0;margin:0;padding:24px 28px;background:#faf8f3;border:1px solid #e4ded1;border-radius:3px 18px 18px 3px;box-shadow:5px 7px 0 #eeebf3;position:relative}.work-index:before{content:"";position:absolute;inset:0;background:url('/assets/card-paper.jpg') center/cover;opacity:.13;pointer-events:none;border-radius:inherit}.work-index-label{position:relative;display:flex;justify-content:space-between;font-size:10px;letter-spacing:.13em;margin:0 0 14px;color:#746b80}.work-intro .work-index a{position:relative;display:flex;align-items:center;gap:16px;border:0;border-top:1px solid #ddd7ce;border-radius:0;padding:14px 0;color:#25212b;text-decoration:none;transition:color .18s}.work-index-number{font-size:11px;color:#91859f;align-self:center}.work-index-text{flex:1}.work-index-text small{display:block;font-size:10px;color:#797180;margin-bottom:5px}.work-index-text strong{font-size:14px;font-weight:500;line-height:1.4}.work-index-arrow{font-size:22px;color:#81768f;transition:transform .18s}.work-intro .work-index a:hover,.work-intro .work-index a:focus-visible{color:#5942ce}.work-index a:hover .work-index-arrow{transform:translate(2px,-2px)}@media(max-width:800px){.work-intro{grid-template-columns:1fr;gap:30px;padding-top:38px;padding-bottom:45px}.work-opening h1{font-size:clamp(42px,8vw,62px)}.work-opening-copy{max-width:540px;font-size:16px}.work-opening-note{max-width:480px}.work-intro .work-index{padding:20px 24px}.work-index-text strong{font-size:13px}}@media(prefers-reduced-motion:reduce){.work-index-arrow,.work-intro .work-index a{transition:none}}

.work-intro{grid-template-columns:1.5fr 1fr;gap:8%;padding-top:55px;padding-bottom:55px}.work-intro .work-quick-links{display:grid;grid-template-columns:1fr;gap:0;align-content:center;justify-items:start;margin:0;padding:0;background:none;border:0;box-shadow:none}.work-intro .work-quick-links a{display:block;border:0;border-radius:0;padding:9px 0;font-size:15px;line-height:1.5;color:#6f657e;text-decoration:none;text-underline-offset:5px}.work-intro .work-quick-links a:hover,.work-intro .work-quick-links a:focus-visible{color:#5942ce;text-decoration:underline}.work-opening-note{max-width:460px;margin-bottom:0}@media(max-width:800px){.work-intro{grid-template-columns:1fr;gap:24px;padding-top:35px;padding-bottom:40px}.work-intro .work-quick-links{display:flex;flex-direction:row;flex-wrap:wrap;gap:4px 24px}.work-intro .work-quick-links a{font-size:13px;padding:7px 0}}

/* Give the risk quiz screens room to read at product scale. */
#risk-quiz .risk-pair{gap:24px;align-items:start}
#risk-quiz .risk-pair figure{max-width:300px}
#risk-quiz .risk-static-phone{height:auto;aspect-ratio:1 / 2.12;border-radius:36px}
@media(min-width:951px){#risk-quiz.work-card{grid-template-columns:.85fr 1.15fr;gap:40px}}
@media(max-width:650px){#risk-quiz .risk-pair{flex-direction:column;align-items:center;gap:30px}#risk-quiz .risk-pair figure{flex:none;width:min(100%,300px)}}