/* Composition follows the supplied design and its original transparent asset. */
#problem{position:relative;isolation:isolate;overflow:hidden;min-height:100svh;justify-content:center;background:#434734;color:#eeeddf;padding:clamp(150px,23svh,230px) 3.7vw clamp(70px,11svh,110px)}
#problem .section-label{position:relative;z-index:3;margin-bottom:clamp(50px,6svh,65px);color:#c4c8b1}
#problem .section-label .eyebrow{font-size:clamp(8px,.76vw,12px);letter-spacing:.15em}
#problem .problem-heading{position:relative;z-index:2;display:grid;grid-template-columns:46% 24%;justify-content:space-between;gap:0;min-height:clamp(330px,40svh,420px);align-items:center}
#problem .problem-heading h2{position:relative;z-index:2;font-family:var(--sans);font-size:clamp(48px,5.55vw,96px);font-weight:400;line-height:1.08;letter-spacing:-.045em;max-width:none;margin:0;text-shadow:none}
#problem .problem-heading h2 em{color:#c7cbb1;font-style:normal}
#problem .problem-heading>div{position:relative;z-index:3;max-width:none}
#problem .problem-heading .lead{font-family:var(--sans);font-size:clamp(20px,1.68vw,28px);line-height:1.45;margin:0 0 30px;color:#eeeddf}
#problem .problem-heading>div>p:not(.lead){font-size:clamp(13px,1.08vw,18px);line-height:1.7;color:#c8cbb8;margin:0 0 26px}
#problem .problem-heading>div>p:last-child{margin-bottom:0}
.scraps-composition{position:absolute;z-index:1;left:22.5%;top:11%;width:51%;height:76%;margin:0;pointer-events:none}
.scraps-composition img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;transform:none;filter:none}
#problem .possibility-line{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:42px;padding-top:35px;border-top:1px solid #eeeddf55;color:#d4d6c1}
#problem .possibility-line span{font-family:var(--sans);font-size:clamp(13px,1.2vw,20px);line-height:1.4;max-width:none}
#problem .possibility-line i{color:#a7af90}
@media(min-width:1800px){#problem{padding-inline:5vw}.scraps-composition{left:23%;width:50%}}
@media(min-width:701px) and (max-width:1100px){#problem{padding-top:150px;padding-bottom:80px}#problem .problem-heading{grid-template-columns:48% 27%;min-height:350px}#problem .problem-heading h2{font-size:5.5vw}#problem .problem-heading .lead{font-size:20px;margin-bottom:24px}#problem .problem-heading>div>p:not(.lead){font-size:13px;line-height:1.65;margin-bottom:20px}.scraps-composition{left:23%;top:13%;width:49%;height:73%}}
@media(max-width:700px){#problem{padding:115px 6vw 55px;min-height:100svh;justify-content:flex-start}#problem .section-label{margin-bottom:40px;gap:20px}#problem .section-label>.eyebrow:last-child{display:block;max-width:23ch;text-align:right;font-size:7px}#problem .problem-heading{display:block;min-height:0}#problem .problem-heading h2{font-size:clamp(40px,8.7vw,60px);line-height:1.08;position:relative;max-width:100%;margin-bottom:340px}#problem .problem-heading>div{max-width:42ch}#problem .problem-heading .lead{font-size:24px;margin-bottom:25px}#problem .problem-heading>div>p:not(.lead){font-size:15px;line-height:1.7;margin-bottom:22px}.scraps-composition{left:15%;top:210px;width:80%;height:420px}.scraps-composition img{object-fit:contain}#problem .possibility-line{margin-top:38px;padding-top:25px;gap:10px;align-items:flex-start}#problem .possibility-line span{font-size:12px;max-width:26%;line-height:1.5}#problem .possibility-line i{padding-top:3px;flex:none}#problem .possibility-line .ui-icon{width:14px;height:14px}}
@media(max-width:370px){#problem .problem-heading h2{font-size:36px}.scraps-composition{top:205px;height:390px}#problem .problem-heading h2{margin-bottom:310px}}