#problem{position:relative;padding-bottom:32px;isolation:isolate;--pm-row-gap: calc(var(--gh-space-16, 64px) + var(--gh-space-2, 8px))}#problem .opener{padding-bottom:24px;background:transparent}#problem .opener .rv{transform:none}#problem .opener .eyebrow{margin-bottom:24px}#problem .opener .lede{margin-top:24px}.problem-journey{position:relative;padding:48px 0 96px}#problem-path{position:absolute;left:0;top:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:2}#problem-path path{fill:none;stroke-width:2;stroke-linecap:square;stroke-linejoin:round}.pm-path-base{stroke:var(--line)}.pm-path-hot{stroke:var(--lime)}.problem-row{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(64px,8vw,128px);align-items:center;min-height:720px;padding:88px 0}.problem-row:nth-of-type(2n) .problem-copy{grid-column:2;grid-row:1}.problem-row:nth-of-type(2n) .problem-scene{grid-column:1;grid-row:1}.problem-copy{position:relative;z-index:1;padding:24px 0;background:transparent;max-width:44ch}.problem-row:nth-of-type(odd) .problem-copy{justify-self:start}.problem-row:nth-of-type(2n) .problem-copy{justify-self:end}.problem-index{display:flex;align-items:center;gap:16px;font:800 14px Nunito;color:var(--lv);margin-bottom:24px}.problem-index i{height:1px;width:48px;background:var(--lv)}.problem-copy h4{font:800 clamp(28px,3vw,44px)/1.12 Nunito;letter-spacing:-.03em;margin:0 0 24px;max-width:22ch;text-wrap:balance}.problem-copy p{font-size:clamp(17px,1.35vw,20px);line-height:1.65;margin:0;max-width:40ch;color:var(--txt)}.problem-scene{position:relative;z-index:3;min-width:0;width:100%;margin:0;background:var(--surf);border:1px solid var(--line);padding:0;transition:border-color .2s}.problem-scene[data-state=playing]{border-color:var(--lv)}.pm-entry{position:absolute;z-index:3;top:calc(var(--pm-marker-top, -28px) - 7px);left:calc(var(--pm-marker-left, 50%) - 7px);width:14px;height:14px;transform:rotate(45deg);border:2px solid var(--lv);background:var(--night)}.problem-scene[data-marker-entered=true] .pm-entry{background:var(--lime);border-color:var(--lime)}.problem-film{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#0f0d22}.problem-scene figcaption{padding:14px 16px 16px;margin:0;border-top:1px solid var(--line);font-size:12px;line-height:1.55;color:var(--txt)}.pm-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.problem-journey{max-width:880px;margin-inline:auto}.problem-scene:focus-visible{outline:2px solid var(--lime);outline-offset:5px}@media(min-width:801px){.problem-journey{padding-top:24px}.problem-row{gap:80px;min-height:0;padding-block:calc(var(--pm-row-gap) / 2)}.problem-copy h4{font-size:36px}.problem-copy p{font-size:18px}.problem-scene{max-width:400px}}@media(min-width:801px)and (max-width:1000px){.problem-row{gap:56px}.problem-copy h4{font-size:32px}.problem-copy p{font-size:17px}}@media(max-width:800px){.problem-journey{padding-top:40px;padding-bottom:80px}.problem-row{grid-template-columns:1fr;gap:40px;min-height:0;padding:calc(var(--pm-row-gap) / 2) 16px}.problem-row:nth-of-type(2n) .problem-copy,.problem-row:nth-of-type(2n) .problem-scene{grid-column:auto;grid-row:auto}.problem-row .problem-copy{justify-self:stretch!important;max-width:none;padding:0}.problem-copy h4{font-size:clamp(30px,5.5vw,40px);max-width:24ch;margin-bottom:20px}.problem-copy p{font-size:18px;max-width:52ch}.problem-index{margin-bottom:16px}.problem-scene{max-width:400px;margin-inline:auto}}@media(max-width:480px){.problem-row{padding-inline:0}.problem-copy h4{font-size:32px}.problem-copy p{font-size:17px}}@media(prefers-reduced-motion:reduce){.problem-scene{transition:none}}
