/* Approved dark-question layout. Scoped to the homepage problem section. */
.brand-site .problem-contrast{padding-top:72px;padding-bottom:72px}
.brand-site .problem-contrast p{text-wrap:pretty}
.brand-site .problem-contrast-opening{display:grid;grid-template-columns:1.4fr 1fr;gap:70px;align-items:center;margin-bottom:32px}
.brand-site .problem-contrast-opening>*{min-width:0}
.brand-site .problem-contrast-opening h2{font-size:clamp(36px,3.4vw,46px);line-height:1.1;font-weight:500;letter-spacing:-.038em;text-wrap:balance;margin:0;max-width:none}
.brand-site .problem-contrast-opening h2 em{font-style:normal;color:var(--stone-dark)}
.brand-site .problem-contrast-opening p{font-size:15px;line-height:1.7;color:var(--body);margin:0}
.brand-site .problem-contrast-opening .problem-lead{font-size:20px;line-height:1.5;color:var(--ink);margin-bottom:20px}
.brand-site .problem-question-band{background:#171719;isolation:isolate;position:relative;color:#f8f7f4;display:grid;grid-template-columns:1fr 1.16fr;gap:70px;padding:40px 42px;overflow:hidden}
.brand-site .problem-question-band>*{min-width:0}
.brand-site .problem-question-side{align-self:center}
.brand-site .problem-question-band .problem-prompt{color:#b6a894;font-size:14px;line-height:1.7;max-width:250px;margin:0 0 14px}
.brand-site .problem-question-band .problem-question{font-family:var(--sans);font-style:normal;font-size:clamp(40px,4.3vw,60px);font-weight:500;line-height:1.03;letter-spacing:-.035em;text-wrap:balance;max-width:390px;margin:0;color:#f8f7f4}
.brand-site .problem-tensions p{color:#c3c0b8;font-size:14px;line-height:1.65;margin:0 0 16px}
.brand-site .problem-tensions .stop{font-size:23px;line-height:1.3;color:#fff;font-weight:500;margin-top:23px;margin-bottom:22px}
.brand-site .problem-tensions .button{min-height:54px;font-size:12px;padding:17px 24px;letter-spacing:0;gap:0}
.brand-site .problem-contrast .problem-atmosphere{background:#171719}
.brand-site .problem-contrast .problem-atmosphere.ready canvas{opacity:.32}
.brand-site .problem-contrast .problem-atmosphere::after{background:linear-gradient(90deg,#17171910,#17171988)}
.brand-site .problem-contrast .stakes{margin-top:39px;padding-top:0;border-top:0}
.brand-site .problem-contrast .stakes>h3{font-size:27px;font-weight:500;letter-spacing:-.038em;line-height:1.23;max-width:680px;margin:0 0 25px;text-wrap:balance}
.brand-site .problem-stakes-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.brand-site .problem-stake{border-top:1px solid #b6a894;padding-top:22px;min-width:0}
.brand-site .problem-stake-number{display:block;color:var(--stone-dark);font-size:12px;line-height:1.4;margin-bottom:20px}
.brand-site .problem-contrast .problem-stake h4{font-size:23px;font-weight:500;line-height:1.16;letter-spacing:-.038em;margin:0 0 17px;text-wrap:balance}
.brand-site .problem-stake p{font-size:14px;line-height:1.65;color:var(--body);margin:0}
.brand-site .problem-contrast .problem-close{display:block;max-width:970px;margin-top:34px;padding-top:28px;border-top:1px solid var(--line)}
.brand-site .problem-contrast .problem-close p{font-size:16px;line-height:1.65;font-weight:400;letter-spacing:normal;color:var(--body);margin:0 0 15px}
.brand-site .problem-contrast .problem-close p:last-child{font-family:var(--sans);font-size:16px;line-height:1.65;letter-spacing:normal;font-weight:400;color:var(--ink);margin-bottom:0}
@media(max-width:1000px){.brand-site .problem-contrast-opening{gap:35px}.brand-site .problem-question-band{gap:35px;padding:32px}.brand-site .problem-contrast .problem-stake h4{font-size:21px}}
@media(max-width:760px){
 .brand-site .problem-contrast{padding-top:48px;padding-bottom:48px}
 .brand-site .problem-contrast-opening{grid-template-columns:1fr;gap:0;margin-bottom:26px}
 .brand-site .problem-contrast-opening h2{font-size:36px;line-height:1.09;letter-spacing:-.04em;margin-bottom:24px}
 .brand-site .problem-contrast-opening .problem-lead{font-size:19px;line-height:1.5}
 .brand-site .problem-question-band{grid-template-columns:1fr;gap:30px;margin-inline:calc(-1 * var(--gutter));padding:30px var(--gutter)}
 .brand-site .problem-question-band .problem-question{font-size:45px;max-width:330px}
 .brand-site .problem-question-band .problem-prompt{max-width:280px}
 .brand-site .problem-contrast .stakes{margin-top:32px}
 .brand-site .problem-contrast .stakes>h3{font-size:25px;margin-bottom:22px}
 .brand-site .problem-stakes-list{grid-template-columns:1fr;gap:23px}
 .brand-site .problem-stake{padding-top:20px}
 .brand-site .problem-stake-number{margin-bottom:12px}
 .brand-site .problem-contrast .problem-stake h4{font-size:23px;margin-bottom:14px}
 .brand-site .problem-contrast .problem-close{margin-top:27px;padding-top:28px}
 .brand-site .problem-contrast .problem-close p,.brand-site .problem-contrast .problem-close p:last-child{font-size:15px}
}