/* Missed orders, shown through two customer moments. */
.customer-work{padding:74px 70px 72px;margin-top:24px;margin-bottom:35px;background:#f7f8f5;border-radius:46px}
.problem-context{display:flex;align-items:center;justify-content:center;gap:10px;font:400 clamp(15px,1.6vw,20px)/1.5 var(--sans);text-align:center;color:#646e61;margin:0 0 20px;text-wrap:balance}
.audience-eyes{width:1.95em;height:1.5em;flex:none;overflow:visible;filter:drop-shadow(0 2px 2px #263c2e12)}
.problem-context a{color:inherit;font-weight:500;text-decoration:underline;text-decoration-color:#bcc5b7;text-underline-offset:4px}.problem-context a:hover{color:var(--green);text-decoration-color:currentColor}
.customer-work h2{font:600 clamp(45px,4.7vw,62px)/1.1 var(--sans);letter-spacing:-2.3px;color:#222723;text-align:center;max-width:820px;margin:0 auto;text-wrap:balance}
.problem-stories{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:62px;max-width:970px;margin:64px auto 0}
.problem-story{min-width:0}
.problem-quote{margin:0;padding:28px 31px 32px;background:#fff;border:1px solid #e9ece6;border-radius:26px 26px 26px 7px;box-shadow:0 15px 35px #24322208;transform:rotate(-1.5deg)}
.problem-story:nth-child(2) .problem-quote{transform:rotate(1.2deg)}
.problem-channel{display:flex;align-items:center;gap:9px;font:400 14px/1.5 var(--sans);color:#747c72;margin:0 0 20px}
.problem-channel img,.problem-channel .icon{width:22px;height:22px;flex:none}.problem-channel img{filter:brightness(0);opacity:.65}
.problem-question{font:400 clamp(24px,2.3vw,30px)/1.35 var(--sans);letter-spacing:-.7px;color:#343d34;min-height:2.7em;text-wrap:balance}
.problem-connector{height:36px;width:1px;border-left:1px dashed #b7c0b1;position:relative;margin:16px 0 17px 34px}
.problem-connector::before{content:'';position:absolute;width:5px;height:5px;top:-2px;left:-3px;border-radius:50%;background:#b7c0b1}
.problem-loss{display:flex;align-items:flex-start;gap:12px;font:500 21px/1.45 var(--sans);letter-spacing:-.45px;color:#73776d;margin-left:27px;text-wrap:balance}
.problem-loss>span{flex:none;width:10px;height:10px;margin-top:10px;border-radius:50%;background:#b7a698;box-shadow:0 0 0 6px #ebe6e0}
@media(max-width:1100px){.customer-work{padding:63px 44px 64px;border-radius:38px}.problem-stories{gap:42px;margin-top:54px}.problem-quote{padding:26px}.problem-question{font-size:25px}.problem-loss{font-size:19px;margin-left:24px;gap:11px}}
@media(max-width:760px){.customer-work{padding:49px 27px 47px;margin-top:22px;margin-bottom:20px;border-radius:30px}.customer-work h2{font-size:clamp(35px,6.2vw,45px);letter-spacing:-1.4px}.problem-stories{grid-template-columns:1fr;max-width:440px;gap:39px;margin-top:43px}.problem-quote{padding:24px 25px 28px}.problem-question{font-size:27px;min-height:0}.problem-channel{font-size:14px;margin-bottom:17px}.problem-connector{height:27px;margin:15px 0 16px 28px}.problem-loss{font-size:20px;margin-left:22px}.problem-loss>span{margin-top:10px}}
@media(max-width:420px){.customer-work{padding:40px 20px 39px;border-radius:28px}.customer-work h2{font-size:36px;letter-spacing:-1.3px}.problem-stories{margin-top:36px;gap:32px}.problem-quote{padding:22px 23px 25px;border-radius:23px 23px 23px 6px}.problem-question{font-size:25px}.problem-loss{font-size:18px;margin-left:20px;gap:11px}.problem-loss>span{width:8px;height:8px;margin-top:9px;box-shadow:0 0 0 5px #ebe6e0}.problem-channel{font-size:13px;gap:8px}.problem-channel img,.problem-channel .icon{width:20px;height:20px}}
