.cs{position:relative;overflow:hidden;padding-block:clamp(48px,9vw,112px) clamp(56px,9vw,120px)}
.cs>.wrap{position:relative}
.cs-in{display:grid;gap:clamp(20px,3vw,32px);justify-items:center;text-align:center}
.cs-mark{display:inline-flex;align-items:center;gap:clamp(10px,2vw,22px);font-family:var(--font-mark);font-weight:500;font-size:clamp(3rem,11vw,7.5rem);letter-spacing:-.01em;line-height:1}
.cs-mark svg{width:clamp(70px,14vw,170px);height:auto;flex:none}
.cs-hr{font-family:var(--font-mono);font-size:.22em;font-weight:500;letter-spacing:.12em;color:var(--mint-ink);background:var(--mint);padding:.45em .8em;border-radius:99px;align-self:flex-start;margin-top:.5em}
.cs-in .lead{max-width:40ch}
.cd{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(8px,1.6vw,20px);width:100%;max-width:1040px;margin-top:clamp(8px,2vw,24px)}
.cd-u{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:clamp(14px,2.6vw,32px) 8px;display:grid;gap:8px;justify-items:center;min-width:0}
.cd-n{font-family:var(--font-mono);font-weight:700;font-size:clamp(2.2rem,10.5vw,7rem);line-height:1;letter-spacing:-.04em;color:var(--petrol);font-variant-numeric:tabular-nums}
.cd-l{font-family:var(--font-mono);font-size:clamp(.6rem,1.4vw,.85rem);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.cs-note{font-family:var(--font-mono);font-size:.9rem;letter-spacing:.04em;color:var(--muted);max-width:none}