/* One material anti-case, followed by two concise original customer stories. */
.problem{background:var(--white);padding:clamp(90px,7vw,138px) 0}
.problem .section-intro{margin-bottom:clamp(38px,4vw,70px)}
.problem .section-intro .section-subtitle{max-width:none;width:100%}
.problem .prob2-list{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);grid-template-rows:repeat(2,minmax(0,1fr));gap:18px;align-items:stretch}
.problem .problem-story,.problem .problem-story:first-child{position:relative;min-width:0;margin:0;border:0}
.problem .problem-story-1,.problem .problem-story-1:first-child{grid-row:1 / 3;display:flex;flex-direction:column;min-height:570px;padding:clamp(34px,3.5vw,65px);overflow:hidden;background:var(--depth);color:var(--depth-text)}
.problem .problem-story-1:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 78% 62% at 55% 30%,rgba(213,231,238,.11),transparent 85%);pointer-events:none}
.problem .problem-story-1 .prob2-num{position:relative;color:#b7c7cd;font:500 11px/1.4 var(--body);letter-spacing:.13em}
.problem-time{position:relative;display:grid;grid-template-columns:auto minmax(40px,1fr) auto;gap:clamp(18px,2vw,38px);align-items:center;margin:clamp(58px,5vw,95px) 0 42px}
.problem-time-point{display:flex;flex-direction:column;gap:15px}
.problem-time-point span{font:400 clamp(77px,6.7vw,132px)/.85 var(--head);font-variation-settings:var(--heading-variation);letter-spacing:-.085em}
.problem-time-point small{color:#aebfc6;font:500 11px/1.5 var(--body);letter-spacing:.035em;white-space:nowrap}
.problem-time-path{position:relative;align-self:center;height:1px;background:linear-gradient(90deg,rgba(238,242,243,.35),#a07436 65%,rgba(238,242,243,.35))}
.problem-time-path:after{content:"";position:absolute;right:0;top:-4px;width:9px;height:9px;border-top:1px solid #c69752;border-right:1px solid #c69752;transform:rotate(45deg)}
.problem .problem-story-1 .prob2-q{position:relative;margin:auto 0 17px}
.problem .problem-story-1 .prob2-quote{margin:0;color:var(--depth-text);font:400 clamp(32px,2.6vw,49px)/1.2 var(--head);letter-spacing:-.04em;text-wrap:pretty}
.problem .problem-story-1 .prob2-cost{position:relative;max-width:53ch;margin:0;color:#b9c8ce;font:400 clamp(15px,.95vw,18px)/1.65 var(--body)}
.problem .problem-story-1 .prob2-cost strong{color:var(--depth-text);font-weight:600}
.problem .problem-story-2,.problem .problem-story-3{display:flex;flex-direction:column;justify-content:flex-end;min-height:275px;padding:clamp(30px,2.6vw,47px);background:var(--paper)}
.problem .problem-story-3{background:var(--mist)}
.problem .problem-story-2 .prob2-num,.problem .problem-story-3 .prob2-num{position:absolute;top:clamp(30px,2.6vw,47px);left:clamp(30px,2.6vw,47px);margin:0;color:var(--oxide-deep);font:500 11px/1.4 var(--body);letter-spacing:.12em}
.problem .problem-story-2 .prob2-q,.problem .problem-story-3 .prob2-q{margin:58px 0 16px}
.problem .problem-story-2 .prob2-quote,.problem .problem-story-3 .prob2-quote{margin:0;font:400 clamp(27px,1.8vw,36px)/1.23 var(--head);letter-spacing:-.035em;text-wrap:pretty}
.problem .problem-story-2 .prob2-cost,.problem .problem-story-3 .prob2-cost{max-width:64ch;margin:0;color:var(--muted);font:400 clamp(14px,.85vw,16px)/1.6 var(--body)}
.problem .problem-story-2 .prob2-cost strong,.problem .problem-story-3 .prob2-cost strong{color:var(--ink);font-weight:600}
@media(max-width:1050px){.problem .prob2-list{grid-template-columns:1fr 1fr;grid-template-rows:auto auto}.problem .problem-story-1,.problem .problem-story-1:first-child{grid-column:1/-1;grid-row:auto;min-height:475px}.problem .problem-story-2,.problem .problem-story-3{min-height:330px}}
@media(max-width:700px){.problem{padding:78px 0}.problem .section-intro{margin-bottom:33px}.problem .prob2-list{grid-template-columns:1fr;gap:12px}.problem .problem-story-1,.problem .problem-story-1:first-child{grid-column:auto;min-height:440px;padding:30px 25px}.problem-time{gap:18px;margin:70px 0 45px}.problem-time-point span{font-size:70px}.problem-time-point small{font-size:9px;white-space:normal}.problem .problem-story-1 .prob2-quote{font-size:31px}.problem .problem-story-1 .prob2-cost{font-size:15px}.problem .problem-story-2,.problem .problem-story-3{min-height:280px;padding:28px 25px}.problem .problem-story-2 .prob2-num,.problem .problem-story-3 .prob2-num{top:28px;left:25px}.problem .problem-story-2 .prob2-quote,.problem .problem-story-3 .prob2-quote{font-size:29px}.problem .problem-story-2 .prob2-cost,.problem .problem-story-3 .prob2-cost{font-size:14px}}