.sub{gap:2.5rem;display:grid}.sub-svg{--k:1;width:100%;height:auto;display:block;overflow:visible}.sub-svg path,.sub-svg rect,.sub-svg circle,.sub-svg line{fill:none}.sub-ground{stroke:var(--color-creme);stroke-width:calc(var(--k) * 1.6px)}.sub-line{stroke:#f5f2ecd9;stroke-width:calc(var(--k) * 1.2px)}.sub-thin{stroke:#f5f2ec66;stroke-width:calc(var(--k) * 1px)}.sub-yard{stroke:var(--color-creme);stroke-width:calc(var(--k) * 4px)}.sub-waterline{stroke:var(--color-bronze-soft);stroke-width:calc(var(--k) * 1.4px)}.sub-ghost{stroke:#f5f2ec99;stroke-width:calc(var(--k) * 1px);stroke-dasharray:5 5}.sub-svg .sub-tank{fill:var(--color-grafite-2);stroke:var(--color-creme);stroke-width:calc(var(--k) * 1.3px)}.sub-ring{stroke:var(--color-bronze-soft);stroke-width:calc(var(--k) * 1px);stroke-dasharray:2 5}.sub-layer{stroke:#f5f2ec52;stroke-width:calc(var(--k) * 1px)}.sub-water{stroke:var(--color-bronze-soft);stroke-width:calc(var(--k) * 1.3px)}.sub-svg .sub-water-mark{fill:var(--color-bronze-soft)}.sub-flow{stroke:#f5f2ecb3;stroke-width:calc(var(--k) * 1.1px)}#sub-hatch line{stroke:var(--color-bronze);stroke-width:calc(var(--k) * 1.4px)}.sub-svg .sub-hypothesis{fill:url(#sub-hatch);stroke:var(--color-bronze-soft);stroke-width:calc(var(--k) * 1.2px);stroke-dasharray:6 5}.sub-leader{stroke:var(--color-bronze-soft);stroke-width:calc(var(--k) * 1px)}.sub-chain path{stroke:#f5f2ec66;stroke-width:calc(var(--k) * 1px)}.sub-chain-on{stroke:var(--color-bronze);stroke-width:calc(var(--k) * 2px)}.sub-svg .sub-dot{fill:var(--color-bronze)}.sub-well path{stroke:var(--color-creme);stroke-width:calc(var(--k) * 1.1px)}.sub-svg .sub-sample circle{fill:var(--color-grafite);stroke:var(--color-bronze-soft);stroke-width:calc(var(--k) * 1.6px)}.sub-label{fill:var(--color-on-dark);font-family:var(--font-sans);letter-spacing:.02em;paint-order:stroke;stroke:var(--color-grafite);stroke-width:4px;stroke-linejoin:round;font-size:14.5px}.sub-soft{fill:var(--color-on-dark-soft)}.sub-bronze{fill:var(--color-bronze-soft)}html.motion-ok .fig.sub .sub-well,html.motion-ok .fig.sub .sub-sample{transition-delay:calc(var(--i,0) * .16s)}.sub-steps{border-top:1px solid #f5f2ec66;display:grid}.sub-steps li{border-bottom:1px solid var(--color-rule-dark);grid-template-columns:2.25rem minmax(0,1fr);padding-block:.8rem;display:grid}.sub-num{font-family:var(--font-display);color:var(--color-bronze-soft);font-size:1.0625rem;line-height:1.4}.sub-steps h3{font-size:1.1875rem;line-height:1.25}.sub-steps p{color:var(--color-on-dark-soft);margin-top:.25rem;font-size:.875rem;line-height:1.5}html.motion-ok .fig.sub .sub-steps [data-at]{opacity:1;box-shadow:inset 0 0 0 var(--color-bronze);transition:box-shadow .5s,padding-left .5s cubic-bezier(.2,.7,.2,1)}html.motion-ok .fig.sub .sub-steps [data-at] h3{color:var(--color-on-dark-soft);transition:color .5s}html.motion-ok .fig.sub[data-s1] .sub-steps [data-at="1"],html.motion-ok .fig.sub[data-s2] .sub-steps [data-at="2"],html.motion-ok .fig.sub[data-s3] .sub-steps [data-at="3"],html.motion-ok .fig.sub[data-s4] .sub-steps [data-at="4"],html.motion-ok .fig.sub[data-s5] .sub-steps [data-at="5"],html.motion-ok .fig.sub[data-s6] .sub-steps [data-at="6"],html.motion-ok .fig.sub[data-s7] .sub-steps [data-at="7"]{box-shadow:inset 2px 0 0 var(--color-bronze);padding-left:.875rem}html.motion-ok .fig.sub[data-s1] .sub-steps [data-at="1"] h3,html.motion-ok .fig.sub[data-s2] .sub-steps [data-at="2"] h3,html.motion-ok .fig.sub[data-s3] .sub-steps [data-at="3"] h3,html.motion-ok .fig.sub[data-s4] .sub-steps [data-at="4"] h3,html.motion-ok .fig.sub[data-s5] .sub-steps [data-at="5"] h3,html.motion-ok .fig.sub[data-s6] .sub-steps [data-at="6"] h3,html.motion-ok .fig.sub[data-s7] .sub-steps [data-at="7"] h3{color:var(--color-on-dark)}@media (min-width:64rem){.sub{grid-template-columns:minmax(0,1fr) 21rem;align-items:center;gap:3.5rem}}@media (max-width:47.99rem){.sub-svg{--k:2.4}.sub-label{stroke-width:7px;font-size:26px}.sub-minor,.sub-chain text{display:none}}