.opener__seven{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:var(--cobalt);stroke-width:2;opacity:.22}.ch-6 .sec:has(>p[data-lead=the-requirement]){padding-top:clamp(28px,4vw,44px);border-top:2px solid var(--cobalt)}.ch-6 .sec:has(>p[data-lead=the-requirement])>h2{color:var(--cobalt-deep)}.ch-6 p[data-lead]>strong:first-child{display:block;margin-bottom:6px;font:600 12px/1.2 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--cobalt)}.ch-6 p[data-lead=the-problem]{color:var(--ink-2)}.ch-6 p[data-lead=the-requirement]{margin:30px 0;font-family:var(--display);font-size:clamp(22px,2.5vw,29px);line-height:1.32;font-variation-settings:"SOFT" 100;letter-spacing:-.012em;color:var(--cobalt-deep)}.ch-6 p[data-lead=how-part-two-meets-it]{padding:20px 24px 22px;border-radius:16px;background:var(--tint)}.span{display:block;width:100%;height:auto;overflow:visible}.span .span__l{fill:none;stroke:var(--cobalt);stroke-width:1.4;opacity:.16;transition:opacity .25s ease,stroke-width .25s ease}.span .span__l.is-on{stroke-width:3;opacity:1}.span .span__ch circle{fill:var(--tint);stroke:var(--cobalt);stroke-width:1.8;transition:fill .25s ease}.span .span__ch text{font-size:15px;fill:var(--cobalt-deep)!important;transition:fill .25s ease}.span .span__ch.is-on circle,.span .span__ch:hover circle{fill:var(--cobalt)}.span .span__ch.is-on text,.span .span__ch:hover text{fill:#fff!important}.span .span__req{cursor:pointer;outline:none}.span .span__req rect{fill:#fff;stroke:var(--cobalt);stroke-width:1.6;transition:fill .25s ease}.span .span__req text{font-size:13.5px;font-weight:500;fill:var(--cobalt-deep)!important}.span .span__req .span__n{font-size:17px;font-weight:400}.span .span__req:hover rect,.span .span__req:focus-visible rect{fill:var(--butter)}.span .span__req.is-on rect{fill:var(--cobalt)}.span .span__req.is-on text{fill:#fff!important}.tug{display:block;width:100%;height:auto;overflow:visible}.tug__rope{stroke-width:4;transition:d .6s cubic-bezier(.3,1.5,.4,1)}.tug.is-pulled .tug__rope{d:path("M118 132 Q330 132 542 132")}.tug__knot{fill:none;stroke:var(--coral);stroke-width:7;stroke-linecap:round;transform:translateY(8px);transition:transform .6s cubic-bezier(.3,1.5,.4,1)}.tug.is-pulled .tug__knot{transform:translateY(-8px)}.tug .cap{font-size:12.5px;fill:var(--cobalt-deep)!important}@media(max-width:720px){.span .span__req text{font-size:15px}}
