/* Briefing 11: a static section, shared by desktop and mobile. */
.problem-section{background:#0A0A0A;padding:96px 40px 0;scroll-margin-top:0}
.problem-box{width:100%;max-width:1200px;margin:0 auto;padding:104px 72px;background:#F4EFE8;color:#1B1814;border-radius:20px;box-shadow:0 25px 80px #0005}
.problem-box h2{font:500 clamp(48px,6.4vw,96px)/1.05 var(--serif);letter-spacing:-1.6px;text-align:center;margin:0 0 64px}
.problem-box h2 em{font-weight:400;color:#8E6E45}
.problem-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:60px 48px}
.problem-cell{display:grid;grid-template-columns:72px minmax(0,1fr);gap:16px;align-items:start;min-width:0}
.problem-art{width:72px;align-self:start;padding-top:26px}
.problem-art img{display:block;width:72px;height:72px;object-fit:contain;mix-blend-mode:multiply;filter:contrast(1.08) brightness(1.1)}
.problem-copy{border-left:1px solid #B99A7B66;padding-left:16px;min-width:0}
.problem-number{display:block;font:500 18px/1 var(--serif);color:#8E6E45;margin-bottom:8px}
.problem-copy h3{font:500 28px/1.08 var(--serif);letter-spacing:-.3px;margin:0 0 12px}
.problem-copy p{font:400 15px/1.7 var(--sans);color:#4A443C;margin:0;overflow-wrap:break-word}
@media(min-width:961px) and (max-width:1200px){
 .problem-box{padding:96px 48px}
 .problem-grid{column-gap:32px}
 .problem-cell{grid-template-columns:68px minmax(0,1fr);gap:12px}
 .problem-art,.problem-art img{width:68px}
 .problem-art img{height:68px}
 .problem-copy{padding-left:12px}
 .problem-copy h3{font-size:26px}
}
@media(max-width:960px){
 .problem-section{padding:64px 22px 0}
 .problem-box{padding:78px 28px;border-radius:20px}
 .problem-box h2{letter-spacing:-.8px;margin-bottom:48px}
 .problem-grid{grid-template-columns:minmax(0,1fr);row-gap:40px}
 .problem-copy h3{font-size:28px}
}
@media(max-width:420px){
 .problem-section{padding:48px 16px 0}
 .problem-box{padding:72px 22px}
 .problem-box h2{letter-spacing:-.6px}
 .problem-cell{grid-template-columns:68px minmax(0,1fr);gap:12px}
 .problem-art,.problem-art img{width:68px}
 .problem-art img{height:68px}
 .problem-copy{padding-left:12px}
 .problem-copy h3{font-size:27px}
}