.sv-hero{padding:calc(16vh + 40px) var(--gut) 8vh;display:grid;grid-template-columns:1fr minmax(0,24rem);gap:2rem 5vw;align-items:end}
.sv-hero>.mono{grid-column:1/-1;color:var(--grey);margin:0}
.sv-hero h1{font-size:clamp(3.2rem,9vw,10rem);line-height:.88;height:auto}
.sv-meta{margin:0;display:grid;gap:.8rem}
.sv-meta div{display:flex;justify-content:space-between;gap:1rem;border-top:1px solid var(--line);padding-top:.5rem}
.sv-meta dt{color:var(--grey)} .sv-meta dd{margin:0;text-align:right}
.run{position:sticky;top:70px;z-index:5;padding:1rem var(--gut);background:linear-gradient(var(--black) 70%,transparent)}
.line{width:100%;height:auto;overflow:visible}
.line .pipe{stroke:var(--line);stroke-width:6;stroke-linecap:round}
.line .flow{stroke:var(--white);stroke-width:2;stroke-dasharray:960;stroke-dashoffset:960}
.line text{fill:var(--grey);font:400 13px var(--mono);letter-spacing:.12em;text-anchor:middle}
.line text[text-anchor="end"]{text-anchor:end} .line text:not(.mk text):first-of-type{text-anchor:start}
.mk circle{fill:var(--black);stroke:var(--grey);stroke-width:2;transition:all .5s}
.mk.on circle{fill:var(--white);stroke:var(--white);r:9}
.mk.on text{fill:var(--white)}
.finds{list-style:none;margin:0;padding:6vh var(--gut) 10vh}
.find{display:grid;grid-template-columns:1.5fr 1fr;gap:clamp(24px,6vw,100px);align-items:center;padding:12vh 0;border-top:1px solid var(--line)}
.find-txt .mono{color:var(--grey)}
.find h2{font-size:clamp(2.4rem,4.6vw,4.6rem);margin:1rem 0 1.4rem}
.find p{color:var(--grey)}
.rx{color:var(--white)!important;border-top:1px solid var(--line);padding-top:1rem;margin-top:2rem}
.sv-cta{margin-top:0}
@media (max-width:900px){ .sv-hero,.find{grid-template-columns:1fr} .run{top:60px} }